/* --------------------------------- */
.containerWelcome { padding-top: 80px; text-align: center; }
.containerWelcome .containerWelcome--container { text-align: left; width: 440px; display: inline-block; background: #232529; border: 1px solid #36383c; border-radius: 20px; box-sizing: border-box; }
.containerWelcome--logotype { position: relative; padding: 5px 20px; border-bottom: 1px solid #36383c; overflow: hidden; display: block; }
.containerWelcome--logotype.inside { padding: 0 18px; height: 64px; box-sizing: border-box; }
.containerWelcome--logotype.inside .logotype--title { margin-left: 10px; }
.containerWelcome--logotype.inside .logotype--ver { font-size: 12px; padding-top: 17px; }
.containerWelcome--logotype .logotype--letter { float: left;  }
.containerWelcome--logotype .logotype--title { float: left; margin-left: 15px; line-height: 34px; font-size: 20px; font-weight: 500; font-family: "Fustat", sans-serif; padding-top: 16px; }
.containerWelcome--logotype .logotype--title span { font-weight: 200; }
.containerWelcome--logotype .logotype--ver { float: right; line-height: 34px; color: rgba(255,255,255,0.4); padding-top: 15px; }
.containerWelcome .containerWelcome--form { padding: 20px; }
.containerWelcome .containerWelcome--form .containerWelcome--label { display: inline-block; width: 100%; margin-bottom: 20px; position: relative; }
.containerWelcome .containerWelcome--form .containerWelcome--label:last-child { margin-bottom: 0; }
.containerWelcome .containerWelcome--form .containerWelcome--label span { display: block; padding-bottom: 10px; color: #fff; }
.containerWelcome .containerWelcome--form .containerWelcome--label input { width: 100%; height: 44px; background: #1b1d21; border: 1px solid #36383c; line-height: 44px; padding: 0 15px; box-sizing: border-box; border-radius: 10px; color: #fff; }
.containerWelcome .containerWelcome--form .containerWelcome--label input.password { padding: 0 15px 0 40px; }
.containerWelcome .containerWelcome--form .containerWelcome--label .containerWelcome--lock { width: 18px; height: 18px; background: url('../img/padlock.png') no-repeat; background-size: 100%; position: absolute; bottom: 14px; left: 12px; opacity: 0.5; }

/* --------------------------------- */
.containerPage { position: relative; min-height: 100%; }
.containerPage .containerPage--left { position: fixed; left: 0; top: 0; width: 274px; height: 100%; background: #202227; border-right: 1px solid #36383c; }
.containerPage .containerPage--right { margin-left: 275px; }
.containerPage .containerPage--header { height: 64px; border-bottom: 1px solid #36383c; padding: 0 20px; box-sizing: border-box; background: #202227; }
.containerPage .containerPage--widgets { padding: 20px; }
.containerPage .containerPage--widgets .containerPage--widgets--container { border-radius: 20px; background: #232529; border: 1px solid #36383c; }
.containerPage .containerPage--copyrights { position: absolute; bottom: 20px; left: 20px; color: rgba(255,255,255,0.5); }

/* --------------------------------- */
.header--users { float: right; padding-top: 11px; }
.header--users .header--users--icon { float: left; height: 34px; width: 34px; border: 2px solid #45ac53; border-radius: 100%; overflow: hidden; background: url('../img/hacker.png') center center no-repeat; background-size: 80%; }
.header--users .header--users--profile { float: left; margin-left: 16px; line-height: 38px; font-weight: 500; color: rgba(255,255,255,0.5); }
.header--users .header--users--profile a:hover { opacity: 0.7; }
.header--users .header--users--links { float: left; margin-left: 10px; }
.header--users .header--users--links a { float: left; padding: 9px 0 0 0; margin-left: 20px; opacity: 0.7; }
.header--users .header--users--links a:hover { opacity: 1; }

/* --------------------------------- */
.header--languages { float: right; margin: 20px 30px 0 0; }
.header--languages a { text-transform: uppercase; font-weight: 500; display: inline-block; padding: 0 3px; color: rgba(255,255,255,0.5); }
.header--languages a.current { color: #fff; }

/* --------------------------------- */
.header--breadcrumbs { float: left; margin-top: 22px; }
.header--breadcrumbs .header--breadcrumbs--icon { float: left; width: 20px; height: 20px; background: url('../img/bread.png') no-repeat; background-size: 100%; }
.header--breadcrumbs .header--breadcrumbs--links { float: left; margin-left: 16px; line-height: 20px; color: rgba(255,255,255,0.5); font-weight: 500; font-size: 16px; }

/* --------------------------------- */
.containerClient { position: relative; }
.containerClient .containerClient--header { padding: 20px; overflow: hidden; background-image: -moz-linear-gradient( 90deg, rgb(27,29,33) 0%, rgb(16,18,21) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(27,29,33) 0%, rgb(16,18,21) 100%); background-image: -ms-linear-gradient( 90deg, rgb(27,29,33) 0%, rgb(16,18,21) 100%); }
.containerClient .containerClient--header .containerClient--header--left { float: left; }
.containerClient .containerClient--header .containerClient--header--right { float: right; padding-top: 19px; }
.containerClient .containerClient--header .containerClient--header--icon { float: left; border-radius: 100%; border: 2px solid #ffad3d; }
.containerClient .containerClient--header .containerClient--header--info { float: left; margin-left: 20px; }
.containerClient .containerClient--header .containerClient--header--info h3 { font-size: 20px; font-weight: 500; padding: 16px 0 5px 0; }
.containerClient .containerClient--header .containerClient--header--info .info--email { color: #fff; display: inline-block; vertical-align: middle; }
.containerClient .containerClient--header .containerClient--header--info .info--country { color: rgba(255,255,255,0.5); display: inline-block; vertical-align: middle; margin-left: 15px; }
.containerClient .containerClient--header .containerClient--header--info .info--country img { opacity: 0.5; position: relative; top: 1px; }

/* --------------------------------- */
.containerClient--content { position: relative; }
.containerClient--content .containerClient--content--left { float: left; width: 600px; padding: 0 20px 20px 20px; box-sizing: border-box; }
.containerClient--content .containerClient--content--right { margin-left: 600px; padding-right: 20px; box-sizing: border-box; }
.containerClient--content .containerClient--personal { padding: 20px; border-radius: 20px; background: #232529; border: 1px solid #36383c; margin-bottom: 20px; }
.containerClient--content .containerClient--personal h3 { font-size: 16px; font-weight: 500; color: #fff; padding-bottom: 20px; }
.containerClient--content .containerClient--personal .events--item { background: #000; border-radius: 10px; padding: 20px; margin-top: 10px; position: relative; }
.containerClient--content .containerClient--personal .events--item:hover .events--item--delete { display: block; }
.containerClient--content .containerClient--personal .events--item .events--item--delete { position: absolute; top: 20px; right: 20px; cursor: pointer; display: none; }
.containerClient--content .containerClient--personal .events--item--text { padding-top: 5px; opacity: 0.7; }
.containerClient--content .containerClient--personal .personal--table { width: 100%; border-collapse: collapse; }
.containerClient--content .containerClient--personal .personal--table tr.access { pointer-events: none; opacity: 0.5; }
.containerClient--content .containerClient--personal .personal--table tr.hidden { pointer-events: none; opacity: 0.5; }
.containerClient--content .containerClient--personal .personal--table tr td { padding: 10px; border-bottom: 1px solid #36383c; position: relative; }
.containerClient--content .containerClient--personal .personal--table tr td:first-child::after { content: ''; height: 10px; width: 1px; background: #36383c; position: absolute; bottom: 0; left: 0; }
.containerClient--content .containerClient--personal .personal--table tr td:first-child::before { content: ''; height: 10px; width: 1px; background: #36383c; position: absolute; bottom: 0; right: 0; }
.containerClient--content .containerClient--personal .personal--table tr td::after { content: ''; height: 10px; width: 1px; background: #36383c; position: absolute; bottom: 0; right: 0; }
.containerClient--content .containerClient--personal .personal--table .table--title { opacity: 0.6; }

/* --------------------------------- */
.containerClient--documents { position: relative; border-radius: 20px; border: 1px solid #36383c; overflow: hidden; margin-bottom: 20px; }
.containerClient--documents .documents--header { padding: 20px; background: #232529; font-size: 16px; font-weight: 500; color: #fff; }
.containerClient--documents .documents--container { padding: 20px 20px 0 20px; }
.containerClient--documents .documents--container .documents--files { padding-bottom: 20px; }
.containerClient--documents .documents--container .documents--files:empty { padding-bottom: 0; }
.containerClient--documents .documents--container .documents--files .file--item { padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 10px; }
.containerClient--documents .documents--container .documents--files .file--item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.containerClient--documents .documents--container .documents--items { padding-top: 20px; display: inline-block; width: calc(100% + 20px); position: relative; left: -10px; }
.containerClient--documents .documents--container .documents--items .documents--items--element { float: left; width: 25%; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px; }
.containerClient--documents .documents--container .documents--items .documents--items--content { position: relative; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; padding: 10px; display: block; text-align: center; overflow: hidden; }
.containerClient--documents .documents--container .documents--items .documents--items--content .items--element--icon { padding-bottom: 10px; display: block; }
.containerClient--documents .documents--container .documents--items .documents--items--content .items--element--delete { z-index: 10; position: absolute; width: 24px; height: 24px; top: 5px; right: 5px; background: #000; color: #fff; text-align: center; line-height: 24px; cursor: pointer; border-radius: 6px; }
.containerClient--documents .documents--container .documents--items .documents--items--content .items--element--name { text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; }
.containerClient--documents .documents--add label input { display: none; }

/* --------------------------------- */
.containerClient--content--comments { position: relative; border-radius: 20px; border: 1px solid #36383c; overflow: hidden; }
.containerClient--content--comments .comments--header { padding: 20px; background: #232529; font-size: 16px; font-weight: 500; color: #fff; }
.containerClient--content--comments .comments--body { padding: 20px; }
.containerClient--content--comments .comments--add { padding: 20px; background: #232529; }
.containerClient--content--comments .comments--add textarea { margin-bottom: 15px; min-height: 60px; max-height: 300px; max-width: 100%; width: 100%; border: 1px solid #36383c; border-radius: 10px; outline: none; background: #1b1d21; padding: 20px; box-sizing: border-box; color: #fff; }
.containerClient--content--comments .comments--add textarea::-webkit-input-placeholder { font-size: 15px; }
.comments--element { padding: 10px 0; }
.comments--element.load { -webkit-animation: FadeIn 1s; }
.comments--element:hover .comments--element--header .comments--delete { display: block; }
.comments--element .comments--element--header { position: relative; overflow: hidden; padding-bottom: 15px; }
.comments--element .comments--element--header .comments--delete { position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.5; transition: all .2s; display: none; }
.comments--element .comments--element--header .comments--delete:hover { opacity: 1; }
.comments--element .comments--element--header .comments--element--icon { float: left; height: 34px; width: 34px; border: 2px solid #ffad3d; border-radius: 100%; overflow: hidden; background: url('../img/hacker.png') center center no-repeat; background-size: 80%; }
.comments--element .comments--element--header .comments--element--name { margin-left: 54px; }
.comments--element .comments--element--header .comments--element--name h3 { font-size: 15px; font-weight: 500; padding-bottom: 0; }
.comments--element .comments--element--header .comments--element--name span { font-size: 13px; opacity: 0.5; }
.comments--element .comments--element--content { background: #232529; padding: 10px; font-style: italic; border-radius: 10px; opacity: 0.7; }
@keyframes FadeIn {  0% { opacity: 0; transform: scale(0.6); } 50% { transform: scale(1); }  100% { opacity: 1; transform: scale(1); }  }

/* --------------------------------- */
.containerPage--stats { padding: 0 20px 20px 20px; }
.containerPage--stats .stats--container { display: inline-block; width: calc(100% + 20px); position: relative; left: -10px; }
.containerPage--stats .stats--container .stats--container--block { float: left; width: 33.3333%; padding: 0 10px; box-sizing: border-box; }
.containerPage--stats .stats--container .stats--container--block--content { border-radius: 20px; background: #232529; padding: 20px; box-sizing: border-box; position: relative; }
.containerPage--stats .stats--container .stats--container--block--content.one { background: #45ac53; }
.containerPage--stats .stats--container .stats--container--number { background: #1b1d21; border: 1px solid #36383c; border-radius: 10px; float: left; width: 34px; height: 34px; text-align: center; line-height: 34px; font-weight: 700; font-size: 16px; text-transform: uppercase; }
.containerPage--stats .stats--container .stats--container--title { float: left; line-height: 36px; margin-left: 15px; font-weight: 500; font-size: 16px; }
.containerPage--stats .stats--container .stats--container--sum { clear: both; font-size: 24px; font-weight: 700; padding-top: 15px; }
.containerPage--stats .stats--container .stats--container--icon { position: absolute; bottom: 20px; right: 20px; opacity: 0.3; }

/* --------------------------------- */
.containerPage--dashboard { position: relative; padding: 0 20px 20px 20px; }
.containerPage--dashboard .containerPage--dashboard--left { float: left; width: 500px; }
.containerPage--dashboard .containerPage--dashboard--right { float: right; width: calc(100% - 520px); }
.containerCharts { overflow: hidden; padding: 20px; box-sizing: border-box; border-radius: 20px; border: 1px solid #36383c; margin-bottom: 20px; height: 600px; position: relative; }
.containerCharts .charts--image { position: absolute; top: 130px; left: 0; bottom: 0; right: 0; margin: auto; width: 64px; height: 64px; opacity: 0.05; }
.containerCharts .containerCharts--header { overflow: hidden; margin-bottom: 20px; }
.containerCharts .containerCharts--icon { background: #1b1d21; border: 1px solid #36383c; border-radius: 10px; float: left; width: 34px; height: 34px; text-align: center; }
.containerCharts .containerCharts--icon img { position: relative; top: 8px; }
.containerCharts .containerCharts--title { float: left; margin-left: 15px; font-size: 16px; font-weight: 500; line-height: 36px; }
.dashboard--transactions { overflow: hidden; padding: 20px; box-sizing: border-box; border-radius: 20px; border: 1px solid #36383c; margin-bottom: 20px; }
.dashboard--transactions.inside { float: left; width: 100%; }
.dashboard--transactions .dashboard--transactions--icon { background: #14aad0; border: 1px solid #14aad0; border-radius: 10px; float: left; width: 34px; height: 34px; text-align: center; }
.dashboard--transactions .dashboard--transactions--icon img { position: relative; top: 8px; }
.dashboard--transactions .dashboard--transactions--title { float: left; margin-left: 15px; font-size: 16px; font-weight: 500; line-height: 36px; }
.dashboard--transactions .dashboard--transactions--table { width: 100%; float: left; margin-top: 15px; }
.dashboard--comments { float: left; width: 100%; padding: 20px; box-sizing: border-box; border-radius: 20px; border: 1px solid #36383c; }
.dashboard--comments.wide { width: 100%; }
.dashboard--comments .dashboard--comments--icon { background: #1b1d21; border: 1px solid #36383c; border-radius: 10px; float: left; width: 34px; height: 34px; text-align: center; }
.dashboard--comments .dashboard--comments--icon img { position: relative; top: 8px; }
.dashboard--comments .dashboard--comments--title { float: left; margin-left: 15px; font-size: 16px; font-weight: 500; line-height: 36px; }
.dashboard--comments .dashboard--comments--table { width: 100%; float: left; margin-top: 15px; }
.dashboard--comments .comments--table--element { position: relative; display: inline-block; width: 100%; margin-bottom: 20px; }
.dashboard--comments .table--element--header { margin-bottom: 10px; overflow: hidden; }
.dashboard--comments .table--element--header .table--element--date { float: left; margin-right: 15px; opacity: 0.5; }
.dashboard--comments .table--element--header .table--element--agent { float: left; margin-right: 15px; }
.dashboard--comments .table--element--header .table--element--client { float: left; margin-right: 15px; }
.dashboard--comments .table--element--text { padding: 10px; border-radius: 10px; background: #232529; font-style: italic; }
.dashboard--comments .table--element--icon { float: left; height: 18px; width: 18px; border: 1px solid #ffad3d; margin-right: 10px; border-radius: 100%; overflow: hidden; background: url('../img/hacker.png') center center no-repeat; background-size: 80%; }
.dashboard--wallets { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #36383c; }
.dashboard--wallets h3 { font-size: 15px; font-weight: 500; padding-bottom: 3px; opacity: 0.5; }
.dashboard--wallets:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

/* --------------------------------- */
.logElement { padding: 20px; border-bottom: 1px solid #36383c; overflow: hidden; }
.logElement .logElement--header { overflow: hidden; padding-bottom: 10px; }
.logElement .logElement--text--icon { float: left; height: 32px; width: 32px; border-radius: 10px; background: rgba(255,255,255,0.1); text-align: center; }
.logElement .logElement--text--icon img { position: relative; top: 9px; }
.logElement .logElement--text--present { line-height: 32px; float: left; margin-left: 10px; }
.logElement .logElement--header .logElement--header--module { float: left; height: 32px; line-height: 32px; border-radius: 6px; background: #a27afa; padding: 0 14px; }
.logElement .logElement--header .logElement--header--agent { float: left; margin-left: 10px; height: 32px; line-height: 32px; border-radius: 6px; background: #266ff6; padding: 0 14px; }
.logElement .logElement--header .logElement--header--agent img { position: relative; top: 9px; margin-right: 5px; }
.logElement .logElement--header .logElement--header--client { float: left; margin-left: 10px; line-height: 32px; background: rgba(255,255,255,0.1); height: 32px; padding: 0 14px; border-radius: 6px; }
.logElement .logElement--header .logElement--header--date { float: left; margin-left: 10px; line-height: 32px; background: rgba(255,255,255,0.1); height: 32px; padding: 0 14px; border-radius: 6px; }

/* --------------------------------- */
.table--style { border-collapse: collapse; width: 100%; }
.table--style tr td { padding: 8px 15px; border-bottom: 1px solid #36383c; position: relative; }
.table--style tr td::after { content: ''; height: 10px; width: 1px; background: #36383c; position: absolute; bottom: 0; right: 0; }

/* --------------------------------- */
.containerPage--topper { position: relative; padding: 20px; border-bottom: 1px solid #36383c; }
.containerPage--topper .containerPage--topper--buttons a { margin-right: 10px; }
.containerPage--topper .containerPage--topper--input { position: relative; float: left; margin-right: 10px; }
.containerPage--topper .containerPage--topper--input img { position: absolute; top: 15px; right: 15px; }
.containerPage--table { position: relative; padding: 20px; }
.containerPage--table .table--container { border-collapse: collapse; width: 100%; }
.containerPage--table .table--container tr.header td { font-weight: 500; opacity: 0.5; }
.containerPage--table .table--container tr td { padding: 10px 20px; border-bottom: 1px solid #36383c; position: relative; }
.containerPage--table .table--container tr td::after { content: ''; height: 10px; width: 1px; background: #36383c; position: absolute; bottom: 0; right: 0; }
.containerPage--table .table--container tr td.table--container--id { width: 32px; }
.containerPage--table .table--container tr td.table--container--buttons { width: 88px; }
.containerPage--table .table--container tr td.table--container--buttons a { margin: 0 5px; display: inline-block; }

/* --------------------------------- */
.calendar--row { position: relative; width: 100%; display: inline-block; }
.calendar--row .calendar--row--title { font-weight: 500; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #36383c; }
.calendar--row .calendar--row--title img { position: relative; top: 3px; margin-right: 5px; }

/* --------------------------------- */
.containerPage--windows { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(35,37,41,0.7); z-index: 999; }
.containerPage--windows .windows--container { min-height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; }
.containerPage--windows .windows--container--content { width: 440px; padding: 20px; border-radius: 20px; background: #232529; border: 1px solid #36383c; position: relative; box-shadow: 0 20px 100px rgba(0,0,0,0.2); }
.containerPage--windows .windows--container--content .windows--container--close { position: absolute; top: 18px; right: 18px; cursor: pointer; }
.containerPage--windows .windows--container--content .windows--container--title { font-weight: 500; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; }
.containerPage--windows .windows--container--content .windows--container--form { position: relative; margin-top: 20px; }
.containerPage--windows .windows--container--content .windows--container--two { width: calc(100% + 20px); left: -10px; display: inline-block; position: relative; }
.containerPage--windows .windows--container--content .windows--container--two .windows--container--label { float: left; width: 50%; padding: 0 10px; box-sizing: border-box; }
.containerPage--windows .windows--container--content .windows--container--label { width: 100%; display: inline-block; margin-bottom: 15px; }
.containerPage--windows .windows--container--content label.multiple input { display: none; }
.containerPage--windows .windows--container--content .windows--container--label.loader { text-align: center; background: #000; border-radius: 10px; padding: 5px 0; display: none; }
.containerPage--windows .windows--container--content .windows--container--label.file input { display: none; }
.containerPage--windows .windows--container--content .windows--container--label.editable { pointer-events: none; opacity: 0.5; }
.containerPage--windows .windows--container--content .windows--container--label .name { display: block; padding-bottom: 10px; color: #fff; }
.containerPage--windows .windows--container--content .windows--container--label input { width: 100%; height: 44px; background: #1b1d21; border: 1px solid #36383c; line-height: 44px; padding: 0 15px; box-sizing: border-box; border-radius: 10px; color: #fff; }
.containerPage--windows .windows--container--content .windows--container--label textarea { width: 100%; height: 88px; background: #1b1d21; border: 1px solid #36383c; padding: 15px; box-sizing: border-box; border-radius: 10px; color: #fff; }
.containerPage--windows .windows--container--content .windows--container--list { max-height: 300px; padding-top: 10px; margin-top: 10px; border-top: 1px solid #36383c; }
.containerPage--windows .windows--container--content .windows--container--list h3 { font-size: 15px; font-weight: 500; padding-bottom: 10px; }
.containerPage--windows .windows--container--content .windows--container--list .list--element { display: inline-block; width: 100%; padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #36383c; }
.containerPage--windows .windows--container--content .windows--container--list .list--element:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.containerPage--windows .windows--container--content .windows--container--list .list--element--delete { float: right; }
.containerPage--windows .windows--container--content .windows--container--list .list--element--title { float: left; line-height: 34px; }
.containerPage--windows .windows--container--content .windows--container--list .list--element--title small { border-radius: 10px; padding: 2px 6px; vertical-align: middle; background: rgba(255,255,255,0.1); margin-left: 10px; }

/* --------------------------------- */
.containerSettings { padding: 20px; position: relative; }
.containerSettings .containerSettings--left { float: left; width: calc(50% - 10px); }
.containerSettings .containerSettings--right { float: right; width: calc(50% - 10px); }
.containerSettings .containerSettings--block { border: 1px solid #36383c; position: relative; border-radius: 20px; padding: 20px; margin-bottom: 20px; }
.containerSettings .containerSettings--block.light { background: #232529; }
.containerSettings .containerSettings--titles { font-size: 11px; text-transform: uppercase; padding: 0 0 20px 0; opacity: 0.5; }
.containerSettings .containerSettings--label { position: relative; margin-bottom: 15px; }
.containerSettings .containerSettings--label:last-child { margin-bottom: 0; }
.containerSettings .containerSettings--label .area--title { display: block; padding-bottom: 7px; }
.containerSettings .containerSettings--label input { width: 100%; height: 44px; background: #1b1d21; border: 1px solid #36383c; line-height: 44px; padding: 0 15px; box-sizing: border-box; border-radius: 10px; color: #fff; }
.containerSettings .containerSettings--intro { background: #1b1d21; border-radius: 20px; padding: 10px; margin-bottom: 20px; overflow: hidden; }
.containerSettings .containerSettings--intro .intro--icon { float: left; }
.containerSettings .containerSettings--intro .intro--text { margin-left: 30px; }

/* --------------------------------- */
.containerFilters { position: relative; padding: 20px; border-bottom: 1px solid #36383c; }
.containerFilters .containerFilters--title { font-size: 11px; text-transform: uppercase; padding: 0 0 20px 0; opacity: 0.5; }
.containerFilters .containerFilters--container { width: calc(100% + 20px); position: relative; left: -10px; display: inline-block; }
.containerFilters .containerFilters--container .containerFilters--label { float: left; width: 25%; padding: 0 10px; box-sizing: border-box; margin-bottom: 15px; }
.containerFilters .containerFilters--container .containerFilters--span { color: #fff; padding-bottom: 7px; }
.containerFilters .containerFilters--container input { width: 100%; height: 44px; background: #1b1d21; border: 1px solid #36383c; line-height: 44px; padding: 0 15px; box-sizing: border-box; border-radius: 10px; color: #fff; }
.containerFilters .containerFilters--container .containerFilters--label.buttons .button { width: calc(50% - 10px); float: left; }
.containerFilters .containerFilters--container .containerFilters--label.buttons .button:last-child { float: right; }

/* --------------------------------- */
.containerMail { padding: 20px; }
.containerMail .containerMail--table { width: 100%; border-collapse: collapse; }
.containerMail .containerMail--table tr td { padding: 8px 10px; border-bottom: 1px solid #36383c; position: relative; color: rgba(255,255,255,0.7); }
.containerMail .containerMail--table .first { font-weight: 500; background: #232529; color: #fff; }

/* --------------------------------- */
.containerClients { position: relative; }
.containerClients--table { display: table; width: 100%; border-collapse: collapse; }
.containerClients--table .row { display: table-row; }
.containerClients--table .first { font-weight: 500; background: #232529; color: #fff; }
.containerClients--table .cell { padding: 8px 10px; border-bottom: 1px solid #36383c; position: relative; color: rgba(255,255,255,0.7); display: table-cell; }
.containerClients--table .cell a img { vertical-align: middle; position: relative; left: 2px; top: -1px; }
.containerClients--table .cell:after { content: ''; height: 10px; width: 1px; background: #36383c; position: absolute; bottom: 0; right: 0; }
.containerClients--table .cell:nth-child(3) { max-width: 120px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.containerClients--table .cell:nth-child(4) { max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.containerClients--table .cell:nth-child(5) { max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.containerClients--table .cell:nth-child(6) { max-width: 70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.containerClients--table .cell:nth-child(7) { max-width: 120px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.containerClients--table .cell:nth-child(8) { max-width: 120px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.containerClients--table .cell:nth-child(10) { width: 100px; }
.containerClients--table .cell:nth-child(11) { width: 180px; }
.containerClients--table .cell:nth-child(11) a.disable { display: none; }
.containerClients--table .cell:nth-child(12) { width: 140px; }
.containerClients--table .checkbox-cell { text-align: center; }
.containerClients--table .containerClients--table--replace { display: contents; }
.containerClients .clients--checkbox { display: inline-block; vertical-align: middle; }
.containerClients .clients--checkbox input { display: none; }
.containerClients .clients--checkbox input:checked + .clients--checkbox--box { border-color: #45ac53; }
.containerClients .clients--checkbox input:checked + .clients--checkbox--box::after { display: block; }
.containerClients .clients--checkbox .clients--checkbox--box { width: 16px; height: 16px; position: relative; cursor: pointer; background: rgba(255,255,255,0.2); border-radius: 4px; border: 1px solid rgba(255,255,255,0.3); }
.containerClients .clients--checkbox .clients--checkbox--box::after { content: ''; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 2px; background: #45ac53; display: none; }
.containerClients--controls { padding: 10px 20px; background: #202227; color: #fff; display: inline-block; width: 100%; float: left; box-sizing: border-box; }
.containerClients--controls .controls--buttons--left img { margin-right: 5px; }
.containerClients--controls .controls--buttons--right img { margin-left: 5px; }
.containerClients--controls .controls--buttons { float: left; }
.containerClients--controls .controls--list { float: right; margin-right: 20px; }
.containerClients--controls .controls--all { float: right; line-height: 44px; }
.containerClients--buttons { padding: 10px 20px; float: left; width: 100%; box-sizing: border-box; display: none; }
.containerClients--buttons .containerClients--buttons--title { float: left; margin-right: 15px; line-height: 44px; }
.containerClients--buttons .containerClients--buttons--count { float: right; margin-left: 15px; line-height: 44px; }
.containerClients--buttons .containerClients--buttons--item { float: left; margin-right: 15px; }
.containerClients--buttons .containerClients--buttons--item .ss-main { min-width: 200px; }

/* --------------------------------- */
.commentsPlace { padding: 20px; }
.commentsPlace .commentsPlace--left { float: left; width: 300px; border-radius: 20px; background: #232529; padding: 20px; box-sizing: border-box; }
.commentsPlace .commentsPlace--left .commentsPlace--left--title { margin-bottom: 20px; display: inline-block; width: 100%; }
.commentsPlace .commentsPlace--left .commentsPlace--left--title .title--icon { float: left; background: #1b1d21; border: 1px solid #36383c; position: relative; top: -1px; display: inline-block; vertical-align: middle; border-radius: 10px; width: 24px; height: 24px; padding: 4px; box-sizing: border-box; }
.commentsPlace .commentsPlace--left .commentsPlace--left--title .title--icon.blue { background: #266ff6; border-color: #266ff6; }
.commentsPlace .commentsPlace--left .commentsPlace--left--title .title--icon.purple { background: #a27afa; border-color: #a27afa; }
.commentsPlace .commentsPlace--left .commentsPlace--left--title .title--icon.orange { background: #ff9338; border-color: #ff9338; }
.commentsPlace .commentsPlace--left .commentsPlace--left--title .title--icon.blur { background: #14aad0; border-color: #14aad0; }
.commentsPlace .commentsPlace--left .commentsPlace--left--title .title--icon.red { background: #ea1d49; border-color: #ea1d49; }
.commentsPlace .commentsPlace--left .commentsPlace--left--title .title--text { font-weight: 500; padding-left: 10px; line-height: 22px; float: left; }
.commentsPlace .commentsPlace--left .commentsPlace--left--users { position: relative; }
.commentsPlace .commentsPlace--left .commentsPlace--left--users .users--element { display: block; padding: 10px; transition: all .2s; border-radius: 10px; position: relative; }
.commentsPlace .commentsPlace--left .commentsPlace--left--users .users--element::after { content: ''; width: 16px; height: 16px; display: block; background: url('../img/right-arr.png') no-repeat; background-size: 100%; position: absolute; top: 50%; right: 10px; margin-top: -8px; }
.commentsPlace .commentsPlace--left .commentsPlace--left--users .users--element:hover { background: rgba(255,255,255,0.05); }
.commentsPlace .commentsPlace--left .commentsPlace--left--users .users--element.selected { background: rgba(255,255,255,0.05); }
.commentsPlace .commentsPlace--left .commentsPlace--left--users .users--element .users--element--name { display: block; padding-bottom: 3px; }
.commentsPlace .commentsPlace--left .commentsPlace--left--users .users--element .users--element--count { font-size: 13px; opacity: 0.5; display: block; }
.commentsPlace .commentsPlace--left .commentsPlace--left--intro { margin-top: 20px; padding-top: 20px; border-top: 1px solid #36383c; line-height: 24px; opacity: 0.7; }
.commentsPlace .commentsPlace--right { margin-left: 320px; }

/* --------------------------------- */
.containerDouble { padding: 20px; border-bottom: 1px solid #36383c; }
.containerDouble .containerDouble--title { font-size: 16px; font-weight: 500; padding-bottom: 10px; }
.containerDouble .containerDouble--export { position: relative; }
.containerDouble .containerDouble--export label input { display: none; }
.containerDouble--results { padding: 20px; }
.containerDouble--item { padding: 5px 0; }
.containerDouble--error { color: #bb0a34; font-weight: 500; padding-bottom: 15px; }

/* --------------------------------- */
.documentsContainer { position: relative; width: calc(100% + 20px); left: -10px; display: inline-block; }
.documentsContainer .documentsContainer--element { float: left; width: 33.3333%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
.documentsContainer .documentsContainer--element--content { position: relative; border-radius: 20px; border-bottom: 3px solid #202227; }
.documentsContainer .documentsContainer--element--icon { background: #202227; padding: 30px 0; text-align: center; border-radius: 20px; }
.documentsContainer .documentsContainer--element--present { padding: 20px; position: relative; }
.documentsContainer .documentsContainer--element--present .present--download { position: absolute; bottom: 28px; right: 20px; }
.documentsContainer .documentsContainer--element--present .present--title { font-weight: 500; padding-bottom: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.documentsContainer .documentsContainer--element--present .present--agent { opacity: 0.7; padding-bottom: 3px; }
.documentsContainer .documentsContainer--element--present .present--client { opacity: 0.7; }

/* --------------------------------- */
.mailsContainer { padding: 20px; }
.mailsContainer .mailsContainer--preview { float: right; width: 400px; padding: 20px; background: #232529; border: 1px solid #36383c; border-radius: 20px; box-sizing: border-box; }
.mailsContainer .mailsContainer--body { margin-right: 420px; padding: 20px; background: #232529; border: 1px solid #36383c; border-radius: 20px; }
.mailsContainer .mailsContainer--body .mailsContainer--label { width: 100%; display: inline-block; position: relative; margin-bottom: 20px; border-bottom: 1px solid #36383c; padding-bottom: 20px; }
.mailsContainer .mailsContainer--body .mailsContainer--label:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.mailsContainer .mailsContainer--body .mailsContainer--label .mailsContainer--title { display: block; padding-bottom: 7px; }
.mailsContainer .mailsContainer--body .mailsContainer--label input { width: 100%; height: 44px; background: #1b1d21; border: 1px solid #36383c; line-height: 44px; padding: 0 15px; box-sizing: border-box; border-radius: 10px; color: #fff; }

/* --------------------------------- */
.containerTransactions { padding: 20px 0; }
.containerTrans { padding: 0 20px 20px 20px; }
.containerTrans .containerTrans--left { float: left; width: 100%; }

/* --------------------------------- */
.containerAff { padding: 20px; }
.containerAff .containerAff--users { float: left; width: calc(100% - 420px); border-radius: 20px; background: #232529; border: 1px solid #36383c; padding: 20px; box-sizing: border-box; }
.containerAff .containerAff--users.wide { width: 100%; }
.containerAff .containerAff--right { float: right; width: 400px; }
.containerAff .containerAff--json { border-radius: 20px; background: #232529; border: 1px solid #36383c; padding: 20px; box-sizing: border-box; margin-bottom: 20px; }
.containerAff .containerAff--json .containerAff--json--title { padding-bottom: 20px; }
.containerAff .containerAff--json .containerAff--json--title .title--icon { background: #1b1d21; border: 1px solid #36383c; position: relative; top: -1px; display: inline-block; vertical-align: middle; border-radius: 10px; width: 24px; height: 24px; padding: 4px; box-sizing: border-box; }
.containerAff .containerAff--json .containerAff--json--title .title--icon.blue { background: #266ff6; border-color: #266ff6; }
.containerAff .containerAff--json .containerAff--json--title .title--icon.purple { background: #a27afa; border-color: #a27afa; }
.containerAff .containerAff--json .containerAff--json--title .title--icon.orange { background: #ff9338; border-color: #ff9338; }
.containerAff .containerAff--json .containerAff--json--title .title--icon.blur { background: #14aad0; border-color: #14aad0; }
.containerAff .containerAff--json .containerAff--json--title .title--title { padding-left: 10px; font-weight: 500; color: #fff; font-size: 15px; line-height: 24px; }
.containerAff .containerAff--json .containerAff--json--info { line-height: 24px; color: rgba(255,255,255,0.7); padding-bottom: 20px; }
.containerAff .containerAff--json .containerAff--json--info b { color: #fff; }
.containerAff .containerAff--json--element { padding-bottom: 20px; }
.containerAff .containerAff--json--element .containerAff--json--name { padding-bottom: 10px; }
.containerAff .containerAff--json--element .containerAff--json--pre { background: rgba(0,0,0,0.2); padding: 10px; border-radius: 10px; }
.containerAff .containerAff--json--element .containerAff--json--pre code { font-size: 14px; background: transparent; filter: brightness(6.5); }

/* --------------------------------- */
.containerPage--menu { padding: 20px 10px; }
.containerPage--menu .containerPage--menu--line { font-size: 11px; text-transform: uppercase; padding: 0 0 10px 11px; opacity: 0.5; }
.containerPage--menu .containerPage--menu--line.second { margin-top: 15px; }
.containerPage--menu .menu--element { display: block; padding: 6px 10px; border-radius: 10px; position: relative; }
.containerPage--menu .menu--element.hidden { opacity: 0.5; pointer-events: none; }
.containerPage--menu .menu--element:hover { background: rgba(255,255,255,0.05); }
.containerPage--menu .menu--element .menu--icon { background: #1b1d21; border: 1px solid #36383c; position: relative; top: -1px; display: inline-block; vertical-align: middle; border-radius: 10px; width: 24px; height: 24px; padding: 4px; box-sizing: border-box; }
.containerPage--menu .menu--element .menu--icon.blue { background: #266ff6; border-color: #266ff6; }
.containerPage--menu .menu--element .menu--icon.purple { background: #a27afa; border-color: #a27afa; }
.containerPage--menu .menu--element .menu--icon.green { background: #45ac53; border-color: #45ac53; }
.containerPage--menu .menu--element .menu--icon.orange { background: #ff9338; border-color: #ff9338; }
.containerPage--menu .menu--element .menu--icon.blur { background: #14aad0; border-color: #14aad0; }
.containerPage--menu .menu--element .menu--icon.red { background: #ea1d49; border-color: #ea1d49; }
.containerPage--menu .menu--element .menu--title { font-weight: 500; padding-left: 8px; line-height: 24px; }
.containerPage--menu .menu--element .menu--label { position: absolute; right: 15px; top: 9px; font-size: 12px; background: #a27afa; padding: 2px 6px; border-radius: 10px; }

@media screen and (max-width: 1700px){
    .documentsContainer .documentsContainer--element { width: 33.3333%; }
}
@media screen and (max-width: 1500px){
    .documentsContainer .documentsContainer--element { width: 50%; }
}