.amoforms .amoforms__fields__rightside { background-color: #fff; border: 1px solid #d4d5d8; } .amoforms .amoforms__form__actions { width: 240px; padding-bottom: 18px; padding: 19px 10px 18px 19px; } .amoforms .amoforms__form__actions--clear { float: right; margin-left: 18px; width: 282px; border-radius: 2px; position: relative; border: 0; background: #f1f1f1; } .amoforms .amoforms__form__actions:before { position: absolute; content: none; top: -6px; left: 0; height: 1px; background: #d4d5d8; width: 240px; } .amoforms .amoforms__form__actions__btn { font-size: 14px; font-weight: bold; color: #92989b; margin-right: 15px; text-transform: uppercase; margin-bottom: 10px; cursor: pointer; } .amoforms .amoforms__form__actions__btn:before { content: ""; width: 11px; height: 13px; background-size: 11px 13px; background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 9px; } .amoforms .amoforms__form__actions__btn-delete { color: #92989b; margin-right: 0; } .amoforms .amoforms__form__actions__btn-delete:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjExIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTEgMTMiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMwMDA7CiAgICAgICAgZmlsdGVyOiB1cmwoI2NvbG9yLW92ZXJsYXktMSk7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgoKICAgIDxmaWx0ZXIgaWQ9ImNvbG9yLW92ZXJsYXktMSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9IiM5Mjk4OWIiLz4KICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJTb3VyY2VHcmFwaGljIi8+CiAgICAgIDxmZUJsZW5kIGluMj0iU291cmNlR3JhcGhpYyIgcmVzdWx0PSJzb2xpZEZpbGwiLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8cGF0aCBkPSJNOS45OTEsMy4yNTAgTDkuOTkxLDEzLjAwMCBMMC45OTksMTMuMDAwIEwwLjk5OSwzLjI1MCBMLTAuMDAxLDMuMjUwIEwtMC4wMDEsMi4xNjcgTDIuOTk3LDIuMTY3IEwyLjk5NywxLjA4MyBMMi45OTcsLTAuMDAwIEwzLjk5NiwtMC4wMDAgTDYuOTkzLC0wLjAwMCBMNy45OTIsLTAuMDAwIEw3Ljk5MiwxLjA4MyBMNy45OTIsMi4xNjcgTDEwLjk5MCwyLjE2NyBMMTAuOTkwLDMuMjUwIEw5Ljk5MSwzLjI1MCBaTTQuOTk1LDEwLjgzMyBMNS45OTQsMTAuODMzIEw1Ljk5NCw0LjMzMyBMNC45OTUsNC4zMzMgTDQuOTk1LDEwLjgzMyBaTTIuOTk3LDQuMzMzIEwyLjk5NywxMC44MzMgTDMuOTk2LDEwLjgzMyBMMy45OTYsNC4zMzMgTDIuOTk3LDQuMzMzIFpNNi45OTMsMS4wODMgTDMuOTk2LDEuMDgzIEwzLjk5NiwyLjE2NyBMNi45OTMsMi4xNjcgTDYuOTkzLDEuMDgzIFpNNy45OTIsNC4zMzMgTDYuOTkzLDQuMzMzIEw2Ljk5MywxMC44MzMgTDcuOTkyLDEwLjgzMyBMNy45OTIsNC4zMzMgWiIgY2xhc3M9ImNscy0xIi8+Cjwvc3ZnPgo=); } .amoforms .amoforms__form__actions__btn-duplicate:before { /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikljb25zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDExIDEzLjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExIDEzLjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTcuNCwwSDIuMnYyLjJIMHYyLjJ2MS4xdjcuN2g1LjVoMS4xaDIuMlYxMUgxMVYzLjZMNy40LDB6IE03LjcsMS45bDEuNCwxLjRINy43VjEuOXogTTcuNywxMi4xSDEuMVYzLjNoMS4xVjExaDUuNVYxMi4xeg0KCQkgTTkuOSw5LjlIMy4zVjEuMWgzLjN2My4zaDMuM1Y5Ljl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);*/ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTEgMTMuMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEgMTMuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iIzkyOTg5YiIgZD0iTTcuNCwwSDIuMnYyLjJIMHYyLjJ2MS4xdjcuN2g1LjVoMS4xaDIuMlYxMUgxMVYzLjZMNy40LDB6IE03LjcsMS45bDEuNCwxLjRINy43VjEuOXogTTcuNywxMi4xSDEuMVYzLjNoMS4xVjExaDUuNVYxMi4xeiBNOS45LDkuOUgzLjNWMS4xaDMuM3YzLjNoMy4zVjkuOXoiLz48L2c+PC9zdmc+); } .amoforms .amoforms__form__actions__btn.amoforms__form__actions__btn-duplicate { /*margin-bottom: 19px;*/ } .amoforms .amoforms__fields__rightside__item__head { border-top: 1px solid #d4d5d8; border-bottom: 1px solid #d4d5d8; background: #fff; /*display: table-cell;*/ vertical-align: middle; position: relative; width: 280px; padding: 19px 15px 18px 19px; cursor: pointer; margin-top: -1px; } .amoforms .amoforms__fields__rightside__item.expanded .amoforms__fields__rightside__item__head { background-color: #f3f4f7; } .amoforms .amoforms__fields__rightside__item__head__text { font-size: 18px; margin: 0; padding: 0; font-weight: 400; } .amoforms .amoforms__fields__rightside__item__head__text:after { content: ''; background: url(../../images/v.png) no-repeat center center; width: 20px; height: 20px; position: absolute; top: 19px; right: 15px; cursor: pointer; } .amoforms .amoforms__fields__rightside__item:not(.expanded) .amoforms__fields__rightside__item__head__text:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .amoforms .amoforms__fields__rightside__item__content { height: 0; min-height: 0; /*border-bottom: 1px solid #d4d5d8;*/ overflow: hidden; -webkit-transition: min-height .3s; -o-transition: min-height .3s; transition: min-height .3s; } .amoforms .amoforms__fields__rightside__item__content__inner { padding: 16px 19px; } .amoforms .amoforms__fields__rightside__item__content__inner p { margin-bottom: 5px; } .amoforms .amoforms__fields__rightside__item:last-child .amoforms__fields__rightside__item__content__inner { border-bottom: 1px solid #d4d5d8; } .amoforms .amoforms__fields__rightside__item__content p { margin-top: 10px; } .amoforms .amoforms__fields__rightside__item__content p:first-child { margin-top: 0; } .amoforms .amoforms__fields__rightside__item__content:after { content:''; display: block; width: 100%; height: 0; clear: both; } /* Rightside fields */ .amoforms .amoforms__fields__rightside__item__content__fields { margin-left: -5px; margin-right: -5px; } .amoforms .amoforms__fields__rightside__item__content__fields .amoforms__fields__row { display: none; } .amoforms .amoforms__fields__rightside__item__content__fields > div { float: left; } .amoforms .amoforms__fields__rightside__item__content__fields__field { width: 115px; height: 31px; /*background: #fff;*/ border: 1px solid #d4d5d8; border-radius: 3px; margin: 10px 5px 0 5px; cursor: pointer; position: relative; } .amoforms .amoforms__fields__rightside__item__content__fields__field[data-active="false"] { opacity: .5; } .amoforms .amoforms__fields__rightside__item__content__fields__field[data-active="false"]:hover { color: inherit; border: 1px solid #d4d5d8; cursor: auto; } .amoforms .amoforms__fields__rightside__item__content__fields__field:hover { color: #2e9fe3; border: 1px solid #2e9fe3; } .amoforms .amoforms__fields__rightside__item__content__fields__field p { text-align: left; margin: 4px 3px 0; padding: 2px 0 0 32px; font-size: 14px; } .amoforms .amoforms__fields__rightside__item__content__fields__field span:before { content: ""; width: 20px; position: absolute; background-size: 16px auto; background-repeat: no-repeat; background-position: left center; top: 0; left: 9px; bottom: 1px; width: 33px; } .amoforms .amoforms__fields__rightside__item__content__fields__field .select:before { left: 12px; } .amoforms .amoforms__fields__rightside__item__content__fields__field .company:before { left: 11px; bottom: 3px; } .amoforms .amoforms__fields__rightside__item__content__fields__field .address:before { left: 12px; } /* end of Rightside fields */