Your IP : 216.73.216.86
.pagetitle-inner-container .pagetitle-menu {
order: 5;
display: flex;
}
.pagetitle-inner-container .pagetitle-container {
display: flex;
}
.crm-order-instagram-edit-block {
/*background: #fff;*/
/*padding: 10px 5px 18px 5px;*/
}
.crm-order-instagram-edit-block + .crm-order-instagram-edit-block {
margin-top: 13px;
}
.crm-order-instagram-edit-block-view {
display: flex;
flex-direction: column;
}
.crm-order-instagram-edit-block .main-ui-filter-search {
height: 41px;
border: 1px solid #c8d1d6;
width: 100%;
}
.crm-order-instagram-edit-header {
display: flex;
}
.crm-order-instagram-edit-header-logo {
width: 97px;
height: 97px;
display: block;
margin-right: 20px;
flex-shrink: 0;
border-radius: 50%;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2297%22%20height%3D%2297%22%20viewBox%3D%220%200%2097%2097%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M48.5%2097C75.2858%2097%2097%2075.2858%2097%2048.5C97%2021.7142%2075.2858%200%2048.5%200C21.7142%200%200%2021.7142%200%2048.5C0%2075.2858%2021.7142%2097%2048.5%2097Z%22%20fill%3D%22%23E85998%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M57.2812%2036.563C57.2812%2035.364%2058.252%2034.394%2059.4502%2034.394C60.6494%2034.394%2061.6191%2035.364%2061.6191%2036.563C61.6191%2037.762%2060.6494%2038.7321%2059.4502%2038.7321C58.252%2038.7321%2057.2812%2037.762%2057.2812%2036.563ZM39.9287%2026.803H57.2812C63.8506%2026.803%2069.2109%2032.162%2069.2109%2038.7321V43.903H64.873V38.7321C64.873%2034.4901%2061.5244%2031.1411%2057.2812%2031.1411H39.9287C35.6865%2031.1411%2032.3379%2034.4901%2032.3379%2038.7321V56.084C32.3379%2060.327%2035.6865%2063.676%2039.9287%2063.676H54.2998V68.014H39.9287C33.3594%2068.014%2028%2062.6541%2028%2056.084V38.7321C28%2032.162%2033.3594%2026.803%2039.9287%2026.803ZM37.2178%2047.4081C37.2178%2041.144%2042.3418%2036.0211%2048.6045%2036.0211C53.9102%2036.0211%2058.3848%2039.7021%2059.6338%2044.6321C57.9658%2045.358%2056.5664%2046.5881%2055.6191%2048.123C55.6416%2047.889%2055.6533%2047.6501%2055.6533%2047.4081C55.6533%2043.4901%2052.5234%2040.3591%2048.6045%2040.3591C44.6865%2040.3591%2041.5557%2043.4901%2041.5557%2047.4081C41.5557%2051.3271%2044.6865%2054.457%2048.6045%2054.457C51.0244%2054.457%2053.1396%2053.2621%2054.4082%2051.4271C54.3438%2051.8541%2054.2998%2052.2881%2054.2998%2052.7321V57.246C52.6211%2058.225%2050.6787%2058.795%2048.6045%2058.795C42.3418%2058.795%2037.2178%2053.6721%2037.2178%2047.4081ZM59.8818%2057.4189H62.1396V54.338V54.2999C62.1377%2053.623%2062.124%2050.002%2066.8916%2050.002H70.3281V53.926H67.8008C67.3008%2053.926%2066.7959%2054.4429%2066.7959%2054.8279V57.405H70.3242C70.1816%2059.381%2069.8896%2061.189%2069.8896%2061.189H66.7783V72.387H62.1396V61.187H59.8818V57.4189Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A) no-repeat center;
background-size: cover;
}
.crm-order-instagram-edit-btn {
margin-top: 30px;
font-size: 0;
}
.crm-order-instagram-edit-title {
color: #333;
font: 22px/28px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
margin-bottom: 7px;
}
.crm-order-instagram-edit-name {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.crm-order-instagram-edit-desc {
color: #525c69;
display: flex;
flex-direction: column;
}
.crm-order-instagram-edit-decs-text:first-child {
margin-bottom: 4px;
}
.crm-order-instagram-edit-decs-link {
font: 14px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #0063c6;
text-overflow: ellipsis;
overflow: hidden;
}
.crm-order-instagram-edit-section {
color: #333;
font: 16px/24px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
border-bottom: 1px solid rgba(82, 92, 105, .1);
padding-bottom: 16px;
margin-bottom: 16px;
}
.crm-order-instagram-edit-connect,
.crm-order-instagram-edit-disconnect {
display: flex;
align-items: center;
justify-content: space-between;
}
.crm-order-instagram-edit-disconnect {
background: #def6fe;
padding: 8px 13px 8px 15px;
margin: 18px 0 5px;
}
.crm-order-instagram-edit-connect + .crm-order-instagram-edit-connect {
margin-top: 15px;
}
.crm-order-instagram-edit-content-inner {
width: 100%;
}
.crm-order-instagram-edit-user {
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #2066b0;
display: flex;
align-items: center;
}
.crm-order-instagram-edit-user-img {
border-radius: 50%;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2237%22%20height%3D%2237%22%20viewBox%3D%220%200%2037%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.5%2037C28.717%2037%2037%2028.717%2037%2018.5S28.717%200%2018.5%200%200%208.283%200%2018.5%208.283%2037%2018.5%2037z%22%20fill%3D%22%2380868E%22/%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28.808%2030.663c0-1.429-1.58-7.471-1.58-7.471%200-.883-1.14-1.892-3.382-2.48a7.572%207.572%200%200%201-2.14-.988c-.145-.083-.123-.854-.123-.854l-.722-.112c0-.062-.062-.987-.062-.987.864-.294.776-2.03.776-2.03.548.308.906-1.066.906-1.066.649-1.91-.324-1.794-.324-1.794.17-1.166.17-2.35%200-3.516-.432-3.866-6.94-2.817-6.168-1.554-1.902-.355-1.468%204.033-1.468%204.033l.412%201.136c-.81.532-.247%201.177-.219%201.918.04%201.095.701.868.701.868.04%201.807.92%202.043.92%202.043.165%201.134.062.941.062.941l-.782.096c.01.258-.01.517-.062.77-.92.415-1.118.66-2.032%201.065-1.766.785-3.685%201.805-4.026%203.179-.341%201.374-1.355%206.803-1.355%206.803H28.808z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A) no-repeat center;
width: 37px;
height: 37px;
display: block;
margin-right: 9px;
background-size: cover;
}
.crm-order-instagram-edit-dropdown-button {
display: block;
margin: 13px 0 -23px 0;
padding: 20px 0;
border: none;
background: transparent;
font: 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #535c69;
cursor: pointer;
}
.crm-order-instagram-edit-dropdown-button:after {
content: '';
display: inline-block;
margin: 0 0 0 6px;
width: 11px;
height: 7px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%207%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3EPath%3C/title%3E%3Cpath%20d%3D%22M5.485%204.228L1.37.114%200%201.484l4.8%204.8.685.687%205.486-5.485L9.6.115%205.484%204.227z%22%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
transition: opacity .3s;
opacity: .6;
}
.crm-order-instagram-edit-dropdown-button:hover:after {
opacity: 1;
}
.crm-order-instagram-edit-box-hidden {
margin: 30px 0 0;
}
.ui-alert-success-instagram-app {
margin: 13px 0 0;
}
.instagram-app-link {
border-bottom: 1px dashed rgba(39, 107, 179, .4);
transition: border .2s linear;
color: #2067b0;
text-decoration: none;
cursor: pointer;
}
.instagram-app-link:hover {
border-color: rgba(39, 107, 179, .8);
}
.pagetitle-inner-container .pagetitle-menu {
order: 5;
display: flex;
}
.pagetitle-inner-container .pagetitle-container {
display: flex;
}
.crm-order-instagram-view .crm-order-instagram-edit-content-inner {
margin: 20px 0;
}
.crm-order-instagram-view .crm-order-instagram-edit-desc {
margin: 0;
}
.crm-order-instagram-view .crm-order-instagram-edit-content-logo {
top: -15px;
}
/*region Posts list*/
.crm-order-instagram-view-list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 -8px;
}
.crm-order-instagram-view-item {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 33.3333%;
box-sizing: border-box;
position: relative;
padding: 8px;
}
.crm-order-instagram-view-item-detail {
border: 1px solid transparent;
position: relative;
border-radius: 2px;
cursor: pointer;
padding: 16px;
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1 1 0;
transition: all 0.19s linear;
}
.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-detail,
.crm-order-instagram-view-item:hover .crm-order-instagram-view-item-detail {
box-shadow: rgb(0 0 0 / 15%) 0 4px 10px;
transform: translate(0, -1px);
}
.crm-order-instagram-view-item-selected:hover .crm-order-instagram-view-item-detail { border-color: #2fc6f6; }
.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-detail,
.crm-order-instagram-view-item-input:checked + .crm-order-instagram-view-item-detail { border-color: #2fc6f6; }
.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-detail { cursor: auto; }
.crm-order-instagram-view-item-detail:before {
content: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(47, 198, 246, .1);
width: 100%;
height: 100%;
z-index: 9;
}
.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-detail:before,
.crm-order-instagram-view-item-input:checked + .crm-order-instagram-view-item-detail:before { content: ''; }
.crm-order-instagram-view-item-checkbox-container {
display: flex;
align-items: center;
justify-content: flex-start;
}
.crm-order-instagram-view-item-input-title {
font: 13px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #333;
letter-spacing: 0;
}
.crm-order-instagram-view-item-selected-icon {
opacity: 0;
background: #00b0e8;
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
position: absolute;
top: -3px;
right: -3px;
align-items: center;
justify-content: center;
transition: 180ms linear all;
}
.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-selected-icon {opacity: 1;}
.crm-order-instagram-view-item-img {
display: block;
width: 100%;
padding-top: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.crm-order-instagram-view-item-img-1 { background-image: url(img/img1.png); }
.crm-order-instagram-view-item-img-2 { background-image: url(img/img2.png); }
.crm-order-instagram-view-item-img-3 { background-image: url(img/img3.png); }
.crm-order-instagram-decal-container {
padding: 10px 0 3px;
display: flex;
align-items: center;
justify-content: space-between;
}
.crm-order-instagram-view-item-decs-block { }
.crm-order-instagram-view-item-decs { cursor: pointer; }
.crm-order-instagram-view-item-decs:first-child { margin-bottom: 7px; }
.crm-order-instagram-view-item-name {
font: 14px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #333;
letter-spacing: 0;
}
/*endregion*/
.crm-order-instagram-view-item-input {
/*margin: 0;*/
padding: 0;
margin-left: 0;
/*position: absolute;*/
/*right: 9px;*/
/*top: 16px;*/
}
.crm-order-instagram-view-imported .crm-order-instagram-edit-decs-text {
color: #0063c6;
font: 18px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.crm-order-instagram-view-imported .crm-order-instagram-view-item-input { display: none; }
.crm-order-instagram-view-imported .crm-order-instagram-view-item-img {
width: 198px;
height: 198px;
margin-right: 16px;
margin-bottom: 9px;
}
.crm-order-instagram-view-imported .crm-order-instagram-view-item { margin-right: 50px; }
.crm-order-instagram-view-imported .crm-order-instagram-view-btn {
display: none;
}
.crm-order-instagram-view-imported .crm-order-instagram-view-item:hover .crm-order-instagram-view-item-detail {
border-color: transparent;
}
.crm-order-instagram-view-imported .crm-order-instagram-view-item-input:checked + .crm-order-instagram-view-item-detail {
border-color: transparent;
}
.crm-order-instagram-view-imported .crm-order-instagram-view-item-input:checked + .crm-order-instagram-view-item-detail:before {
content: none;
}
.crm-order-instagram-view-item-price {
color: #333;
font: 18px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
cursor: pointer;
}
.crm-order-instagram-view-item-price-no {
font-size: 14px;
line-height: 18px;
}
.crm-order-instagram-view-item-price-no + .crm-order-instagram-view-item-edit {
top: 2px;
}
.crm-order-instagram-view-item-currency {
color: #828b95;
font-size: 17px;
margin-left: 3px;
}
.crm-order-instagram-view-item-edit {
cursor: pointer;
width: 15px;
height: 18px;
opacity: 0;
transition: all .2s linear;
display: inline-block;
vertical-align: top;
margin-left: 2px;
position: absolute;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11%202.47083L8.55127%200L1.45264%207.06238L3.90137%209.5332L11%202.47083ZM0.0775146%2010.9208C0.0107422%2010.8519%20-0.0155029%2010.7527%200.0090332%2010.6589L0.791382%207.72968L3.24011%2010.2005L0.337036%2010.9899C0.244141%2011.0164%200.145874%2010.9899%200.0775146%2010.9208Z%22%20fill%3D%22%23525C69%22/%3E%0A%3C/svg%3E%0A) no-repeat center;
}
.crm-order-instagram-grid-item-title-wrapper:hover .crm-order-instagram-view-item-edit {
opacity: .3;
}
.crm-order-instagram-grid-item-title-wrapper:hover .crm-order-instagram-view-item-edit:hover {
opacity: 1;
}
/* Grid style */
.crm-order-instagram-grid {
margin: 10px 0;
width: 966px;
}
.crm-order-instagram-grid .ui-grid-tile-item::before {
padding-top: 92%;
}
.crm-order-instagram-grid-imported .ui-grid-tile-item::before {
padding-top: 120%;
}
.crm-order-instagram-grid-item {
box-shadow: none;
cursor: pointer;
border: 1px solid transparent;
padding: 16px 39px 13px 15px;
border-radius: 2px;
transition: border-color .15s linear;
}
.crm-order-instagram-grid-item:hover {
border-color: #c6c6c6;
}
.crm-order-instagram-grid-item-image {
display: flex;
position: relative;
align-items: center;
justify-content: center;
background: no-repeat center center;
background-size: contain;
margin: 0;
height: 240px;
width: 240px;
}
.crm-order-instagram-grid-item-image-img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
transform: translate(-50%, -50%);
}
.crm-order-instagram-grid #crm-order-import-instagram .ui-grid-tile-item {
width: calc(32% - 18px);
}
.crm-order-instagram-grid .ui-grid-tile-item-checkbox {
top: 17px;
}
.crm-order-instagram-grid .crm-order-instagram-grid-item:before {
background: rgba(47, 198, 246, .1);
}
.ui-grid-tile-item-selected .crm-order-instagram-grid-item {
border-color: #2fc6f6;
}
.crm-order-instagram-grid-item-title {
flex: 1;
position: relative;
}
.crm-order-instagram-grid-item-title-input {
width: 100%;
top: -3px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
font-size: 14px;
line-height: 20px;
color: #525c69;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
max-width: 170px;
position: absolute;
padding: 0 5px;
height: 24px;
background: #fff;
opacity: 0;
border: 1px solid rgba(130, 139, 149, .67);
pointer-events: none;
border-radius: 2px;
box-sizing: border-box;
z-index: 99;
transition: .2s;
}
.crm-order-instagram-grid-item-title-link {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
opacity: 1;
transition: none;
cursor: pointer;
font-size: 14px;
line-height: 20px;
color: #525c69;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
max-width: 170px;
}
.crm-order-instagram-grid-item-title-link:hover {
color: #000;
border-color: transparent;
}
.crm-order-instagram-grid-item-title-wrapper-price .crm-order-instagram-grid-item-title-input {
top: 3px;
}
.crm-order-instagram-grid-item-title-wrapper {
text-align: center;
position: absolute;
width: 100%;
left: 0;
top: 0;
bottom: 0;
}
.crm-order-instagram-grid-item-title-wrapper-price {
top: 20px;
}
.crm-order-instagram-grid-item-bottom {
margin: 6px 0 0 0;
height: 39px;
clear: both;
display: flex;
min-width: 100%;
}
.crm-order-instagram-grid-item-bottom-without-icons .crm-order-instagram-grid-item-title-rename .crm-order-instagram-grid-item-title-input {
width: calc(100% + 12px);
opacity: 1;
pointer-events: auto;
}
.crm-order-instagram-grid-item-title-rename .crm-order-instagram-grid-item-title-link {
transition: .2s;
pointer-events: none;
opacity: 0;
}
.crm-order-instagram-grid-imported .crm-order-instagram-edit-decs-text {
color: #0063c6;
font: 18px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.crm-order-instagram-grid-imported .ui-grid-tile-item-checkbox,
.ui-grid-tile-item-imported .ui-grid-tile-item-checkbox {
display: none;
}
.crm-order-instagram-grid-imported .crm-order-instagram-grid-item-image {
width: 100%;
height: 198px;
}
.crm-order-instagram-grid-imported #crm-order-import-instagram .ui-grid-tile-item {
margin: 9px 14px;
width: calc(23.6% - 18px);
}
.crm-order-instagram-grid-imported .crm-order-instagram-grid-item {
cursor: auto;
padding: 10px;
}
.crm-order-instagram-grid-imported .crm-order-instagram-grid-item:hover {
border-color: transparent;
background: none;
}
.crm-order-instagram-grid-imported .ui-grid-tile-item-selected .crm-order-instagram-grid-item {
border-color: transparent;
}
.crm-order-instagram-grid-imported .crm-order-instagram-grid-item-title-link,
.crm-order-instagram-grid-imported .crm-order-instagram-grid-item-title-input {
max-width: 160px;
}
.crm-order-instagram-grid-imported .crm-order-instagram-grid-item:before {
background: transparent;
}
.ui-grid-tile-item-imported .crm-order-instagram-grid-item:before {
display: block;
}
.ui-grid-tile-item-imported .crm-order-instagram-grid-item,
.ui-grid-tile-item-imported .crm-order-instagram-grid-item:hover,
.ui-grid-tile-item-imported.ui-grid-tile-item-selected .crm-order-instagram-grid-item {
border-color: #2fc6f6;
cursor: auto;
}
.ui-grid-tile-item-imported:after {
content: '';
position: absolute;
right: 9px;
top: 18px;
width: 19px;
height: 14px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2215%22%20viewBox%3D%220%200%2019%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.27386%2010.5149L16.4048%200.383972L18.2947%202.27384L6.27386%2014.2947L0%208.02079L1.88986%206.13092L6.27386%2010.5149Z%22%20fill%3D%22%232FC6F6%22/%3E%0A%3C/svg%3E%0A) no-repeat center;
}
.crm-order-instagram-grid-item-title-link-renamed {
animation: crm-order-instagram-grid-item-title-link-renamed .5s linear forwards;
}
@keyframes crm-order-instagram-grid-item-title-link-renamed {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.crm-order-instagram-view-block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
padding: 50px 0 100px;
}
.crm-order-instagram-view-block-title {
font: 37px/44px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
margin: 0 0 139px;
color: #525c69;
position: relative;
}
.crm-order-instagram-view-block-title-dots {
position: absolute;
}
.crm-order-instagram-view-block-progressbar {
width: 270px;
}
.crm-order-instagram-view-block-progressbar .ui-progressbar-track,
.crm-order-instagram-view-block-progressbar .ui-progressbar-bar {
height: 11px;
border-radius: 6px;
}
.crm-order-instagram-view-block-process {
width: 740px;
display: flex;
align-items: center;
margin-bottom: 145px;
position: relative;
}
.crm-order-instagram-view-block-process:before {
content: '';
position: absolute;
top: -75px;
left: 175px;
width: 383px;
height: 157px;
background: url(img/progress-icon.svg) no-repeat center;
}
.crm-order-instagram-view-block-process-icon {
width: 144px;
}
.crm-order-instagram-view-block-b24-icon {
width: 270px;
height: 135px;
background: url(img/b24-icon.svg) no-repeat center;
margin-left: auto;
}
.crm-order-instagram-view-block-b24-icon-en {
background-image: url(img/b24-icon-en.svg);
}
.crm-order-instagram-view-block-empty-icon {
width: 125px;
height: 126px;
margin-bottom: 50px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22125%22%20height%3D%22126%22%20viewBox%3D%220%200%20125%20126%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20opacity%3D%220.2%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M120.755%200H0V121.725V121.725V126H125V0H120.755ZM118.525%20119.476H6.4718V6.52728H118.525V119.476Z%22%20fill%3D%22%23828B95%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14%20112H112V105.375L85.8686%2078.8736L72.7993%2092.1264L40.1314%2059L14%2085.4982V112H14Z%22%20fill%3D%22%23828B95%22/%3E%0A%3Cpath%20d%3D%22M94.5%2046C100.851%2046%20106%2040.8513%20106%2034.5C106%2028.1487%20100.851%2023%2094.5%2023C88.1487%2023%2083%2028.1487%2083%2034.5C83%2040.8513%2088.1487%2046%2094.5%2046Z%22%20fill%3D%22%23828B95%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A) no-repeat center;
flex-shrink: 0;
}
.crm-order-instagram-view-block-subtitle {
color: #dcdee1;
font: 32px/40px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
/*.crm-order-instagram-view-footer {
box-shadow: 0 -2px 4px 0 #c6c9cb;
overflow: hidden;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
padding: 15px;
background: #fff;
text-align: center;
}*/
/* footer */
.crm-entity-section.crm-entity-section-control {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 900;
box-sizing: border-box;
padding: 10px 0 0;
background-color: #fff;
box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .05);
text-align: center;
transition: all 300ms ease;
transform: translateY(100%);
}
.crm-entity-wrap.crm-section-control-active .crm-entity-section.crm-entity-section-control { transform: translateY(0); }
.crm-entity-section-control-error-block {
overflow: hidden;
margin-top: 10px;
max-height: 150px;
transition: all 300ms ease;
}
.crm-entity-section-control-error-text {
padding: 20px;
width: 100%;
background-color: #fae5e8;
color: #d0011b;
font: 400 14px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
/* messages */
.crm-order-instagram-view-message {
display: block;
overflow: hidden;
padding: 10px;
font-size: 13px;
color: rgba(83, 92, 105, .7);
line-height: 19px;
margin: 0 0 12px 0;
}
.crm-order-instagram-view-message-success {
background: #f4fcdb;
}
.crm-order-instagram-view-message-error {
background: #fad9da;
color: #d10720;;
}
.crm-ads-new-campaign {
padding: 0 !important;
background: transparent !important;
}