/*.chosen-container {*/ /*position: relative;*/ /*display: inline-block;*/ /*vertical-align: middle;*/ /*font-size: 13px;*/ /*zoom: 1;*/ /**display: inline;*/ /*-webkit-user-select: none;*/ /*-moz-user-select: none;*/ /*user-select: none;*/ /*}*/ /*.chosen-container * {*/ /*-webkit-box-sizing: border-box;*/ /*-moz-box-sizing: border-box;*/ /*box-sizing: border-box;*/ /*}*/ /*.chosen-container .chosen-drop {*/ /*position: absolute;*/ /*top: 100%;*/ /*left: -9999px;*/ /*z-index: 1010;*/ /*width: 100%;*/ /*border-top: 0;*/ /*background: #fff;*/ /*box-shadow: 0 6px 8px 3px rgba(0, 0, 0, 0.15);*/ /*margin-top: 1px;*/ /*}*/ /*.chosen-container.chosen-with-drop .chosen-drop {*/ /*left: 0;*/ /*}*/ /*.chosen-container a {*/ /*cursor: pointer;*/ /*}*/ /*.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {*/ /*margin-right: 4px;*/ /*overflow: hidden;*/ /*white-space: nowrap;*/ /*text-overflow: ellipsis;*/ /*font-weight: normal;*/ /*color: #999999;*/ /*}*/ /*.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {*/ /*content: ":";*/ /*padding-left: 2px;*/ /*vertical-align: top;*/ /*}*/ /*.chosen-container-single .chosen-single {*/ /*position: relative;*/ /*display: inline-block;*/ /*overflow: hidden;*/ /*background: transparent;*/ /*background-clip: padding-box;*/ /*text-decoration: none;*/ /*white-space: nowrap;*/ /*padding: 5px 10px;*/ /*color: #000;*/ /*-webkit-border-radius: 5px;*/ /*border-radius: 5px;*/ /*border: 1px solid #9e9e9e;*/ /*text-align: left;*/ /*}*/ /*.chosen-container .chosen-single .select-pointer {*/ /*display: block;*/ /*width: 100%;*/ /*height: 100%;*/ /*position: absolute;*/ /*top: 0;*/ /*right: 0;*/ /*display: block;*/ /*width: 18px;*/ /*height: 100%;*/ /*}*/ /*.chosen-container-single .chosen-select-no-single div b::after {*/ /*border-color: #000;*/ /*border-style: solid;*/ /*border-width: 0 2px 2px 0;*/ /*content: "";*/ /*height: 5px;*/ /*position: absolute;*/ /*right: 10px;*/ /*top: 20px;*/ /*-moz-transform: rotate(45deg); */ /*-ms-transform: rotate(45deg); */ /*-webkit-transform: rotate(45deg); */ /*-o-transform: rotate(45deg); */ /*transform: rotate(45deg);*/ /*width: 5px;*/ /*}*/ /*.chosen-container-single .chosen-search {*/ /*position: relative;*/ /*z-index: 1010;*/ /*margin: 0;*/ /*padding: 3px 4px;*/ /*white-space: nowrap;*/ /*}*/ /*.chosen-container-single .chosen-search input[type="text"] {*/ /*margin: 1px 0;*/ /*padding: 4px 20px 4px 5px;*/ /*width: 100%;*/ /*height: auto;*/ /*outline: 0;*/ /*border: 1px solid #aaa;*/ /*font-size: 1em;*/ /*font-family: sans-serif;*/ /*line-height: normal;*/ /*border-radius: 0;*/ /*}*/ /*.chosen-container-single .chosen-drop {*/ /*background-clip: padding-box;*/ /*}*/ /*.chosen-container-single.chosen-container-single-nosearch .chosen-search {*/ /*position: absolute;*/ /*left: -9999px;*/ /*}*/ /*.chosen-container-single-nosearch.chosen-container-active .chosen-single span{*/ /*color: #000;*/ /*}*/ /*.chosen-container .chosen-results {*/ /*color: #444;*/ /*position: relative;*/ /*overflow-x: hidden;*/ /*overflow-y: auto;*/ /*margin: 0 4px 4px 0;*/ /*max-height: 240px;*/ /*-webkit-overflow-scrolling: touch;*/ /*text-align: left;*/ /*}*/ /*.chosen-container .chosen-results li {*/ /*display: none;*/ /*margin: 0;*/ /*padding: 10px;*/ /*list-style: none;*/ /*line-height: 15px;*/ /*word-wrap: break-word;*/ /*-webkit-touch-callout: none;*/ /*color: #666;*/ /*font-size: 15px;*/ /*}*/ /*.chosen-container .chosen-results li.active-result {*/ /*display: list-item;*/ /*cursor: pointer;*/ /*}*/ /*.chosen-container .chosen-results li.disabled-result {*/ /*display: list-item;*/ /*color: #ccc;*/ /*cursor: default;*/ /*}*/ /*.chosen-container .chosen-results li.highlighted {*/ /*color: #000;*/ /*}*/ /*.chosen-container .chosen-results li.no-results {*/ /*color: #777;*/ /*display: list-item;*/ /*background: #f4f4f4;*/ /*}*/ /*.chosen-container .chosen-results li.group-result {*/ /*display: list-item;*/ /*font-weight: bold;*/ /*cursor: default;*/ /*}*/ /*.chosen-container .chosen-results li.group-option {*/ /*padding-left: 15px;*/ /*}*/ /*.chosen-container .chosen-results li em {*/ /*font-style: normal;*/ /*text-decoration: underline;*/ /*}*/ /*.chosen-container-active.chosen-with-drop .chosen-single div {*/ /*border-left: none;*/ /*background: transparent;*/ /*}*/ /*.chosen-container-active.chosen-with-drop .chosen-single div b {*/ /*background-position: -18px 2px;*/ /*}*/ /*.chosen-container-active .chosen-choices {*/ /*border: 1px solid #5897fb;*/ /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/ /*}*/ /*.chosen-container-active .chosen-choices li.search-field input[type="text"] {*/ /*color: #222 !important;*/ /*}*/ /*.chosen-disabled {*/ /*opacity: 0.5 !important;*/ /*cursor: default;*/ /*}*/ /*.chosen-disabled .chosen-single {*/ /*cursor: default;*/ /*}*/ /*.chosen-disabled .chosen-choices .search-choice .search-choice-close {*/ /*cursor: default;*/ /*}*/ /*.chosen-container-single .chosen-search input[type="text"] {*/ /*border: medium none;*/ /*border-radius: 0;*/ /*font-family: sans-serif;*/ /*font-size: 1em;*/ /*height: 50px;*/ /*line-height: 50px;*/ /*line-height: normal;*/ /*margin: 0;*/ /*outline: 0 none;*/ /*padding: 0 30px 0 20px;*/ /*width: 100%;*/ /*border: 1px solid #ccc;*/ /*position: relative;*/ /*top: -3px;*/ /*}*/ /*.chosen-container-single .chosen-search {*/ /*left: 0;*/ /*margin: 0;*/ /*padding: 0;*/ /*height: 48px;*/ /*position: absolute;*/ /*top: -48px;*/ /*white-space: nowrap;*/ /*width: 100%;*/ /*z-index: 1010; */ /*}*/ .ico-arrow-down, .link-a.ico-arrow-down{ position: relative; padding-right: 20px; display: inline-block; } .btn-simple{ padding-right: 20px; } .pamfax_form .link-a, .link-a { color: #a61dbb; text-decoration: underline; } .ico-arrow-down:after { border-color: #a81eba; border-style: solid; border-width: 0 1px 1px 0; content: ""; height: 8px; position: absolute; right: 0; top: 40%; transform: translate(-50%, 0px) rotate(45deg); width: 8px; display: inline-block; } .ico-arrow-down.active:after{ transform: translate(-50%, 0px) rotate(-135deg); top: 50%; } .btn-sm-done{ background: #e463f8; border: 1px solid #e463f8; font-size: 16px; padding: 2px 10px; font-size: 13px; font-weight: 500; text-transform: uppercase; border-radius: 4px; display: inline-block; color: #fff; margin-right: 5px; } .btn-sm-done:hover, .btn-sm-done:focus, .btn-sm-done:active{ background: #fff; border: 1px solid #e463f8; color: #e463f8; } .btn-sm-cancel{ background: #fff; border: 1px solid #94c22d; font-size: 16px; padding: 2px 10px; font-size: 13px; font-weight: 500; text-transform: uppercase; border-radius: 4px; display: inline-block; color: #94c22d; } .btn-sm-cancel:hover, .btn-sm-cancel:focus, .btn-sm-cancel:active{ background: #94c22d; border: 1px solid #94c22d; color: #fff; } .portal input[type="text"].input-base, .select-base{ background-color: #FFF; border: 1px solid #999; padding: 2px 5px; display: inline-block; height: 30px; margin: 2px 0 5px; border-radius: 4px; font-size: 14px; width: 90%; } .portal .table-faxes > ul > li.with-filters, .portal .table-faxes > ul li:nth-child(4).with-filters, .portal .table-contacts > ul > li.with-filters, .portal .table-contacts > ul li:nth-child(2).with-filters, .portal .table-contacts > ul li:nth-child(4).with-filters { height: auto; text-align: left; padding-bottom: 5px; } /*============================================================================================================================================================================================= ===============================================================================================================================================================================================*/ .grid { display: inline-block; margin-right: -4px; vertical-align: middle; } .portal .blocks-box{ overflow: hidden; } .portal .phone-bl{ display: none; } .portal .btn-phone-50-box{ padding-left: 10px; } .portal{ min-height:50vh; padding: 50px 0 70px; } .portal section{ padding: 0 0 30px; } body{ background: #f9f9f9; } .portal .grid { display: inline-block; margin-right: -4px; vertical-align: top; box-sizing: border-box; } .grid-3 {width: 3%;}.grid-10 {width: 10%;}.grid-14 {width: 14%;}.grid-15 {width: 15%;}.grid-16 {width: 16%;}.grid-19 {width: 19%;}.grid-20 {width: 20%;}.grid-22 {width: 22%;}.grid-24 {width: 24%;}.grid-25 {width: 25%;}.grid-27 {width: 27%;}.grid-28 {width: 28%;}.grid-30 {width: 30%;}.grid-33 {width: 33.33%;}.grid-35 {width: 35%;}.grid-38 {width: 38%;}.grid-40 {width: 40%;}.grid-45 {width: 45%;}.grid-48 {width: 48%;}.grid-47-5 {width: 47.5%;} .grid-50 {width: 50%;}.grid-52 {width: 52%;}.grid-55 {width: 55%;}.grid-60 {width: 60%;}.grid-65 {width: 65%;}.grid-67 {width: 67%;}.grid-70 {width: 70%;}.grid-72 {width: 72%;}.grid-75 {width: 75%;}.grid-80 {width: 80%;}.grid-85 {width: 80%;}.grid-90 {width: 90%;} .clear{clear: both;} .portal .grid-bottom {vertical-align: baseline;} .portal .grid-center {vertical-align: middle;} .indent-40{margin: 40px 0;} .indent-b-35{margin-bottom: 35px;} .indent-b-10{margin-bottom: 10px;} .indent-t-10{margin-top: 10px;} .loader-box { display: inline-block; height: 100px; position: relative; vertical-align: middle; width: 100px; } .loader-box .load{ background-color: transparent; } /* ----------------- - vertical-center - ----------------- */ /*
center in vertical
нужно указывать мин высоту внешнего блока */ .vertical-center::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; width: 0; } .vertical-center > * { display: inline-block; vertical-align: middle; margin-right: -4px; } .portal .sm-container{ max-width: 860px; margin: 0 auto; } .portal .light-box{ background-color: #FFF; border-radius: 10px; margin: 30px auto; padding: 20px 40px; overflow: hidden; } .portal .dark-box{ background-color: #ededed; border-radius: 10px; padding: 20px 30px; } .portal .transp-box{ padding: 30px 30px 0 30px; } .portal .light-box p{ font-size: 16px; } .portal .light-box p a{ padding-right: 10px; } .portal .light-box h2{ color: #4c4552; font-size: 16px; margin: 10px 0; font-weight: 200; } /* ========================================================================== text-styles =================================================;*/ .portal .title-main{ font-weight: 200; color: #4B4254; font-size: 40px; text-align: center; } .portal .title-style-03 { font-size: 20px; font-weight: bold; text-align: center; margin: 25px 0; } .portal .title-style-02{ border-bottom: 1px solid #ddd; font-size: 20px; font-weight: bold; margin: 25px 0; } .portal .title-style-01{ border-bottom: 1px solid #ddd; font-size: 10px; font-weight: bold; margin: -5px 0 10px 0; } .portal .title-article{ font-weight: 200; color: #4B4254; font-size: 36px; text-align: left; margin-bottom: 20px; } .portal h1 span{ font-weight: 200; } .portal p{ margin: 10px 0; font-size: 18px; } .portal .table-row p{ margin: 0; } .portal-shop p{ font-size: 16px; } .portal p, .portal p span{ font-weight: 200; } .portal .marking{ color: #A61DBB; } .portal .light-txt{ color: #898989; } .portal .ico-fl{ width: 16px; height: 11px; display: inline-block; margin: 0 10px 0 0; vertical-align: middle; /* border-radius: 50%;*/ background-size: 100%; } .portal .style-s{ font-weight: 200; text-decoration: none; color: #a71ebb; } .portal .style-s:hover{ text-decoration: underline; } .portal .title-s{ font-size: 18px; color: #4B4254; font-weight: bold; margin: 5px 0; line-height: 2; } .portal .title-s-b{ font-size: 18px; color: #4B4254; font-weight: bold; margin: 5px 0; border-bottom: 1px solid #DDD; line-height: 2; } .portal .title-c, .portal .title-c a{ font-size: 18px; color: #b74ac8; font-weight: bold; margin: 5px 0; } .portal .title-m{ margin-bottom: 15px; } .portal .txt-14, .portal .shop-descr{ font-size: 14px; } .portal .txt-18{ font-size: 18px; } .portal .txt-20{ margin: 50px 0 30px; font-size: 20px; } .portal .marker li::before { background-color: #ad39c0; border-radius: 50%; content: ""; display: inline-block; height: 6px; left: 0; position: absolute; top: 8px; width: 6px; } .portal .marker li { padding-left: 15px; position: relative; } .portal .link-color{ color:#a71ebb; text-decoration: underline; text-transform: none; font-weight: 200; } .portal .link-color:hover{ text-decoration: none; } /* ======================== bread-crumbs ======================================;*/ .portal .bread-crumbs { margin-bottom: 20px; } .portal .bread-crumbs a{ display: inline-block; color: #898989; font-size: 16px; text-decoration: underline; } .portal .bread-crumbs a.active, .bread-crumbs a:hover{ color: #a71ebb; text-decoration: none; } .portal .bread-crumbs a.active{ cursor: default; } .portal .bread-crumbs a:not(:last-child):after { content: '/'; display: inline-block; margin: 0 11px; } .portal .img-box{ overflow: hidden; float: left; margin-right: 10px; } .portal .img-box img{ max-width: 100%; } .portal .img-box-sm{ width: 100%; } .portal hr { width: 100%; height: 1px; background: #ddd; border: none; margin: 0; } /* ========================================================================= buttons-styles ==================================================================================;*/ .portal [class*="btn-style"]{ box-sizing: border-box; cursor: pointer; text-decoration: none; text-align: center; color: #fff; box-shadow: none; border: 2px solid transparent; margin: 10px 0; } .portal [class*="btn-style"]{ transition: all 0.5s ease 0s; } .portal [class*="btn-style"]:not(:last-child), [class*="btn-style"]:not(:last-child){ margin-right: 10px; } .portal .btn-style-0{ vertical-align: middle; display: inline-block; color: #898989; text-decoration: underline; background-color: transparent; padding: 0 10px; } .portal .btn-style-0:hover{ text-decoration: none; } .portal .btn-style-01{ vertical-align: middle; display: inline-block; background: #94c22d none repeat scroll 0 0; font-size: 16px; padding: 8px 30px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 5px; } .portal .btn-style-01:hover, .portal .btn-style-04:hover, .portal .btn-style-03:hover{ background-color: #fff; border-color: #94c22d; color:#94c22d; } .portal .btn-style-02, .btn-style-02{ vertical-align: middle; display: inline-block; background-color: #ae00c7; font-size: 16px; padding: 8px 20px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 5px; color: #fff; text-decoration: none; text-align: center; border: 2px solid #ae00c7; } .portal .btn-style-02.disabled, .btn-style-02.disabled { /*background-color: #b7adb9;*/ cursor: default; } .portal .btn-style-05.disabled { /*background-color: #b7adb9;*/ cursor: default; } .portal .btn-style-01.disabled { /*background-color: #b7adb9;*/ cursor: default; } .portal .btn-style-20.disabled { /*background-color: #b7adb9;*/ cursor: default; } .portal .btn-style-02:hover, .btn-style-02:hover{ background-color: #fff; border-color: #ae00c7; color:#ae00c7; } .portal .btn-style-03{ vertical-align: middle; display: inline-block; background-color: #94c22d; font-size: 16px; padding: 8px 15px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 10px; } .portal .ico-download{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTczNTI3MTQwREVEMTFFNkFFNzQ4QzM1REQwOTY5RDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTczNTI3MTUwREVEMTFFNkFFNzQ4QzM1REQwOTY5RDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNzM1MjcxMjBERUQxMUU2QUU3NDhDMzVERDA5NjlENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNzM1MjcxMzBERUQxMUU2QUU3NDhDMzVERDA5NjlENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiDWqT0AAADUSURBVHjaYvj//z8DHnznPwLcwaeWEUTgAIxA/A9NjAmIsWoYxgaxoPEFgTgeagg7FvXlQPwTathCIH4Pl0ELfREg/vyfMPgMVQvXiy0qxYD4PR5D3kPVMBAyCISFgPg1FkNeQ+UYiDUIhPmB+AmSISA2H74ECQpUUSwB+wyIuYD4EpSvC8TfgVgKi9rXINMe4AiLTUDMBMSsUAxir8eh9gEDgdg5CMTaQGwAxMfxKWT4TzqYBMQBUHY8EDeBGEwMpANmIP6DxP8DS5DT/1MOpgMEGADtjWMUZABW6QAAAABJRU5ErkJggg=='); background-position: center; background-repeat: no-repeat; display: inline-block; width: 20px; height: 20px; margin-right: 12px; } .portal .btn-style-02:focus .ico-download, .portal .btn-style-02:hover .ico-download{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDQ4REYwQkYwREVEMTFFNkI4RTVFMTI3NEU5MUJBODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ4REYwQzAwREVEMTFFNkI4RTVFMTI3NEU5MUJBODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NDhERjBCRDBERUQxMUU2QjhFNUUxMjc0RTkxQkE4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NDhERjBCRTBERUQxMUU2QjhFNUUxMjc0RTkxQkE4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlhQT2YAAAD4SURBVHjaYlzHcJwBD7gDxMpQ9l0gVkFXEPjfAkwz4TGEEckQBiibEZdifAaRBAafQSxofEEgjoeGBTsW9eVA/BOI/wPxQiB+Dw9QtFgTAeL7QMxDwAFfgFgRiN/girU30Nj5gMeQD1A1bwiF0StsCtEsekVsYL+DJr6nSGJPoYa8w5rogGEEClRRLHLPgJgLiC9B+bpA/B2IpbCofQ2KtZtALI9FcjMQBwCxOpT/F4jXQsXQwUMmHIaAgC8Q7wdiNSDWBuKjOAwBAXkWAtFsB8RX0MQmA/E+IF4PxAnQcKslJ2UzA/EfJP4fWGBPB9IZFOaQGQABBgC3DTH7VauvqQAAAABJRU5ErkJggg=='); } .portal .btn-style-04{ background: #94c22d none repeat scroll 0 0; font-size: 16px; padding: 8px 30px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 5px; display: block; width: 100%; } .portal .btn-style-05{ background: #fff; border: 2px solid #94c22d; font-size: 16px; padding: 8px 30px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 5px; display: inline-block; color:#94c22d; } .portal .btn-style-05:hover{ background: #94c22d; color:#fff; } .portal .btn-skype { background-color: #00AFF0; background-image: url('../img/skype-logo.png'); background-position: center; background-size: cover; width: 160px; height: 47px; border-radius: 10px; box-shadow: 0 4px 0 #009fda; } .portal .btn-skype:hover { margin-bottom: -3px; margin-top: 3px; box-shadow: none; } .portal .btn-no-indent{ margin: 0; } /* ----------------- - btn close - ----------------- */ .portal .close-btn{ display: block; background: transparent; cursor: pointer; width: 12px; height: 12px; } .portal .close-btn::before, .portal .close-btn::after { content: ""; position: absolute; border: 1px solid #9b9b9b; width: 14px; top: 5px; left: 0; } .portal .close-btn::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .portal .close-btn::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .portal .close-btn-style-1::before, .portal .close-btn-style-1::after { background-color: #bbb; border-radius: 2px; height: 22px; right: 11px; top: -2px; width: 4px; } .portal .close-btn-style-1:hover::before, .portal .close-btn-style-1:hover::after { background-color: #9b9b9b; } .portal .close-btn-style-1 { height: 24px; position: relative; width: 24px; margin: 0 auto; top: 5px; } /* ============================ forms-styles ============================================================================================= ========================================================================================================================================================== ==========================================================================================================================================================*/ .portal input[type="text"], .portal input[type="password"], .portal input[type="email"], .portal textarea{ margin: 0; width: 100%; } select,label,input { cursor: pointer; } input[type="text"], input[type="password"] { cursor: auto; } .portal input[placeholder] {text-overflow:ellipsis;color:#4c4552;} .portal input::-moz-placeholder {text-overflow:ellipsis;color:#4c4552;} .portal input:-moz-placeholder {text-overflow:ellipsis;color:#4c4552;} .portal input:-ms-input-placeholder {text-overflow:ellipsis;color:#4c4552;} .portal input:-webkit-input-placeholder {text-overflow:ellipsis;color:#4c4552;} .portal input::-webkit-input-placeholder {text-overflow:ellipsis;color:#4c4552;} .portal form input[type="button"], .portal form input[type="submit"]{ display: inline-block; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; border: none; cursor: pointer; -webkit-box-shadow: none; background: transparent; margin: 0; min-width: 0; padding:0; } .portal .form-container{ max-width: 1000px; margin: 20px auto; } .portal label{ font-weight: 200; } .portal .form-style-01{ margin: 30px 0; padding-right: 150px; font-size: 16px; } .portal .form-style-01 .grid{ vertical-align: middle; } .portal .form-style-01 label{ padding-right: 20px; font-size: 16px; } .portal .form-style-01 .inpTxtBl{ margin-bottom: 10px; } .portal .form-style-01 .inpSelectBl{ margin-top: 0; } /* ********************************************** checkbox styles **************************************************** */ /*
*/ .portal .checkbox-style input[type="checkbox"] { display: none; } .portal .checkbox-style input[name="checkbox-style"], .portal .checkbox-style label i{ position: relative; cursor: pointer; } .portal input[type="file"]:hover{ border: none; } .portal .checkbox-style i{ display: inline-block; width: 24px; cursor: pointer; position: relative; top:-2px; } .portal .checkbox-style label i::before { content: ""; display: inline-block; position: relative; z-index: 2; vertical-align: middle; -webkit-border-radius: 8px/7px; -moz-border-radius: 8px/7px; border-radius:8px/7px; height: 24px; width: 24px; background: #fff; border: 1px solid #898989; } .portal .checkbox-style input[name="checkbox-style"]:checked + label i::before { border:2px solid #a81eba; } .portal .checkbox-style input[name="checkbox-style"]:checked + label i::after { position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: ""; display: block; width: 8px; height: 14px; left:9px; top: 6px; z-index: 4; border: 3px solid #a81eba; border-top: none; border-left: none; } .portal .surely{ color: #A71EBB; padding: 0 5px; } form input[type="button"].input_zoom { background-image: url("/img/zoom.png"); background-repeat: no-repeat; background-position: right 10px top 8px; background-size: 24px auto; } .portal .search-form input[type="submit"] { height: 45px; position: absolute; right: 0; top: 0; width: 45px; z-index: 3; } .portal .inp-search { margin: 10px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; } .portal .inpTxtBl { padding-bottom: 10px; position: relative; } .portal .inpSelectBl { /*margin: 10px 0;*/ } .portal .inp-lg { width: 310px; margin-right: 10px; } .portal .inpSelectBl .chosen-container { display: block; font-size: 14px; } .portal .inpSelectBl .chosen-container-single .chosen-single { border: 1px solid #898989; padding: 9px 20px; position: relative; vertical-align: middle; width: 100%; color: #4C4552; font-size: 16px; border-radius: 10px; } .portal .inpSelectBl .chosen-container .chosen-single .select-pointer::before { content: ""; width: 9px; height: 9px; display: inline-block; border: 2px solid #898989; border-top: none; border-left: none; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 15px; bottom: 18px; } /* =============================================================================================================================================================*/ /* ======================================================================== PAGES STYLES =====================================================================*/ /* =============================================================================================================================================================*/ /* ============================ SHOP ========================= */ .portal .aside-shop { padding: 0 20px 40px 0; } .portal .aside-shop .inpSelectBl{ margin-top: 10px; } .portal .your-cart{ background-color: #ededed; border-radius: 10px; padding: 20px 0; margin-top: 15px; } .portal .your-cart h2{ padding: 0 30px 10px; } .portal .your-cart li{ padding: 0 30px; } .portal .your-cart li:first-child{ background: #ddbce2; } .portal .your-cart li:first-child p{ font-weight: bold; margin: 5px 0; } .portal .your-cart li:not(:first-child){ border-bottom: 1px solid #ddd; } .portal .your-cart li:last-child{ border-bottom: none; } .portal .shop-list{ margin-bottom: 30px; } .portal .shop-box{ width: 49%; display: inline-block; vertical-align: top; background-color: #FFF; border-radius: 10px; margin-top: 20px; padding: 20px 25px; margin-right: -4px; } .portal .shop-box:nth-child(even){ margin-left: 2%; } .portal .shop-box .img-box{ width: 100px; } .portal .shop-box .chosen-container-single .chosen-single { display: inline-block; font-size: 14px; min-width: 100%; overflow: hidden; padding: 10px 30px 10px 10px; text-overflow: ellipsis; white-space: nowrap; width: 260px; } .portal .shop-box .btn-style-02{ vertical-align: bottom; margin-bottom: 0; } .portal .shop-box .img-cart-box{ vertical-align: bottom; display: inline-block; max-width: 210px; } .portal .shop-box .txt-box{ margin-left: 110px; } .portal .shop-item{ overflow: hidden; padding: 10px 0 30px; } .portal .shop-item .shop-item-price{ display: inline-block; font-size: 16px; padding: 8px 30px; font-size: 18px; font-weight: 200; border-radius: 10px; background-color: #ededed; margin-bottom: 10px; } .portal .shop-item .shop-item-price strong{ font-weight: 700; font-size: 24px; line-height: 1; } .portal .shop-item .inpTxtBl { padding: 0; } .portal .shop-item .chosen-container-single .chosen-single { display: inline-block; font-size: 16px; min-width: 100%; overflow: hidden; padding: 10px 30px 10px 10px; text-overflow: ellipsis; white-space: nowrap; } .portal .shop-item .img-box { width: 310px; } .portal .shop-item .txt-box, .portal .shop-item .highlights-box { margin-left: 330px; } .portal .shop-item .txt-box .btn-style-02 { padding: 8px 0; } /* ============================ portal ========================= */ .portal [class*="table-"] > ul > li{ display: inline-block; vertical-align: middle; margin-right: -4px; } .portal .table-portal-box > ul > li:nth-child(1){ width: 21%; } .portal .table-portal-box > ul > li{ width: 70%; cursor: pointer; } .portal .table-portal-box .table-row > li:nth-child(2) p{ padding-left: 30px; } .portal .table-portal-box.dashboard .table-row > li:nth-child(2) p{ padding-left: 0; } .portal .table-portal-box > ul > li:nth-child(2) p{ text-overflow: ellipsis; overflow: hidden; } .portal .table-portal-box > ul > li:nth-child(2) p .link-color{ display: none; } .portal .table-portal-box > ul > li:nth-child(3){ width: 9%; } .portal .table-portal-box > ul{ border-bottom: 1px solid #d6d6d6; } .portal .table-portal-box > ul:nth-child(2n){ background-color: #EDEDEF; } .portal .table-portal-box > ul > li{ padding: 5px 10px 5px 10px; } [class*="ico-message-"] { width: 21px; height: 25px; display: inline-block; margin-right: 10px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; bottom: 0; left: 0; } .ico-message-received{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REFGNjJBNDAwREY0MTFFNjk3NkZCMkQ2NzZBRENGNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REFGNjJBNDEwREY0MTFFNjk3NkZCMkQ2NzZBRENGNjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQUY2MkEzRTBERjQxMUU2OTc2RkIyRDY3NkFEQ0Y2MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQUY2MkEzRjBERjQxMUU2OTc2RkIyRDY3NkFEQ0Y2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5tYu0AAAHUSURBVHjapJXNK4RRFMbfkZnCLDAWZkIkUj7SyI4Vq0E+Rmwt+C98NPgP7FhZWTA+yqR8rOyIBZFoIkxj4aM0k5qZhefUc/V23bdRTv26nHvO033vOfeMa63mwHKwajAIxkE7SIMzsAd2wJMpqcDgC4BD8AiWQBdIgk8Qou+RMYF8gpKQAD1gDviBCzQSF30zjEkwxyjYB2LgDlSAefBi+ALxLTLmljkhXbAK7IIb0ALerPwmMa3MiVHjR3CTazfIGJJLiG4Z5ohtK8Fa0Mk7ezUkucE7cRv2X5nbAepEMMyNFYdPKwIeUuQQs8w1LIIjPHrScLJyUG/z1dPnNhRKNIYLWYQrLcALPkCh5j/nmgNlIGXbuwZtBXwBXuv/VqyKcgkatM0Uq+oDQZs/SF+JdjqLjX8hgvt0+A0tIZWN23xx+vTWquS6JYJR/jPl8ClfvLMc/zbZJNeoCD6AUxDhc9ItC0pJ1rAvOQucRPfqpahePGa/6ZYmunmYIzZkf3oy2wZAE4vk+0NVfYyVnH7wrE8bGQ5jrJY8p1nbZesFmGZMIwdwTG3qjbvOqbHKO42woqrxm21XcgQm1MmcBC0OzV4OjVH+DKhePOH432Axf9m3AAMA1+Fm/gG4HtgAAAAASUVORK5CYII='); } .ico-message-send{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUFENjZCMzAwREY1MTFFNjlBRkNEQ0Q1RUIwRUQxMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUFENjZCMzEwREY1MTFFNjlBRkNEQ0Q1RUIwRUQxMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQUQ2NkIyRTBERjUxMUU2OUFGQ0RDRDVFQjBFRDEzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQUQ2NkIyRjBERjUxMUU2OUFGQ0RDRDVFQjBFRDEzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgu98P8AAAHDSURBVHjajJU9SwNBEIaTJWJjYetHSGVQMWKpIIhYKMKBJDGF2tppYeGvUCxUxF9gYZITVNQUYhAbKz8iorExaEQrC7EL6DswA8Oxm2Tg4XJ3O+/u3uy8CW9fJkKO6AYemAND4AfcgGNwCKq2pIjlWSfIg+HA8zbQAabBDjgH8+CrnuAkOAGG79/AFijzfRwsgyiYAB88QcEmmAZZ/v0EZsGDZQdrYAD4oAecgYzkGrVNETsCCYeYBL3r57EU+6BLC+b5SltLglqocdR4rHyOnAjGVAG8JsToM62APh7r8XPSiBmeRVZXbkLsAmzwNZiXNFwMil2V2AraHWKjqoihQG7acMWkshRhUAHfYMwhNg6ulOAzXwdJ8JdvWvj6pypcBDMWsaKrQUiwpA6txJRawUEDMZ17b/hgUiwGjkRwWy4xnZszvAKZJW4RXWVzcInpPJ8EX8G16pJIQHQd3NU5RtItpFGRTkmp2XyHC9nEfLW6lG69Kje4dEtJHSdb0LtH1SUZ8Ue9kixXl+yrl0XJvjbBC48hd1nidpUg+zp1+WGBvU4MNsp2ZQsy2AXw2cixyTRHLH8BFLdgjwvxbpvlX4ABAAgVaFMbWkE7AAAAAElFTkSuQmCC'); } .ico-message-try{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEJENTkwREY1MTFFNkIwMjNBQUI2NUJBNzUzRDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEJENUEwREY1MTFFNkIwMjNBQUI2NUJBNzUzRDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzc0QkQ1NzBERjUxMUU2QjAyM0FBQjY1QkE3NTNEOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNzc0QkQ1ODBERjUxMUU2QjAyM0FBQjY1QkE3NTNEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvpPt2MAAAHBSURBVHjanJTPK4RhEMff3dZKXFzEWoXiIG3ysxCK29q2tcTNxc1BcVf+ATm4iYMLNj9TlHqVpJRQHFAK7e5fgIu06zs1T03T89qY+vTO+zzzzDvzvDPjy886XlID4mActIBPcA2OwQFI2w75LA5DYB0MOr+LCyZBVi76ldEwG0hn3xzZFetGyCbDZ6wOaeNQvG+BOhAE7aCT9TDYEHZ0JqpTDos7yYEBcF4g5X5wKoKiO8+Yl11hqJ0VgWkwA8rE+hnoE+/7JuVa0MGL25bIGsAyWAI9au8CrLHeRldEDpPCYM5WCQVSnxd6khyOiL+Zdv4uWfH3E+SwmV/uQd75nzzyM+LnDiAp9TD+EPq7h03OKAGOrAo08n3pKN9APSgWkWhp4ucdRXgiNqotxuXgGTyASst+iAMj2fOrGly0HKgQxWv74ILQd8jwhXuVZAz0qgNP3LdRYWekG0yxfku+zJcTqgO0U2qxI7XWpZogLocD1V9MDAwyXOX+9FnubAVcivMxU8N6Hk6oSULyxemUcM3qkUcDOOU1Dzd58rhiLcjpRZS9yxmkpIOARysN8dAY5btp5b0bHv80RF5tBfkjwAAg71tfBHWU5gAAAABJRU5ErkJggg=='); } .ico-message-retry{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzIwOUExQjcwREY1MTFFNkEwQ0FFNUNDMTI5NTA4OTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzIwOUExQjgwREY1MTFFNkEwQ0FFNUNDMTI5NTA4OTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjA5QTFCNTBERjUxMUU2QTBDQUU1Q0MxMjk1MDg5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMjA5QTFCNjBERjUxMUU2QTBDQUU1Q0MxMjk1MDg5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmsuE4YAAAF+SURBVHjanJTNK0RhFIdnJhYoJULKpCRZocRCsrCQ8rHxEbEhUVZ2sqJkaadYWJkiuymfiYVSKP4AhYYUUZpiMSl5Tp1bZ675uNepp+5573t+7+/9DIbHjgMeIgYbsAKfqTqEMhSXQBdMQRgW4QFmIc+LUCNE4QX2Yc0lLq5uYcIW5ZjvIMzDgqs9VRRDdTpHy7DkEpGRt0z+DetQo4P+EeqHOdN+A61QCyOQgAjUwTQ8uy3K6PmwatqOoE+LnSiDeKa5iqMhKNX8VfOEq1882/kQoV6Tr3gpSidUb/Jo4J8ha1Rh8juf9Q16tt5F6Mf8KPAxNdmkK8iFr5DLRYsPN00qInEvQmfm57gPIXtFzkVo0zQMQqcHkTYYNXlEhC5gz9y3nSxi7bq7zq04cRxJzMCbfhfCgQrKGauEKuiGbTiFIu0rNZP29sf07dmFcnU2oKSLD+jRNyrp9l/rrh16WCNx1QyXqd4jiUd1JuswDB36OorDJ10PZ3pJ8SvAAPKDRvJzP3EvAAAAAElFTkSuQmCC'); } /* ============================ contacts ========================= */ .portal .table-contacts{ margin: 20px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; border: 1px solid #d6d6d6; font-size: 18px; } .portal .table-contacts > ul:not(:last-child){ border-bottom: 1px solid #d6d6d6; } .portal .table-contacts > ul:nth-child(2n), .portal .table-faxes > ul:nth-child(2n) { background-color: #EDEDEF; } .portal .table-contacts > ul:not(:last-child) > li{ height: 74px; min-height: 74px; padding: 0 10px 0 30px; } .portal .table-contacts > ul:not(:last-child) li:nth-child(1){ padding: 0; text-align: center; width: 6%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(2){ width: 24%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(3){ width: 18%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(4){ width: 19%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(5){ width: 18%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(6){ padding: 0; text-align: center; width: 15%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(7){ width: 3%; padding: 0 0 0 15px; text-align:center; } .portal .contacts-paginator, .portal .table-contacts > ul:nth-child(2n).contacts-paginator{ background-color: #4B4254; } .portal .table-contacts > ul:not(:last-child) > li:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; width: 0; } .portal .table-contacts > ul > li > * { display: inline-block; vertical-align: middle; margin-right: -4px; width: 100%; } .portal .table-contacts .table-caption{ background-color: #DD66DC; color: #fff; font-weight: bold; } .portal .table-contacts .table-caption label i{ cursor: default; } .portal .table-contacts .light-txt{ font-size: 16px; } .portal .table-contacts .link-color{ font-size: 18px; } .portal .table-contacts .close-btn{ display: none; } .portal .table-contacts > ul:not(:last-child):hover, .portal .table-contacts > ul:not(:first-child):hover, .portal .table-portal-box > ul:not(:first-child):hover{ background-color: #edd2f1; } .portal .table-contacts > ul:hover .close-btn{ display: inline-block; } .portal .table-contacts .contacts-paginator { padding-left: 20px; } .portal .table-contacts .contacts-paginator a{ color: #fff; font-size: 16px; display: block; padding: 5px; margin: 0 5px; min-width: 10px; min-height: 10px; } .portal .table-contacts .contacts-paginator a:hover{ color: #dd66dc; } .portal .table-contacts .contacts-paginator li.next a, .portal .table-contacts .contacts-paginator li.prev a{ width: 10px; position: relative; } .portal .table-contacts .contacts-paginator li.next a:after, .portal .table-contacts .contacts-paginator li.prev a:after { content: ""; border-color: #fff; border-style: solid; border-width: 0 2px 2px 0; height: 10px; position: absolute; width: 10px; left: 3px; top: 0; } .portal .table-contacts .contacts-paginator li.next:hover a:after, .portal .table-contacts .contacts-paginator li.prev:hover a:after { border-color: #dd66dc; } .portal .table-contacts .contacts-paginator li.prev a:after { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .portal .table-contacts .contacts-paginator li.next a:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .portal .table-contacts .phone-bl{ display: none; } /* ************* PAGE buy-pamfax-credit ************ */ .table-style-01-box{ margin: 60px auto; max-width: 640px; text-align: center; } .table-style-01-box ul li{ width: 24%; display: inline-block; vertical-align: top; } output#rezultat { font-size: 24px; font-weight: bold; } .text-center .small { font-size: 16px; line-height: 2.3em; } .radio { vertical-align: top; width: 17px; height: 17px; margin: 0 3px 0 0; } .radio + label { cursor: pointer; } .radio:not(checked) { position: absolute; opacity: 0; } .radio:not(checked) + label { position: relative; padding: 0 0 0 35px; line-height: 1em; } .radio:not(checked) + label:before { content: ''; position: absolute; top: -3px; left: 0; width: 22px; height: 22px; border: 1px solid #CDD1DA; border-radius: 50%; background: #FFF; } .radio:not(checked) + label:after { content: ''; position: absolute; top: 2px; left: 5px; width: 12px; height: 12px; border-radius: 50%; background: #a71ebb; opacity: 0; transition: all .2s; border: 2px solid #a71ebb; } .radio:focus + label:before, .radio:checked + label:before { border: 2px solid #a71ebb; } .radio:checked + label:after { opacity: 1; } input[type='reset'] { padding: 12px 15px; border: none; border-radius: 5px; background: #CDD1DA; color: #FFF; cursor: pointer; font-size: 15px; } input[type='reset']:active { background: #BDC0CC; } input[type='reset']:focus { outline: none; } /* ************************* */ /* ************* PAGE rates ************ */ .rates-plan .col-lg-2 strong { margin: 0 0 0 20px; } .select-plan .choose { width: 318px; margin: 0 0 0 20px; } .rates-plan .select-plan { padding: 55px 10px 20px 10px; } .info { background-image: url("../images/info.png"); background-repeat: no-repeat; display: inline-block; height: 21px; margin: 0 10px 0 0; overflow: hidden; width: 21px; } .rates-plan .table-portal-box > ul:nth-child(2n) { background: none; } .rates-plan .table-portal-box > ul { background-color: #EDEDEF; } .rates-plan .table-portal-box > ul > li:nth-child(2) p { white-space: normal; } .rates-plan .table-portal-box > ul > li:nth-child(1) { width: 14%; text-align: center; } .rates-plan .table-portal-box > ul > li:nth-child(2) { width: 85%; } .rates-plan .table_signature { font-size: 16px; padding: 0 10px; } .rates-plan .table-portal-box > ul:hover { background: #edd2f1; } /* ************************* */ /* ************* PAGE redeem ************ */ .form-voucher { margin: 20px auto; max-width: 650px; } .form-voucher input[type="text"]{ margin-top: 13px; } /* ************************* */ /* ************* PAGE transactions ************ */ .transact .sm-container { width: 100%; max-width: 1080px; margin: 0 auto 55px; } .transact .table-portal-box > ul > li:nth-child(2) { width: 43%; } .transact .table-portal-box > ul > li:nth-child(3), .transact .table-portal-box > ul > li:nth-child(4) { width: 18%; text-align: center; } .transact .table-portal-box > ul > li:nth-child(5) { display: none; } .transact .table-portal-box > ul > li:nth-child(2) p .link-color { display: inline-block; } .transact .table-portal-box .table-row > li:nth-child(2) p { padding-left: 0px; white-space: normal; } .transact .table-portal-box > ul > li:nth-child(2) p .ico-time{ display: none; } p.red{ color: #bb1e1e; } .transact .table-portal-box > ul > li.ul-hidden { display: none; } .transact .table-portal-box > ul > li:nth-child(2) { cursor: default; } /* ************************* */ /* ************* PAGE faxes-inbox ************ */ .portal .faxes { margin: 20px 0; } .portal .faxes > ul.table-caption:not(:last-child) > li:not(:last-child) { border-right: 1px solid #e87be6; } .portal .faxes > ul > li { height: 74px; min-height: 74px; padding: 0 10px 0 30px; } .portal .faxes > ul:not(:last-child) li:nth-child(6), .portal .faxes > ul li:nth-child(6) { display: none; } .portal .faxes > ul > li::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; width: 0; } .portal .faxes > ul.table-caption > li span{ font-size: 18px; font-weight: bold; } .portal .faxes > ul li:nth-child(1) { padding: 0; text-align: center; width: 6%; } .portal .faxes > ul:not(:last-child) li:nth-child(2), .portal .faxes > ul:last-child li:nth-child(2) { width: 30%; } .portal .faxes > ul:not(:last-child) li:nth-child(3), .portal .faxes > ul:last-child li:nth-child(3) { width: 32%; } .portal .faxes > ul:not(:last-child) li:nth-child(4), .portal .faxes > ul:last-child li:nth-child(4) { width: 20%; } .portal .faxes > ul:not(:last-child) li:nth-child(5), .portal .faxes > ul:last-child li:nth-child(5) { width: 10%; text-align: center; border: none; } .portal .faxes > ul:last-child { background-color: #EDEDEF; } .portal .faxes ul.table-caption:hover { background-color: #DD66DC; } .portal .faxes ul.table-caption input[name="checkbox-style"], .portal .faxes ul.table-caption .checkbox-style label i { cursor: default; } .portal .faxes > ul:last-child:hover { background-color: #edd2f1; } /*.portal .faxes > ul:last-child > li:nth-child(1), .portal .faxes > ul:last-child > li:nth-child(2), .portal .faxes > ul:last-child > li:nth-child(3), .portal .faxes > ul:last-child > li:nth-child(4) {*/ /*border-right: 1px solid #d6d6d6;*/ /*}*/ .ico-time { width: 23px; height: 27px; display: inline-block; margin: 20px; vertical-align: middle; background-size: 100%; background-image: url("../img/time.png"); background-repeat: no-repeat; cursor: pointer; } .portal .faxes > ul:not(:last-child) li:nth-child(7), .portal .faxes > ul:last-child > li:nth-child(7) { display: none; } .portal .faxes > ul > li.ul-hidden { display: none; } /* ************************* */ /* ************* PAGE faxes-backup ************ */ .disc_btn { display: block; border-radius: 10px; height: 47px; width: 100%; background: #ffffff; border: 1px solid #d4d4d4; background-repeat: no-repeat; background-position: center center; margin: 40px auto 45px; } ul.disc { width: 100%; max-width: 800px; margin: 0 auto; } .dropbox { background-image: url("../img/dropbox-logo.png"); } .googledrive { background-image: url("../img/googledrive-logo.png"); } .onedrive { background-image: url("../img/onedrive-logo.png"); } .portal .form-faxes { max-width: 640px; margin: 60px auto; } .portal .form-faxes .inpTxtBl { padding: 15px 0; width: 100%; } .portal .form-faxes .checkbox-style i { margin: 0 10px 0 0; } .portal .form-faxes label { vertical-align: middle; } .portal .form-faxes input[type="text"] { margin-top: 20px; } /* ************************* */ /* ************* modal-faxes ************ */ .modal-flags { width: 640px; padding: 30px; margin: 0 auto; } .modal-flags ul { border: 1px solid #898989; border-radius: 7px; width: 100%; height: 265px; font-size: 16px; overflow-y: auto; margin-bottom: 10px; } .modal-flags ul li { cursor: pointer; padding: 4px 20px; } .modal-flags button.closes { vertical-align: bottom; display: inline-block; color: #898989; text-decoration: underline; background-color: transparent; padding: 0; height: 45px; } .modal-flags label { display: block; vertical-align: middle; margin-right: 10px; } .modal-flags .filter-country { margin: 0px; } .modal-flags .filter-country input { width: 170px; } .modal-flags .filter-prefix input { width: 90px; } .modal-flags ul li .flag_standalone { vertical-align: middle; } .modal-flags ul li:hover{ background: #f3e4f8; } .modal-error { width: 420px; } .modal-header-error { background: #f9f9f9; padding: 14px; border-radius: 12px 12px 0 0; } .modal-header-error h4 { font-size: 18px; font-weight: bold; padding-left: 10px; width: 130px; margin: 0 auto; line-height: 1.4em; text-align: center; } .modal-body-error { padding: 22px; text-align: center; } .modal-body-error p{ width: 80%; margin: 10px auto 20px; } .modal-body-error button.closes { vertical-align: middle; display: inline-block; background: #94c22d none repeat scroll 0 0; font-size: 16px; padding: 8px 30px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 5px; color: #FFF; } .float-right { float: right; } /* ************************* */ /* ************ PAGE send a fax ************* */ .send-fax { margin: 30px auto; max-width: 640px; } .send-fax .title-s{ font-size: 20px; padding-bottom: 30px; } .SelectCoun { width: 90px; border: 1px solid #898989; position: relative; vertical-align: middle; color: #4C4552; border-radius: 10px; background: #FFF; } .SelectCoun a { padding: 9px 20px; display: block; } .SelectCoun a::after { content: ""; width: 9px; height: 9px; display: inline-block; border: 2px solid #898989; border-top: none; border-left: none; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; bottom: 17px; } .SelectCoun .dropdown-menu { min-width: 100%; } .SelectCoun .dropdown-menu li { cursor: pointer; padding: 5px 0 0 20px; } .SelectNumb .chosen-container-single .chosen-search input[type="text"] { border: 1px solid #898989; padding: 9px 20px; color: #4C4552; font-size: 16px; border-radius: 10px; } .SelectNumb { width: 100%; } hr.fax{ margin-top: 20px; } .btn-style-06 { vertical-align: middle; display: inline-block; background: #dddddd none repeat scroll 0 0; font-size: 16px; padding: 8px 25px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 5px; } .send-fax [class*="btn-style"]:not(:first-child) { margin: 0px; } .send-fax .chosen-single { background: #FFF; } .SelectCoun .chosen-container-single .chosen-single span{ background-image: url("../img/all_flags.jpg"); background-repeat: no-repeat; background-position: 0 -165px; height: 11px; overflow: hidden; width: 16px; display: inline-block; vertical-align: middle; } .SelectCoun .chosen-container .chosen-results li { height: 11px; overflow: hidden; width: 16px; display: block; vertical-align: middle; margin: 10px 0 10px 20px; padding: 0 10px; background-repeat: no-repeat; } .SelectCoun .chosen-container .chosen-results li:nth-child(1) { background-image: url("../img/all_flags.jpg"); background-position: 0 -165px; } .SelectCoun .chosen-container .chosen-results li:nth-child(2) { background-image: url("../img/all_flags.jpg"); background-position: 0 -1463px; } .send-fax textarea { background: #FFF; } .send-fax textarea::-webkit-input-placeholder { color: #898989; } .send-fax textarea:-moz-placeholder { color: #898989; } textarea#fax_send { height: 275px; margin: 20px 0; } .send-fax [class*="btn-style"] { margin: 0; } .portal .btn-style-color { background-color: transparent; color: #ae00c7; display: inline-block; padding: 10px 0; text-decoration: underline; vertical-align: middle; } /*.send-fax .col-sm-6, .col-md-6, .col-lg-6, .col-lg-2, .col-lg-8, .col-md-2, .col-md-8, .col-sm-2, .col-sm-8 {*/ /*padding-right: 0px;*/ /*padding-left: 0px;*/ /*}*/ /* ************************* */ /* ************* send a fax next ************ */ .next_fax_send { margin: 10px 0; border: 3px dashed #dddddd; border-radius: 7px; background: #FFF; text-align: center; padding: 100px 0; } .send-fax .it { font-size: 16px; font-style: italic; } .send-fax .fax-drop { font-size: 36px; color: #4c4552; } .send-fax .next { float: right; } .send-fax .btn-phone-50-box { padding-left: 0px; } [class*="btn-style-02"] + input { display: none; width: 100%; } /* ************************* */ /* ************* message ************ */ textarea#fax_message { height: 305px; margin: 0 0 10px 0; border: 1px solid #898989; } .send-fax .message p { font-size: 16px; vertical-align: middle; display: inline-block; margin-right: 10px; } .portal .btn-style-color-0 { background-color: transparent; color: #898989; display: inline-block; padding: 10px 20px; text-decoration: underline; vertical-align: middle; } .portal .send-fax .message .btn-phone-50-box { padding-left: 0px; width: 49%; display: inline-block; } .send-fax .message .btn-phone-50-box:not(:first-child) { text-align: right; } .send-fax .message .btn-phone-50-box:not(:first-child) [class*="btn-style"]:not(:first-child) { margin-right: -2%; } /* ************************* */ /* ************* send-mass-faxes ************ */ textarea#max_fax_send { height: 340px; margin: 0 0 10px 0; } .send-fax .small { font-size: 14px; } /* ************************* */ /* ************* select-files ************ */ .send-fax .select-files { border: 1px solid #dddddd; margin: 10px 0; border-radius: 7px; background: #FFF; height: 418px; padding: 15px 0; } .send-fax .select-files ul li{ padding: 5px 20px; cursor: pointer; } .send-fax .select-files ul li:hover{ background: #f3e4f8; } .send-fax .select-files .close-btn { display: none; background: transparent; cursor: pointer; width: 12px; height: 12px; vertical-align: middle; } .send-fax .select-files ul > li:hover .close-btn{ display: inline-block; } .send-fax .ico-doc { width: 16px; height: 20px; display: inline-block; margin: 0 10px 0 0; vertical-align: middle; background-size: 100%; background-image: url("../img/doc.png"); background-repeat: no-repeat; } /* ************************* */ /* ************ PAGE sent ************* */ .succes, p.succes { color: #94c22d; } .failure { color: #ff7200; } /*.failure, .succes {*/ /*padding-left: 25px;*/ /*}*/ .fax-details .failure, .fax-details .succes, .table-faxes .failure, .table-faxes .succes{ padding: 0; } hr.fax { margin-top: 20px; } .portal .table-faxes .btn-style-06 { vertical-align: middle; display: inline-block; background-color: #d6d6d6; font-size: 16px; padding: 8px 20px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 5px; } .portal .table-faxes .btn-style-06 { display: none; } .portal .table-faxes{ margin: 20px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; border: 1px solid #d6d6d6; font-size: 18px; } .portal .table-faxes .ul-hidden { display: none; } .portal .table-faxes > ul.ul-hidden > li::before, .portal .table-faxes > ul.ul-hidden > li .hidden-desc { display: none; } .portal .table-faxes .ul-hidden > li{ height: auto; min-height: auto; } .portal .table-faxes .ul-hidden > li p{ margin: 8px 0; } .portal .table-faxes > ul:not(:first-child):hover, .portal .table-faxes.trash-table > ul:not(:first-child):hover{ background-color: #edd2f1; } .portal .table-faxes > ul > li:nth-child(3) a.hider::after { content: ""; position: absolute; -moz-transform: translate(-50%,0) rotate(45deg); -ms-transform: translate(-50%,0) rotate(45deg); -webkit-transform: translate(-50%,0) rotate(45deg); -o-transform: translate(-50%,0) rotate(45deg); transform: translate(-50%,0) rotate(45deg); right: -30px; top: 8px; width: 8px; height: 8px; border-color: #a81eba; border-style: solid; border-width: 0 1px 1px 0; } .portal .table-faxes .table-caption { background-color: #DD66DC; color: #fff; font-weight: bold; } .portal .trash-table > ul:not(:first-child):nth-child(2n+1) { background-color: #FFF; } .portal .trash-table > ul:not(:first-child):nth-child(2n) { background-color: #ededef; } .portal .table-faxes > ul:not(:last-child) { border-bottom: 1px solid #d6d6d6; } .portal .cover.table-faxes > ul:not(:first-child):nth-child(2n+1) { background-color: #FFF; } .portal .cover.table-faxes > ul:not(:first-child):nth-child(2n) { background-color: #ededef; } .portal .cover.table-faxes .box-img { padding-top:3px; padding-bottom: 3px; overflow: hidden; text-align: center; } .portal .cover.table-faxes img { height: 68px; width: auto; } .portal .table-faxes > ul.table-row.ul-hidden > li:not(:first-child) { border-left: none; } .portal .table-faxes > ul.ul-hidden { border: none; } .portal .table-faxes > ul.table-caption > li:not(:last-child) { border-right: 1px solid #e87be6; } .portal .table-faxes > ul > li { /*height: 74px;*/ min-height: 74px; padding: 0 15px; vertical-align: middle; } .portal .table-faxes > ul.table-caption input[name="checkbox-style"], .portal .table-faxes > ul.table-caption label i { cursor: default; } .portal .table-faxes > ul li:nth-child(1) { padding: 0; text-align: center; width: 8%; } .portal .table-faxes > ul > li:nth-child(2) { width: 14%; max-width: 160px; } .portal .table-faxes > ul li:nth-child(3) { width: 36%; } .portal .table-faxes > ul li:nth-child(3) a.link-color{ display: inline-block; padding: 0 21px; } .portal .table-faxes > ul li:nth-child(3) [class*="btn-style"] { vertical-align: middle; margin-left: 20px; } .portal .table-faxes > ul li:nth-child(4){ width: 18%; text-align: center; } .portal .table-faxes.outbox-t > ul li:nth-child(4){ width: 23%; } .portal .table-faxes > ul > li:nth-child(5) { width: 8%; text-align: center; } .portal .table-faxes.sent-faxes > ul > li:nth-child(1) { width: 70px; } .portal .table-faxes.sent-faxes > ul > li:nth-child(2) { width: 16%; max-width:500px; } .portal .table-faxes.sent-faxes > ul > li:nth-child(5) { width: 10%; text-align: center; } .portal .table-faxes > ul > li:nth-child(6){ width: 8%; text-align: center; } .portal .table-faxes .close-btn { display: none; } .portal .table-faxes > ul:hover .close-btn{ display: inline-block; cursor: pointer; } .portal .table-faxes > ul.table-caption > li span { font-size: 18px; font-weight: bold; } .portal .table-faxes > ul > li::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: 0; width: 0; } .portal .table-faxes > ul li:nth-child(3) a.active::after { border-color: #4b4254; border-width: 1px 0 0 1px; top: 50%; transform: rotate(45deg); } .portal .table-faxes > ul > li.active { height: auto; min-height: 100%; } .portal .table-faxes > ul li:nth-child(3) a.active { color: #4b4254; } .portal .table-faxes > ul > li > * { display: inline-block; vertical-align: middle; margin-right: -4px; width: 100%; } .ico-time { background-image: url("../img/time.png"); } .table-faxes > ul li.hider-ul { display: none; } .number-ul > .phones{ background-color: #fff; position: absolute; top:100%; left:0; right: 0; z-index: 10; padding:0 5px; border: 1px solid #999; box-shadow: 0 2px 2px #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size: 14px; } @media screen and (min-width:768px) { .number-ul > .phones { max-height: 340px; overflow: auto; } } .number-ul > .phones a:nth-child(1){ color: #000; max-width: 240px; display: inline-block; } .number-ul > .phones li{ position: relative; padding:2px 0; } .number-ul > .phones .link-color{ position: absolute; top:0; right: 0; } .box-scroll{ overflow: auto; width: 200px; } @media screen and (max-width:768px) { .table-faxes > ul li.hider-ul { display: block; } .portal .table-faxes > ul li:nth-child(3).group_link_fax{ width:90%; } } /* ************************* */ /* ************ PAGE sent (fax-details) ************* */ .portal .md-container { max-width: 1080px; margin: 0 auto; } .portal .md-container .fax-details{ padding: 0; } .portal .md-container .fax-preview { float: right; border-radius: 0px; padding: 0; margin: 30px 0; max-width: 342px; } .portal .md-container .fax-preview [class*="btn-style"] { display: none; margin: 20px 0; width: 100%; } .portal .md-container .fax-details .light-txt { margin-right: 20px; width: 130px; display: inline-block; text-align: right; } .portal textarea.fax_notes{ background: #FFF; height: 175px; margin: 30px 0 20px 0; } .portal .md-container .fax-notes { margin: 60px 0 20px 0; padding: 0; } .portal .md-container .fax-notes [class*="btn-style"] { float: right; } .portal .md-container .fax-preview [class*="btn-style"] { display: none; } /* ************************* */ /* ************ PAGE sent (fax-details) - failure ************* */ .portal .md-container .fax-history p { font-size: 16px; } .portal .md-container .fax-history .succes { padding-left: 0; } /* ************************* */ /* ************ PAGE account cover pages ************* */ .portal .cover > ul > li:nth-child(2) { width: 12%; } .portal .cover > ul li:nth-child(3) { width: 42%; padding: 0 20px 0 40px; } .portal .cover > ul li:nth-child(4) { width: 21%; } .portal .cover > ul > li:nth-child(5) { width: 15%; } .portal .cover p.succes { padding: 0px; } .portal .cover > ul { background-color: #FFF; } .portal .cover ul > li .btn-style-01 { padding: 8px 20px; } .select-file { vertical-align: middle; display: inline-block; background: #FFF; width: 70%; margin: 10px 0 10px 10px; } .select-file .light-txt{ font-size: 18px; font-style: italic; font-weight: 200; display: inline-block; vertical-align: middle; padding-left: 20px; } .select-file [class*="btn-style"] { margin: 0; } input[type="file"] { display: none; } .cover-buttons { padding: 0; } .cover-buttons [class*="btn-style"]{ padding: 8px 20px; } .cover-buttons p { display: inline-block; vertical-align: middle; } .portal .cover .down-btn, .portal .cover .hidden-desc { display: none; } .modal-img { padding: 20px; margin: 0 auto; } .modal-img button.close { background: url("../img/close-btn-modal.png"); background-repeat: no-repeat; width: 25px; height: 25px; float: none; position: absolute; top: 8px; right: 8px; z-index: 2; opacity: 0.9; } .modal-img button.close:hover { opacity: 1; } .fax-preview{ max-width: 418px; } /* ************************* */ /* ************ PAGE account localization ************* */ .portal p.small { width: 83.3%; float: right; } .portal .form-localiz { max-width: 100%; margin: 40px auto; } .portal .form-localiz .inpSelect { margin: 15px 0; width: 100%; float: none; } .portal .form-localiz .inpSelect .chosen-container { display: inline-block; font-size: 14px; width: 100%; } .portal .form-localiz .chosen-container-single .chosen-single { width: 100%; border-radius: 10px; padding: 9px 20px; background: #fff; } .portal .form-localiz .checkbox-style label i { margin-right: 10px; vertical-align: middle; } .portal .form-localiz .checkbox-style { padding: 0 15px; } .portal .form-localiz label { vertical-align: middle; color: #4c4552; padding: 9px 0; } .portal .form-localiz .chosen-container .chosen-single .select-pointer::before { content: ""; width: 9px; height: 9px; display: inline-block; border: 2px solid #898989; border-top: none; border-left: none; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 15px; bottom: 18px; } /* ************************* */ /* ************* PAGE login ************ */ .portal .form-localiz input { width: 90%; } .ico-message-quest { background-image: url('../img/ico-quest.png'); width: 18px; height: 18px; top: 35%; left: 10px; } .portal .form-localiz .tooltip-inner { background-color: #e7e7e9; color: #4c4552; position: absolute; min-width: 240px; left: 50px; bottom: -10px; border-radius: 10px 10px 10px 0; padding: 20px; font-size: 14px; } .portal .form-localiz .tooltip-inner:after { border-style: solid; border-width: 0 0 10px 18px; border-color: transparent transparent #e7e7e9 transparent; line-height: 0px; _border-color: #000000 #000000 #e7e7e9 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); content: ""; position: absolute; bottom: 0; left: -18px; } .portal .form-localiz .tooltip-arrow { display: none; } /* ************************* */ /* ************* PAGE notification ************ */ .portal .small-contain { max-width: 640px; padding: 20px; } .portal .form-localiz .inpSelect.small-contain { margin: 15px auto; padding: 0; } .portal .form-localiz .inpSelect.small-contain .checkbox-style { padding: 0; } .portal .small-contain p a .icon-edit { display: none; margin: 0 0 0 10px; vertical-align: middle; background-image: url('../img/icon-edit.png'); width: 16px; height: 16px; } .portal .small-contain p a:hover .icon-edit { display: inline-block; } .portal .small-contain span.succes { font-weight: 600; } .portal .form-localiz .inpSelect.small-contain .checkbox-style label i { float: left; } /* ************************* */ /* ************* PAGE profile ************ */ .icon-required { display: inline-block; font: normal normal normal 8px/1 FontAwesome; color: #a71ebb; } .icon-required:before { content: "\f069"; } .portal .form-localiz .example-fax .fax-details { background: #e7e7e9; border-radius: 12px; padding: 15px 10px; } .portal .form-localiz .example-fax .fax-details-header { background: #ff7200; border-radius: 12px 12px 0 0; padding: 5px 10px 5px 10px; display: none; } .portal .form-localiz .example-fax .fax-details-header p { color: #FFF; font-size: 14px; font-weight: 600; margin: 0; } .portal .form-localiz .example-fax .fax-details ul li{ display: inline-block; padding: 0 7px; } .portal .form-localiz .example-fax { padding: 60px 0 0 80px; } .portal .profile { padding: 60px 0; } .circ-bg { height:250px; background-image: radial-gradient( circle at top, #FFF, #f9f9f9 250px ); margin: -25px 0 0 0; } .portal .profile p { font-size: 20px; max-width: 620px; margin: 20px auto; } .portal .logo_btn_skype { display: inline-block; background: #00aff0; -webkit-box-shadow: 0 5px 0 #009fda; box-shadow: 0px 5px 0 0px #009fda; width: 160px; height: 50px; cursor: pointer; background-image: url("../img/logo-skype.jpg") ; background-repeat: no-repeat; background-position: center center; border-radius: 5px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-align: center; } .portal .logo_btn_facebook { display: inline-block; background: #FFFFFF; width: 54px; height: 54px; cursor: pointer; background-image: url("../img/logo-facebook.png") ; background-repeat: no-repeat; background-position: center center; border-radius: 5px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-align: center; } .portal .logo_btn_telegram { display: inline-block; background: #FFFFFF; width: 60px; height: 60px; cursor: pointer; background-image: url("../img/logo-telegram.jpg") ; background-repeat: no-repeat; background-position: center center; border-radius: 5px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-align: center; } /*.portal .logo_btn_skype:hover{*/ /*-webkit-box-shadow: none;*/ /*box-shadow: none;*/ /*margin-top: 45px;*/ /*}*/ .portal .form-localiz .skype_name .btn-style-02{ margin: 0; padding: 8px 15px; } /* ************************* */ .portal .table-faxes.trash-table .hider, .table-contacts.unpaid .hider { display: none; } /* ************* PAGE recommend ************ */ .portal .fax_link input[placeholder] { color: #a71ebb; } .portal .fax_link { padding-right: 15px; } .portal .social [class*="btn-style"]:not(:last-child) { margin-right: 18px; } .portal .btn-style-07 { vertical-align: middle; display: inline-block; background-color: #50abf1; font-size: 16px; padding: 8px 20px; font-size: 16px; font-weight: 200; border-radius: 5px; } .portal .btn-style-08 { vertical-align: middle; display: inline-block; background-color: #4966b6; font-size: 16px; padding: 8px 20px; font-size: 16px; font-weight: 200; border-radius: 5px; } .portal .btn-style-09 { vertical-align: middle; display: inline-block; background-color: #FFF; height: 45px; width: 45px; border-radius: 5px; border: 1px solid #d4d4d4; } .icon-tweet { display: inline-block; vertical-align: middle; background-image: url("/img/logo-tweet.png") ; width: 22px; height: 18px; margin-right: 10px; } .icon-fc { display: inline-block; vertical-align: middle; background-image: url("/img/logo-fc.png") ; width: 23px; height: 23px; margin-right: 10px; } .icon-goo { display: inline-block; vertical-align: middle; background-image: url("/img/logo-goo.jpg") ; width: 23px; height: 14px; } .portal .social { max-width: 860px; margin: 0 auto; } .modal-body-recommend { padding: 40px 30px; } .modal-body-recommend textarea { height: 180px; } .modal-recommend { width: 420px; margin: 0 auto; } .modal-recommend h4{ text-align: center; text-transform: uppercase; font-weight: 600; } .modal-recommend button.close { background: url("../img/close-btn-modal.png"); background-repeat: no-repeat; width: 25px; height: 25px; float: none; position: absolute; top: 8px; right: 8px; z-index: 2; opacity: 0.9; } .modal-recommend button.close:hover { opacity: 1; } .modal-content .btn-style-color-0 { background-color: transparent; color: #898989; display: inline-block; padding: 10px 20px; text-decoration: underline; vertical-align: middle; } .modal-content .btn-style-01 { vertical-align: middle; display: inline-block; background: #94c22d none repeat scroll 0 0; font-size: 16px; padding: 15px 25px; font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 5px; color: #FFF; text-decoration: none; } .modal-content .btn-style-01 { padding: 10px 15px; } .modal-content .modal-body-recommend .phone-container { margin: 20px 0 0 0; text-align: right; } .modal-content .close_form{ z-index: 1001; } /* ************************* */ .table-row li p span { vertical-align: middle; } .status-box [class*="ico-message-"] { margin-right: 0; position: relative; top: 1px; left: -3px; margin-right: 0; } .portal .status-box p { font-size: 15px; line-height: 1.2; margin-top: 0; } .portal .for-box .p { position: relative; } .portal .for-box .btn-style-05, .portal .for-box .btn-style-05:focus{ font-size: 14px; margin: 0; padding: 4px 15px; position: absolute; right: 0; top: 0; } .portal .for-box .btn-style-21, .portal .for-box .btn-style-21:focus { background: #fff none repeat scroll 0 0; border: 2px solid #ae00c7; border-radius: 5px; color: #ae00c7; display: inline-block; font-weight: 600; text-transform: uppercase; font-size: 14px; margin: 0; padding: 4px 15px; position: absolute; right: 0; top: 0; } .portal .for-box .btn-style-21:hover{ background: #ae00c7; color: #fff; } .portal .table-faxes > ul > li:nth-child(6) { text-align: center; } .vatinfo { color: #d3d3d3; } .user_cancelled { font-size: 15px !important; line-height: 1.2; margin-top: 0; } .success { font-size: 15px !important; line-height: 1.2; margin-top: 0; } .failure { font-size: 15px !important; line-height: 1.2; margin-top: 0; } /**************************************************************************************************************************************************************************** ***************************************************************************************************************************************************************************** ***************************************************************************************************************************************************************************** - MEDIA max-width:1000px - ******************************************************************************************************************************************************************************* ******************************************************************************************************************************************************************************** *******************************************************************************************************************************************************************************/ /******************************************************************************************************** - MEDIA max-width:1300px - *************************************************************************************************************/ @media screen and (max-width:1300px) { .portal .table-contacts p, .portal .table-contacts, .portal .table-contacts .link-color { font-size: 13px; } .portal .hider .link-color, .portal .hider-ul .link-color{ font-size: 13px; padding-right: 40px; } .portal .table-contacts > ul:not(:last-child) > li { padding: 0 10px 0 20px; } .portal .table-portal-box.dashboard > ul > li:nth-child(2){ width: 63%; } /* ************************* */ /* ************ faxes-inbox ************* */ .portal .faxes > ul > li { padding: 0 10px 0 20px; } .portal .table-portal-box.dashboard .click_window{ font-size: 15px; } /* ************************* */ /* ************ PAGE account cover pages ************* */ /*.portal .cover ul > li .btn-style-01 {*/ /*display: none;*/ /*}*/ .portal .cover .down-btn { display: inline-block; background: url("../img/download-button.png"); background-repeat: no-repeat; width: 36px; height: 36px; } /* ************************* */ /* ************* PAGE login ************ */ .portal .form-localiz input { width: 85%; } .portal .form-localiz .tooltip-inner { min-width: 150px; padding: 10px; } /* ************************* */ /* ************* PAGE profile ************ */ .portal .form-localiz .skype_name input { width: 100%; } /* ************************* */ /* ************* PAGE recommend ************ */ .portal .form-localiz .fax_link input { width: 100%; } /* ************************* */ .portal .table-portal-box > ul > li { width: 67%; } .portal .table-portal-box > ul > li:nth-child(3) { width: 11%; } } /******************************************************************************************************** - MEDIA max-width:1200px - *************************************************************************************************************/ @media screen and (max-width:1200px) { /*header nav.nav-portal li a[data-toggle="dropdown"]::after {*/ /*top: 36px;*/ /*}*/ .portal .shop-box .btn-style-02{ font-size: 14px; } .portal .grid-sm-desc{ width: 100%; margin-left: 0; margin-right: 0; } .portal .grid-sm-desc[class*="btn-style"]{ margin-left: 0; margin-right: 0; } .portal .table-contacts .close-btn { display: inline-block; } .portal .table-contacts > ul:not(:last-child) li:nth-child(7){ padding: 0 0 0 12px; } .portal .table-row p{ font-size: 14px; } .portal .table-row [class*="btn-style-"]{ font-size: 11px; } .portal .for-box .btn-style-05, .portal .for-box .btn-style-05:focus { top: -4px; } /* ************************* */ /* ************ PAGE sent (fax-details) ************* */ .portal .md-container .fax-details .phone-container [class*="btn-style"]:not(:first-child) { margin-left: 1%; padding: 8px 3%; } .portal .md-container .fax-notes { margin: 5px 0; padding: 0; } .portal .succes-status .fax-preview .btn-style-01 { display: inline-block; margin: 0; } .portal .succes-status .fax-details .phone-container [class*="btn-style"]:last-child { display: none; } .portal .md-container .fax-details .light-box { padding: 20px; } /* ************************* */ /* ************* PAGE login ************ */ .portal .form-localiz input { width: 80%; } .portal .form-localiz .tooltip-inner { min-width: 120px; } /* ************************* */ /* ************* PAGE profile ************ */ .portal .form-localiz .example-fax { padding: 60px 0 0 0px; } .portal .form-localiz .example-fax .fax-details ul li { padding: 0 2.1%; } .portal .form-localiz .skype_name input { width: 100%; } /* ************************* */ .portal .table-faxes.sent-faxes > ul li:nth-child(3) { width: 38%; } .step4 .step-footer{ margin-top: 10px; } .portal .table-faxes.sent-faxes > ul > li:nth-child(1) { width: 50px; } .portal .table-faxes.sent-faxes > ul > li:nth-child(2) { width: 20%; } } /******************************************************************************************************** - MEDIA max-width:1000px - *************************************************************************************************************/ @media screen and (max-width:1000px) { /************** common **************/ header nav.nav-portal .navbar-nav > li > a, header nav.nav-portal .navbar-nav > li.active > a, header nav.nav-portal .navbar-nav > li > a:hover{ background: none; } header nav.nav-portal .navbar-nav > li > a[data-toggle="dropdown"]::after { top: 5px; } header.private-header nav.nav-portal { top: 0; } header nav.nav-portal .navbar-nav > li > a { padding-left: 10px; } header nav.nav-portal .navbar-nav .dropdown-menu a, header .navbar-nav .dropdown-menu a, header .navbar-nav .dropdown-menu a:first-child { font-size: 15px; margin-left: 30px; padding-left: 10px; } header.private-header .language { top: -105px; } .portal h1{ font-size: 36px; } .portal .grid-tablet-100{ width: 100%; margin-left: 0; margin-right: 0; } .portal .grid-tablet-100[class*="btn-style"]{ margin-left: 0; margin-right: 0; } .portal .inp-lg { width: 170px; } .portal .grid-tablet-35{ width: 35%; } .portal .grid-tablet-65{ width: 65%; } /************** table-portal-box **************/ .portal .table-portal-box > ul > li:nth-child(1){ width: 23%; } .portal .table-portal-box > ul > li:nth-child(2){ width: 67%; } .portal .table-portal-box > ul > li:nth-child(3){ width: 10%; } .portal .table-portal-box > ul > li:nth-child(1) p, .portal .table-portal-box > ul > li:nth-child(3) a{ font-size: 14px; } /************** shop-box **************/ .portal .shop-box .chosen-container-single .chosen-single { min-width: 100%; } .portal .shop-box .chosen-container-single .chosen-single { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:205px; } .portal .aside-shop { padding: 0 0 40px 0; max-width: 400px; margin: 0 auto; float: none; } /* ************* PAGE contacts ************ */ .portal .table-contacts > ul:not(:last-child) li:nth-child(4), .portal .table-contacts > ul:not(:last-child) li:nth-child(5){ display: none; } .portal .table-contacts > ul:not(:last-child) li:nth-child(1){ padding: 0; text-align: center; width: 6%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(2){ width: 40%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(3){ width: 33%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(6){ width: 15%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(6){ width: 18%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(7){ width: 6%; } /* ************************* */ /* ************* transactions ************ */ .transact .table-portal-box > ul > li:nth-child(1) p, .transact .table-portal-box > ul > li:nth-child(2) p { font-size: 16px; } .transact .table-portal-box > ul > li:nth-child(1) { width: 25%; } .transact .table-portal-box > ul > li:nth-child(3), .transact .table-portal-box > ul > li:nth-child(4) { display: none; } .transact .table-portal-box > ul > li:nth-child(5) { display: inline-block; } .transact .table-portal-box > ul > li:nth-child(2) { width: 61%; } .transact .table-portal-box .table-row > li:nth-child(2) p { font-size: 16px; } .transact .table-portal-box .table-row > li:nth-child(5) > a.link-color { color: #a81eba; font-size: 14px; } .transact .table-portal-box .table-row > li.hider > a.active{ color: #4b4254; } .transact .table-portal-box .table-row > li.hider > a.active::after { top: 6px; border-color: #4b4254; border-width: 1px 0 0 1px; } .transact .table-portal-box li.ul-hidden > ul > li:nth-child(1) { width: 25%; } .transact .table-portal-box li.ul-hidden > ul > li:nth-child(3), .transact .table-portal-box li.ul-hidden > ul > li:nth-child(4) { width: 30%; } .transact .table-portal-box li.ul-hidden > ul > li:nth-child(2) { display: none; } .transact .table-portal-box li.ul-hidden > ul > li:nth-child(2) p, .transact .table-portal-box li.ul-hidden > ul > li:nth-child(3) p { font-size: 18px; } .transact .table-portal-box li.ul-hidden > ul > li:nth-child(2) p strong, .transact .table-portal-box li.ul-hidden > ul > li:nth-child(3) p strong { font-size: 16px; } .transact .table-portal-box .li.ul-hidden > ul > li { padding: 5px 10px 5px 20px; } .transact .table-portal-box .table-row > li:nth-child(5) > a::after { content: ""; position: absolute; -moz-transform: translate(-50%,0) rotate(45deg); -ms-transform: translate(-50%,0) rotate(45deg); -webkit-transform: translate(-50%,0) rotate(45deg); -o-transform: translate(-50%,0) rotate(45deg); transform: translate(-50%,0) rotate(45deg); right: 10px; top: 4px; width: 8px; height: 8px; border-color: #a81eba; border-style: solid; border-width: 0 1px 1px 0; } /* ************************* */ /* ************ faxes-inbox ************* */ .portal .faxes > ul:not(:last-child) li:nth-child(4), .portal .faxes > ul:not(:last-child) li:nth-child(5) { display: inline-block; } .portal .faxes > ul li:nth-child(1) { padding: 0; text-align: center; width: 6%; } .portal .faxes p, .portal .faxes .light-txt { font-size: 14px; } .portal .faxes > ul li:nth-child(5) p, .portal .faxes > ul.table-caption > li span { font-size: 16px; } .portal .faxes > ul li:nth-child(2) .light-txt { display: none; } .portal .faxes > ul:not(:last-child) li:nth-child(2), .portal .faxes > ul:last-child li:nth-child(2) { width: 28%; } .portal .faxes > ul:not(:last-child) li:nth-child(3), .portal .faxes > ul:last-child li:nth-child(3) { width: 28%; } .portal .faxes > ul:not(:last-child) li:nth-child(4), .portal .faxes > ul:last-child li:nth-child(4) { width: 25%; } /* ************************* */ /* ************* modal-faxes ************ */ .flags { max-width: 640px; width: 90%; } .modal-flags { width: 100%; margin: 0 auto; /*padding: 10px 10px 25px;*/ } .modal-flags .filter-cancel{ padding: 0px; max-width: 85px; text-align: right; } .modal-flags .filter-prefix { padding-right: 0px; max-width: 220px; } /* ************************* */ /* ************ PAGE sent ************* */ /*.portal .table-faxes > ul li:nth-child(3) [class*="btn-style"] {*/ /*display: none;*/ /*}*/ .portal .table-faxes > ul.table-caption > li span{ font-size: 16px; } .portal .table-faxes > ul:not(:first-child) > li:nth-child(3) p, .portal .table-faxes > ul:not(:first-child) > li:nth-child(4) p { font-size: 14px; } .hide-mobile { display: none; } .portal .table-faxes > ul > li:nth-child(2) { width: 11%; padding:0 9px; } /*.portal .table-faxes > ul li:nth-child(3) {*/ /*width: 30%;*/ /*}*/ .portal .table-faxes > ul > li:nth-child(5), .portal .table-faxes > ul > li:nth-child(6) { width: 12%; } /*.portal .table-faxes > ul li:nth-child(3) a.link-color::after {*/ /*right: 20px;*/ /*top: 10px;*/ /*}*/ .portal .table-faxes > ul > li:nth-child(2) [class*="ico-message-"] { position: relative; } .portal .table-faxes p.succes, .portal .table-faxes p.failure { padding-left: 0px; } .portal .btn-style-06 { display: inline-block; } /* ************************* */ /* ************ PAGE sent (fax-details) ************* */ .portal .md-container { max-width: 750px; } .portal .md-container .fax-details .phone-container [class*="btn-style"]:not(:first-child) { margin-left: 2%; padding: 8px 3.5%; } /* ************************* */ /* ************ PAGE account cover pages ************* */ .select-file { width: 100%; margin: 0; } .cover-buttons p { text-align: left; width: 100%; } .portal .cover p { font-size: 16px; } .portal .cover > ul li:nth-child(4) { width: 23%; } .portal .cover > ul > li:nth-child(5) { width: 9%; } /* ************************* */ /* ************ PAGE account localization ************* */ .portal .form-localiz label.check-text { font-size: 14px; } /* ************************* */ /* ************* PAGE profile ************ */ .portal .form-localiz .example-fax p{ font-size: 16px; } .portal .form-localiz .example-fax .fax-details ul li { font-size: 14px; padding: 0 1.5%; } /* ************************* */ } /******************************************************************************************************** ********************************************************************************************************** - MEDIA max-width: 768px - ************************************************************************************************************* *************************************************************************************************************/ @media screen and (max-width:768px) { /************** common **************/ header{ z-index: auto; } .grid-phone-100{ width: 100%;display: block; margin-right: 0; } .portal .title-main{ font-size: 30px; } .portal .btn-phone-bl[class*="btn-style"]{ padding: 8px 5px; } .portal .phone-container{ padding: 0 10px; } .portal .light-box{ border-radius: 0; padding: 10px 20px; } .portal .cont-box{ width: 100%; } .portal .table-contacts .phone-bl { display: block; } .portal h1{ font-size: 24px; } .portal p { font-size: 16px; } .indent-phone-b-10{ margin-bottom: 10px; } .portal .phone-container { max-width: 360px; margin: 0 auto; padding: 0 10px; } .portal .phone-container .btn-phone-50-box{ display: block; padding-left: 0; } .portal .phone-container .btn-phone-50{ width: 48%; margin: 10px -4px 10px 0; padding: 8px 0; } .portal .phone-container .btn-phone-50:nth-child(2){ margin-left: 2%; } /************** table-portal-box **************/ .portal .table-portal-box > ul > li:nth-child(1), .portal .table-portal-box > ul > li:nth-child(3){ display: none; } .portal .table-portal-box > ul > li:nth-child(2) p{ white-space: normal; overflow: visible; width: auto; } .portal .table-portal-box > ul > li:nth-child(2) { width: 100%; } .portal .table-portal-box > ul > li:nth-child(2) p .link-color{ display: inline; margin: 0 0 0 10px; vertical-align: top; } /************** shop-box **************/ .portal .shop-box { border-radius: 0; width: 100%; margin: 20px 0 0; } .portal .shop-box:nth-child(2n) { margin-left: 0; } .portal .shop-box .chosen-container-single .chosen-single { width: 250px; } .phone-shop-box{ max-width: 360px; margin: 0 auto; } .portal .shop-item .img-box { width: 130px; } .portal .shop-item .txt-box{ margin-left: 150px; } .portal .shop-item .highlights-box { margin-left: 0; margin-top: 40px; } /************** form-style **************/ .portal .form-style-01 label{ width: 100%; text-align: left; padding-bottom: 10px; } .portal .form-style-01{ padding-right: 0; max-width: 400px; margin: 20px auto; } .portal .form-style-01 .inpTxtBl { margin-bottom: 0; } /* ************* PAGE contacts ************ */ .portal .table-contacts{ -webkit-border-radius: 0; border-radius: 0; border: none; } .portal .table-contacts > ul:not(:last-child) > li:not(:last-child) { border-right: none; } .portal .table-contacts > ul:not(:last-child) li:nth-child(1){ width: 10%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(2){ width: 60%; } .portal .table-contacts > ul:not(:last-child) li:nth-child(6){ width: 30%; } .portal .table-caption, .portal .table-contacts > ul:not(:last-child) li:nth-child(3), .portal .table-contacts > ul:not(:last-child) li:nth-child(7) { display: none; } .portal .table-contacts .contacts-paginator { padding-left: 0; text-align: center; } .portal .table-contacts > ul:not(:last-child) > li { height: auto; min-height: auto; padding: 0 10px; } .portal .table-contacts.faxes-sent-gr-det > ul:last-child > li, .portal .table-contacts.faxes-sent-gr-det > ul > li { height: auto; min-height: 30px; padding: 0 10px; } .portal .table-contacts.faxes-sent-gr-det > ul > li .dash, .portal .table-contacts.faxes-sent-gr-det > ul > li .delayed i{ top:0; } .portal .table-contacts.faxes-sent-gr-det > ul > li.ul-hidden, .portal .table-contacts.faxes.inbox-faxes.faxes-sent-gr-det > ul > li.ul-hidden{ padding: 7px 10px; } /* ************************* */ /* ************* buy-pamfax-credit ************ */ .table-style-01-box { max-width: 620px; } .table-style-01-box { margin: 10px auto; max-width: 450px; text-align: center; } .table-style-01-box ul li { padding: 30px 5% 0; text-align: left; width: 49%; } /* ************************* */ /* ************* rates ************ */ .rates-plan .table-portal-box > ul > li:nth-child(1), .rates-plan .table-portal-box > ul > li:nth-child(3) { display: inline-block; } .rates-plan p, .rates-plan .table_signature, .rates-plan .inpSelectBl .chosen-container-single .chosen-single { font-size: 14px; } .rates-plan .table-portal-box > ul > li:nth-child(1) { width: 15%; padding: 5px; } .rates-plan .table-portal-box > ul > li:nth-child(2) { width: 85%; } .rates-plan .table_signature { text-align: left; } .rates-plan .select-plan { padding: 20px 10px; } .info { display: block; float: left; padding: 10px 10px 60px 0; } .rates-plan [class*="table-"] > ul > li { vertical-align: top; } .rates-plan .col-sm-6{ float: right; } .rates-plan .right{ text-align: right; } /* ************************* */ /* ************* redeem ************ */ .form-voucher { max-width: 580px; } /* ************************* */ /* ************* transactions ************ */ .transact .table-caption { display: inline-block; width: 100%; } .transact .table-portal-box > ul > li:nth-child(2) p .ico-time{ display: inline-block; } .transact .table-portal-box > ul > li, .transact .table-portal-box .ul-hidden > li { padding: 5px 10px 5px 10px; } .transact .table-portal-box > ul > li:nth-child(2) { width: 72%; } .transact .table-portal-box > ul > li:nth-child(5) { width: 20%; text-align: right; } .transact .sm-container p { font-size: 14px; } .transact .table-portal-box li.ul-hidden > ul > li:nth-child(1) { display: none; } .transact .table-portal-box li.ul-hidden > ul > li:nth-child(2), .transact .table-portal-box li.ul-hidden > ul > li:nth-child(2) p, .transact .table-portal-box li.ul-hidden > ul > li:nth-child(3) p, .transact .table-portal-box li.ul-hidden > ul > li:nth-child(4) p { display: inline-block; } .transact .table-portal-box li.ul-hidden > ul > li:nth-child(2), .transact .table-portal-box li.ul-hidden > ul > li:nth-child(3), .transact .table-portal-box li.ul-hidden > ul > li:nth-child(4) { width: 100%; } /* ************************* */ /* ************ faxes-inbox ************* */ .portal .faxes > ul:not(:last-child) li:nth-child(3), .portal .faxes > ul:not(:last-child) li:nth-child(4), .portal .faxes > ul:not(:last-child) li:nth-child(5), .portal .faxes > ul li:nth-child(3), .portal .faxes > ul li:nth-child(4), .portal .faxes > ul li:nth-child(5) { /* display: none; */ } .portal .faxes > ul li:nth-child(1) { width: 10%; } .portal > .container > .row > .table-contacts > .table-row > .link2detail:nth-child(4) { width: 130px !important; } .portal > .container > .row > .table-contacts > .table-row > .link2detail:nth-child(4) > .light-txt { font-size: 12px; } .portal > .container > .row > .table-contacts > .table-row { position: unset !important; max-width: 100% !important; } .portal > .container > .row > .table-contacts > .table-row > .with-filters > div > .btn-sm-cancel::after { content: unset; } .portal > .container > .row > .table-contacts > .table-row > .with-filters > div > .btn-sm-done::after { content: unset; } .portal .faxes > ul:not(:last-child) li:nth-child(2), .portal .faxes > ul:last-child li:nth-child(2) { width: 57%; } .portal .faxes > ul:not(:last-child) li:nth-child(6), .portal .faxes > ul li:nth-child(6) { display: inline-block; width: 20%; } /*.portal .faxes > ul:not(:last-child) > li, .portal .faxes > ul > li {*/ /*padding: 20px 10px 20px 20px;*/ /*}*/ .portal .faxes > ul:not(:last-child) li:nth-child(6), .portal .table-contacts > ul li:nth-child(6) { width: auto; } .portal .faxes > ul:last-child > li:not(:last-child) { border-right: none; } /*.portal .faxes > ul > li:nth-child(6) > a::after,*/ .portal .table-contacts.faxes.inbox-faxes .hider a::after, .portal .table-faxes.trash-table .hider a::after, .portal .unpaid.table-contacts .hider a::after, .portal .table-faxes .hider-ul a:after, .portal .table-portal-box.tranz-table .hider-ul a:after{ content: ""; position: absolute; -moz-transform: translate(-50%,0) rotate(45deg); -ms-transform: translate(-50%,0) rotate(45deg); -webkit-transform: translate(-50%,0) rotate(45deg); -o-transform: translate(-50%,0) rotate(45deg); transform: translate(-50%,0) rotate(45deg); right: 10px; top: 4px; width: 8px; height: 8px; border-color: #a81eba; border-style: solid; border-width: 0 1px 1px 0; } .portal .table-faxes .hider-ul a{ position: relative; } /*.portal .faxes > ul > li.hider > a.active{*/ /*color: #4b4254;*/ /*}*/ .portal .faxes > ul > li.hider > a.active::after { top: 10px; border-color: #4b4254; border-width: 1px 0 0 1px; transform:rotate(-45deg); } .portal .faxes > ul:not(:last-child) li:nth-child(7), .portal .faxes > ul li:nth-child(7) { width: 100%; } .portal .faxes > ul:not(:last-child) li.ul-hidden > ul > li:nth-child(1) { display: inline-block; width: 10%; } .portal .faxes > ul:not(:last-child) li.ul-hidden > ul > li:nth-child(2), .portal .faxes > ul:last-child li.ul-hidden > ul > li:nth-child(2) { display: inline-block; width: 90%; text-align: left; } .portal .faxes > ul > li.ul-hidden { height: auto; min-height: auto; padding: 0 10px; } .portal .phone-container { max-width: 360px; margin: 0 auto; padding: 0 10px; } .portal .phone-container .btn-phone-50-box{ display: block; padding-left: 0; } .portal .phone-container .btn-phone-50{ width: 48%; margin: 10px -4px 10px 0; padding: 8px 0; } .portal .phone-container .btn-phone-50:nth-child(2){ margin-left: 2%; } .portal .ico-time { /*position: absolute;*/ /*top: 20px;*/ /*left: 50%;*/ margin: 20px auto; display: block; } /* ************************* */ /* ************* PAGE faxes-backup ************ */ .portal .form-faxes { max-width: 600px; } .disc_btn { margin: 10px auto; } ul.disc .col-xs-12 { padding-right: 0px; padding-left: 0px; } .portal .phone-container [class*='btn-style'] { padding: 8px 15px; margin: 10px 0; vertical-align: middle; } .contact-btn-add{ width: 205px; } .contact-btn-del{ width: 130px; } .portal .form-faxes .fxs { width: 49%; margin-right: -4px; margin-top: 10px; } .portal .form-faxes .fxs:last-child { margin-left: 2%; } .phone-container{ max-width: 360px; margin: 20px auto; } .phone-container .btn-phone-bl{ width: 100%; margin: 0; } /* ************************* */ /* ************* modal-faxes ************ */ .modal-error { max-width: 90%; margin: 0 auto; } .modal-flags .filter-country input, .modal-flags .filter-prefix input { width: 100%; } .modal-flags .filter-prefix, .modal-flags .filter-cancel { max-width: 100%; } .modal-flags .filter-cancel{ text-align: center; } /* ************************* */ /* ************* modal-faxes ************ */ hr.fax{ margin-top: 37px; } .send-fax { padding: 0 10px; } .send-fax .SelectCoun { width: 100%; margin: 0; } .send-fax .col-xs-9 { text-align: right; } .send-fax .btn-style-06 { width: 100%; margin: 10px 0 0 0; } /* ************************* */ /* ************* next ************ */ .send-fax .next-add .btn-phone-50-box .btn-phone-50:not(:first-child) { margin-left: 2%; } /* ************************* */ /* ************* send-faxes-next ************ */ .send-fax .next { float: none; width: 100%; } .send-fax .phone-container .btn-phone-50:nth-child(2) { margin-left: 3%; } /* ************************* */ /* ************* send-faxes-message ************ */ .send-fax .message .phone-container { max-width: 450px; width: 90%; } .send-fax .message p { font-size: 14px; margin: 0 10px 0 0; } /* ************************* */ /* ************ PAGE sent ************* */ .portal .table-faxes { border-radius: 0; border: none; } .portal .table-faxes > ul > li:not(:last-child) { border-right: none; } .portal .table-faxes li.ul-hidden{ height: auto; } .portal .table-faxes > ul li:nth-child(1) { width: 10%; } .portal .table-faxes > ul li:nth-child(3) { width: 55%; } .portal .table-faxes .link2detail /*.portal .table-faxes .for-box */{ /*display: none;*/ } .portal .table-contacts.faxes.inbox-faxes .hider a.active::after, .portal .table-faxes.trash-table .hider a.active::after, .portal .table-faxes .hider-ul a.active::after, .portal .table-faxes .hider .active::after{ -moz-transform: translate(-50%, 0px) rotate(-135deg); -o-transform: translate(-50%, 0px) rotate(-135deg); -mz-transform: translate(-50%, 0px) rotate(-135deg); transform: translate(-50%, 0px) rotate(-135deg); top:10px; } /*.portal .table-faxes > ul li:nth-child(2), .portal .table-faxes > ul li:nth-child(4), .portal .table-faxes > ul li:nth-child(5) {*/ /*display: none;*/ /*}*/ .table-faxes > ul li:nth-child(8) { display: inline-block; } .portal .table-faxes > ul li:nth-child(8) a.link-color { font-size: 14px; } .portal .table-faxes > ul li:nth-child(8) a.link-color::after { content: ""; position: absolute; -moz-transform: translate(-50%,0) rotate(45deg); -ms-transform: translate(-50%,0) rotate(45deg); -webkit-transform: translate(-50%,0) rotate(45deg); -o-transform: translate(-50%,0) rotate(45deg); transform: translate(-50%,0) rotate(45deg); right: -30px; top: 5px; width: 8px; height: 8px; border-color: #a81eba; border-style: solid; border-width: 0 1px 1px 0; } .portal .table-faxes > ul.ul-hidden li:nth-child(4), .portal .table-faxes > ul.ul-hidden li:nth-child(5) { display: inline-block; } .portal .table-faxes > ul.ul-hidden li:nth-child(3) { padding-right: 0; width: 82%; } .portal .table-faxes > ul.ul-hidden li:nth-child(3) .btn-style-05{ padding: 3px 5px; } .portal .table-faxes > ul.ul-hidden li:nth-child(4) { width: 7%; vertical-align: bottom; padding: 0; } .portal .table-faxes > ul li:nth-child(8) a.active { color: #4b4254; } .portal .table-faxes > ul li:nth-child(8) a.active::after { border-color: #4b4254; border-width: 1px 0 0 1px; top: 7px; } /*.portal .table-faxes > ul li:nth-child(3) a.link-color::after {*/ /*display: none;*/ /*}*/ .portal .table-faxes > ul.ul-hidden span.succes, .portal .table-faxes > ul.ul-hidden .light-txt { margin-left: 10px; } .portal .table-faxes > ul.ul-hidden > li::before, .portal .table-faxes > ul.ul-hidden > li .hidden-desc { display: inline-block; } .portal .table-faxes > ul.ul-hidden > li span.succes { padding-left: 25px; } .portal .table-faxes > ul.ul-hidden > li span.failure { padding-left: 25px; } .portal .table-faxes > ul > li.ul-hidden strong{ margin-right: 20px; } .ul-hidden-50 { margin-right: 30px; } /* ************************* */ /* ************ PAGE sent (fax-details) ************* */ .portal .md-container .fax-details .light-box { margin: 30px -15px; } .portal .md-container .fax-preview { max-width: 100%; } .portal .md-container .fax-preview-cover { margin: 0 auto; width: 342px; max-width: 100%; cursor: pointer; } .portal .md-container .fax-details .phone-container { display: none; } .portal .md-container .fax-preview { padding: 0 10px; } .portal .md-container .fax-preview [class*="btn-style"] { display: inline-block; margin-top: 10px; } .portal .fax-preview .phone-container .btn-phone-50-box { display: block; padding-left: 0; } .portal .fax-preview .phone-container .btn-phone-50 { width: 48%; margin: 10px -4px 10px 0; padding: 8px 0; } .portal .fax-preview .phone-container .btn-phone-50:nth-child(2) { margin-left: 4%; } .portal .md-container .fax-notes [class*="btn-style"] { width: 50%; max-width: 160px; } .portal .md-container .fax-notes { padding: 0 10px; } .portal .md-container .light-box p { font-size: 14px; } /* ************************* */ /* ************ PAGE account cover pages ************* */ .portal .cover { border-radius: 0px; } .portal .cover p { font-size: 14px; } .portal .table-faxes > ul > li:not(:last-child) { border: none; } .portal .table-faxes > ul li:nth-child(1) { width: 10%; } .portal .cover > ul > li:nth-child(2) { width: 20%; display: inline-block; } .portal .cover > ul > li:nth-child(3) { width: 40%; padding: 0 10px; } .portal .cover > ul li:nth-child(4) { display: none; } .portal .cover > ul > li:nth-child(5) { width: 30%; display: inline-block; } .portal .table-faxes > ul > li:nth-child(5) > p { vertical-align: bottom; } .portal .cover .hidden-desc { display: block; text-align: left; } .portal .cover > ul li:nth-child(3) a.link-color { padding: 0; margin: 0; } .portal .cover > ul li:nth-child(3) a.link-color::after { content: none; } .cover-buttons { padding: 0 10px; } .portal .cover-buttons [class*="btn-style"] { font-size: 14px; } .portal .cover ul > li .btn-style-01 { display: inline-block; padding: 0; font-size: 14px; font-weight: 400; text-transform: none; margin: 0 4px 10px 0; } .portal .cover ul > li .btn-style-01:hover { border: none; background-color: none; } .portal .cover .down-btn { display: none; } .fax-preview { width: 90%; max-width: 410px; } /* ************************* */ /* ************ PAGE account localization ************* */ .portal .form-localiz label { width: 100%; text-align: left; } .portal .form-localiz .col-xs-12 { padding: 0; } .portal p.small { width: 100%; } .portal .form-localiz .checkbox-style { padding: 0; } /* ************************* */ /* ************* PAGE login ************ */ .ico-message-quest { display: none; } .portal .form-localiz .tooltip-inner { display: none; } .portal .form-localiz input { width: 100%; } /* ************************* */ /* ************* PAGE notification ************ */ .portal .small-contain { padding: 10px; max-width: 100%; } .portal .small-contain p { font-size: 14px; } /* ************************* */ /* ************* PAGE profile ************ */ .portal .form-localiz .example-fax .fax-details { border-radius: 0px 0px 12px 12px; } .portal .form-localiz .example-fax .fax-details-header{ display: block; } .portal .form-localiz .example-fax .fax-details ul li { font-size: 16px; width: 100%; padding: 10px 0; } .portal .form-localiz .skype_name .col-xs-12 { margin: 20px 0; } .portal .form-localiz .skype_name .btn-style-02 { width: 100%; } /* ************************* */ /* ************* PAGE recommend ************ */ .portal .form-localiz .example-fax .fax-details { border-radius: 0px 0px 12px 12px; } .portal .form-localiz .example-fax .fax-details-header { display: block; } .portal .form-localiz .example-fax .fax-details ul li { font-size: 16px; width: 100%; padding: 10px 0; } .portal .social { max-width: 360px; margin: 0 auto; } .portal .social .btn-style-07, .portal .social .btn-style-08 { padding: 8px 20px; } .portal .social .btn-style-02 { width: 100%; } .portal .social .col-xs-12 { padding: 0; } /* ************************* */ } /* ********** PAGE users *************** */ .portal .users { margin: 10px 0; } .portal .users > ul > li:nth-child(6) { width: 17%; } .portal .users > ul > li:nth-child(1), .portal .users > ul > li:nth-child(7) { width: 6%; text-align: center; } .portal .users > ul > li:nth-child(4) { width: 25%; } .portal .users > ul > li:nth-child(2) { width: 27%; } .portal .users > ul > li:nth-child(2) p { margin: 0px; } .portal .users > ul > li:nth-child(3), .portal .users > ul > li:nth-child(5) { width: 130px; } .portal .users .table-row > li:nth-child(2) p { padding-left: 0px; } .portal .users .table-row > li:nth-child(2) p.light-txt { font-size: 85%; } .portal .users > ul:not(:first-child):hover{ background-color: #edd2f1; } .ico-letter { background-image: url("../img/letter.png"); } .ico-member { background-image: url("../img/member.png"); } .ico-autocredit { background-image: url("../img/autocredit.png"); } .ico-letter { width: 28px; height: 25px; display: inline-block; margin-right: 10px; background-repeat: no-repeat; background-position: center; } .ico-member, .ico-autocredit { width: 28px; height: 25px; display: inline-block; margin-right: 10px; background-repeat: no-repeat; background-position: center; } .portal .users > ul .close-btn{ display: inline-block; cursor: pointer; vertical-align: middle; } .align-bottom { height: 50px; background-position: bottom right; } /* ************************* */ .users.company-men > ul > li:nth-child(1){ width: 60px; } .users.company-men > ul > li:nth-child(2){ width: 30%; } .users.company-men > ul > li:nth-child(3){ width: 25%; } .users.company-men > ul > li:nth-child(4){ width: 20%; } .users.company-men > ul > li:nth-child(5){ width: 10%; } .portal .tranz-table.table-portal-box > ul > li{ cursor: default; } .portal .tranz-table.table-portal-box > ul.link-ul > li{ cursor: pointer; } .portal .tranz-table.table-portal-box > ul.link-ul:hover{ background: #edd2f1; } @media screen and (max-width:992px) { .invite-user { padding: 20px 10px; } .portal .users { margin: 20px 0; } .portal .users .table-caption{ display: none; } .portal .users > ul > li:nth-child(1), .portal .users > ul > li:nth-child(4) { display: inline-block; width: 15%; } .portal .users > ul > li:nth-child(2), .portal .users > ul > li:nth-child(5) { width: 50%; } .portal .users > ul > li:nth-child(3) { display: inline-block; width: 25%; } .portal .users > ul > li:nth-child(6), .portal .users > ul > li:nth-child(7) { width: 30%; } .portal .users > ul > li { padding: 0px 10px; } .portal .for-box .btn-style-05, .portal .for-box .btn-style-05:focus { font-size: 11px; padding: 4px 3px; } .portal .table-faxes.sent-faxes > ul li:nth-child(3) { width: 39%; } .portal .table-faxes.sent-faxes .for-box .btn-style-05, .portal .table-faxes.sent-faxes .for-box .btn-style-05:focus { font-size: 12px; margin: 10px 0 0; position: relative; } .transact .table-portal-box.tranz-table > ul > li:nth-child(2) { width: 55%; } .transact .table-portal-box.tranz-table li.ul-hidden > ul > li:nth-child(3), .transact .table-portal-box.tranz-table li.ul-hidden > ul > li:nth-child(4){ width: 100%; } .step4 .select-box { margin: 0 0 10px; max-width: 100%; } .portal .table-faxes.sent-faxes > ul > li:nth-child(2) { width: 80px; } .portal .for-box .btn-style-05, .portal .for-box .btn-style-05:focus { padding: 2px 3px; } } /******************************************************************************************************** - MEDIA max-width: 450px - *************************************************************************************************************/ @media screen and (max-width:450px) { .portal .btn-phone-bl, .portal [class*="btn-style"]:not(:first-child).btn-phone-bl{ display: block; margin-right: 0; margin-left: 0; margin-right: 0; width: 100%; } .portal input[type="text"] { font-size: 14px; height: 42px; padding: 10px; } /************** shop-box **************/ .portal .shop-box .img-cart-box{ max-width: 175px; } .portal .shop-box { padding: 20px 0; } .portal .shop-box .chosen-container-single .chosen-single { width: 220px; } .portal .phone-shop-box { width: 330px; } /* ************* PAGE contacts ************ */ .portal [class*="btn-style"].contact-btn-del{ width: 35%; padding-left: 0; padding-right: 0; margin-left: 2%; margin-right: -4px; } .portal [class*="btn-style"].contact-btn-add { margin-left: 0; width: 63%; padding-left: 0; padding-right: 0; margin-right: -4px; } /* ************************* */ /* ************* buy-pamfax-credit ************ */ .table-style-01-box { max-width: 620px; margin: 30px auto; } /* ************************* */ /* ************ PAGE account localization ************* */ .portal .contact-btn-del[class*="btn-style"] { padding: 8px 20px; width: auto; } /* ************************* */ /* ************* PAGE notification ************ */ .portal .form-localiz .inpSelect.small-contain .col-xs-4:last-child label { text-align: right; } .col-xs-4 { padding-right: 5px; padding-left: 0px; } /* ************************* */ /* ************* PAGE recommend ************ */ .portal .social .btn-style-08 { padding: 8px 4%; } .portal .social [class*="btn-style"]:not(:last-child) { margin-right: 10px; } .portal .social .btn-style-02 { width: 100%; } .modal-recommend { max-width: 90%; } /* ************************* */ } @media screen and (max-width: 360px) { /* ************* rates ************ */ .rates-plan .text-center { padding: 0 10px; } .rates-plan .select-plan { margin: 0 auto; padding: 55px 0px 20px 0px; } .rates-plan .table-portal-box > ul > li { padding: 5px 10px 5px 10px; } .rates-plan .table-portal-box > ul > li:nth-child(1) { width: 20%; } .rates-plan .table-portal-box > ul > li:nth-child(2) { width: 80%; } .rates-plan .table_signature { padding: 0 10px; } .rates-plan .table-portal-box > ul > strong { font-size: 16px; } .rates-plan .table-portal-box .table-row > li:nth-child(2) p { padding-left: 0px; } .rates-plan .inpSelectBl .chosen-container-single .chosen-single { padding: 9px 10px; } .select-plan .choose { width: 235px; margin: 0 0 0 10px; } .rates-plan .col-xs-12, .rates-plan .col-xs-6 { padding-right: 10px; padding-left: 10px; } /* ************************* */ /* ************* PAGE recommend ************ */ .portal .social .btn-style-08 { padding: 8px 2.5%; } /* ************************* */ } /*стрелки в предпоследних пунктах меню в шапке*/ @media screen and (min-width: 768px) and (max-width: 992px) { header nav.nav-portal li a[data-toggle="dropdown"]::after { top: 66px; } header nav.nav-portal li a[data-toggle="dropdown"]::after { top: 66px; } } @media screen and (max-width: 992px) { body{ background: #f9f9f9 none repeat scroll 0 0; } /* send */ .private-header header nav > ul > li.send_fax a{ background: url('../images/bg-link-send-mobile.png') no-repeat left top 10px; } .private-header header nav > ul > li.send_fax.active a, .private-header header nav > ul > li.send_fax a:hover{ background: url('../images/bg-link-send-white.png') no-repeat left -7px top 10px; background-size: 40px; } /* outbox */ .private-header header nav > ul > li.outbox > a{ background: url('../images/bg-link-outbox-mobile.png') no-repeat left top 10px; } .private-header header nav > ul > li.outbox.active > a, .private-header header nav > ul > li.outbox > a:hover{ background: url('../images/bg-link-outbox-white.png') no-repeat left top 10px; background-size: 21px; } /* outbox */ .private-header header nav > ul > li.out > a{ background: url('../images/bg-link-out-mobile.png') no-repeat left top 10px; } .private-header header nav > ul > li.out.active > a, .private-header header nav > ul > li.out > a:hover{ background: url('../images/bg-link-out-white.png') no-repeat left top 10px; background-size: 21px; } /* inbox */ .private-header header nav > ul > li.inbox > a{ background: url('../images/bg-link-inbox-mobile.png') no-repeat left top 10px; } .private-header header nav > ul > li.inbox.active > a, .private-header header nav > ul > li.inbox > a:hover{ background: url('../images/bg-link-inbox-white.png') no-repeat left top 10px; background-size: 20px; } /* trash */ .private-header header nav > ul > li.trash > a{ background: url('../images/bg-link-trash-mobile.png') no-repeat left 2px top 6px; } .private-header header nav > ul > li.trash.active > a, .private-header header nav > ul > li.trash > a:hover{ background: url('../images/bg-link-trash-white.png') no-repeat left 2px top 6px; background-size: 18px; } /* address book */ .private-header header nav > ul > li.address > a{ background: url('../images/bg-link-address-mobile.png') no-repeat left 2px top 6px; max-width: 1000px; } .private-header header nav > ul > li.address.active > a, .private-header header nav > ul > li.address > a:hover{ background: url('../images/bg-link-address-white.png') no-repeat left 2px top 6px; background-size: 18px; } /* settings */ .private-header header nav > ul > li.settings > a{ background: url('../images/bg-link-settings-mobile.png') no-repeat left 2px top 8px; } .private-header header nav > ul > li.settings.active > a, .private-header header nav > ul > li.settings > a:hover{ background: url('../images/bg-link-settings-white.png') no-repeat left 2px top 8px; background-size: 20px; } /* more */ .private-header header nav > ul > li.more > a{ background: url('../images/bg-link-more-mobile.png') no-repeat left top 14px; } .private-header header nav > ul > li.more.active > a, .private-header header nav > ul > li.more > a:hover{ background: url('../images/bg-link-more-white.png') no-repeat left top 14px; background-size: 26px; } /* стрелки на выпавшем списке меню */ header nav.nav-portal .navbar-nav > li > a[data-toggle="dropdown"]::after { top: 14px; } .send-fax .SelectCoun { margin: 0 auto 10px; width: 200px; } .portal .title-main { font-size: 28px; } .header-person-welcome { max-width: 350px; } .users.company-men > ul > li:nth-child(1){ width: 60px; } .users.company-men > ul > li:nth-child(2){ width: 30%; } .users.company-men > ul > li:nth-child(3){ width: 25%; } .users.company-men > ul > li:nth-child(4){ width: 20%; } .users.company-men > ul > li:nth-child(5){ width: 10%; } /*---------------*/ } /*------- SEND FAX --------*/ .step-1 .SelectCoun { width: 90px; display: inline-block; vertical-align: top; } .step-1 .number-ul { display: inline-block; margin: 0 10px; vertical-align: top; /*width: 415px;*/ width: 350px; } .step-1 .btn-right, .steps-box .btn-right{ position: absolute; /* TODO ???? See https:jira.pamconsult.net/secure/attachment/23674/screenshot-6.png*/ /*right: -10px;*/ /*top: -1px;*/ right: 0px; top: -5px; } .step-1 .btn-right{ top: 0; } .step-footer .btn-right{ position: relative; } .step-footer .btn-right{ position: absolute; right: 0; top:-5px; } .steps-box{ position: relative; } .cover-box a{ /*background-image: url('../img/cover-image.jpg');*/ /*background-repeat: no-repeat;*/ /*background-position: center;*/ /*background-size: cover;*/ display: inline-block; } .step4 .step-footer{ margin-top: 15px; } .box-right{ position: absolute; top:0; right: 0; } @media screen and (max-width: 768px) { body { padding-bottom: 0; padding-right: 0 !important; } .step-2, .step-phone-center-footer { text-align: center; } .portal .table-faxes.trash-table .hider, .table-contacts.unpaid .hider{ display: inline-block; } .step-footer .btn-right, .steps-box .btn-right { position: relative; display: block; text-align: center; } .portal .table-faxes > ul li:nth-child(3) { width: 49%; padding: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; padding-left: 5px !important; padding-right: 5px !important; } /* ограничит ширину на разрешениях менее 768px */ .portal .container { max-width: 400px; /*min-width: 360px;*/ } .portal .phone-btn-style-1[class*="btn-style"], .phone-btn-style-1[class*="btn-style"]{ display: block; margin: 10px auto !important; max-width: 291px; position: relative; padding: 4px 6px; width: 100%; } .portal .phone-btn-style-2[class*="btn-style"], .phone-btn-style-2[class*="btn-style"]{ display: inline-block; margin-top: 10px; position: relative; } .portal .phone-btn-style-3, .phone-btn-style-3{ display: block; margin: 5px auto !important; max-width: 280px; position: relative; } header nav { z-index: 9999 !important; } } /*loader for pages with Angular*/ .load_page{ position: relative; } .load_page:before{ content: ''; position: absolute; top:0; bottom: 0; right: 0; left: 0; background: #f9f9f9; /* display: none;*/ z-index: 1000; } @media screen and (max-width:768px) { .load_page:before { right: -15px; left: -15px; } } .search-form{ position: relative; } form input[type="button"].input_zoom{ width: 100px; height: 50px; display: block; position: absolute; top:0; right: 0; } /*Notifications*/ .notice-box .btn-style-01{ margin: 0 5px; position: relative; top: -4px; padding: 4px 15px; } @media screen and (max-width:768px) { .notice-box .text-right{ text-align: center; } .notice-box .btn-style-01{ position: relative; padding: 2px 15px; font-size: 13px; } .notice-box{ text-align: center; } .notice-box a, .notice-box span{ font-size: 14px; } .notice-box span{ display: block; } .notice-box .row:not(:last-child):after{ content: ''; width: 200px; margin: 20px auto; background: #eee; height: 1px; } .portal .inp-lg{ width: 90%; margin-right: 5%; margin-left: 5%; } #search-form{ margin-top: 0; margin-left: 2%; margin-right: 2%; width: 96%; } } /*Buttons Previous Next*/ [class*="btn-"].ico-rigth .glyphicon{ top: 3px; margin-left: 8px; position: relative; } [class*="btn-"].ico-left .glyphicon{ top: 3px; margin-right: 8px; position: relative; } .btn-style-01.small-btn{ padding: 2px 5px; font-size: 14px; } .table-faxes .btn-style-05 { font-size: 14px; margin: 0; padding: 4px 15px; /*position: absolute;*/ /*right: 0;*/ /*top: 0;*/ } .table-faxes > ul{ cursor: pointer; } /*For disabled button*/ .disabled{ background: #ccc !important; color: #fff!important; border-color: #ccc!important; transition: none!important; } /* --------------------- PAGE journal ----------------------*/ .portal hr.user { margin: 10px 0; } .portal .table-portal-box.journal > ul > li:nth-child(1) { width: 15%; } .portal .table-portal-box.journal > ul > li:nth-child(2), .portal .table-portal-box.journal > ul > li:nth-child(3) { width: 32%; } .portal .table-portal-box.journal > ul > li:nth-child(4), .portal .table-portal-box.journal > ul > li:nth-child(5) { width: 10%; } .portal .table-portal-box.journal .table-row > li:nth-child(2) p { padding-left: 0px; margin: 0; } .portal .table-portal-box.journal .table-row > li:nth-child(2) p.light-txt { font-size: 85%; } .portal .table-portal-box.journal > ul:not(:first-child):hover{ background-color: #edd2f1; } .portal .table-portal-box.journal > ul > li:nth-child(1), .portal .table-portal-box.journal > ul > li:nth-child(3) { display: inline-block; } .portal .table-portal-box.journal > ul > li p { font-size: 14px; } .portal .account-period .choose { width: 318px; margin: 0 0 0 20px; } .portal .account-period { padding: 55px 0 0; } .portal .monthly > ul.table-row:hover { background-color: #edd2f1; } .portal .monthly > ul { border-bottom: none; } .portal .monthly > ul > li:nth-child(1) { width: 50%; text-align: left; } .portal .monthly > ul > li:nth-child(2) { width: 50%; text-align: right; } .portal .monthly > ul.total { background: none; border: none; } .portal .monthly > ul { border-bottom: 1px solid #d6d6d6; } @media screen and (max-width:768px) { .portal .table-portal-box.journal > ul > li:nth-child(1) { width: 20%; } .portal .table-portal-box.journal > ul > li:nth-child(2) { width: 80%; } .portal .table-portal-box.journal > ul > li:nth-child(3), .portal .table-portal-box.journal > ul > li:nth-child(4) , .portal .table-portal-box.journal > ul > li:nth-child(5) { width: 60%; padding-left: 24%; } /*.portal .table-portal-box.journal > ul > li:nth-child(4), .portal .table-portal-box.journal > ul > li:nth-child(5) {*/ /*width: 18%;*/ /*text-align: right;*/ /*}*/ #reports_i.table-portal-box > ul > li:nth-child(1), #reports_i.table-portal-box > ul > li:nth-child(3){ display: inline-block; } #reports_i .table-caption{ width: 100%; display: block; } .portal .account-period .choose{ margin: 0; } } .user-details [class*="btn-style"]{ margin: 0; } .user-details.form-localiz .radio + label{ padding:0 0 0 35px; } .portal .user-details .chosen-container-single .chosen-single { max-width: 240px; } .portal .us-details { margin: 40px auto; max-width: 860px; padding: 0 15px; } .close_form{ z-index: 10; } .phones-container .close_form { right: 0; } @media screen and (max-width:768px) { .portal .user-details { padding: 0 15px; } .portal .user-details input { width: 95%; } .portal .form-localiz .col-xs-12 p{ margin: 0; } .portal .form-localiz .col-xs-12 label { padding: 0; font-weight: bold; } .send-fax .title-s { padding-bottom: 10px; } .phones-container .close_form { right: -12px; } .step-1 .SelectCoun { width: 18%; } .step-1 .SelectCoun a { padding: 9px; } .step-1 .SelectCoun a::after{ /*TODO ???? See https:jira.pamconsult.net/secure/attachment/23674/screenshot-6.png*/ /*right: 6px;*/ right: 14px; } .step-1 .number-ul { width: 62%; } /*TODO ???? See https:jira.pamconsult.net/secure/attachment/23674/screenshot-6.png*/ /*.step-1 .btn-right{*/ /*position: relative;*/ /*width: 100%;*/ /*margin-top: 20px!important;*/ /*}*/ .step-1 .btn-right{ position: relative; width: 100%; margin-top: 20px!important; } } /*Dropdown Select*/ select.styled { z-index: 100; width: 100% !important; height: 100% !important; position: absolute!important; bottom: 0; left: 0; opacity: 0; position: relative; z-index: 5; } .select-box::after, .select-box-not .select::after{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; content: ""; display: inline-block; height: 0; position: absolute; right: 14px; top: 17px; width: 0; } .select-box { background: #fff none repeat scroll 0 0; border: 1px solid #898989; border-radius: 10px; color: #4c4552; display: inline-block; height: 42px; margin: 0 10px 15px 0; padding: 8px 30px 8px 15px; position: relative; vertical-align: top; width: 100%; } .select-box-sm{ max-width: 350px; } @media screen and (max-width:768px) { .select-box { margin: 0 5%; max-width: 90%; } } .select-box .select { background: none; border: none; border-radius: inherit;; cursor: pointer; display: inline-block; font-family: inherit; font-size: inherit; font-weight: inherit; height: auto; overflow: hidden; width: 100%; margin-bottom: 0; } .select-box-not .select{ background: #fff none repeat scroll 0 0; border: 1px solid #898989; border-radius: 10px; color: #4c4552; display: inline-block; height: 42px; margin: 0; padding: 8px 30px 8px 15px; position: relative; vertical-align: top; width: 100%; } .select-box .select::after { content:none; } .portal .table-contacts.faxes-sent-gr-det .table-caption li:nth-child(1){ width: 14%; } .portal .faxes.faxes-sent-gr-det > ul li:nth-child(2), .portal .faxes.faxes-sent-gr-det > ul:last-child li:nth-child(2){ width: 22%; } @media screen and (max-width:768px) { .portal .faxes.faxes-sent-gr-det > ul li:nth-child(2), .portal .faxes.faxes-sent-gr-det > ul:last-child li:nth-child(2) { width: 58%; } .portal .faxes.faxes-sent-gr-det > ul li.ul-hidden > ul > li:nth-child(1) { display: block; text-align: left; width: 100%; } } .table-contacts.unpaid .table-row li:not(:last-child).last-li{ border-right: none; } .table-contacts.unpaid > ul:not(:last-child) li:nth-child(3) { width: 21%; } .unpaid.table-contacts > ul:not(:last-child) > li:nth-child(1) { width: 154px; } .unpaid.table-contacts .form-group { margin-bottom:0; } @media screen and (max-width: 768px) { .table-contacts.unpaid .hider { display: inline-block; } .unpaid.table-contacts > ul:not(:last-child) > li:nth-child(1) { width: 80px; } .unpaid.table-contacts > ul:not(:last-child) li:nth-child(7) { text-align: left; width: 100%; } .unpaid.table-contacts .hider a::after { border-color: #a81eba; border-style: solid; border-width: 0 1px 1px 0; content: ""; height: 8px; position: absolute; right: 0; top: 40%; transform: translate(-50%, 0px) rotate(45deg); width: 8px; } .unpaid.table-contacts a.active::after { border-color: #4b4254; border-width: 1px 0 0 1px; top: 10px; } .grid-phone-100 { display: block; width: 100%; } } .group-faxes{ padding-left: 100px; } .form-localiz .checkbox-style input[type="checkbox"]:checked + .form_checkbox::before { background-size: 22px auto; } .form-localiz .form_checkbox::before { border-radius: 4px; height: 25px; width: 25px; position: relative; margin-right: 5px; vertical-align: bottom; } .portal .form-localiz label { display: inline-block; vertical-align: middle; } .portal .form-localiz .col-xs-12 .checkbox-style label { padding: 0; font-weight: normal; } .modal-body .list-storages .dash { position: absolute; right: 0; top: 18px; } .portal .md-container .fax-details .light-txt { margin-right: 13px; text-align: right; width: 142px; } /*Icons for calendar in Send-Fax*/ .btn_style_icon{ background-color: #ccc; } .modal-content .btn-style-10 { background: #ebb7fb none repeat scroll 0 0; border-radius: 5px; color: #7c3692; display: block; font-size: 15px; font-weight: 400; padding: 0px 15px 0; text-decoration: none; text-transform: none; vertical-align: middle; width: 100%; text-align: left; height: 40px; margin-top: 12px; } .modal-content .btn-style-10:hover { background:#fff none repeat scroll 0 0; border: 2px solid #ebb7fb; color: #7c3692; } .pocl { display: inline-block; background-image: url("/img/icon_sprites.png"); background-repeat: no-repeat; /* float: left; */ margin: 0px 5px 0px 0px; vertical-align: middle; top: -11px; } .docu { width: 62px; height: 46px; background-position: -158px 0px; } .dwnclnt { width: 62px; height: 46px; background-position: -96px -184px; } .cred { width: 62px; height: 46px; background-position: -96px -46px; } .inbx { width: 62px; height: 46px; background-position: -158px -92px; } .filter-cancel button{ position: absolute; bottom: 0; right: 0; } .filter-cancel{ position: relative; height: 64px; } .like-inp{ display: inline-block; padding:10px 3px; color: rgba(166, 29, 187, 0.8); } .in-bottom{ position: absolute; left: 10px; bottom: 0; } .phone-row .load-box{ background: #fff; display: block; height: 25px; position: absolute; right: 0; top: 7px; width: 25px; z-index: 1000; } .btn{ white-space: inherit; } .portal .dash, .portal .delayed i{ top:2px; } .portal .dash-no-top{ top:0px; } @media screen and (max-width: 768px) { .portal .dash, .portal .delayed i { top: 0px; } } .load-t{ background: transparent; } .send-fax .pamfax_form label.form_checkbox { display: table-cell; height: 45px; margin: 10px 0 0; max-width: 297px; padding: 0 0 0 50px; vertical-align: middle; } .pamfax_form .form_checkbox::before{ top:4px; } .with-load{ position: relative; display: inline-block; } .with-load .wait-message{ z-index: 2; top:-7px; right: -11px; } .with-load .close_form{ z-index: 4; } .send-fax .pamfax_form{ margin:15px 0; } .btn{ margin:10px 10px 10px 0; } .btn:last-child{ margin-right: 0; } .modal-footer .button{ margin-right: 10px; } .inp-info ul a { color: #000; display: inline-block; font-size: 14px; max-width: 265px; } .dropzone .dz-preview { margin: 16px 13px 20px!important; } .dropzone { padding: 20px 20px 40px 20px!important; } .portal .table-contacts.faxes.inbox-faxes > ul:hover{ cursor: pointer; } .portal .table-faxes > ul:hover > li.ul-hidden, .portal .table-faxes.trash-table > ul:hover > li.ul-hidden, .portal .table-contacts.unpaid > ul:hover > li.ul-hidden, .portal .table-contacts.faxes.inbox-faxes > ul:hover > li.ul-hidden{ background-color: #ededef; cursor: default; } .addressbook{ display: inline-block; position: fixed; top: 290px; right: 0; text-align: center; line-height: 1.2; z-index:300; text-transform: uppercase; } .addressbook img{ width: 50px; display: block; margin: 0 auto 2px; } .addressbook span { text-shadow:-1px -1px 0 #d243e8, 1px -1px 0 #d243e8,-1px 1px 0 #d243e8,1px 1px 0 #d243e8; color: #fff; max-width: 80px; font-size: 11px; font-weight: bold; letter-spacing: 0.1px; display: inline-block; } @media screen and (max-width:1200px){ .addressbook{ top: auto; bottom: 10px; width: 33px; right: 5px; } .addressbook span{ display: none; } .addressbook img{ width: 33px; } } @media screen and (min-width: 768px) and (max-width: 992px) { .unpaid.table-contacts > ul:not(:last-child) > li:nth-child(4), .unpaid.table-contacts > ul:not(:last-child) > li:nth-child(5){ display: inline-block; width: 12%; } .unpaid.table-contacts > ul:not(:last-child) > li:nth-child(1) { width: 73px; } .portal .table-portal-box > ul > li:nth-child(2) { width: 62%; } } @media screen and (max-width: 768px) { .group-faxes .li-number-phone { width: 75%; } .portal .form-localiz .col-xs-12 .checkbox-style label { padding: 3px 0; font-weight: normal; } .portal .table-faxes .ul-hidden { padding: 10px 20px; } .portal .table-faxes.sent-faxes > ul li:nth-child(3) { width: 52%; } .portal .table-faxes.sent-faxes > ul li.group_link_fax.for-box { width: 85%; } .portal .table-faxes.sent-faxes > ul.table-row.hider li:nth-child(3) { width: 100%; } .portal .title-style-02 { font-size: 15px; font-weight: 600; margin: 25px 0; } .like-inp { display: inline-block; padding: 10px 13px; color: rgba(166, 29, 187, 0.8); } .phone-row .load-box { right: -12px; } .portal .table-faxes .hider-ul, .portal .table-faxes.trash-table .hider, .portal .table-contacts.faxes.inbox-faxes .hider, .portal .unpaid.table-contacts .hider, .portal .table-portal-box.tranz-table .hider { display: inline-block; font-size: 14px; padding: 0; position: absolute; right: 7px; width: auto; max-width: 200px; } .portal .table-portal-box.tranz-table .hider { padding: 10px 0; } .table-faxes.sent-faxes .table-row.ul-hidden .status-box .dely { background-position: -64px -64px; height: 16px; top: 5px; width: 16px; } .portal .for-box .btn-style-21, .portal .for-box .btn-style-21:focus { right: 7px; } .users.company-men > ul > li:nth-child(2) { width: 60%; } .inp-info ul a { color: #000; display: inline-block; font-size: 13px; max-width: 145px; } hr.fax { margin-top: 10px; } .send-fax { margin: 15px auto; } .send-fax .title-s { padding-bottom: 0; } .box-phone-left { position: relative; text-align: left; } .portal .md-container .fax-details .light-txt { margin-right: 13px; text-align: left; width: auto; } .dropzone .dz-preview { margin: 16px 5px 20px !important; } .portal .table-faxes.cover > ul li:nth-child(3) { width: 43%; } /*TODO ???? See https:jira.pamconsult.net/secure/attachment/23674/screenshot-6.png*/ /*.step-1 .btn-right{*/ /*right: 0;*/ /*top: 0;*/ /*margin-bottom: 10px;*/ /*}*/ /**/ /*.step-1 .SelectCoun {*/ /*width: 46px;*/ /*}*/ /*.step-1 .SelectNumb {*/ /*width: 218px;*/ /*}*/ /*.like-inp {*/ /*padding: 10px 0;*/ /*}*/ /*.step-1 .SelectCoun a {*/ /*padding: 9px 5px;*/ /*}*/ /*.step-1 .btn-right {*/ /*position: absolute;*/ /*right: -10px;*/ /*top: -6px;*/ /*width:64px;*/ /*}*/ .number-ul > .phones a:nth-child(1) { font-size: 13px; } .number-ul > .phones a:nth-child(1) { max-width: 140px; } .portal .table-faxes.sent-faxes > ul > li:nth-child(2) { max-width: 34px; padding: 0 5px; width: 11%; } .portal .hider .link-color, .portal .hider-ul .link-color { font-size: 12px; padding-right: 34px; } .portal .table-contacts.unpaid > ul > li.ul-hidden, .portal .table-contacts.faxes.inbox-faxes > ul > li.ul-hidden{ padding: 7px 0; } .portal .table-contacts.unpaid > ul, .portal .table-contacts.faxes.inbox-faxes > ul { padding-top: 10px; } .portal .table-contacts.faxes.inbox-faxes .checkbox-style, .portal .table-contacts.unpaid .checkbox-style{ padding-bottom: 5px; } .send-fax .select-files { height: 380px; } } .send-fax .step-1 .btn-right[class*="btn-style"]:not(:last-child){ margin-right: 0; background-image: none!important; } textarea{ resize: none; } .modal-footer .button { display: inline-block; text-align: center; } @media screen and (max-width:1200px){ .portal .ico-fl{ margin: 0; } .number-ul > .phones{ padding: 0 3px; } .number-ul > .phones a:nth-child(1){ font-size: 12px; } } @media screen and (max-width: 450px) { .step-1 .number-ul { width: 190px; } .like-inp { padding: 10px 3px; } } .loader-box-sm { display: inline-block; height: 16px; vertical-align: top; width: 16px; } @media screen and (min-width:992px){ .loader-box-sm { margin-left: 20px; } } .stat-box .failure .dash { top: 2px; margin: 4.7px 0; } .stat-box { height: 52px; padding-top: 6px; margin: 8px 0; } .recip-box{ height: 52px; } .recip-name { display: block; font-size: 14px; font-weight: 200; height: 16px; } .portal .for-box .ico-fl { top: -2px; } .portal .table-faxes > ul li:nth-child(3) .recip-box [class*="btn-style"]{ margin-top: 10px; } .time-edit-box{ margin-left: 152px; } @media screen and (max-width: 768px) { .recip-box { height: 37px; } .stat-box { height: 37px; padding-top: 0; } .time-edit-box{ margin-left: 0; } .time-edit-box .select-box{ margin: 10px 0 0; max-width: 100%; } } .IX.flag_standalone { background-image: url('../img/inst.jpg'); margin: 5px 10px 5px 0; } #buycredit{ top: 5px; } @media screen and (min-width: 1200px) { .portal .table-faxes.outbox-t > ul > li:nth-child(6).last-li-pri{ width: 150px; padding: 0 5px; } .portal .table-faxes.outbox-t > ul > li:nth-child(6).last-li-pri p{ font-size: 16px; } } @media screen and (min-width: 768px) and (max-width: 992px) { .portal .table-faxes.outbox-t > ul > li:nth-child(6).last-li-pri{ width: 16%; } } #AddGroupModal2 input[placeholder] { text-overflow: ellipsis; color: #888; font-size: 11px; } #AddGroupModal2 input[placeholder] { text-overflow: ellipsis; color: #888; font-size: 11px;} #AddGroupModal2 input::-moz-placeholder { text-overflow: ellipsis; color: #888; font-size: 11px;} #AddGroupModal2 input:-moz-placeholder { text-overflow: ellipsis; color: #888; font-size: 11px;} #AddGroupModal2 input:-ms-input-placeholder { text-overflow: ellipsis; color: #888; font-size: 11px;} #AddGroupModal2 input:-webkit-input-placeholder { text-overflow: ellipsis; color: #888; font-size: 11px;} #AddGroupModal2 input::-webkit-input-placeholder { text-overflow: ellipsis; color: #888; font-size: 11px;} @media screen and (min-width: 1200px) { .portal .table-faxes > ul > li:nth-child(6) { width: 14%; } } .portal .table-faxes > ul > li:nth-child(6) .vatinfo { color: #999; font-size: 12px; line-height: 1.2; display: inline-block; } @media screen and (max-width: 768px) { .portal .table-faxes.sent-faxes > ul > li:nth-child(2).with-filters, .portal .table-faxes > ul li:nth-child(3).with-filters, .portal .table-faxes > ul li:nth-child(4).with-filters, .portal .table-contacts.faxes.inbox-faxes > ul > li:nth-child(2).with-filters, .portal .table-contacts.faxes > ul li:nth-child(4).with-filters { width: 100%; max-width: 768px; padding: 3px 5px; } .portal .table-faxes.sent-faxes > ul.with-filters-box > li:nth-child(1), .portal .table-faxes.sent-faxes > ul.with-filters-box > li:nth-child(5), .portal .table-faxes.sent-faxes > ul.with-filters-box > li:nth-child(6), .portal .table-contacts.faxes.inbox-faxes > ul.with-filters-box > li:nth-child(1), .portal .table-contacts.faxes.inbox-faxes > ul.with-filters-box > li:nth-child(3), .portal .table-contacts.faxes.inbox-faxes > ul.with-filters-box > li:nth-child(5) { min-height: 10px; height: 10px; } } span.zone_1 { font-size:16px; color:#ff7300; border:solid 1px #ff7300; padding:0px 2px 0px 5px; vertical-align:text-bottom !important; border-radius:5px; filter:alpha(opacity=70); opacity:0.7; } .tt_w{ z-index: 1501; cursor: default; font-size: 12.5px; color: #222; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.1); width: 75%; top: 10px; left: 24.5%; } @media screen and (max-width: 767px){ .portal .grid-phone-100, .tt_w{ display: block; width: 100%; } .tt_w{ left: 0; } } .ij_tt{ border: 1px solid #ad4547; background-color: #ca635f; } .tt_right:before { right: 100%; } .ij_tt.tt_right:before { border-width: 6px; margin: -12px -26px 0 0; border-bottom-color: #ad4547; } .tt_w:after, .tt_w:before { position: absolute; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; } .tt_w.tt_right:after, .tt_w.tt_right:before { right: 100%; } .ij_tt.tt_right:after { border-width: 5px; margin: -10px -26px 0 0; border-bottom-color: #ca635f; -webkit-transform: translate3d(-0.5px, 0, 0); transform: translate3d(-0.5px, 0, 0); } .ij_tt.tt_right:after, .ij_tt.tt_right:before { top: 0; } .ij_tt.tt_w .tt_text{ padding: 16px 15px 17px; color: #fff; } .tt_w .tt_text{ padding: 12px 14px 13px; line-height: 17px; } .ij_tt.tt_w .tt_text b{ color: #fff; } @media screen and (min-width: 1200px){ .kard_logos{ margin: 25px 0; } } @media screen and (max-width: 1199px){ .kard_logos{ margin: 14px 0 5px; } } .kard_logos p{ display: inline-block; background: #fff; padding: 3px; max-width: 240px; } .kard_logos p img{ border: 3px solid #9d05b4; padding: 5px 2px; margin: 0; } ul.list-radio > li{ margin-bottom: 10px; } /* In pagination accent on current page */ .white-box { background-color: #f5f5f5; color: #000000; font-weight: bold; display: inline-block; padding: 0 6px; /*width: 20px;*/ /*height: 20px;*/ } /* Pagination - maker a bit smaller "<" and ">" symbols */ .prev a::after, .next a::after { height: 5px !important; width: 5px !important; top: 3px !important; } .portal .unpaid.checkbox-style i{ width: 90px; } .portal .unpaid.table-contacts > ul:not(:last-child) li:nth-child(1){ width: 11%; } .portal .unpaid .checkbox-style label i::before { margin-right: 5px; } .portal .unpaid .checkbox-style i { display:inline ; } .portal .checkbox-style input[name="checkbox-style"], .portal .checkbox-style label i { position: relative; cursor: pointer; } .portal .checkbox-style input[type="checkbox"] { display: none; } .portal .checkbox-style input, .portal .checkbox-style label i{ position: relative; cursor: pointer; } .portal .checkbox-style i{ display: inline-block; width: 24px; cursor: pointer; } .portal .checkbox-style label i::before { content: ""; display: inline-block; position: relative; z-index: 2; vertical-align: middle; -webkit-border-radius: 8px/7px; -moz-border-radius: 8px/7px; border-radius:8px/7px; height: 24px; width: 24px; background: #fff; border: 1px solid #898989; } .portal .checkbox-style input:checked + label i::before { border:2px solid #a81eba; } .portal .checkbox-style input:checked + label i::after { position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: ""; display: block; width: 8px; height: 14px; left:9px; top: 6px; z-index: 4; border: 3px solid #a81eba; border-top: none; border-left: none; }