/* Colors */
/* Font sizes */
/* Fonts */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

* { box-sizing: border-box; margin: 0; padding: 0; }

.row:before, .row:after { content: " "; clear: both; display: table; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

body { font-family: "Open Sans", Helvetica, Arial; }

.container { width: 100%; margin: auto; padding: 15px; background-color: #f4f4f2; }

.content .section { border: 1px solid #a5a4a5; margin-top: 20px; box-shadow: 2px 2px 5px #a5a4a5; background-color: #FFFFFF; display: none; }

.content .section.show { display: block; }

.container-fluid { width: 100%; padding: 15px; }

.col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }

.col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }

.col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }

.col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }

.col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }

.col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }

.col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }

.col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }

.col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

[class*="col-"] { float: left; min-height: 1px; width: 100%; padding: 20px; }

.col-1 { -ms-flex: 8.333%; flex: 8.333%; }

.col-2 { -ms-flex: 16.667%; flex: 16.667%; }

.col-3 { -ms-flex: 25%; flex: 25%; }

.col-4 { -ms-flex: 33.333%; flex: 33.333%; }

.col-5 { -ms-flex: 41.667%; flex: 41.667%; }

.col-6 { -ms-flex: 50%; flex: 50%; }

.col-7 { -ms-flex: 58.333%; flex: 58.333%; }

.col-8 { -ms-flex: 66.667%; flex: 66.667%; }

.col-9 { -ms-flex: 75%; flex: 75%; }

.col-10 { -ms-flex: 83.333%; flex: 83.333%; }

.col-11 { -ms-flex: 91.667%; flex: 91.667%; }

.col-12 { -ms-flex: 100%; flex: 100%; }

.col-offset-0 { margin-left: 0; }

.col-offset-1 { margin-left: 8.33%; }

.col-offset-2 { margin-left: 16.66%; }

.col-offset-3 { margin-left: 25%; }

.col-offset-4 { margin-left: 33.33%; }

.col-offset-5 { margin-left: 41.66%; }

.col-offset-6 { margin-left: 50%; }

.col-offset-7 { margin-left: 58.33%; }

.col-offset-8 { margin-left: 66.66%; }

.col-offset-9 { margin-left: 75%; }

.col-offset-10 { margin-left: 83.33%; }

.col-offset-11 { margin-left: 91.66%; }

.col-offset-12 { margin-left: 100%; }

/* MEDIA QUERIES */
@media (max-width: 767px) { .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .container { background-color: none; }
  .content .section { box-shadow: none; } }

@media (min-width: 768px) { .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 992px) { .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 1200px) { .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

/* Generated by Glyphter (http://www.glyphter.com) on  Tue Aug 01 2017*/
@font-face { font-family: 'Glyphter'; src: url("../fonts/Glyphter.eot"); src: url("../fonts/Glyphter.eot?#iefix") format("embedded-opentype"), url("../fonts/Glyphter.woff") format("woff"), url("../fonts/Glyphter.ttf") format("truetype"), url("../fonts/Glyphter.svg#Glyphter") format("svg"); font-weight: normal; font-style: normal; }

[class*='icon-']:before { display: inline-block; font-family: 'Glyphter'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-arrow-down:before { content: '\0041'; }

.icon-arrow-down-small:before { content: '\0042'; }

.icon-arrow-left:before { content: '\0043'; }

.icon-arrow-right:before { content: '\0044'; }

.icon-arrow-up:before { content: '\0045'; }

.icon-arrow-up-small:before { content: '\0046'; }

.icon-banners:before { content: '\0047'; }

.icon-calendar:before { content: '\0048'; }

.icon-close:before { content: '\0049'; }

.icon-details:before { content: '\004a'; }

.icon-general:before { content: '\004b'; }

.icon-links:before { content: '\004c'; }

.icon-login:before { content: '\004d'; }

.icon-message:before { content: '\004e'; }

.icon-negative:before { content: '\004f'; }

.icon-notification:before { content: '\0050'; }

.icon-password:before { content: '\0051'; }

.icon-payout:before { content: '\0052'; }

.icon-personaldata:before { content: '\0053'; }

.icon-positive:before { content: '\0054'; }

.icon-postback:before { content: '\0055'; }

.icon-profile:before { content: '\0056'; }

.icon-quit:before { content: '\0057'; }

.icon-refresh:before { content: '\0058'; }

.icon-show:before { content: '\0059'; }

.icon-trash:before { content: '\005a'; }

.icon-url:before { content: '\0061'; }

.icon-wallet:before { content: '\0062'; }

header { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; position: fixed; top: 0; left: 0; width: 100%; background-color: #FFFFFF; border-bottom: 1px solid #a5a4a5; z-index: 1; }

header .mainMenu .row { display: -ms-flexbox; display: flex; }

header .mainMenu .row ul { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; background-color: #FFFFFF; list-style-type: none; }

header .mainMenu .row ul li { padding: 20px 15px; color: #a5a4a5; font-size: 15px; text-decoration: none; border-left: 1px solid #a5a4a5; }

header .mainMenu .row ul li .userName { color: #70bec8; }

header .mainMenu .row ul li a { color: #a5a4a5; text-decoration: none; }

header .mainMenu .row ul li a .icon-wallet { padding: 0 7px; }

header .mainMenu .row ul li a .icon-arrow-down { padding: 0 7px; }

header .mainMenu .row ul li a .icon-profile { padding: 0 7px; color: #a5a4a5; }

header .mainMenu .row ul li a .icon-notification { padding: 0 10px; position: relative; }

header .mainMenu .row ul li a .icon-notification .notificationCircle { background-color: #f58220; border-radius: 50%; position: absolute; top: -5px; right: 8px; width: 8px; height: 8px; }

header .mainMenu .row ul li a .icon-quit { padding: 0 7px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

header .mainMenu .row ul .narrowSpace { width: 50px; padding: 20px 0; }

@media (max-width: 768px) { .mainMenu { display: none; } }

.sidebar { height: 100%; width: 160px; position: fixed; z-index: 2; top: 0; left: 0; background-color: #191919; position: fixed; height: 100%; overflow-x: hidden; padding-top: 16px; }

.sidebar .sideNavigation .logoSing { display: -ms-flexbox; display: flex; -ms-flex-pack: spce-between; justify-content: spce-between; }

.sidebar .sideNavigation .logoSing .buttonToExpand div { display: block; width: 20px; height: 1px; background-color: #FFFFFF; margin: 6px 0; margin-left: 30px; }

.sidebar .sideNavigation .logoSing .logoPhoto { max-width: 90px; height: auto; }

.sidebar .sideNavigation .bookmarks { font-size: 15px; color: #a5a4a5; }

.sidebar .sideNavigation .bookmarks ul { display: block; padding: 0; }

.sidebar .sideNavigation .bookmarks ul li { display: block; padding: 5px 0; }

.sidebar .sideNavigation .bookmarks ul li a { padding: 10px 0; text-decoration: none; font-size: 15px; color: #a5a4a5; display: -ms-flexbox; display: flex; border-left: 4px solid #191919; transition: .2s; }

.sidebar .sideNavigation .bookmarks ul li a:hover { color: #f1f1f1; background: #282828; border-left: 4px solid #f58220; }

.sidebar .sideNavigation .bookmarks ul li a span { margin: 0 15px; }

.sidebar .sideNavigation .headerMenu { display: none; font-size: 15px; color: #a5a4a5; }

.sidebar .sideNavigation .headerMenu ul { display: block; padding: 0; margin-top: 40px; }

.sidebar .sideNavigation .headerMenu ul li { display: block; padding: 5px 0; }

.sidebar .sideNavigation .headerMenu ul li a { padding: 10px 0; text-decoration: none; font-size: 15px; color: #a5a4a5; display: -ms-flexbox; display: flex; border-left: 4px solid #191919; transition: .2s; -ms-flex-pack: center; justify-content: center; }

.sidebar .sideNavigation .headerMenu ul li a:hover { color: #f1f1f1; background: #282828; border-left: 4px solid #f58220; }

.sidebar .sideNavigation .headerMenu ul li a .icon-notification { margin: 0 15px; position: relative; }

.sidebar .sideNavigation .headerMenu ul li a .icon-notification .notificationCircle { background-color: #f58220; border-radius: 50%; position: absolute; top: -5px; right: 0; width: 8px; height: 8px; }

.sidebar .sideNavigation .headerMenu ul li a .icon-notification { margin: auto; }

.sidebar .sideNavigation .headerMenu ul li a .icon-quit { margin: auto; }

.sidebar .sideNavigation .manager { color: #a5a4a5; }

.sidebar .sideNavigation .manager a { text-decoration: none; color: inherit; }

.sidebar .sideNavigation .manager .managerTitle { text-transform: uppercase; text-align: center; font-size: 13px; padding-top: 40px; padding-right: 25px; }

.sidebar .sideNavigation .manager .managerChat { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.sidebar .sideNavigation .manager .managerChat .managerPhoto { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; display: inline-block; border-radius: 50%; width: 40px; height: 40px; margin-top: 10px; text-align: center; margin-left: 20px; }

.sidebar .sideNavigation .manager .managerChat .notification { position: relative; padding-bottom: 15px; padding-right: 5px; }

.sidebar .sideNavigation .manager .managerChat .notification .managerCircle { background-color: #008000; border-radius: 50%; position: absolute; top: -5px; left: -7px; width: 8px; height: 8px; }

.sidebar .sideNavigation .manager .managerChat .managerName { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 12px; margin-left: 15px; }

@media (max-width: 768px) { .sidebar:not(.active) { left: -110px; }
  .sidebar:not(.active) .sideNavigation .manager { display: none; }
  .sidebar:not(.active) .sideNavigation .bookmarks ul li a { font-size: 0; -ms-flex-pack: end; justify-content: flex-end; }
  .sidebar:not(.active) .sideNavigation .bookmarks ul li a span { font-size: 15px; margin-right: 20px; }
  .sidebar:not(.active) .sideNavigation .headerMenu { display: block; }
  .sidebar:not(.active) .sideNavigation .headerMenu ul li a { font-size: 0; -ms-flex-pack: end; justify-content: flex-end; }
  .sidebar:not(.active) .sideNavigation .headerMenu ul li a span { font-size: 15px; margin-right: 20px; }
  .sidebar .sideNavigation .headerMenu { display: block; } }

body { margin-top: 40px; margin-left: 160px; }

div .content { height: 100%; }

/* MEDIA QUERIES */
@media (max-width: 767px) { .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  body { margin-top: 0; margin-left: 50px; } }

.generalName { color: #a5a4a5; text-transform: uppercase; text-align: left; padding: 5px 15px; font-size: 15px; }

.generalCalendar { display: -ms-flexbox; display: flex; padding: 50px 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #a5a4a5; border-bottom: 1px solid #a5a4a5; }

.generalCalendar .windowOne { display: inline-block; border: 1px solid #a5a4a5; padding: 10px; }

.generalCalendar .calendarWindowWithIcon { border: 1px solid #a5a4a5; padding: 10px; }

.generalCalendar .calendarWindowWithIcon .windowTwo { display: inline-block; border: none; }

.generalCalendar .calendarWindowWithIcon .icon-calendar { padding: 0px; }

.generalCalendar .icon-refresh { border: none; padding: 10px 12px; margin-left: 5px; background-color: #f58220; border-radius: 8px; color: #FFFFFF; }

.generalLine { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.generalLine .generalLineStatistic { width: 50%; }

.generalLine .generalLineStatistic .statistic { display: -ms-flexbox; display: flex; margin: 20px 0; }

.generalLine .generalLineStatistic .statistic .lineStatistic .lineElement { display: -ms-flexbox; display: flex; -ms-flex-align: left; align-items: left; width: 100%; padding: 20px; border-bottom: 1px solid #a5a4a5; }

.generalLine .generalLineStatistic .statistic .lineStatistic .lineElement .col-6 { padding: 0; }

.generalLine .generalLineStatistic .statistic .lineStatistic .lineElement .col-6 .lineName { color: #a5a4a5; font-size: 15px; }

.generalLine .generalLineStatistic .statistic .lineStatistic .lineElement .col-6 { padding: 0; }

.generalLine .generalLineStatistic .statistic .lineStatistic .lineElement .col-6 .lineData { font-size: 15px; text-align: right; }

.generalChartTitle { font-size: 20px; font-weight: 500; color: #a5a4a5; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; margin: 0 50px; padding-bottom: 20px; }

.generalChartLegend { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; }

.generalChartLegend [class='0-legend'] { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.generalChartLegend [class='0-legend'] li { width: 100px; color: #a5a4a5; list-style-type: none; }

.generalChartLegend [class='0-legend'] li span { display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; }

.generalChart { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.generalChart #myChart { padding: 0 250px; padding-bottom: 100px; }

@media (max-width: 769px) { .generalCalendar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  .generalCalendar .windowOne { padding: 0px; width: 58.5%; }
  .generalCalendar .calendarWindowWithIcon { border: 1px solid #a5a4a5; padding: 0px; }
  .generalCalendar .icon-refresh { margin: 5px; } }

.detailsName { color: #a5a4a5; text-transform: uppercase; text-align: left; padding: 5px 15px; font-size: 15px; }

.detailsCalendar { display: -ms-flexbox; display: flex; padding: 50px 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #a5a4a5; border-bottom: 1px solid #a5a4a5; }

.detailsCalendar .windowOne { display: inline-block; border: 1px solid #a5a4a5; padding: 10px; }

.detailsCalendar .calendarWindowWithIcon { border: 1px solid #a5a4a5; padding: 10px; }

.detailsCalendar .calendarWindowWithIcon .windowTwo { display: inline-block; border: none; }

.detailsCalendar .calendarWindowWithIcon .icon-calendar { padding: 0px; }

.detailsCalendar .icon-refresh { border: none; padding: 10px 12px; margin-left: 5px; background-color: #f58220; border-radius: 8px; color: #FFFFFF; }

.detailsTable .scroll-wrapper { display: block; width: 100%; overflow-x: auto; }

.detailsTable .scroll-wrapper table { width: 100%; max-width: 100%; border-collapse: collapse; }

.detailsTable .scroll-wrapper table thead { border-bottom: 1px solid #a5a4a5; }

.detailsTable .scroll-wrapper table thead tr { border-bottom: 1px solid #a5a4a5; }

.detailsTable .scroll-wrapper table thead tr th { color: #a5a4a5; padding: 15px 0; }

.detailsTable .scroll-wrapper table thead tr th:hover { background-color: #DDDDDD; opacity: 1; }

.detailsTable .scroll-wrapper table tbody tr { border-bottom: 1px solid #a5a4a5; }

.detailsTable .scroll-wrapper table tbody tr:hover { background-color: #DDDDDD; opacity: 1; }

.detailsTable .scroll-wrapper table tbody tr td { text-align: center; font-weight: bold; padding: 15px 0; }

.detailsTable .center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; }

.detailsTable .center .pagination { display: inline-block; padding-bottom: 20px; margin: 0; }

.detailsTable .center .pagination li { display: inline; }

.detailsTable .center .pagination li a { color: #70bec8; float: left; padding: 8px 16px; text-decoration: none; }

.detailsTable .center .pagination li a.active { background-color: #f0f3f3; color: #a5a4a5; }

.detailsTable .center .pagination li a .arrow { color: #a5a4a5; }

@media (max-width: 769px) { .detailsCalendar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  .detailsCalendar .windowOne { padding: 0px; width: 58.5%; }
  .detailsCalendar .calendarWindowWithIcon { border: 1px solid #a5a4a5; padding: 0px; }
  .detailsCalendar .icon-refresh { margin: 5px; } }

.linksSectionName { color: #a5a4a5; text-transform: uppercase; text-align: left; font-size: 15px; padding: 5px 15px 15px 15px; border-bottom: 1px solid #a5a4a5; }

.main-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.main-container .main-containerLink { width: 50%; }

.main-container .main-containerLink .linkButton { border-bottom: 1px solid #a5a4a5; }

.main-container .main-containerLink .linkButton .buttonAddNew { background-color: #f58220; border: 1px solid #f58220; color: #FFFFFF; padding: 5px 15px; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; margin: auto; border-radius: 2px; }

.main-container .main-containerLink .linkLine { display: -ms-flexbox; display: flex; text-align: left; border-bottom: 1px solid #a5a4a5; }

.main-container .main-containerLink .linkLine .linkName { color: #a5a4a5; font-weight: bold; }

.main-container .main-containerLink .linkLine .linkLayerRow { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.main-container .main-containerLink .linkLine .linkLayerRow .linkAddress { text-decoration: none; color: #70bec8; position: absolute; z-index: 922; }

.main-container .main-containerLink .linkLine .linkLayerRow .linkLayer { width: 100%; height: 100%; text-align: right; opacity: 0; transition: .3s; }

.main-container .main-containerLink .linkLine .linkLayerRow .linkLayer .icon-links { text-align: right; color: #f58220; }

.main-container .main-containerLink .linkLine .linkLayerRow .linkLayer .icon-trash { text-align: right; color: #a5a4a5; }

.main-container .main-containerLink .linkLine:hover { background-color: #DDDDDD; opacity: 1; }

.main-container .main-containerLink .linkLine:hover .linkLayer { opacity: 1; }

@media (max-width: 769px) { .main-container { font-size: 14px; }
  .main-container .main-containerLink { width: 100%; }
  .main-container .main-containerLink .linkLayer { display: none; } }

.bannersSectionName { color: #a5a4a5; text-transform: uppercase; text-align: left; font-size: 15px; padding: 5px 15px 15px 15px; border-bottom: 1px solid #a5a4a5; }

.main-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.main-container .main-containerBanners { width: 50%; }

.main-container .main-containerBanners .bannersButton { border-bottom: 1px solid #a5a4a5; }

.main-container .main-containerBanners .bannersButton .buttonAddNew { background-color: #f58220; border: 1px solid #f58220; color: #FFFFFF; padding: 5px 15px; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; margin: auto; border-radius: 2px; }

.main-container .main-containerBanners .bannersLine { display: -ms-flexbox; display: flex; text-align: left; border-bottom: 1px solid #a5a4a5; }

.main-container .main-containerBanners .bannersLine .bannersName { color: #a5a4a5; font-weight: bold; }

.main-container .main-containerBanners .bannersLine .bannersLayerRow { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.main-container .main-containerBanners .bannersLine .bannersLayerRow .bannersAddress { text-decoration: none; color: #70bec8; }

.main-container .main-containerBanners .bannersLine .bannersLayerRow .bannersLayer { width: 100%; height: 100%; text-align: right; opacity: 0; transition: .3s; }

.main-container .main-containerBanners .bannersLine .bannersLayerRow .bannersLayer .icon-links { text-align: right; color: #f58220; }

.main-container .main-containerBanners .bannersLine .bannersLayerRow .bannersLayer .icon-trash { text-align: right; color: #a5a4a5; }

.main-container .main-containerBanners .bannersLine:hover { background-color: #DDDDDD; opacity: 1; }

.main-container .main-containerBanners .bannersLine:hover .bannersLayer { opacity: 1; }

@media (max-width: 769px) { .main-container { font-size: 14px; }
  .main-container .main-containerBanners { width: 100%; }
  .main-container .main-containerBanners .bannersLayer { display: none; } }

.personalSectionName { color: #a5a4a5; text-transform: uppercase; text-align: left; font-size: 15px; padding: 5px 15px 15px 15px; border-bottom: 1px solid #a5a4a5; }

.main-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.main-container .main-containerPersonal { width: 50%; }

.main-container .main-containerPersonal form { display: block; }

.main-container .main-containerPersonal form .basicData { display: block; text-align: left; border-bottom: 1px solid #a5a4a5; padding: 30px 0; }

.main-container .main-containerPersonal form .basicData .field .spaceBetween { padding: 5px; }

.main-container .main-containerPersonal form .basicData .field .spaceBetween label { color: #a5a4a5; font-weight: bold; }

.main-container .main-containerPersonal form .basicData .field .spaceBetween { padding: 5px; }

.main-container .main-containerPersonal form .mediaData { display: block; text-align: left; border-bottom: 1px solid #a5a4a5; padding: 30px 0; }

.main-container .main-containerPersonal form .mediaData .field .spaceBetween { padding: 5px; }

.main-container .main-containerPersonal form .mediaData .field .spaceBetween label { color: #a5a4a5; font-weight: bold; }

.main-container .main-containerPersonal form .mediaData .field .spaceBetween { padding: 5px; }

.main-container .main-containerPersonal form .walletData { display: block; text-align: left; border-bottom: 1px solid #a5a4a5; padding: 30px 0; }

.main-container .main-containerPersonal form .walletData .field .spaceBetween { padding: 5px; }

.main-container .main-containerPersonal form .walletData .field .spaceBetween label { color: #a5a4a5; font-weight: bold; }

.main-container .main-containerPersonal form .walletData .field .spaceBetween { padding: 5px; }

.main-container .main-containerPersonal form .passwordData { display: block; text-align: left; border-bottom: 1px solid #a5a4a5; padding: 30px 0; }

.main-container .main-containerPersonal form .passwordData .field .spaceBetween { padding: 5px; }

.main-container .main-containerPersonal form .passwordData .field .spaceBetween label { color: #a5a4a5; font-weight: bold; }

.main-container .main-containerPersonal form .passwordData .field .spaceBetween { padding: 5px; }

.main-container .main-containerPersonal form .personalButton { border-bottom: 1px solid #a5a4a5; }

.main-container .main-containerPersonal form .personalButton .buttonSave { background-color: #f58220; border: 1px solid #f58220; color: #FFFFFF; padding: 5px 15px; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; margin: auto; border-radius: 2px; }

.payoutName { color: #a5a4a5; text-transform: uppercase; text-align: left; padding: 5px 15px; font-size: 15px; }

.payoutCalendar { display: -ms-flexbox; display: flex; padding: 50px 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #a5a4a5; border-bottom: 1px solid #a5a4a5; }

.payoutCalendar .windowOne { display: inline-block; border: 1px solid #a5a4a5; padding: 10px; }

.payoutCalendar .calendarWindowWithIcon { border: 1px solid #a5a4a5; padding: 10px; }

.payoutCalendar .calendarWindowWithIcon .windowTwo { display: inline-block; border: none; }

.payoutCalendar .calendarWindowWithIcon .icon-calendar { padding: 0px; }

.payoutCalendar .icon-refresh { border: none; padding: 10px 12px; margin-left: 5px; background-color: #f58220; border-radius: 8px; color: #FFFFFF; }

.payoutTable .scroll-wrapper { display: block; width: 100%; overflow-x: auto; }

.payoutTable .scroll-wrapper table { width: 100%; max-width: 100%; border-collapse: collapse; }

.payoutTable .scroll-wrapper table thead { border-bottom: 1px solid #a5a4a5; }

.payoutTable .scroll-wrapper table thead tr { border-bottom: 1px solid #a5a4a5; }

.payoutTable .scroll-wrapper table thead tr th { color: #a5a4a5; padding: 15px 0; }

.payoutTable .scroll-wrapper table thead tr th:hover { background-color: #DDDDDD; opacity: 1; }

.payoutTable .scroll-wrapper table tbody tr { border-bottom: 1px solid #a5a4a5; }

.payoutTable .scroll-wrapper table tbody tr:hover { background-color: #DDDDDD; opacity: 1; }

.payoutTable .scroll-wrapper table tbody tr td { text-align: center; font-weight: bold; padding: 15px 0; }

.payoutTable .center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; }

.payoutTable .center .pagination { display: inline-block; padding-bottom: 20px; margin: 0; }

.payoutTable .center .pagination li { display: inline; }

.payoutTable .center .pagination li a { color: #70bec8; float: left; padding: 8px 16px; text-decoration: none; }

.payoutTable .center .pagination li a.active { background-color: #f0f3f3; color: #a5a4a5; }

.payoutTable .center .pagination li a .arrow { color: #a5a4a5; }

@media (max-width: 769px) { .payoutCalendar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  .payoutCalendar .windowOne { padding: 0px; width: 58.5%; }
  .payoutCalendar .calendarWindowWithIcon { border: 1px solid #a5a4a5; padding: 0px; }
  .payoutCalendar .icon-refresh { margin: 5px; } }

.postbackName { color: #a5a4a5; text-transform: uppercase; text-align: left; padding: 5px 15px; font-size: 15px; }

.overlay { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; overflow: auto; padding: 30px; display: none; }

.overlay.show { display: -ms-flexbox; display: flex; }

.overlay::webkit-scrollbar { display: none; }

.overlay .modal { margin: auto; background-color: #ffffff; position: relative; display: none; z-index: 9999; text-align: left; }

.overlay .modal.show { display: -ms-flexbox; display: flex; }

.overlay .modal .wrapperModal { background-color: #FFFFFF; margin: auto; }

.overlay .modal .wrapperModal .headerModal { font-weight: bold; color: #a5a4a5; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid #a5a4a5; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; padding: 15px 15px; }

.overlay .modal .wrapperModal .lowercase { text-transform: unset; }

.overlay .modal .wrapperModal .row { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; padding: 10px 10px 10px 100px; }

.overlay .modal .wrapperModal .row .box { text-align: center; font-size: 15px; width: 90px; color: #FFFFFF; padding: 5px 15px; }

.overlay .modal .wrapperModal .row .windowWithIcon { border: 1px solid #a5a4a5; border-radius: 2px; padding: 10px; margin-right: 15px; }

.overlay .modal .wrapperModal .row .windowWithIcon .windowLogin { display: inline-block; border: none; }

.overlay .modal .wrapperModal .row .windowWithIcon .icon { padding-right: 10px; border: none; }

.overlay .modal .wrapperModal .row .js--enter-modal { background-color: #f58220; border: 1px solid #f58220; border-radius: 2px; color: #FFFFFF; width: 100px; }

.overlay .modal .wrapperModal .row .js--quit-modal { background-color: #f58220; border: 1px solid #f58220; border-radius: 2px; }

.overlay .modal .wrapperModal .row .js--stay-modal { background-color: #a5a4a5; border: 1px solid #a5a4a5; margin-right: 10px; border-radius: 2px; }