/*************************
 *
 * 		NORMALIZE / RESET
 * 		@reset
 * 		@normalize
 *
* ***********************/
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #3384BE; color: #000; text-decoration: none; }
mark { background-color: #3384BE; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid var(--color-off-white-darker); margin: 1em 0; padding: 0; }
body { font:16px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
pre, code, kbd, samp { font-size:14px;color:#af4500;}
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: var(--color-red); text-decoration:none;}
a:hover { color: var(--color-red-dark); text-decoration: none;}
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
b, strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
    white-space: pre; white-space: pre-wrap; word-wrap: break-word;
    padding: 15px;
}
.oldie legend { *margin-left: -7px; }
button, input, select, textarea { width: auto; max-width: 100%; overflow: visible; margin: 0; font-size: 100%; vertical-align: baseline; }
select { overflow:auto; }
textarea { overflow: auto; vertical-align:text-top; }
input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
.oldie img { -ms-interpolation-mode: bicubic; }
.datepicker {
    max-width: 100px;
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; color:#444; }
::-moz-selection { background: #3384BE; color:#fff; text-shadow: none; }
::selection { background:#3384BE; color:#fff; text-shadow: none; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*************************
 *
 * 		BASIC ELEMENTS
 * 		@basic
 *
* ***********************/
@font-face {
    font-family: 'Monument Grotesk';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/MonumentGrotesk-Light.otf');
}

@font-face {
    font-family: 'Monument Grotesk';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/MonumentGrotesk-Regular.otf');
}

@font-face {
    font-family: 'Monument Grotesk';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/MonumentGrotesk-Medium.otf');
}

@font-face {
    font-family: 'Arizona';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/ArizonaMix-Regular.otf');
}

body{
    color: var(--color-gray-dark);
    background: var(--color-off-white);;
    font-family: "Monument Grotesk", "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
    line-height: 1.5;
}

h1 {
    font-size:26px;
    margin: var(--structure-xs) 0;
}
h2 {
    font-size: 19px;
    margin: 4px 0 12px;
    font-weight: normal;
}


h3 {
    padding-top: var(--structure-xl);
    margin: var(--structure-2xl) 0 var(--structure-xl) 0;
    border-top: 1px solid var(--color-off-white-darker);
    font-weight: bold;
    font-size: var(--text-md);
    color:black;
}

.panel h3,
.content > h3:not(.table_header):first-child {
    margin-top: var(--structure-xl);
    padding-top: 0;
    border: none;
}

h3 i.info {
    vertical-align: bottom;
    margin-right: 4px;
    color: var(--color-green);
}
h3.first_on_page {
    margin-top:0;
}
h3 .subtitle, h2 .subtitle, legend .subtitle {
    font-size: var(--text-sm);
    font-weight:normal;
    margin-left:5px;
    padding-top: 3px;
}
h3 .subtitle.right, legend .subtitle.right {
    float:right;
    margin-left:0;
}

h3 + .export.floated {
    top: -32px;
}

.space_above {
    margin-top:40px;
}
h4 {
    margin:12px 0 10px 0;
}
h5 {
    font-size:14px;
    font-weight:bold;
}
p {
    margin:4px 0 12px;
    line-height:18px;
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1;
}



/*************************
 *
 * 		COMMON CLASSES
 * 		@common
 *
* ***********************/
.floatleft {
    float:left;
}
.floatright {
    float:right;
}
.clear{
    clear:both;
}
.hidden {
    display:none;
}
.no_border {
    border:none !IMPORTANT;
}
.error {
    color:red;
    font-style:italic;
}
img.center {
    margin:auto auto;
    display:block;
}
img.bordered{
    border: 1px solid #C5C5C5;
}
.no_top_margin {
    margin-top:0 !IMPORTANT;
}
.no_cursor {
    cursor:auto !IMPORTANT;
}
.disabled {
    cursor:inherit;
}
.arrow{
    font-size:8px;
    line-height: 12px
}
.neg_top_margin {
    margin-top:-10px;
}
.dimmed {
    opacity:0.5;
}
.relative {
    position: relative;
}
.strong {
    font-weight: bold;
}
.cb_mark_all, .cb_mark_none {
    font-size: var(--text-xs);;
    padding-right:6px;
    padding-top:3px;
}
.big_number {
    font-size:26px;
    line-height:30px;
}
.float_right {
    float:right;
}
.float_left {
    float:left;
}
.select_on_click {
    cursor: pointer;
    word-break: break-all;
}
.center_img_ver_table {
    height:100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
.center_img_ver_table td {
    vertical-align: middle;
    text-align: center;
}

.empty_state {
    position: relative;
    padding: var(--structure-md) var(--structure-md) var(--structure-md) var(--structure-3xl);
    background: var(--color-green-lighter);
    border-radius: var(--rounded-sm);
    text-align: center;
}

/*************************
 *
 * 		COLOR CLASSES
 * 		@color
 *
* ***********************/
.green {
    color:green;
}
.red {
    color:red;
}
.blue_color{
    color: #003caa;
}
.red_color{
    color: #F00;
    font-weight: bold;
}
.green_color{
    color: #007b03;
    font-weight: bold;
}
.yellow_color{
    color: #FFA500;
    font-weight: bold;
}
.marked {
    color:#777;
}
:root {
    --color-white: #ffffff;
    --color-black: #000000;
    --color-off-white-light: #f9f8f5;
    --color-off-white: #F4F2E6;
    --color-off-white-darker: #e7e5d8;
    --color-gray-dark: #303030;
    --color-gray: #414141;
    --color-gray-light: #e8e8e8;
    --color-green-lightest: #f2f6f2;
    --color-green-lighter: #eaefeb;
    --color-green-light: #d2f0d8;
    --color-green: #3C5842;
    --color-green-dark: #2f4434;
    --color-red-dark: #ff1313;
    --color-red: #FF7575;
    --color-red-light: #F8AFAF;
    --color-red-lighter: #ffd3d3;
    --color-yellow: #F9D371;
    --color-yellow-light: #fff6b3;
    --color-orange-light: #facba9;
    --color-blue-light: #d2dff0;
    --color-blue: #005cdc;
    --color-blue-darker: #0043a1;
    --shadow-dropdown: 0px 1px 8px 0px rgba(0, 0, 0, 0.10);
    --rounded-xs: 2px;
    --rounded-sm: 4px;
    --rounded-md: 8px;
    --rounded-lg: 16px;
    --rounded-xl: 24px;
    --rounded-2xl: 120px;
    --rounded-full: 9999px;
    --structure-xs: 4px;
    --structure-sm: 8px;
    --structure-md: 12px;
    --structure-lg: 16px;
    --structure-xl: 24px;
    --structure-2xl: 32px;
    --structure-3xl: 40px;
    --structure-4xl: 48px;
    --structure-5xl: 56px;
    --structure-6xl: 64px;
    --structure-7xl: 72px;
    --structure-8xl: 80px;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 24px;
    --text-2xl: 32px;
    --text-3xl: 40px;
}


/*************************
 *
 * 		FORM / INPUT
 * 		@form
 * 		@input
 * 		@validation
 *
* ***********************/
input, textarea, select {
    outline: none;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--color-green);
}
fieldset {
    border-top: none;
    background: #FFF;
    margin-bottom: 12px;
}
fieldset.tight {
    margin-bottom:0;
    padding-bottom:4px;
}
fieldset legend {
    margin-bottom:0;
    font-weight: bold;
    font-size:14px;
    color:black;
    width:100%;
}
fieldset hr {
    margin:0 0 15px 0;
}
.form .action {
    margin-bottom:20px;
}
.form-group {
    display: flex;
    margin-bottom: var(--structure-lg);
}

.form label {
    display: inline-block;
    float: left;
    text-align: right;
    font-size: var(--text-sm);
    width: 200px;
    font-weight: bold;
    margin-right: var(--structure-xl);
    margin-bottom: var(--structure-2xl);
    clear: left;
}

.form [type="radio"] + label,
.form [type="checkbox"] + label {
    width: unset;
    margin-right: 0;
}

.form label.no_description {
    padding-top:4px;
}
.form .radio_set {
    margin-left: 40px;
}
.form .checkbox{
    margin-left: 20px;
}
.form .radio_set label{
    width: auto;
    text-align: left;
    clear: none;
}
.form label.error {
    display: block;
    text-align: left;
    margin-bottom:12px;
    width: 400px;
    margin-top: -8px;
    margin-left: 216px;
}
.form input.error, .form select.error, .form textarea.error {
    background-color: #FFE1E5;
    border-color: #FF3940;
}
.form table label.error {
    display:none !important;
    width:0;
}
.form label small {
    color:#666666;
    display:block;
    font-size: var(--text-xs);
    font-weight:normal;
    line-height: 16px;
    margin-top: var(--structure-xs);
}
.form .cke_editor_page_content {
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
}
.action {
    clear:left;
}
.form .button_center {
    width:200px;
    margin:20px auto;
    text-align: center;
}
.form  a.delete {
    margin-right:20px;
    font-size: var(--text-xs);
    color:red;
}
.form  .form_object a.delete {
    margin:5px 0  0 -10px;
    float:left;
}
.action .right{
    float:right;
}
.form input,
.form textarea,
.form select,
.form_object,
.form label + .form_object {
    float: left;
    clear: right;
    width: 100%;
    max-width: 400px;
}

.form .form_object.fixed {
    width:430px;
}
.form textarea.no_width, .form select.no_width, .form input[type="text"].no_width, .form input[type="submit"], .form  .form_object {
    width:auto;
}
.form input[type="checkbox"],.form input[type="radio"] {
    width:auto;
    float:none;
    clear:none;
    margin-bottom:4px;
}

.form input.wide, .form textarea.wide, .form select.wide {
    width:410px;
}
.form textarea.high{
    height: 150px;

}
.form #product_selects {
    display: flex;
    justify-content: center;
    width: 100%;
}
.form #product_selects select{
    margin: 0;
    height: unset;
    padding-top: var(--structure-sm);
    padding-bottom: var(--structure-sm);
}
.form #start_end_inputs input{
    margin-top: 1px;
}
.form #start_end_inputs input.first {
    margin-left: 6px;
}
.form_info{
    width:422px;
    clear:both;
    margin-left:222px;
}

.triple_form_col_wrapper{
    width: 100%;
    float: left;
}
.triple_form_col_wrapper .item{
    width: 32%;
    float: left;
    height: 44px;
}
label em {
    color: red;
    font-style: normal;
}

input.half,select.half,textarea.half {
    width:50%;
}
input.full,select.full,textarea.full {
    width:95%;
}

input {
    position: relative;
}
select,
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=number],
input[type=time],
input[type=date],
input.date {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: var(--rounded-xs);
    -webkit-border-radius: var(--rounded-xs);
    -khtml-border-radius: var(--rounded-xs);
    border-radius: var(--rounded-xs);
    border: 1px solid #ccc;
    height: var(--structure-2xl);
    padding: 0 var(--structure-sm);
    font-size: var(--text-sm);;
    line-height:1.3;
}
.form input.selected, .form textarea.selected, .form select.selected {
    background: #fffcd3;
}
select {
    position: relative;
}
textarea {
    margin-bottom: var(--structure-xl);
    position: relative;
    height: unset;
    padding-top: var(--structure-sm);
    padding-bottom: var(--structure-sm);
}

input.full {
    width: 94%;
}

.invalid {
    border: 1px solid red !important;
}

.form_error {
    -moz-box-shadow: #DDD 0px 0px 6px;
    -webkit-box-shadow: #DDD 0px 0px 6px;
    box-shadow: #DDD 0px 0px 6px;
    background-color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: var(--text-xs);
    height: 15px;
    padding: 4px 10px;
    z-index: 9999;
}
.form_error p {
    color: #fff;
    display: block;
    margin: 0px;
    line-height: 15px;
}
.form_error em {
    display:block;
    width:0;
    height:0;
    border:5px solid;
    border-color:transparent #000 transparent transparent;

    /* positioning */
    position:absolute;
    top: 6px;
    left:-10px;
}
input, textarea {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input:focus, textarea:focus {
    border-color: var(--color-green);
    background-color:  var(--color-white) !important;
}

input[type="file"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input[type="file"]:focus,
input[type="checkbox"]:focus,
select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: var(--color-white) !important;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/*************************
 *
 * 		MAIN LAYOUT
 * 		@layout
 * 		@page
 *
* ***********************/
#container {
    width:100%;
}
#header {
    background: var(--color-off-white);
    position:relative;
}

.top_header {
    display: flex;
    align-items: center;
    height: var(--structure-8xl);
}

.top_header #search {
    flex-grow: 2;
    display: flex;
    justify-content: center;
    margin: 0 var(--structure-xl);
}


.top_header #logo,
.top_header .right_align_items {
    flex: 1;
}

.center_content {
    padding:0 var(--structure-lg);
    margin:0 auto;
    min-width:800px;
    max-width:1560px;
    clear:both;
}

.right_align_items {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#main {
    display: flex;
    margin:0 auto;
    min-width:800px;
    max-width:1560px;
    padding: var(--structure-lg);
}
#left {
    float:left;
    width:220px;
    min-height:200px;
    padding: 0 var(--structure-lg) var(--structure-lg) 0;
}
#middle {
    width: 100%;
    min-width:600px;
    min-height:600px;
}

#page {
    min-height: 600px;
    min-width: 725px;
    position: relative;
    background-color: var(--color-white);
    height: 100%;
}
@media screen and (max-width: 1060px) {
    #left {
        display:none !IMPORTANT;
    }
    #middle {
        margin-left: 0 !IMPORTANT;
    }
    .menu_other {
        display:none !IMPORTANT;
    }
}
@media screen and (max-width: 860px) {
    #page {
        background:#fff;
    }
    #page .extended {
        padding-right:0 !IMPORTANT;
    }
}
#page.no_rightbar {
    background: white;
}
#page #page_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--structure-2xl);
}
#page #page_header .content {
    display: inline-block;
    font-size: var(--text-sm);
}
#page #page_header  img {
    margin-right: var(--structure-lg);
    height: var(--structure-4xl);
    object-fit: contain;
}
#page #page_header i {
    font-size: 18px;
}

#page #page_header .dropdown_options i {
    font-size: 14px;
}

#page #page_header h1 {
    font-family: "Arizona", "Monument Grotesk", "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
    font-size: var(--text-xl);
    padding-right: var(--structure-xs);
}

#page #page_header .change a, #page #page_header .subtitle {
    text-decoration: none;
    color: #555;
    font-size: var(--text-xs);
    display:block;
    margin-top:4px;
    margin-bottom:-10px;
}
#page #page_header h1 .change a:hover{
    text-decoration: underline;
}

#page_header_actions {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
}


#page_header_actions .button,
#page_header_actions select {
    min-width:150px;
    margin-left: 8px;
}

#page_header_actions form .button{
    min-width:unset;
}

#page #secondary_buttons {
    margin: var(--structure-xl) 0 0;
    position: relative;
}
#page #secondary_buttons a.dropdown {
    height:auto;
}
#page #secondary_buttons .dropdown_options, #page #page_header_actions .dropdown_options{
    min-width: 160px;
    width: 100%;
    top: 34px;
}
#page #page_header_actions .dropdown_options{
    top:40px;
    right: 30px;
}
#page #secondary_buttons .button{
    width:152px;
    margin-left:22px;
    margin-bottom:5px;
}
#page .extended {
    display: flex;
    height: 100%;
}
.primary {
    background:white;/** for screenshots */
}
#page .extended .primary {
    padding: var(--structure-xl);
    width: 100%;
    min-width: 0;
    flex-grow: 1;
}

#page .primary {
    background: transparent;
}
.extended .primary .content.scroll {
    max-width: 986px;
    overflow: auto;
}

.primary fieldset,
.primary .text,
.panel .inner {
    max-width: 720px;
}

fieldset legend a,
.content ul:not([class]) li a:not([class]) {
    color: var(--color-green);
}

fieldset legend a:hover,
.content ul:not([class]) li a:not([class]):hover {
    color: var(--color-green-dark);
    text-decoration: underline;
}

#page .content .list_search {
    position: absolute;
    top:12px;
    right: 12px;
}

#page .extended .secondary {
    width: 220px;
    flex: none;
    padding: var(--structure-xl);
    border-bottom-left-radius: var(--rounded-2xl);
    border-left: 2px solid var(--color-off-white);
    border-bottom: 2px solid var(--color-off-white);
}
/*Page header search*/
.secondary .list_search {
    width: 220px;
    padding-bottom: var(--structure-xl);
}
.secondary .list_search form {
    display: flex;
}
.secondary .list_search input {
    min-width: 0;
}
#page .extended .secondary .set:not(:first-of-type) {
    margin-top: var(--structure-lg);
    padding-top: var(--structure-lg);
    border-top: 1px solid var(--color-off-white-darker);
}
#page .extended .secondary .set select{
    width: 100%;
}

#page .extended .secondary .set .date-input-row select,
#page .extended .secondary .set .date-input-row .datepicker {
    width: 100% !important;
    margin: 0 8px;
}

.secondary table.info tr td {
    border-bottom: 1px solid var(--color-off-white);
}

.secondary table.info tr td + td {
    text-align: right;
}

.secondary .button.only_icon {
    min-height: var(--structure-xl);
    width: var(--structure-xl);
}

.secondary .button.only_icon i {
    font-size: var(--text-xs);
}

.secondary table.info tr:last-child td {
    border-color: transparent;
}

.date-input-row {
    display: flex;
    align-items: center;
    margin: 0 -8px var(--structure-md);
}

#page .extended .secondary .set a.current{
    font-weight: bold;
}
#page .extended .secondary .set .row button{
    margin-top:4px;
}

#page .secondary {
    font-size: var(--text-sm);;
    line-height: 18px;
}
#page .secondary .header {
    font-size: var(--text-sm);
}

#page .secondary .header i {
    margin-right: var(--structure-xs);
}
#page .secondary .header .vcard {
    display:inline-block;
    float:right;
}
#page .secondary .content {
    font-size: var(--text-sm);
    color: #777;
    padding: 12px 0px;
}
#page .secondary .content .icon {
    float: left;
    width:24px;
    color: var(--color-gray-dark);
}
#page .secondary .content .icon img{
}
#page .secondary .content .rows.padding {
    margin-left:50px;
    padding-top:2px;
}
#page .secondary .set .content .row {
    margin-bottom:5px;
}
#page .secondary .set .content ul {
    list-style:none;
    margin:0;padding:0;
}
#page .secondary .set .content .row.single {
    margin-top:1px;
}
#page .secondary .set .content .rows .row strong{
    display:inline-block;
    width:114px;
    word-wrap:break-word;
}
#page .secondary .content .rows .phone {
    font-weight: bold;
    word-break: break-word;
}
#page .secondary .content .rows .company_disabled {
    color:red;
    font-weight:bold;
}
#page .secondary .content .rows .description {
    float:right;
    display: inline-block;
    word-break: break-word;
}
#right {
    float:right;
    width: 220px;
}

/*************************
 *
 * 		MINIMAL LAYOUT CLASSES
 * 		@layout
 * 		@minimal
 * 		@api
 *
* ***********************/
#simple_layout {
    background: #4F6174;
    text-align: center;
}
#simple_layout #wrapper {
    margin:0 auto;
    width: 800px;
}
#simple_layout #header {
    margin-bottom: 20px;
    padding: 30px 0 0 0;
}
#simple_layout #content {
    background:#F5F5EF;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    padding:20px;
    text-align: left;
}
#simple_layout #content h2{
    margin:20px 0;
}
#simple_layout #content p strong {
    font-size:14px;
}
#simple_layout #content table{
    border-spacing:3px;
    border-collapse: separate;
}
#simple_layout #content table td{
    text-align:center;
}


/*************************
 *
 * 		LEFT SIDEBAR
 * 		@left
 * 		@sidebar
 *
* ***********************/
#left hr {
    border: none;
    border-top: 1px solid var(--color-off-white-darker);
    margin: 10px 0 25px 0;
    height:0;
}
.sidebar {
    margin-bottom:5px;
}
.sidebar h4 {
    font-size: var(--text-xs);
    color: #777;
    text-transform: uppercase;
    margin-bottom:10px;
}
.sidebar h4 span.all{
    font-size: var(--text-xs);
    font-weight: normal;
    text-transform: none;
}
.sidebar .items {
    width: 220px;
    position: relative;
}

.sidebar .items .dropdown_sidebar_item {
    margin-bottom: var(--structure-xs);
}

.sidebar .items .dropdown_sidebar_item span.title {
    margin-left: var(--structure-sm);
}

.sidebar .items a:not(.button) {
    color: black;
    display: block;
    padding: 8px 6px;
    text-decoration: none;
    line-height: 1.0em;
    position: relative;
}

.icon_text_row {
    display: flex;
    align-items: center;
}

.sidebar .items .button {
    width: 100%;
}
.sidebar .items div.bubble {
    display: none;
    position: absolute;
    top: 2px;
    left: 0;
    width: 225px;
    font-size: 0.9em;
    background: #BBB;
}
.sidebar .items div.bubble p {
    margin: 7px 0;
    line-height: 1.6em;
    padding: 0 5px 10px 30px;
    background: #AAA;
}
.sidebar .items a:not(.button):hover,
.sidebar .items a.selected {
    background: var(--color-off-white-darker);
}
.sidebar .items span.icon {
    margin-right: var(--structure-sm);
}
.sidebar .items span.icon img.icon {
    border:none;
}
.sidebar .items img.icon {
    border: 1px solid #DDD;
    margin: -1px;
    float: left;
}
.sidebar .items span.title {
    color: #444;
    text-shadow: 0px 1px 1px white;
    font-size: var(--text-sm);;
    font-weight: normal;
}

.sidebar.shortcuts h4 {
    margin-bottom: var(--structure-lg);
    display: flex;
    justify-content: space-between;
}

.sidebar .items .create_shortcut {
    margin-bottom: var(--structure-lg);
}

.sidebar .items span.subtitle {
    display: block;
    font-size: var(--text-xs);
    font-weight: normal;
    margin: var(--structure-xs) 0 0 0;
    color: #888;
}

.sidebar .items span.title {
    display: block;
    line-height: 15px;
    overflow:hidden;
}

.left_tabs {
    border-bottom:1px solid #AAA;
}
.left_tabs .left_tab{
    display:inline-block;
    padding:4px 7px;
    color:#333;
    text-decoration: none;
    -webkit-border-radius:5px 5px 0 0;
    font-size: var(--text-xs);
}

.left_tabs .left_tab.active{
    background:#AAA;
    color:white;
}
.middle_level {
    font-size: var(--text-xs);
}
.bottom_level {
    font-size: var(--text-xs);;
}

/*************************
 *
 * 		SEARCH
 * 		@search
 *
* ***********************/
#search {
    position:relative;
}

#search form {
    position: relative;
    width: 100%;
    max-width: 500px;
}

.icon-wrapper {
    position: absolute;
    height: var(--structure-2xl);
    width: var(--structure-2xl);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    top: var(--structure-xs);
    bottom: 0;
    left: var(--structure-xs);
    border-radius: var(--rounded-full);
    background: var(--color-gray-dark);
    color: var(--color-white);
    transition: all 0.2s ease-in-out;
}

#search input[type="text"] {
    border:1px solid var(--color-white);
    background: var(--color-white);
    border-radius: var(--rounded-full);
    outline:none;
    padding-left: 44px;
    font-size:14px;
    height: 40px;
    width: 100%;
}

#search input[type="text"]::placeholder {
    color:#999;
}

#search input[type="text"]:focus + .icon-wrapper {
    background: var(--color-red);
    color: var(--color-gray-dark);
}


#search input[type="submit"] {
    border:1px solid #EEE;
    border-left:1px solid #E2E2E2;
    -webkit-border-radius:0 12px 12px 0;
    -moz-border-radius:0 12px 12px 0;
    border-radius:0 12px 12px 0;
    background:#F1F1F1;
    outline:none;
    padding:2px 12px 0 8px;
    font-size:12px;
    font-weight:bold;
    position:absolute;
    color:#44c7eb;
    height:26px;
}


/*************************
 *
 * 		LOGIN
 * 		@login
 *
* ***********************/
#login {
    float:right;
    margin:10px 0 6px;
}
#logged_in_as_notif {
    float: left;
    margin-top: 5px;
    font-size: var(--text-xs);
}
#login_layout {
    background: #FFFFFF;
    text-align: center;
}
#login_layout #wrapper {
    margin:0 auto;
    width: 100%;
    max-width: 440px;
}
#login_layout #header {
    margin-bottom: 20px;
    padding: 30px 0 0 0;
    background:none;
}
#login_layout #content {
    background:#F5F5EF;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    padding:24px;
    text-align: left;
}
#login_layout #content form{
    font-size: var(--text-sm);;
}
#login_layout #content form h2{
    font-size:20px;
    text-shadow:0 1px 0 white;
    color:#333;
    font-weight: bold;
    margin-bottom:30px;
}

#login_layout #content form input {
    width: 100%;
}

#login_layout #content form span {
    font-weight: bold;
    margin-bottom:4px;
    display:block;
}

#login_layout .bankid-logo {
    margin: 40px auto 0;
}

#login_layout .loader,
#login_layout .qr-code {
    margin-bottom: 32px;
}

#login_layout .login-text {
    margin: 20px 0 0;
    text-align: left;
}

#login_layout .bankid-logo {
    margin: 8px auto 32px;
}

#login_layout #content button,
#login_layout #content .button {
    width: 100%;
    margin-top: 16px;
    padding:8px 12px;
}

#login_layout #content .button_border {
    background: transparent;
}

#login_layout .error {
    margin: 12px 0 0;
    text-align: center;
}

/*************************
 *
 * 		OPTIONS / DROPDOWNS
 * 		@dropdown
 * 		@options
 *
* ***********************/
.dropdown_options {
    display: none;
    -webkit-border-radius: var(--rounded-sm);
    -moz-border-radius: var(--rounded-sm);
    border-radius: var(--rounded-sm);
    position: absolute;
    top: 31px;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 180px;
    padding: var(--structure-sm) 0;
    margin: 0;
    list-style: none;
    background-color: white;
    -webkit-box-shadow: var(--shadow-dropdown);
    -moz-box-shadow: var(--shadow-dropdown);
    box-shadow: var(--shadow-dropdown);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-align:left;
}
.dropdown_options.right {
    left:auto;
    right:-2px;
}

.dropdown_options.in_right_column {
    left:22px;
    top:34px;
}
.dropdown_options li {
    list-style: none;
    line-height:19px;
}
.dropdown_options li.divider{
    height:1px;margin:4px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;
}
.action .dropdown_options li a {
    font-weight:normal;
}

.dropdown_options li i {
    margin-right: var(--structure-sm);
}
.dropdown_options li a {
    color: var(--color-gray-dark);
    font-size: var(--text-xs);
    text-decoration: none;
    padding: var(--structure-sm) var(--structure-lg);
    margin: 0;
    float: none;
    display: flex;
    align-items: center;
}
.dropdown_options li.download {
    background:url(../images/icons/bullet_arrow_down.png) no-repeat 0 9px;
    padding-left:14px;
}
.dropdown_options li a:hover,
.dropdown_options li a.current{
    background: var(--color-gray-dark);
    color: white !important;
}
.dropdown_options a.icon {
    padding-left:30px;
}
.dropdown_options a.icon.user {
    background-image:url(../images/icons/user.png);
    background-repeat:no-repeat;
    background-position: 7px;
}
.dropdown_options a.icon.edit {
    background-image:url(../images/icons/user_edit.png);
    background-repeat:no-repeat;
    background-position: 7px;
}
.dropdown_options a.icon.logout {
    background-image:url(../images/icons/close_panel.gif);
    background-repeat:no-repeat;
    background-position: 9px;
}
.action {
    position: relative;
}
.action img{
    vertical-align: top;
    padding:2px 5px 0 0;
}
.action.big a {
    font-size: var(--text-xs);
    font-weight:bold;
    text-decoration:none;
}
.action a:not(.button) {
    font-size: var(--text-xs);
    text-decoration:none;
}
#option_dropdowns {
    float:right;
    margin: 20px 20px 0;
    list-style:none;
}
#option_dropdowns li {
    float:left;
}
#option_dropdowns li a {
    background:#00a6ea url(../images/system/arrow_down.png) 94% 50% no-repeat;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    color:#fff;
    font-size: var(--text-xs);
    font-weight:bold;
    padding:5px 16px 5px 7px;
    margin-right:4px;
    text-decoration:none;
}
#option_dropdowns li a:hover {
    background-color:#208ab6;
}
#header .dropdown_right {
    display: flex;
    align-items: center;
}
#header .dropdown_right .dropdown_options {
    left:auto;
    right:0;
}
.dropdown {
    position: relative;
}
.dropdown_right {
    float:right;
}
.dropdown.dropdown_right span.title{
    min-width:140px;
}
.dropdown_right {
    float:right;
}
.dropdown span {
    margin-left: 4px;
}
.dropdown div {
    background: -moz-linear-gradient(top,#07b3f9,#0076ba);
    background: -webkit-gradient(linear,left top,left bottom,from(#07b3f9),to(#0076ba));
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:5px 5px 5px 7px;
    text-decoration:none;
    cursor: pointer;
}
.dropdown div:hover {
    -moz-border-radius:5px 5px 0 0 ;
    border-radius:5px 5px 0 0 ;
    -webkit-border-radius:5px 5px 0 0 ;
}
.dropdown span.title {
    background: url(../images/system/arrow_down.png) 94% 50% no-repeat;
    width:100%;
    display:block;
    color:#fff;
    font-size: var(--text-xs);
    font-weight:bold;
    padding:4px;
}
.dropdown span.no_bottom_round {
    -webkit-border-bottom-left-radius:0;
    -webkit-border-bottom-right-radius:0;
}
.dropdown ul {
    margin:0;
    display:none;
    list-style:none;
    background: white;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    z-index: 1999;
    -moz-box-shadow: 0 2px 1px #CCC;
    -webkit-box-shadow: 0 2px 1px #CCC;
    -khtml-box-shadow: 0 2px 1px #CCC;
    box-shadow: 0 2px 1px #CCC;
    position: absolute;
    top: 26px;
    left: 0;
    width:100%;
}
.dropdown ul li a{
    line-height:28px;
    color:#333;
    padding-left:10px;
    display:block;
    text-decoration: none;
    border-bottom:1px dotted #EEE;
    text-shadow:0 1px 1px white;
    font-size: var(--text-xs);;
}
.dropdown ul li a:hover{
    background:#EEE;
    color:#333;
    text-shadow:0 1px 1px white;
}


/*************************
 *
 * 		TOP MENU
 * 		@top menu
 * 		@menu
 *
* ***********************/
#top_menu{
    width:100%;
    display:block;
    position:relative;
    background: var(--color-green-dark);
}
#top_menu #menu{
    margin:0 auto;
    min-width:800px;
    max-width:1560px;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
#top_menu #menu .item {
    margin:0;
    padding:0;
    display: inline-block;
}
#top_menu #menu .item:last-child {
    margin-left: -8px;
}
#top_menu #menu .item.drop {
    position: relative;
}
#top_menu #menu .item a.home {
    width:16px;
    height:16px;
    background: transparent url(../images/system/top_menu_home.png) no-repeat 9px 5px;
}
#top_menu #menu .item > .link {
    display: block;
    cursor: pointer;
    padding: var(--structure-sm) 0;
    margin-right: var(--structure-xl);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--color-white);
    text-decoration: none;
    font-weight: normal;
    font-size: var(--text-md);;
    border-bottom: 4px solid transparent;
    opacity: 72%;
    transition: all 0.15s ease-in-out;
}

#top_menu #menu .items-right {
    margin-left: auto;
}

#top_menu #menu .item > .link.home:hover, #top_menu #menu .item.selected > .link.home {
    -webkit-border-radius:5px 5px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;
    background-image: url(../images/system/top_menu_home_over.png);
}
#top_menu #menu .item > .link:hover,
#top_menu #menu .item.help > .link:hover,
#top_menu #menu .item.selected > .link {
    color:  var(--color-white);
    opacity: 100%;
}

#top_menu #menu .item.selected > .link {
    font-weight: bold;
    border-color: var(--color-green);
    opacity: 100%;
}

#top_menu #menu .item > .link.dropdown_hover:hover{
    cursor:default;
}

#top_menu #menu .item.right > .link {
    margin-right: 0;
    margin-left: var(--structure-xl);
}

#top_menu .arrow {
    font-size: var(--text-sm);
    margin-left: var(--structure-xs);
}

#top_menu .dropdown_options {
    top: 100%;
}
#top_menu_bottom  {
    border-collapse: collapse;
    width: 100%;
    padding:0;
    list-style: none;
    background-color: var(--color-green);
}
#top_menu_bottom #sub {
    margin-left:0;
}
#top_menu_bottom #sub li {
    display:inline-block;
}

#top_menu_bottom #sub li > a{
    color: var(--color-white);
    padding: var(--structure-md) 0;
    margin-right: var(--structure-xl);
    display:inline-block;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    opacity: 72%;
    transition: all 0.15s ease-in-out;
}
#top_menu_bottom #sub li a.current,
#top_menu_bottom #sub li a:hover{
    color: var(--color-white);
    text-decoration: none;
    opacity: 100%;
}

#top_menu_bottom #sub li a.current {
    font-weight: bold;
    border-color: var(--color-off-white);
}

#top_menu #menu .item.movable a{
    border:1px dotted yellow;
}
#top_menu #menu .item.movable a:hover {
    cursor: move;
}
#top_menu .menu_dropdown, #top_menu .item.drop {
    z-index:2;
}
#top_menu .menu_other a.dropdown{
    color:#EEE;
    text-decoration: none;
    font-size:12px;
}
#top_menu .menu_other a.dropdown:hover{
    color:white;
}
#top_menu .menu_dropdown span{
    color:white;
    cursor:pointer;
    padding:4px 8px 3px 8px;
}
#top_menu .menu_dropdown:hover ul{
    display:block;
}
#top_menu .menu_dropdown ul {
    display:none;
    background:white;
    list-style: none;
    margin:6px 0 0;
    border:1px solid #999;
    border-top:none;
}
#top_menu .menu_dropdown ul li{
    border-bottom:1px dotted #EEE;
    width:100%;
    display:inline-block;
    color:black;
    padding:8px 0;
}
#top_menu .menu_dropdown ul li:hover{
    background:#EEE;
}
#top_menu .menu_dropdown ul li a {
    padding:3px 5px;
    font-size: var(--text-xs);
}
#top_menu #menu .item .notif {
    margin: 0 0 4px 4px;
    background-color: #ff0d0d;
    padding:2px 4px;
    color:white;
    font-weight:bold;
    font-size: var(--text-xs);;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    box-shadow:1px 1px 1px gray;
    z-index:20;
}
#top_menu #menu .item.selected .notif {
    display:none;
}


/*************************
 *
 * 		TAB NAVBAR
 * 		@nav
 * 		@tab
 *
* ***********************/
.nav {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
}
.nav-tabs {
    border-bottom: 1px solid #DDD;
}
.nav-tabs > li {
    margin-bottom: -1px;
}
.nav-tabs > li, .nav-pills > li {
    float: left;
}
.nav-tabs > li > a {
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-image: initial;
}
.nav-tabs > li > a,.nav-tabs > li > a:hover, .nav-tabs > li > a:visited, .nav-tabs > li > a:active {
    outline:none;
}
.nav-tabs > li > a,
.nav-pills > li > a {
    margin-right: 24px;
    line-height: 14px;
}
.nav > li > a {
    display: block;
    text-decoration:none;
    color: var(--color-gray-dark);
    border: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.15s ease-in-out;
    text-decoration: none;
}

.nav > li > a:hover {
    border-color: var(--color-red);
    text-decoration: none;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    color: var(--color-gray-dark);
    background-color: white;
    border-color: var(--color-red);
    cursor: default;
    border-image: initial;
    font-weight: 600;
    text-decoration: none;
}

/*************************
 *
 * 		PROFILE
 * 		@profile
 * 		@header
 *
* ***********************/
.profile_header {
    font-size: var(--text-sm);;
    line-height: 18px;
    margin: 20px 20px 6px;
    position: relative;
}
.profile_header h1 {
    margin-top:0;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: -1px;
    position: relative;
    left: -2px;
    color:#222;
}
.profile_header td {
    vertical-align: middle;
}
.profile_header td:first-child {
    padding-right: 15px;
    width: 1%;
}

.profile {
    width:100%;
    height: 100%;
    overflow: hidden;
}
.profile .photo {
    float:left;
}
.profile .text {
    float: left;
    margin-left:10px;
}
.profile .text h1 {
    font-size:20px;
}
.profile .text p {
    font-size:12px;
}

.profile_nav {
}
.notification_toggler {
    position:relative;
    margin: 0 var(--structure-lg);
}
.notification_toggler i {
    color: var(--color-gray-dark);
}
.notification_badge {
    position: absolute;
    top: -10px;
    left: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: var(--rounded-full);
    background: var(--color-off-white-darker);
    color: var(--color-gray-dark);
}
.notification_badge.active {
    background: var(--color-red);
}
.notifications {
    width:300px;
    position:absolute;
    top: 31px;
    right: 31px;
    background:#fff;
    border:1px solid #CCC;
    padding-bottom:30px;
    z-index:2;
    opacity:0.95;
    box-shadow: -3px 3px 10px -3px #888;
}
.notifications .content {
    max-height: 300px;
    overflow: auto;
}
.notifications .options {
    position:absolute;
    bottom:0;
    height:30px;
    width:100%;
    background:white;
}
.notifications .title {
    border-bottom:1px solid #CCC;
    padding:6px 0;
    text-align: center;
    font-weight: bold;
    font-size: var(--text-xs);
}
.notifications .all {
    position:absolute;
    bottom:7px;
    left:11px;
    font-size: var(--text-xs);
}
.notifications .close {
    position:absolute;
    bottom:7px;
    right:7px;
    cursor:pointer;
}
.notifications a.notification {
    background:white;
    border-bottom:1px dotted #CCC;
    padding:6px 6px 10px 6px;
    cursor:pointer;
    display:block;
}
.notifications a.notification.new {
    background:#f3f7fd;
}
.notifications a.notification .user {
    float:left;
}
.notifications a.notification .user img {
    width:48px;
}
.notifications a.notification .body {
    margin-left:60px;
}
.notifications a.notification p {
    margin-bottom:6px;
}
.notifications a.notification .created {
    font-size: var(--text-xs);;
    color:#888;
}
.notifications a.notification:hover {
    background:#EEE;
    text-decoration: none;
}
a.profile_nav {
    display: flex;
    align-items: center;
    font-size: var(--text-sm);;
    color: var(--color-gray-dark);
}

a.profile_nav i {
    margin-left: var(--structure-xs);
}
.profile_nav_dropdown {
    margin-left: var(--structure-sm);
}
.profile_nav_dropdown .action {
    clear:none;
}
a.profile_nav_to_homepage {
    margin-right: var(--structure-lg);
    font-size: var(--text-sm);;
    color:#333;
    text-decoration: none;
    display: block;
}

a.profile_nav_to_homepage:hover {
    text-decoration: underline;
}
.profile_nav_dropdown .dropdown span {
    margin-left:0;
}

/*************************
 *
 * 		PAGINATION
 * 		@pagination
 *
* ***********************/
.pagination {
    float: left;
    position: relative;
    left: 50%;
    margin-top:10px;
    font-size: var(--text-xs);
}
.pagination .inner {
    float: left;
    position: relative;
    left: -50%;
    padding-bottom: 5px;
}
.pagination strong, .pagination a {
    color: var(--color-green);
    padding: var(--structure-xs) var(--structure-md);
    -webkit-border-radius: var(--rounded-sm);
    -moz-border-radius: var(--rounded-sm);
    border-radius: var(--rounded-sm);
    text-decoration: none;
    display:inline-block;
    margin-right:2px;
    font-size: var(--text-sm);
    transition: all 0.15s ease-in-out;
}
.pagination strong {
    text-decoration: underline;
}
.pagination a:hover {
    text-decoration: none;
    display:inline-block;
    background: var(--color-green);
    color:white;
}

/*************************
 *
 * 		BOXES
 * 		@box
 *
* ***********************/
.box {
    background:#f5f5f5;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:10px;
    -webkit-box-shadow: 0 0 3px #EEE;
    -moz-box-shadow: 0 0 3px #EEE;
    box-shadow: 0 0 3px #EEE;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
    background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.content_box {
    height:45px;width:100%;border:1px solid #EEE;box-shadow:0 2px 5px #BBB;-moz-box-shadow:0 2px 5px #BBB;-webkit-box-shadow:0 2px 5px #BBB;background:#FEFEFE;
}
.content_box .inner {
    padding:10px;
}
/*************************
 *
 * 		STACKED BOXES
 * 		@box
 * 		@stacked
 *
* ***********************/
.box_stacked {
    margin-bottom:15px;
}
.box_stack {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:30%;
    margin-right:5%;
    float:left;
    padding:0;
}
.box_stack.box_stack_four {
    width:22%;
    margin-right:4%;
}
.box_stack .title {
    text-align:center;
    font-size: var(--text-sm);;
    padding: 9px;
    border-bottom: 1px solid #EEE;
    background: #F1F5F9;
}
.box_stack .text{
    font-size:20px;
    text-align:center;
    padding:10px;
    min-height: 70px;
}

.box_stack.last {
    margin-right:0;
}

/*************************
 *
 * 		HALF BOXES
 * 		@box
 * 		@float
 * 		@half
 *
* ***********************/
.half_box {
    float:left;
    width: 47%;
    margin-right:6%;
}
.half_box:last-of-type {
    margin-right:0;
}


/*************************
 *
 * 		MESSAGE BOX
 * 		@box
 * 		@message
 *
* ***********************/
#inline_message {
    position: fixed;
    top: 102px;
    margin-left:-100px;
    left: 50%;
    background: #F9EDBE;
    border: 1px solid #F0C36D;
    color: #222;
    font-size: var(--text-xs);
    font-weight: bold;
    padding: 9px 15px;
    width:200px;
    z-index:7000;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-transition: all .218s;
    -webkit-transition: all .218s;
    display: none;
}
div.message {
    -webkit-border-radius: var(--rounded-sm);
    -moz-border-radius: var(--rounded-sm);
    border-radius: var(--rounded-sm);
    padding: var(--structure-md) var(--structure-md) var(--structure-md) var(--structure-3xl);
    text-align: center;
    position: relative;
}

div.message {
    background-size: var(--structure-lg) var(--structure-lg);
    background-repeat: no-repeat;
    background-position: var(--structure-lg) center;
}

div.message.flash {
    margin-top:-8px;
    margin-bottom: var(--structure-lg);
}
div.login {
    padding:8px 0 10px 40px;
    text-align:left;
}
.message img.close {
    position: absolute;
    right: -11px;
    top: -11px;
    cursor: pointer;
}
.message img {
    vertical-align: bottom;
}
.message .undo {
    margin:0 10px;
}
.message .undo img {
    padding:0 4px;
}
div.success {
    background-color: var(--color-green-light);
    background-image: url(../images/icons/check.png);
}
div.warning {
    background-color: var(--color-yellow-light);
    background-image: url(../images/icons/exclamation.png);
}
div.error {
    background-color: var(--color-red-lighter);
    background-image: url(../images/icons/exclamation_red.png);
}
div.information {
    background-color: var(--color-blue-light);
    background-image: url(../images/icons/information.png);
}

div.message.datepickers {
    background-position: 14px 15px;
}

/*************************
 *
 * 		PANEL
 * 		@panel
 *
* ***********************/
.panel{
    width: 100%;
    background: var(--color-green-lighter);
    font-size: var(--text-sm);
    border-radius: 2px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.panel .inner{
    padding: 15px;
    line-height: 18px;
}
.panel p.inner {
    margin:0;
}
.panel .inner .panel_title{
    font-weight:bold;
    clear:both;
    width:100%;
    margin-bottom:10px;
}


/*************************
 *
 * 		BUTTONS
 * 		@buttons
 *
* ***********************/
.button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: var(--rounded-lg);
    -webkit-border-radius: var(--rounded-lg);
    -khtml-border-radius: var(--rounded-lg);
    border-radius:  var(--rounded-lg);
    font-size: var(--text-sm);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--structure-2xl);
    padding: var(--structure-xs) var(--structure-lg);
    outline: none !important;
    text-align: center;
    text-decoration: none;
    position: relative;
    line-height: 16px;
    transition: border-radius 0.3s ease;
}
.button:hover {
    text-decoration: none;
    -moz-border-radius: var(--rounded-md);
    -webkit-border-radius: var(--rounded-md);
    -khtml-border-radius: var(--rounded-md);
    border-radius: var(--rounded-md);
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; }

.button_round {
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border-radius: 16px;
    padding: 7px 0;
    width: 30px;
}
.button i {
    margin-left: var(--structure-sm);
}
.button_submit {
    font-weight: bold;
}
.button_big {
    min-height: var(--structure-3xl);
    border-radius: 20px; /* half of height */
}
.button_small {
    padding: 1px 9px;
    font-size: var(--text-xs);
}
.button_disabled {
    pointer-events: none;
    background: var(--color-gray-light) !IMPORTANT;
    color: var(--color-gray) !IMPORTANT;
}

.button_primary,
a.button_primary {
    background: var(--color-gray-dark);
    color: var(--color-white) !important;
    border: none;
}

.button_border,
a.button_border {
    border:1px solid var(--color-gray-dark);
    color: var(--color-gray-dark);
}

.button_link,
a.button_link {
    border: none;
    background: none;
    color: var(--color-gray-dark);
    text-decoration: underline;
}

.button i,
#page #page_header .button i {
    font-size: var(--text-sm);
}

.button.only_icon i {
    margin: 0 !important;
}

.button.icon_left i {
    margin-right: var(--structure-sm);
}

.button.only_icon {
    min-height: var(--structure-2xl);
    width: var(--structure-2xl);
    padding: 0;
}

.button.only_icon i {
    font-size: var(--text-sm);
}

#get_address_info{
    margin-top:14px;
}

.reset_link {
    margin-left: var(--structure-xs);
    font-weight: 600;
    transition: 0.15s ease-in-out;
}

/*************************
 *
 * 		ACTION BUTTONS
 * 		@action
 * 		@buttons
 *
* ***********************/
ul.action_buttons {
    list-style-type: none;
    padding: 0;
}
ul.action_buttons li {
    display: block;
    float: left;
    margin: 0 2px;
    height: 26px;
    width: 26px;
    line-height: 24px;
}
ul.action_buttons li:first-child {
    margin-left: 0;
}
ul.action_buttons li:last-child {
    margin-right: 0;
}
a.button.no_text {
    display: block;
    text-indent: -999em;
    padding: 0;
    line-height: 24px;
    overflow: hidden;
}
.button.no_text span {
    display: block;
    margin: 0;
    height: 24px;
    width: 24px;
}
.button span.accept {
    background: transparent url(../images/icons/accept.png) no-repeat center center;
}
.button span.delete {
    background: transparent url(../images/icons/delete.png) no-repeat center center;
}
.button span.add {
    background: transparent url(../images/icons/add.png) no-repeat center center;
}
.button span.pencil {
    background: transparent url(../images/icons/pencil_go.png) no-repeat center center;
}
.button span.bin {
    background: transparent url(../images/icons/bin.png) no-repeat center center;
}
.button span.add {
    background: transparent url(../images/icons/add.png) no-repeat center center;
}
.button span.pdf {
    background: transparent url(../images/icons/pdf.png) no-repeat center center;
}
.button span.help {
    background: transparent url(../images/icons/help.png) no-repeat center center;
}
.button span.view-list {
    background: transparent url(../images/icons/application_view_list.png) no-repeat center center;
}
.button span.view-grid {
    background: transparent url(../images/icons/application_view_tile.png) no-repeat center center;
}
.button span.chart {
    background: transparent url(../images/icons/chart_line.png) no-repeat center center;
}
.button span.refresh {
    background: transparent url(../images/icons/arrow_refresh.png) no-repeat center center;
}

.button.action_button_textarea {
    margin:14px 0 0 7px;
}


/*************************
 *
 * 		STAFF LISTING
 * 		@staff
 *
* ***********************/
.staff_wrapper{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.staff_item{
    float:left;
    width: 300px;
    margin: 0px;
    margin-bottom: 30px;
    overflow: hidden;
    font-size: var(--text-xs);;
}
.staff_item_img{
    float: left;
    margin: 0px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    overflow: hidden;
    width: 100px;
}
.staff_item_name{
    padding: 12px 0 0 17px;
    float: left;
    font-weight: bold;
    font-size:16px;
    width: 180px;
    font-weight: normal;
    font-size: 18px;
    color: #39b8b1;
}
.staff_item_info{
    float: left;
    padding: 5px 0 0 17px;
    width: 180px;
}
.staff_item_info p{
    margin-bottom: 15px;
}

/*************************
 *
 * 		FORM FILES
 * 		@form
 * 		@files
 *
* ***********************/
#company_forms {
    background: #eee;
    padding: 6px;
    margin-top: 2px;
}
.form_property {
    display:block;
    cursor:move;
    background: rgba(0,166,234,0.6);
    color:black;
    font-weight: bold;
    font-size: var(--text-xs);;
    position:absolute;
}
.form_property.current{
    text-decoration: underline;
}
.form_property a {
    padding-left:6px;
}
.form_property a.del {
    width:10px;
    height:10px;
    position: absolute;
    top:-10px;
    right:-4px;
}
.form_image_nav {
    margin-left:260px;
}
.form_image_nav a{
    display:inline-block;
    margin-right:4px;
    padding:4px 6px;
    background: #3384BE;
    color:white;
    text-decoration: none;
    font-size: var(--text-sm);;
    text-align: center;
    font-weight: bold;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.form_image_nav a:hover, .form_image_nav a.current{
    background:#00A6EA;
}

/*************************
 *
 * 		TABLES
 * 		@tables
 *
* ***********************/
.table-wrapper {
    overflow-x: auto;
    width: 100%;
}
table.info {
    margin-top:2px;
    width: 100%;
}
table.info tr td {
    padding: var(--structure-sm) 0;
}

table.info tr:last-child td {
    padding-bottom: 0;
}

table.info .email{
    word-break:break-all;
}
table.info td.margin {
    width:10px;
}
.narrow_table {
    width: 1200px;
}
.large_text_in_table{
    font-size: 18px;
}
.narrow{
    width: 30px;
}
.wide{
    width: 70px;
}
.table_list_span_icon_text {
    margin-left:6px;
}
/** Standard */
.standard_table {
    font-size: var(--text-sm);
    margin:0 0 30px 0;
    background:#fff;
    width:100%;
    text-align: left;
    border-spacing: 0;
    display: table;
}
.standard_table.full {
    width: 100%;
}
.standard_table td {
    border-bottom: 1px solid var(--color-off-white-darker);
    padding: 6px 8px 11px;
    vertical-align: inherit;
}
.standard_table.large_rows tr {
    height: 45px;
}
.standard_table td.center {
    text-align: center;
}
.standard_table td.right, .standard_table th.right{
    text-align: right;
    float: none;
}
.standard_table thead tr th, .standard_table .repeat_header td {
    border-bottom: 2px solid var(--color-off-white-darker);
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    text-align: left;
}
.standard_table thead {
    border-color: inherit;
    display: table-header-group;
    vertical-align: middle;
}
.standard_table tfoot tr td{
    border-bottom: none;
}
.standard_table tbody tr {
    background-color: #fff;
}
.standard_table tr.odd {
    background-color: #fff;
}
.standard_table tr.even {
    background-color: #f4f4ff;
}
.standard_table tbody tr:hover{
    background: var(--color-off-white);
}
.standard_table tfoot tr:hover{
    background-color: white;
}
.standard_table img {
    vertical-align: top;
}
.standard_table tr.error td {
    background-color: var(--color-red-light);
    color:black;
}
.standard_table tr.ok td {
    background-color: var(--color-green-light);
    color:black;
}
.standard_table tr.warning td {
    background-color: #fff1da;
    color:black;
}
.standard_table tr.debug td {
    background-color: #f1f7fc;
    color:black;
}
.standard_table tr td.url, .standard_table tr td.description {
    word-break: break-all;
}
/** Bordered */
.bordered_table th{
    background:#EEE;
    border:1px solid #555;
    padding:4px;
    color:#333;
}
.bordered_table td{
    border:1px solid #555;
    padding:4px;
    color:#444;
}

/** Data */
.data_table {
    width: 100%;
    padding: 0;
}
.data_table.not_clickable {
    cursor: auto;
}

.data_table a:not(.button) {
    color: var(--color-green);
    display: inline-flex;
    align-items: center;
}

.data_table caption {
    padding: 0 0 5px 0;
    width: 700px;
    font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}
.data_table tr td .image_icon{
    padding-top: 0;
    vertical-align: middle;
    width: 16px;
}
.data_table thead tr th {
    font-size: var(--text-sm);
    font-weight: 600;
    text-align: left;
    padding: var(--structure-sm) var(--structure-xs);
}

.data_table th.nobg {
    border-top: 0;
    border-left: 0;
    background: none;
}
.data_table td {
    vertical-align: middle;
    background: white;
    color: #444444;
    font-size: var(--text-sm);

}
.data_table tr:hover td,
.data_table tr.alt:hover td{
    background: var(--color-off-white);
}
.data_table tr.alt td {
    background: var(--color-off-white-light);
    transition: background 0.2s ease-in-out;
}
.data_table tr td.center {
    vertical-align: middle;
    text-align: center;
}
.data_table tr td.center a {
    text-align:left;
}
.data_table tr td.position {
    width:20px;
}
.data_table tr td img {
    padding-top: 0px;
}
.data_table tr td a img {
    vertical-align: top;
}
.data_table tr:hover td{
    cursor:auto;
}
.data_table tr td a, .data_table tr td span.padding  {
    text-decoration: none;
}
.data_table tr td {
    padding: var(--structure-sm) var(--structure-xs);
}
.data_table tr td a:not(.button):hover{
    text-decoration: underline;
}
.data_table th.spec {
    background: #fff url(images/bullet1.gif) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.data_table th.specalt {
    background: #f5fafa url(images/bullet2.gif) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}
.data_table tr.error td {
    background-color:#A92C2C;
    color:white;
}
.data_table tr.ok td {
    background-color: #006633;
    color:white;
}

.data_table .table_actions {
    display: flex;
}

.data_table .table_actions a {
    margin-left: var(--structure-xl);
}

/**	Table sorter and pager */
.table_to_sort th {
    cursor: pointer;
}
.table_pager {
    float: right;
}
.table_pager * {
    float: left;
}
.table_pager .nav {
    width: 16px;
    height: 26px;
    cursor: pointer;
}
.table_pager .nav.first {
    background: url(../images/icons/pag_first.png) center center no-repeat;
}
.table_pager .nav.prev {
    background: url(../images/icons/pag_prev.png) center center no-repeat;
}
.table_pager .nav.next {
    background: url(../images/icons/pag_next.png) center center no-repeat;
}
.table_pager .nav.last {
    background: url(../images/icons/pag_last.png) center center no-repeat;
}

.table_pager .pagedisplay {
    vertical-align: top;
    padding: 5px 10px;
}
.table_pager .pagesize {
    vertical-align: top;
    margin: 0px 10px;
}


/*************************
 *
 * 		MODAL
 * 		@modal
 *
* ***********************/
.inline_modal {
    position: absolute;
    right:0;
    top:0;

    z-index: 1000;
    -moz-box-shadow: 0 1px 12px #333;
    -webkit-box-shadow: 0 1px 12px #333;
    -khtml-box-shadow: 0 1px 12px #333;
    box-shadow: 0 1px 12px #333;
    padding:14px;
    margin:1em 0 1em;
    color:#000;
    background:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    min-height: 20px;
    zoom: 1;
}
.inline_modal.inline_box {
    top:10px;
    right:-13px;
}
.inline_modal.dates {
    width:220px;
}
.inline_modal .button {
    margin-top:12px;
}
.inline_modal.inline_box.last {
    right:-3px;
}
.inline_modal h3 {
    border-bottom: 1px solid #CCC;
}
.inline_modal.last {
    -webkit-border-top-right-radius:0;
    -moz-border-radius-topright:0;
    border-top-right-radius:0;
}
/* creates triangle */
.inline_modal:before {
    content:"";
    display:block; /* reduce the damage in FF3.0 */
    position:absolute;
    bottom:-31px; /* value = - border-top-width - border-bottom-width */

    width:0;
    height:0;
    border:15px solid transparent;
    border-top-color:#dd6611;
}
.inline_modal:after {
    content:"";
    display:block; /* reduce the damage in FF3.0 */
    position:absolute;
    bottom:-15px; /* value = - border-top-width - border-bottom-width */

    width:0;
    height:0;
    border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#ddd transparent;
}

.inline_modal:after {
    border-color: #fff transparent;
}
.inline_modal.top:before {
    top:-16px; /* value = - border-top-width - border-bottom-width */
    right: 36px; /* controls horizontal position */
    border-width:0 16px 16px; /* vary these values to change the angle of the vertex */
    border-color: #777 transparent;
}
.inline_modal.top.last:before {
    right: -1px;
}
.inline_modal.top:after {
    top:-15px; /* value = - border-top-width - border-bottom-width */
    right: 37px; /* controls horizontal position */
    border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
    border-color: #fff transparent;
}
.inline_modal.top.last:after {
    right:0px;
}
.inline_modal h3 {
    margin-top: 0;
}
.inline_modal h4 {
    font-size: var(--text-sm);;
    color:#444;
    margin-bottom:12px;
}
.inline_modal input[type=text], .inline_modal input[type=date], .inline_modal input.date {
    /*width: 185px;*/
}
.inline_modal select {
    width: 200px;
}
#loading_big_icon {
    z-index:7000;position:fixed;left:48%;top:43%;
    padding:20px 23px 20px; background:white;border:1px solid #AAA;
    box-shadow: 1px 1px 8px #444;
    -webkit-box-shadow: 1px 1px 8px #444;
    -moz-box-shadow: 1px 1px 8px #444;
}
.loading {
    background: url(../images/icons/loading.gif) center center no-repeat;
}

/*************************
 *
 * 		USER
 * 		@user
 *
* ***********************/
.user_crop_image_wrapper {
    position: relative;
}
.user_crop_image_image {
}
.user_crop_image_link {
    background:rgba(255,255,255,0.6);
    width:16px;
    border:1px solid #333;
    height:16px;
    padding:4px;
    position: absolute;
    top:0;
    right:0;
}
.user_crop_image_link:hover {
    background:white;
}

/*************************
 *
 * 		TOOLTIP / TIP
 * 		@tooltip
 * 		@tip
 *
* ***********************/
.tipsy { padding: 5px; font-size: var(--text-xs); opacity: 0.92; filter: alpha(opacity=92); background-repeat: no-repeat;  background-image: url(../images/system/tipsy.gif); }
.tipsy-inner { padding: 8px; background-color: #111; color: white; max-width: 250px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

#tip_box {
    position:absolute;
    left:0;
    top:0;
    padding:15px;
    -webkit-box-shadow:0 0 20px #333;
    -webkit-border-radius:10px;
    background:#EEE;
    width:180px;
    min-height:60px;
    color:#333;
    font-size:12px;
    z-index:2001;
}
#tip_box strong {
    display: block;
}
#tip_box .close {
    position:absolute;
    top:-10px;
    right:-10px;
    cursor:pointer;
}
#tip_box .arrow {
    position:absolute;
    left:-10px;
    width: 0;
    height: 0;
    top:13px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid #EEE;
}
#tip_overlay {
    position: fixed;
    display:block;
    background-color: black;
    left: 0;
    top: 0;
    z-index: 2000;
    opacity: .3; /* Standards Compliant Browsers */
    filter: alpha(opacity=30); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    width: 100%;
    height: 100%;
}

/*************************
 *
 * 		DOCUMENT
 * 		@document
 *
* ***********************/
.document_sharees .sharee {
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 #AAAAAA;
    margin: 9px;
    padding: 4px;
    position: relative;
    vertical-align: top;
    float: left;
    min-height: 46px;
    width: 130px;

    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* W3C */
}

.document_sharees .sharee:hover {
    border: 1px solid #BBBBBB;
    box-shadow: 0 0 4px #999999;
    -moz-box-shadow: 0px 0px 4px #999;
    -webkit-box-shadow: 0px 0px 4px #999;
}
.document_sharees .sharee .photo {
    float: left;
}
.document_sharees .sharee .sharee_name {
    float: left;
    padding: 5px 0 5px 5px;
    word-wrap: break-word;
    width: 75px;
}
.document_sharees .sharee .remove_sharee {
    position: absolute;
    bottom: -12px;
    right: -8px;
    cursor: pointer;
}

/*************************
 *
 * 		EXPORT
 * 		@export
 *
* ***********************/
.export{
    margin-top: 6px;
    margin-left: 0;
    margin-bottom:2px;
    clear:both;
    float:left;
    width:100%;
}
.export.floated {
    margin-top: -19px;
    padding-bottom: 5px;
    width:auto;
    float:none;
    clear:none;
}
.export.no_title {
    margin-top: 10px;
}
.export a {
    float:right;
    margin-left:8px;
    text-decoration:none;
}
.export_content{
    width:580px;
}
.export_content_error{
    width:380px;
}
.single_export{
    margin-bottom:17px;
}

/*************************
 *
 * 		CUSTOM INPUT
 * 		@input
 * 		@custom
 *
* ***********************/
/* wrapper divs */
.custom-checkbox,
.custom-radio {
    position: relative;
    display: inline-flex;
    margin-right: var(--structure-lg);
    margin-bottom: var(--structure-lg);
}
.custom-checkbox label.focus,
.custom-radio label.focus {
    outline: 1px dotted #ccc;
}

.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 100%;
    background: #fff;
}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--color-green);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.custom-checkbox [type="checkbox"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.custom-checkbox [type="checkbox"] + label {
    position: relative;
    cursor: pointer;
}

.custom-checkbox [type="checkbox"] + label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: var(--rounded-xs);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}
.custom-checkbox [type="checkbox"]:checked + label:after,
.custom-checkbox [type="checkbox"]:not(:checked) + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 4px;
    height: 10px;
    border: solid var(--color-green);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
}

.custom-checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}


.custom-checkbox [type="checkbox"] + label.error,
.custom-radio [type="redio"] + label.error {
    line-height:inherit;
    position:absolute;
    top:0;
    right:-420px;
    min-width:300px;
    background:none;
    margin-top:0;
}
/* Special for generated validation errors */


/*************************
 *
 * 		FANCY LIST
 * 		@list
 * 		@fancy
 *
* ***********************/
.fancy_list {
    margin:0;
    margin-bottom:10px;
    clear:both;
}
.fancy_list .fancy_list_item {
    border-bottom: 1px solid #E9E9E9;
    padding: 5px 5px 2px 0;
    position: relative;
    list-style: none;
}
.fancy_list a:not(.dropdown) {
    color: var(--color-gray-dark);
}
.fancy-list .fancy_list_item .dropdown span {
    color: #666;
}
.sortable .fancy_list_item .img {
    margin: -16px 0 -16px -16px;
}
.sortable .fancy_list_item .img img {
    padding: var(--structure-lg);
}
.fancy_list .inner {
    padding: 3px 0 3px 10px;
    min-height:46px;
    display: flex;
}
.fancy_list_small .img {
}
.fancy_list .img input {
    float: left;
    margin: 16px 10px 0 0;
}
.fancy_list .img .avatar {
    position: relative;
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 10px;
}
.fancy_list .img .avatar.small {
    width:20px;
    height:20px;
}
.fancy_list .img .avatar.company {
    width:auto;
    height: auto;
    min-width: 90px;
    max-width:100px;
    text-align: center;
}
.fancy_list .img .avatar.company img {
    max-width: 80px;
    max-height:32px;
}
.fancy_list .img .avatar.profile img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    width: 40px;
    overflow: hidden;
}
.fancy_list .img .avatar.profile.small img {
    width:auto;
    height:auto;
}
.fancy_list .actions {
    flex: none;
    margin-top:15px;
}
.fancy_list .actions.multiple {
    margin-top:6px;
    display: flex;
}
.fancy_list .actions.multiple .action{
    margin-bottom:6px;
}
.fancy_list .actions.multiple .action.left_padding {
    padding-left:2px;
}
.fancy_list .actions .action {
   margin-left: var(--structure-lg);
}

.fancy_list .actions i {
    margin-right: var(--structure-xs);
}

.fancy_list .info {
    display: table-cell;
    vertical-align: top;
    zoom: 1;
    width:100%;
}
.fancy_list .info .form_title {
    padding-top:4px;
}
.fancy_list_small .info {
    padding-left:6px;
}
.fancy_list .info h5.name a{
    text-decoration:none;
}
.fancy_list .info .role {
    color:#999;
    font-size: var(--text-xs);;
    padding-left:6px;
    font-weight: normal;
}
.fancy_list .fancy_list_item.faq {
    margin-bottom:20px;
}
.fancy_list .fancy_list_item.faq .info .subline .subtext{
    font-size:12px;
}
.fancy_list .info .faq {
    color:#666;
    font-size: var(--text-sm);;
    font-weight: bold;
    margin-bottom:5px;
}
.fancy_list .info .subline {
    margin-top: 0px;
}
.fancy_list .fancy_list_small .info .subline {
    margin-top:0;
}
.fancy_list .info .subline .subtext {
    color: #999;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.fancy_list .info .subline .subtext.email{
    background:url(../images/icons/email_small.png) no-repeat;
    background-size: 14px 14px;
    padding-left: 20px;
}
.fancy_list .info .subline .subtext.phone{
    background:url(../images/icons/phone.png) no-repeat;
    padding-left: 20px;
}
.fancy_list .info .subline .subtext, .fancy_list .stats .subline .subtext {
    color:#999;
    font-size: var(--text-xs);
    line-height: 16px;
}
.fancy_list .stats{
    width: 160px;
    float:right;
    margin-right: 10px;
}
.fancy_list .info .subline .subtext a {
    text-decoration:none;
}
.fancy_list .sublist {
    margin-left:10px;
    margin-top:4px;
}
.fancy_list .sublist a {
    margin-bottom:4px;
    display:block;
}
.fancy_list .sublist .sublist2 {
    font-size: var(--text-xs);margin-left:10px;
    margin-bottom:10px;
}
.fancy_list .sublist .sublist2 a {
    text-decoration: none;
}
.fancy_list .dropdown_options {
    margin-top:6px;
}

/*************************
 *
 * 		SORTABLE
 * 		@sortable
 *
* ***********************/
.sortable .handle {
    cursor:move;
}

/*************************
 *
 * 		HIGHLIGHT
 * 		@highlight
 *
* ***********************/
.highlight { background-color: yellow; }

/*************************
 *
 * 		METERS / TOWER / BROKER / TREND
 * 		@meters
 * 		@tower
 * 		@broker
 * 		@trend
 *
* ***********************/
.meters{
    margin-bottom: 15px;
    margin-top: 20px;
    clear:both;
}
.meters .set {
    margin-right:15px;
    float:left;
    height: 156px;
    -webkit-box-shadow: 0 0 3px #EEE;
    -moz-box-shadow: 0 0 3px #EEE;
    box-shadow: 0 0 3px #EEE;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5));
    background: -moz-linear-gradient(top, #fff, #f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5)";
    position:relative;
}
.meters .last {
    margin-right: 0;
    padding-left: 0;
}
.meters .set .header{
    font-weight: bold;
    font-size:15px;
    padding-bottom:4px;
    margin-top: 5px;
}
.meters .set p {
    line-height:15px;
    font-size:12px;
}
.meters .set .inner {
    padding:15px;
    font-size: var(--text-sm);
}
.meters .set.narrow .inner.tight {
    padding-left:0;
    padding-right:0;
}
.meters .box_ribbon {
    position:absolute;
    left:-6px;
    top:-6px;
}
.trend_box{
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 5px;
    width: 26%;
    height: 100%;
    text-align: center;
}
.trend_box.big{
    width:32%;
}
.trend_box.mega{
    width:36%;
}
.trend_box h2 {
    margin-left:23px;
    text-align: left;
}
.trend_box.top_list {
    width:36%;margin:0;
}
.trend_box.last_box {
    margin:0;
}
.trend_box.narrow{
    width:23%;
}
.trend_box.high{
    height:190px;
}
.trend_box.top_list .inner {
    padding-left:24px;
}
.trend_box .trend_right{
    float: right;
    width: 55%;
    margin-right: 14px;
}
.trend_box .trend_left{
    /*float: left;
    margin-left: 13px;
    */
    text-align:center;
}
.trend_box .big_number a{
    text-decoration: none;
}
.trend_box .big_number{
    font-size: 36px;
    margin: 18px 0 5px 0;
    height: 45px;
    overflow: hidden;
}
.trend_box .trend_puff_title{
    font-size:18px;
    margin-top: 3px;
}
.trend_box .trend_puff_title_left{
    font-size:18px;
    margin-top: 3px;
    text-align: left;
    margin-left: 10px;
}

.trend_box .trend_puff_title_left i {
    color: var(--color-green);
}

.trend_box .image img{
    margin-top:15px;
    margin-left: 14px;
}
.meters .set.new_york_box{
    float:left;
    position:relative;
    width: 42%;
    border: 1px solid #e0e0e0;
    margin-right:0;
}
.new_york_box .new_york_left{
    margin-left: 26px;
    width:45%;
}
#page .extended .primary .meters .new_york_box .header{
    text-align: left;
    margin-left: 10px;
}
ul.top_list_ranking {
    margin:10px 0 0 20px;
}
.meters .set.narrow .inner.tight ul.top_list_ranking{
    margin:10px 0 0 10px;
}
ul.top_list_ranking li{
    font-size: var(--text-sm);
    line-height: 17px;
    list-style: none;
    text-align: left;
}


/*************************
 *
 * 		HORIZONTAL GRAPH PROGRESS
 * 		@graph
 * 		@horizontal
 * 		@progress
 *
* ***********************/
.horizontal_graph .head {
    font-size: var(--text-sm);;
    text-align: left;
}
.horizontal_graph .graph {
    margin:3px 0 6px 0;
    background:#003caa;
    padding:6px 0;
    color:white;
    font-size: var(--text-xs);
    font-weight: bold;
    text-align: center;
}

/*************************
 *
 * 		ACTIVITIES
 * 		@activities
 *
* ***********************/
.new_york_box a {
    color:#444;
    text-decoration: none;
}
.activity_promo {
    position: absolute;
    top:-10px;
    right: 0;
    color:#444;
    width:200px;
}
.activity_image {
    float:left;
    position: absolute;
    top: -137px;
    right: 15px;
}
.activity_image .activity_building {
    margin-top:-16px;
}
.activity_user {
    position: absolute;
    left:34px;
    border: 1px solid #444;
    -webkit-box-shadow: 0 0 19px #fff;
    -moz-box-shadow: 0 0 19px #fff;
    box-shadow: 0 0 19px #fff;
}


/*************************
 *
 * 		HIGHCHARTS
 * 		@chart
 * 		@highchart
 *
* ***********************/
.chart_wrapper{
    width:100%;
    margin-top: 2px;
    margin-bottom: 12px;
}
.chart_wrapper_double{
    width:100%;
    margin-top: 2px;
    margin-bottom: 12px;
}
.chart_wrapper_double .left{
    width:48%;
    float:left;
}
.chart_wrapper_double .right{
    width:48%;
    float:right;
    margin-left:3%;
}
.chart_wrapper_double .chart_description{
    font-size: var(--text-xs);
    cursor:pointer;
}
.chart_wrapper_double .chart_description .blue{
    color: #0071bd;
}
.chart_wrapper_double .chart_description .green{
    color: #5cab59;
}
.chart_wrapper_double .chart_description .orange{
    color: #fe5200;
}
.chart_wrapper_double .chart_description span:hover{
    color:#CCCCCC;
}
.chart_wrapper_double .chart_content_wrapper_double{
    padding:0 10px 6px 0;
    width:100%;
    height: 256px;
    margin-top:10px;
}
.chart_wrapper_double .chart_content_wrapper_double .chart_content_double{
    width:100%;
    height:100%;
}
.chart_pie_wrapper{
    width:234px;
    float:left;
    height:188px;
    font-size: var(--text-sm);
    text-align:center;
    border-bottom:1px solid #888;
}
.chart_pie_wrapper.selected{
    border:1px solid #888;
    border-bottom:none;
}
.chart_pie_wrapper.selected h4{
    text-decoration: underline;
}
.chart_wrapper .title{
    margin-bottom:4px;
    margin-top:14px;
}
.chart_wrapper .title img{
    vertical-align:bottom;
}
.chart_wrapper .chart_content_wrapper{
    padding:0 10px 6px 0;
    width:100%;
    height: 256px;
    margin-top:10px;
}
.chart_wrapper .small{
    width:300px;
    float:left;
}
.chart_wrapper .margin{
    margin-left:10px;
    margin-right:24px;
}

.chart_wrapper .chart_content_wrapper .chart_content{
    width:100%;
    height:100%;
}

/*************************
 *
 * 		SPAR / INFOTORG
 * 		@spar
 * 		@infotorg
 *
* ***********************/
.address_item{
    float:left;
    width:100%;
}
.address_item.fixed {
    width:376px;
}
.address_item_border_right{
    border-right:1px solid #CCC;
    margin-right:20px;
}
.address_item td {
    padding:5px 2px;
    width:200px;
}
.address_item td:first-of-type{
    width:150px;
}


/*************************
 *
 * 		PROGRESS BAR
 * 		@progress
 *
* ***********************/
#process_bar_wrapper{
    width:100%;
    clear:both;
    margin-bottom:20px;
}
#process_bar{

}
#process_bar ul{
    list-style: none;
    margin:0px;
    font-size: var(--text-xs);;
    width:100%;
    color:#CCCCCC;
}
#process_bar li{
    width:150px;
    display:inline;
    padding:0 25px 0 25px;
}
#process_bar.multi li{
    padding:0 4% 0 0;
}
#process_bar.multi li{
    width: 13%;
    display: inline-block;
}
#process_bar.multi li.last{
    padding-right:0;
}
#process_bar .active{
    color:#000000;
}
#process_bar .first{
    color:green;
}
#process_bar a{
    text-decoration:none;
}
.progress {
    margin-top:5px;
    margin-bottom: 25px;
    height: 10px;
    overflow: hidden;
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: -ms-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#F9F9F9));
    background-image: -webkit-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: -o-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: linear-gradient(top, whiteSmoke, #F9F9F9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    text-align:left;
}
.progress-info.progress-striped .bar {
    background-color: #5BC0DE;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar {
    background-color: #4BB1CF;
    background-image: -moz-linear-gradient(top, #5BC0DE, #339BB9);
    background-image: -ms-linear-gradient(top, #5BC0DE, #339BB9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#339BB9));
    background-image: -webkit-linear-gradient(top, #5BC0DE, #339BB9);
    background-image: -o-linear-gradient(top, #5BC0DE, #339BB9);
    background-image: linear-gradient(top, #5BC0DE, #339BB9);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}
.progress-striped .bar {
    background-color: #149BDF;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress .bar {
    width: 0;
    height: 10px;
    font-size: var(--text-sm);
    color: white;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0E90D2;
    background-image: -moz-linear-gradient(top, #149BDF, #0480BE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149BDF), to(#0480BE));
    background-image: -webkit-linear-gradient(top, #149BDF, #0480BE);
    background-image: -o-linear-gradient(top, #149BDF, #0480BE);
    background-image: linear-gradient(top, #149BDF, #0480BE);
    background-image: -ms-linear-gradient(top, #149BDF, #0480BE);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

/*************************
 *
 * 		SUPPORT
 * 		@support
 *
* ***********************/
.support_icon{
    float:left;
    margin: 0 5px 2px 5px;
}
.support_textarea{
    width:368px;
    height:110px;
}

/*************************
 *
 * 		COMMENTS
 * 		@comment
 *
* ***********************/
.comment{
    width:500px;
    min-height:70px;
    padding:5px;
    background-color: #EEE;
    float:left;
    position:relative;
    margin-bottom:5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
.comment img{
    float:left;	margin-right:5px;
}
.comment .comment_content p{
    margin-bottom:5px;
}
.comment .comment_content{
    float:left; width:425px;
}
.comment .comment_content .title{
    float:left;	width:100%;
}
.comment .comment_content .title .name{
    float:left;	width:310px; font-size: var(--text-xs);
}
.comment .comment_content .title .created{
    float:right; font-size: var(--text-xs);
}
.comment .comment_content textarea{
    width:410px;
    height:60px;
    font-size: var(--text-xs);
    color:#666;
}
.comment .comment_content .edit{
    position:absolute; bottom:10px; right:10px; display:none;
}
.message_bg{
    background:#F1F5F9;
    padding:12px;
    margin-bottom:20px;
    min-height:10px;
    width:668px;
}
.message_bg .edit{
    float:right;
}






/*************************
 *
 * 		MISC / OTHER
 * 		@misc
 * 		@other
 *
* ***********************/

/**  Choose year */
.choose_year{
    font-size:22px;
    font-weight:bold;
    width:100%;
    text-align:center;
}
.choose_year a{
    text-decoration:none;
    font-size:20px;
}
.choose_year a:hover{
    color:#5B62EA;
}

#guide_comment_text{
    width:682px;
    height:60px;
}

/*
 * Page upper right corner
 */
.between_dates, .upper_right_corner{
    font-weight:normal;
    font-size:12px;
    float:right;
}
.between_dates input[type="date"], .upper_right_corner input[type="date"]{
    width:84px;
}


.newsletters_wrapper{
    width:830px;
    margin-left:50px;
}
.newsletters_wrapper .show{
    float:right;
}
/*
 * Import course table
 */
.import_course_table{
    height:37px;
}
.import_course_table input[type="text"]{
    width:100px;
    margin:0;
}

.middle{
    vertical-align: middle;
}
/**
 * 	jQUery ui classes
 */
.ui-item {
    border:1px solid yellow;
}
.ui-state-highlight {

}
.export_wide{
    float:right;
}
.export_wide a{
    text-decoration:none;
}

.top-text{
    margin:0 5px 20px 5px;
    line-height:20px;
}
.choose_buttons_wrapper{
    margin: var(--structure-5xl) var(--structure-xl);
}



/*************************
 *
 * 		COPYRIGHT in footer
 * 		@copyright
 * 		@footer
 *
* ***********************/
.copyright{
    color: #333;
    text-transform: uppercase;
    font: 12px/1.7em 'Open Sans', arial, sans-serif;
    font-size: var(--text-xs);
    text-align:right;
    padding: var(--structure-lg) 0;
}


/** Profile **/
.profile-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    max-width: 100%;
    background: var(--color-gray-dark);
    padding: 0;
    line-height: 1;
    border-radius: 50%;
    color: var(--color-white);
    font-size: var(--text-xs);
    text-transform: uppercase;
    overflow: hidden;
    -webkit-font-smoothing: initial;
    transition: all 0.15s ease-in-out;
}

.profile_nav .profile-avatar i {
    margin-left: 0;
}

.profile_nav .profile-avatar:hover {
    background: var(--color-red);
    color: var(--color-gray-dark);
}

.correction-deal-container td {
    vertical-align: middle;
    padding: 0 8px 8px 0;
}
.correction-deal-container input {
    margin: 0;
}

.newsletter_image_options {
    max-width: 740px;
    display: flex;
    flex-wrap: wrap;
    margin-left:0;
}

/** Text editor **/
span.cke_skin_kama {
    border: none !important;
    padding: 0 !important;
}
.cke_skin_kama .cke_wrapper {
    background-image: none !important;
    background-color: var(--color-off-white-light) !important;
}

/* BROKERS VIEW */
.deal_insurance_number a {
    display: block;
    min-width: 140px;
    max-width: 220px;
    word-break: break-all;
}

/* Brokers view */
.deal_amount,
.deal_date_active,
.deal_broker_connected_date {
    white-space: nowrap;
}

th.count,
td.count,
th.choice,
td.choice,
.deal_amount,
.deal_date_active,
.deal_broker_connected_date,
.company_imported_date {
    text-align: right !important;
}

/* Table cell that doesnt line break content */
th.no-line-break,
td.no-line-break {
    white-space: nowrap;
}

/* Table cell that doesnt line break content & right aligns */
th.number,
td.number {
    white-space: nowrap;
    text-align: right !important;
}