/*OUSIDE OF FORM*/
/* -----------------------------------------
   Window Header styles
----------------------------------------- */
.win_content > .close_win {
    background: url("../images/new_close.png") no-repeat scroll center center rgba(100, 100, 100, 0.1);
    cursor: pointer;
    float: left;
    height: 22px;
    margin-left: 5px;
    margin-top: 13px;
    width: 26px;
    box-shadow: 0px 0px 5px 0px rgba(100, 100, 100, 0.4);
    border-radius: 4px;
}

.win_content .page_header {
    color: #EEEEEE;
    font-size: 24px;
    font-size: 22px;
    margin-bottom: 4px;
    padding: 8px;
    text-shadow: 1px 1px 2px #000000;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: normal;
}

.win_content .page_header > span {
    display: inline-block;
    vertical-align: middle;
}

.win_content .header_icon {
    /*background-attachment: scroll;*/
    /*background-clip: border-box;*/
    /*background-color: transparent;*/
    /*background-origin: padding-box;*/
    /*background-repeat     : no-repeat;
    background-image      : url("../images/appmap.png");
    background-size: 143px 400px;
    float                 : right;*/
    /*background-size: contain;*/
    /*width: 28px;*/
    /*height: 28px;*/
    margin: -6px -4px; /* 3px 3px 0px; */
    display: inline-block;
    vertical-align: middle;
    font-size: 45px; /* 32px */
    position: relative;
    text-shadow: none;
    color: transparent; /* new */
}

/*----------------------------
NEW FORM - EDIT FORM
-----------------------------*/

.form_float_title span[rel="_tags"] {
    margin-right: 10px;
    float: left;
    margin-top: 4px;
}

.win_content .New_form_float,
.win_content .Edit_form_float,
.win_content .Extra_form_float,
.win_content .Extra_form_float_order {
    position: absolute;
    z-index: 10;
    border-radius: 10px;
    /*    padding       : 10px;*/
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    box-shadow: 3px 3px 10px #444;
    /*-moz-transform-style    : preserve-3d;
    -webkit-transform-style : preserve-3d;
    transform-style         : preserve-3d;*/

}

tr.Editing td {
    background-color: #faf0f0;
}

.win_content .New_form_float._open,
.win_content .Edit_form_float._open,
.win_content .Extra_form_float {
    -webkit-transition: top 0.35s ease-out, left 0.35s ease-in-out, opacity 0.35s ease-in-out;
    transition: top 0.35s ease-out, left 0.35s ease-in-out, opacity 0.35s ease-in-out;
}

.win_content form div.app_header div[rel=app_title] {
    padding-top: 10px;
    font-size: 18px;
}

.inForm {
    overflow: auto;
    padding: 10px;
    position: relative;
}

/* -----------------------------------------
   APP Header styles
----------------------------------------- */
.New_form_float .app_header, .Edit_form_float .app_header, .Extra_form_float .app_header {
    height: 45px;
    background: rgba(85, 97, 116, 1);
    border-radius: 8px 8px 0px 0px;
    color: white;
    padding: 0px 10px 0px 10px;
}

.app_header .header_icons li a
.app_header .header_icons {
    font-size: 18px;
    cursor: pointer;
}

.app_header .header_icons li a:hover,
.app_header .header_icons li a:focus {
    color: #3498da;
}

.app_header .header_icons li a.active {
    color: #3498da;
}

.app_header .header_icons._right li {
    margin-left: 20px;
}

.app_header .header_icons li a {
    line-height: 43px;
    padding-top: 0;
    padding-bottom: 0;
    color: #5b687e;
    width: auto;
    position: relative;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    font-size: 13px;
    min-width: 50px;
    text-align: center;
    outline: none;
    height: 45px;
}

.New_form_float .header_icons li a, .Edit_form_float .header_icons li a, .Extra_form_float .header_icons li a {
    color: white;
}

.app_header .form_float_title {
    padding: 8px 0px;
}

.app_header .form_float_icons {
    margin-right: 10px;
}

/*.app_header .header_icons > ul li*/
.header_icons > ul li {
    float: left;
    list-style-type: none;
}

.app_header .header_icons > ul li a i {
    font-size: 23px;
    cursor: pointer;
}

.app_header .header_icons > ul li a.close_win i {
    font-size: 22px;
    cursor: pointer;
}

.app_header .header_icons li.dropdown .dropdown-menu li {
    float: none;
    list-style-type: none;
    margin-left: 0px;
}

.app_header .header_icons li.dropdown .dropdown-menu li a i {
    font-size: 18px;
    cursor: pointer;
}

/*.app_header .header_icons li.dropdown .dropdown-menu*/
.header_icons li.dropdown .dropdown-menu {
    min-width: 200px;
    margin-top: 15px;
    border: none;
    color: #768399;
    right: -10px;
}

.app_header .header_icons li.dropdown .dropdown-menu li a {
    color: #768399;
}

/*.app_header .header_icons li.dropdown .dropdown-menu li a:hover,
.app_header .header_icons li.dropdown .dropdown-menu li a:focus*/
.header_icons li.dropdown .dropdown-menu li a:hover,
.header_icons li.dropdown .dropdown-menu li a:focus {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.80);
    color: #3498da;
}

/*.app_header .header_icons li.dropdown .dropdown-menu:after,
.app_header .header_icons li.dropdown .dropdown-menu:before*/
.header_icons li.dropdown .dropdown-menu:after,
.header_icons li.dropdown .dropdown-menu:before {
    bottom: 100%;
    right: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/*.app_header .header_icons li.dropdown .dropdown-menu:after*/
.header_icons li.dropdown .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
    right: 13px;
}

.app_header .header_icons li.dropdown .dropdown-menu:before {
    border-color: rgba(231, 231, 226, 0);
    border-bottom-color: #e7e7e2;
    border-width: 11px;
    margin-left: -11px;
}

.app_header .header_icons li.active a {
    background: #b6daf2;
}

.app_header .header_icons li.dropdown .dropdown-menu li a {
    color: #768399;
    text-align: left;
    padding-left: 10px;
}

.app_header .header_icons li.dropdown .dropdown-menu li a[class*="icon_map_"]:before,
.app_header .header_icons li.dropdown .dropdown-menu li a[class*="file_map_"]:before,
.app_header .header_icons li.dropdown .dropdown-menu li a[class*="comm_map_"]:before {
    font-size: 22px;
    vertical-align: -4px;
    margin-right: 5px;
}

.app_header .header_icons li.dropdown .dropdown-menu li a[class*="icon_map_"] .Icon_map,
.app_header .header_icons li.dropdown .dropdown-menu li a[class*="file_map_"] .Icon_map,
.app_header .header_icons li.dropdown .dropdown-menu li a[class*="comm_map_"] .Icon_map {
    display: none;
}

.app_header .header_icons li.dropdown .dropdown-menu li a i {
    margin-right: 5px;
}

.app_header .header_icons li.dropdown .dropdown-menu li a .Icon_map {
    margin-right: 5px;
}

/* Note: doesnt work on tablet */
.app_header .header_icons .fullscreen .Icon_map.icon_map_fullscreen,
.app_header .header_icons .fullscreen {
    height: 26px;
    width: 26px;
}

/*-------------------------------
        FOOTER BREADCRUMB
--------------------------------*/
.app_content .footer {
    margin-bottom: -5px;
    padding: 0 6px;
    background-color: #eceded;
    border-radius: 0 0 6px 6px;
}

.footer .breadcrumb {
    /* font-weight: bold;*/
    font-family: HelveticaNeueBold;
    padding: 6px 0 0px;
    margin: 0;
    position: relative;
    min-height: 41px;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: transparent;
}

.footer .breadcrumb [action="_clear"] {
    color: #a4c4da;
    font-style: italic;
    cursor: pointer;
}

.footer .breadcrumb ul {
    /*background: none repeat scroll 0 0 rgb(250, 250, 250);*/
    display: inline-table;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footer .breadcrumb ul li {
    /*display: inline;*/
    display: table-cell;
}

.footer .breadcrumb ul li:first-child div:before {
    display: none;
}

.footer .breadcrumb ul li div:before {
    border-bottom: 14px solid rgba(0, 0, 0, 0);
    border-left: 14px solid #eceded; /*rgb(250, 250, 250)*/
    border-top: 14px solid rgba(0, 0, 0, 0);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}

.footer .breadcrumb ul li:last-child div:after {
    display: none;
}

.footer .breadcrumb ul li div:after {
    border-bottom: 14px solid rgba(0, 0, 0, 0);
    border-left: 14px solid rgba(75, 150, 214, 0.7);
    border-top: 14px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    z-index: 1;
}

.footer .breadcrumb ul li:last-child div {
    border-bottom-right-radius: 6px;
    padding-right: 10px;
    margin-right: 0;
}

.footer .breadcrumb ul li:first-child div {
    border-bottom-left-radius: 6px;
    padding-left: 10px;
}

.footer .breadcrumb ul li div {
    background: none repeat scroll 0 0 rgba(75, 150, 214, 0.7);
    color: #ffffff;
    cursor: pointer;
    display: block;
    /*float: left;*/
    font-size: 14px;
    height: 28px;
    margin: 1px 4px 1px 0;
    padding: 3px 2px 3px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.footer .breadcrumb ul li:last-child div {
    cursor: default;
}

.footer .breadcrumb .dataTables_info {
    position: absolute;
    right: 10px;
    top: 10px;
}

/*-----------------------------
APP FOOTER
-------------------------------*/
.win_content div.footer_buts {
    display: table;
    width: 100%;
    margin-top: 10px;
    padding: 0px 10px;

}

.win_content form div.footer_buts {
    padding: 10px;
    margin-top: 0px;
}

.footer_buts > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.footer_buts .button .Icon_map {
    font-size: 26px;
    color: #5b687e;
}

.footer_buts > div:first-child {
    text-align: left;
    padding-right: 10px;
}

.footer_buts > div:last-child {
    text-align: right;
    padding-left: 10px;
}

.footer_buts .button:hover {
    color: #3498da;
    cursor: pointer;
}

.footer_buts i {
    font-size: 26px;
}

/*.slimScrollDiv .footer_buts ._right {
    min-width: 175px;
}*/
.footer_buts [rel=selected] {
    /*color: #3158da;*/

}

.footer_buts span[action] {
    cursor: pointer;
}

.footer_buts span[action]:hover {
    /*font-style: normal;*/
}

.footer_buts [action=_clear] {
    color: #a4c4da;
    font-style: italic;
}

/*.footer_buts .help a.btn{
    padding: 6px 0px;
}*/
div[rel='help'] a.btn {
    padding-left: 3px;
}

.footer_buts .approval_exclamation {
    padding-right: 15px;
}

/*-----------------------------
APP CONTENT
-------------------------------*/
.app_content .table {
    width: 100%;
    margin-bottom: 5px;
    /*padding: 0px 10px;*/
    /*overflow-x: auto;*//*FOR Div.table*/
}

.app_content .table i.tags {
    font-size: 16px;
    margin-left: 2px;
}

.app_content .table i.tags:first-child {
    margin-left: 0px;
}

div.app_content .table table {
    /*width: 100%;*/
}

div.app_content .info.table-responsive div.info_block {
    display: inline-block;
    /*    vertical-align: middle;*/
}

.app_content, .sub_content {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    border-radius: 10px 10px 10px 10px;
    /*float         : left;*/
    box-shadow: 2px 2px 9px -2px #000000;

    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}

.app_content div.header_buts {
    padding: 5px 14px 0px;
    width: 100%;
    float: left;
    position: relative;
    background: #eceded;
    min-height: 55px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.app_content .pagination li a {
    color: #616d83;
    background: transparent;
    border: none;
    border-radius: 51%;
    font-size: 25px;
}

.app_content .pagination > li > a,
.app_content .pagination > li > span {
    width: 26px;
    height: 26px;
    font-weight: 700;
    margin: 1px;
    line-height: 28px;
    padding: 0;
    text-align: center;
}

.app_content .pagination li a:hover {
    color: #ffffff;
    background-color: #616d83;
}

.app_content .pagination li.disabled a, .app_content .pagination li.disabled a:hover, .app_content .pagination li.disabled a:focus {
    color: gray;
    background: transparent;
}

.app_content .pagination li.new_tr a {
    font-size: 13px;
    line-height: 25px;
}

.app_content .pagination li.new_tr.disabled a[rel="page_slice"] {
    color: #ffffff;
    background-color: #616d83;
    cursor: not-allowed;
}

.app_content .pagination li.disabled[current=true] a[rel="page_slice"] {
    color: #ffffff;
    background-color: #616d83;
    cursor: not-allowed;
}

.app_content .pagination li a[rel="page_slice"]:after {
    content: attr(tabindex);
}

.app_content .pagination li .page_selection_group {
    float: left;
    padding: 1px 12px;
}

.app_content .pagination li .page_selection_group span {
    margin-left: 4px;
    font-weight: 700;
}

.app_content .pagination li .page_selection_group .page_selection {
    display: inline;
    height: 20px;
    background: rgba(0, 0, 0, 0.08);
    border: 0;
    border-radius: 8px;
    padding: 13px 10px;
    text-align: center;
}

.app_content .Link_Tabs {
    display: inline-table;
    padding: 0px 30px 0px 30px;
}

.app_content .Link_Tabs .btn-group .checked:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -10px;
    margin-bottom: -5px;
}

.app_content div.inForm {
    margin: 10px;
    padding: 10px;
    float: none;
    width: auto;
}

.app_content .table-hover td:first-child, .app_content .table-hover th:first-child {
    padding-left: 15px;
}

/*---------------------
 APP CONTENT INFO TABS
----------------------*/
.app_content .TheInfo div.report_head tbody, .app_content .TheInfo div.report_head tfoot {
    /*    display:none !important;*/
    opacity: 0 !important;
}

.app_content .TheInfo .info_content table th, .app_content .TheInfo .info_content table td {
    text-align: left;
    padding-left: 10px;
}

.app_content .TheInfo .info_content table th:first-child, .app_content .TheInfo .info_content table td:first-child {
    padding-left: 0px;
}

.app_content .TheInfo .info_content {
    min-height: 78px;
}

.app_content .TheInfo div.report_head tbody, .app_content .TheInfo div.report_head tfoot {
    opacity: 0 !important;
}

.app_content .TheInfo .info_content table th, .app_content .TheInfo .info_content table td {
    text-align: left;
    padding-left: 10px;
}

.app_content .TheInfo .info_content table th:first-child, .app_content .TheInfo .info_content table td:first-child {
    padding-left: 0px;
}

.app_content .TheInfo .info_content {
    min-height: 78px;
}

.app_content .TheInfo .info_content span {
    line-height: 78px;
    letter-spacing: -1px;
    font-weight: 100;
}

.app_content .TheInfo .info_tab {
    width: calc(100vw - 90px);
    max-width: 1200px;
}

.app_content .TheInfo .info_tab .column_red.dark {
    background-color: #970F16;
    color: rgba(255, 255, 255, 0.6);
}

.app_content .TheInfo .info_tab .column_red {
    background-color: #A5110D;
    color: white;
}

.app_content .TheInfo .info_tab .border_red {
    border-color: #A5110D;
}

.app_content .TheInfo .info_tab .border_purple {
    border-color: #8562a7;
}

.app_content .TheInfo .info_tab .border_brown {
    border-color: #726258;
}

.app_content .TheInfo .info_tab .border_green {
    border-color: #8ec549;
}

.app_content .TheInfo .info_tab .border_blue {
    border-color: #75b9e6;
}

.app_content .TheInfo .info_tab .border_light_blue {
    border-color: #01bff1;
}

.app_content .TheInfo .info_tab .border_light_orange {
    border-color: #f59330;
}

.app_content .TheInfo .info_tab .border_orange {
    border-color: #ef662f;
}

.app_content .TheInfo .info_tab .column-half {
    margin: 0;
    border-radius: 4px;
    /*overflow: hidden;*/
    text-align: center;
    padding: 0px 6px;
    margin-bottom: 15px;
}

.app_content .TheInfo .info_tab .column-half div.info_header {
    border-radius: 4px 4px 0 0;
}

.app_content .TheInfo .info_tab .column-half div.info_content {
    border-radius: 0 0 4px 4px;
    min-height: 103px;
    overflow: auto;
    max-height: 103px;
}

.app_content .TheInfo .info_tab .column-half div.info_content.info_table {
    border-radius: 0 0 4px 4px;
    min-height: 150px;
    overflow: auto;
    max-height: 150px;
}

.app_content .TheInfo .info_tab .info_row {
    display: block;
    text-align: center;
}

.app_content .TheInfo .info_tab .chart_title {
    padding: 5px 0;
    font-size: 17px;
}

.app_content .TheInfo .info_tab .pie_chart, .app_content .TheInfo .info_tab .bar_chart, .app_content .TheInfo .info_tab .line_chart, .app_content .TheInfo .info_tab .sequence_chart {
    border-width: 1px;
    padding: 0;
    border-style: solid;
    border-radius: 6px;
}

.app_content .TheInfo .arc path:hover {
    fill: snow;
}

.app_content .TheInfo .arc:hover {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
}

.app_content .TheInfo .bar {
    fill: steelblue;
}

.app_content .TheInfo .bar:hover {
    fill: brown;
}

.app_content .TheInfo .axis {
    font: 10px sans-serif;
}

.app_content .TheInfo .axis path,
.app_content .TheInfo .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.app_content .TheInfo .line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.app_content .TheInfo .no_info_rows .exclamation_mark {
    width: 60px;
    height: 60px;
    padding-top: 10px;
    border-radius: 35px;
    background-color: #ededed;
    margin: 0 auto;
}

.app_content .TheInfo .no_info_rows .exclamation_mark .fa-exclamation.font_icon {
    font-size: 44px;
    color: white;
}

.app_content .TheInfo .no_info_rows .no_records_text, .app_content .no_orders_text, .app_content .no_files_text {
    font-size: 25px;
    color: #e9e9e9;
    font-weight: 600;
    padding-top: 15px;
}

.app_content .TheInfo .no_info_rows .list_no_records_td {
    background-color: white !important;
    padding: 20px 15px;
}

@media (max-width: 767px) {
    .app_content .TheInfo .info_tab .info_row div:last-child {
        min-height: 100px;
        max-height: 100%;
    }
}

/*---------------------
    HORIZONTAL ROWS
----------------------*/
.Row {
    position: relative;
    /*max-height: calc(100vh - 130px);*/
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
}

.Row .data_rows, .Row .counter_rows {
    display: table-row;
}

.Row .counter_rows {
    font-size: 12px;
}

.Row .counter_rows .RowSpan {
    padding: 10px;
    text-align: right;
}

.Row .Col-3_4,
.Row .Col-1_4 {
    /*display: table-cell;*/
    float: left;
    vertical-align: top;
    overflow-x: auto;
    overflow-y: hidden;
    /*height: calc(100vh - 130px);*/
    margin-bottom: 0;
}

.Row .Col-3_4 {
    width: 75%;
    padding: 0; /* 0 0 10px;*/
}

.Row .Col-1_4 {
    width: 25%;
    max-height: calc(100vh - 160px);
}

.Row .Col-100 {
    width: 100%;
}

.Row .RowSpan {
    /*min-width: 200px;*/
    /*display: inline-block;*/
    display: table-cell;
    vertical-align: top;
    /*overflow-y: auto;
    overflow-x: hidden;*/
    /*position: relative; doesn't get height*/

}

.Row .Col-1_4 .RowSpan:only-child {
    display: inherit;
}

.Row .Col-3_4 .RowSpan {
    border-right: 1px solid #eeeeee;
}

.Row .Col-3_4 .RowSpan:last-child {
    border-right: none;
}

.Row .Col-3_4 .RowSpan .RowScroll .Col:hover {
    background-color: rgba(84, 97, 117, 0.4);
}

.Row .Col-3_4 .RowSpan .RowScroll .Col.active {
    background-color: rgb(120, 140, 160);
    color: #FFF;
}

.Row .Col-3_4 .RowSpan .RowScroll .Col.active.checked {
    background-color: rgb(84, 97, 117);
}

.Row .RowSpan .RowScroll {
    /*padding:0 4px;*/
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    /*min-width: 150px;*/
}

.Row .RowSpan .footer_buts {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*right: 0;*/
    width: 100%;
}

/* for icons like save in categories */
.Row .RowSpan .footer_buts > div {
    padding: 0;
    float: right;
}

.Row .Col-1_4 .RowSpan .RowScroll {
    max-height: calc(100vh - 205px);
}

.Row .main_data {
    /*overflow: auto;*/
}

.Row .custom_new_edit {
    min-width: 300px;
    background-color: #f6f6f6;
    position: relative;
}

.Row .RowSpan .Col.new_tr {
    padding: 6px 10px 6px 0;
    border-bottom: 1px solid #eeeeee;
    white-space: nowrap;
}

/*.Row .RowSpan .Col.new_tr:last-child{
    padding: 6px 0;
    border-bottom: none;
}*/
.Row .RowSpan .Cell {
    padding-left: 4px;
    display: table-cell;
}

.Row .RowSpan .Cell[rel="_tags"] {
    width: 50px;
}

/**
NEW CSS FOR CATS - WE USED FLEX TO FIX THE PROBLEM WITH THE DRAG 'N' DROP
*/
.Row .main_data_flex {
    display: flex;
    flex-direction: column;
}

.Row .main_data_flex .data_rows,
.Row .main_data_flex .counter_rows {
    display: flex;
}

.Row .main_data_flex .data_rows .RowSpan,
.Row .main_data_flex .counter_rows .RowSpan {
    flex-grow: 1;
    flex-basis: 0;
    min-width: 170px;
}

/*-----------------------------
END APP CONTENT
-------------------------------*/
/*-----------------------------
APP TABLE
-------------------------------*/

table.data tr[rec_] {
    cursor: pointer;
}

table.data thead ul {
    margin: 0px;
}

table.data thead li {
    list-style: none;
    font-size: 20px;
}

table.data tr.new_tr.active_row[rec_] {
    background-color: #f9fafa;
}

.table-hover > tbody > tr:not(.Editing).new_tr:hover > td, .table-hover > tbody > tr:not(.Editing).new_tr:hover > th {
    background: none;
}

.list_no_records .exclamation_mark {
    width: 60px;
    height: 60px;
    padding-top: 10px;
    border-radius: 35px;
    background-color: #ededed;
}

.list_no_records .exclamation_mark .fa-exclamation.font_icon {
    font-size: 44px;
    color: white;
}

.list_no_records .no_records_text {
    font-size: 25px;
    color: #e9e9e9;
    font-weight: 600;
    padding-top: 15px;
}

tr.list_no_records .list_no_records_td {
    background-color: white !important;
    padding: 20px 15px;
}

/*-----------------------------
IMAGE DROPAREA
-------------------------------*/
/*.image_droparea .small_media_droparea {
    background: url("../images/media_preview_small2.png") no-repeat scroll 45px 15px, url("../images/media_arrow_small.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border: 2px dashed #ccc;
    border-radius: 11px;
    min-height: 132px;
    position: relative;
    width: 170px;
    margin-left: 15px;
}
.image_droparea .small_media_droparea.no_bg{
    background: none;
}
.image_droparea span.add_media {
    color: #ccc;
    font-family: Chalkboard;
    font-size: 13px;
    position: absolute;
    right: 54px;
    top: 155px;
}
.image_droparea .small_media_droparea .media_file{
    width:70px;
    height:70px;
    margin: 10px 40px;
    float:left;
}*/
.media_droparea {
    text-align: right;
}

.media_droparea .small_media_droparea {
    /*min-height: 168px;*/
    position: relative;
    width: 184px;
    display: inline-block;
    vertical-align: top;
}

.media_droparea .large_media_droparea {
    /*min-height: 168px;*/
    position: relative;
    /*width: 184px;*/
    display: inline-block;
    vertical-align: top;
    width: 364px /*calc(100% - 20px)*/;
    /*min-width: 370px;*/
    max-width: 372px;
}

.media_droparea .small_media_droparea .media_btn_cont,
.media_droparea .large_media_droparea .media_btn_cont {
    border-left: 2px dashed #ccc;
    border-radius: 10px 10px 0 0;
    border-right: 2px dashed #ccc;
    border-top: 2px dashed #ccc;
    min-width: 184px;
    min-height: 162px;
}

.media_droparea .large_media_droparea .media_btn_cont {
    min-height: 82px;
}

.media_droparea .action_hover {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 10px;
    cursor: pointer;
    font-size: 70px;
}

.media_droparea .media_text_cont {
    display: table;
    width: 100%;
}

.media_droparea .media_text {
    background-color: rgba(200, 200, 200, 1);
    border-radius: 0 0 10px 10px;
    color: #fff;
    display: table-cell;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.media_droparea .Upload_media {
    padding-top: 30px;
    text-align: center;
    min-height: 162px;
    border-left: 2px dashed #ccc;
    border-radius: 10px 10px 0 0;
    border-right: 2px dashed #ccc;
    border-top: 2px dashed #ccc;
}

.media_droparea .large_media_droparea .Upload_media {
    /*padding: 0px;*/
    padding: 18px;
    text-align: left;
    border-top: none;
    border-radius: 0;
}

.media_droparea .dummy_upload_btn {

}

.media_droparea .file_map_file_types_bg {
    font-size: 28px;
}

/*
<div scope=":media!" class="media_droparea"><div class="small_media_droparea"><div class="media_btn_cont"><div class="action_hover"></div><div class="action_hover"></div><div class="action_hover"></div><div class="action_hover"></div></div><div class="dummy_upload_btn"></div><div extensions="gif,jpeg,jpg,png" rel="media_drop" class="Upload_media"></div><div style="display: table; width: 100%;"><div class="media_text" _tr="Add_media_here">{{Drop media here}}</div></div></div></div>
*/

/*-----------------------------
AUTOSUGGEST
-------------------------------*/
.words_suggestions {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#Suggest {
    position: fixed;
    display: none;
    z-index: 9999;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6);
}

div#Suggest .words_suggestions li {
    padding: 6px 8px 5px 8px /* !important*/;
    /*float      : left;*/
    background: rgba(255, 255, 255, 1);
    border: 1px solid #cccccc;
    /*border-top : none;*/
    cursor: pointer;
    min-height: 35px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#Suggest .words_suggestions li:hover {
    color: rgba(100, 100, 100, 0.9);
    background: rgba(215, 215, 215, 1);
}

div#Suggest .words_suggestions li.active {
    color: #FFFFFF;
    background: rgba(205, 205, 205, 1);
}

div#Suggest .words_suggestions li .user_info_container,
.select2-results .select2-result-label .user_info_container,
.select2-choices .select2-search-choice .user_info_container {
    display: flex;
    display: -webkit-flex;
}

div#Suggest .words_suggestions li .user-avatar,
.select2-results .select2-result-label .user-avatar,
.select2-choices .select2-search-choice .user-avatar {
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
    background-color: #eceded;
    border-radius: 50%;
}

div#Suggest .words_suggestions li .user-avatar span[rel="avatar_name"],
.select2-results .select2-result-label .user_info_container .user-avatar span[rel="avatar_name"],
.select2-choices .select2-search-choice .user-avatar span[rel="avatar_name"] {
    line-height: 28px;
    vertical-align: middle;
}

div#Suggest .words_suggestions li .username,
.select2-results .select2-result-label .user_info_container .username,
.select2-choices .select2-search-choice .username {
    margin: 4px 0px 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#Suggest .words_suggestions li:hover .username,
div#Suggest .words_suggestions li.active .username,
div#Suggest .words_suggestions li:hover .user-avatar span[rel="avatar_name"],
div#Suggest .words_suggestions li.active .user-avatar span[rel="avatar_name"],
.select2-results .select2-highlighted .username,
.select2-results .select2-highlighted span[rel="avatar_name"] {
    color: rgba(100, 100, 100, 0.9);
}

/*button._new ,button._edit{
    border-radius : 140px 0 22px 0;
    box-shadow    : 26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    background    : url(../images/new_tick.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.4);
    float         : right;
}*/

/*button._cancel{
    float:left;
    border-radius      : 0 140px 0 22px;
    box-shadow         : -26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    background         : url(../images/cancel_arrow.png) no-repeat 10px 24px, rgba(75, 150, 214, 0.4);
}*/
/*BUTTONS*/
/*button.button{
    height             : 55px;
    width              : 55px;
    transition         : box-shadow 0.3s ease-in-out;
    -moz-transition    : box-shadow 0.3s ease-in-out;
    -webkit-transition : box-shadow 0.3s ease-in-out;
    background-size    : auto;
    border       : medium none;
    cursor             : pointer;
}*/
div.floatable {
    box-shadow: 0px 0px 0px 3px rgba(114, 126, 156, 1);
}

div.table[table="builder"] table tbody {
    opacity: 0.6;
}

div.table[table="builder"] ul.i:hover {
    opacity: 1;
    cursor: pointer;
}

div.table.table-responsive .footer_buts [table="builder"] {
    display: none;
}

div.table.table-responsive .footer_buts .button.table_new {
    padding-bottom: 5px;
}

div.table[table="builder"] .footer_buts [table="builder"] {
    display: block;
}

div.table[table="builder"] .footer_buts [table="table"] {
    display: none;
}

form[form="builder"] .inForm {
    background-image: url("../images/patterns/cross_pattern.svg");
}

/*form[form=builder] .app_header:before{
    background-image: url("../images/patterns/cross_pattern.svg");
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    opacity: .05;
}*/
div.floatable {
    position: fixed;
    z-index: 10;
}

#BuildPopUp {
    position: absolute;
    z-index: 10000;
    display: none;
    background: rgba(200, 200, 200, 0.8);
    border-raduis: 10px;
    box-shadow: 0px 0px 1px 1px;
    padding: 10px;
}

div.table[table="builder"] .highlight.temp_tr {
    opacity: 1 !important;
}

form[form="builder"] tr.highlight td {
    /*box-shadow: 0px 0px 30px 1px inset , 0px 0px 5px 2px inset;*/
    box-shadow: 0px 0px 0px 3px rgba(114, 126, 156, 1) inset;
    background: rgba(85, 97, 116, 0.03);
}

div.table[table="builder"] th[col]:hover {
    box-shadow: 0px 0px 0px 3px rgba(114, 126, 156, 1) inset;
    background: rgba(85, 97, 116, 0.1);
}

div.table[table="builder"] th.highlight, div.table[table="builder"] th.highlight:hover {
    box-shadow: 0px 4px 0px 0px rgba(114, 126, 156, 1) inset, 5px 0px 0px 0px rgba(114, 126, 156, 1) inset, -5px 0px 0px 0px rgba(114, 126, 156, 1) inset;
    background: rgba(85, 97, 116, 0.1);
}

div.table[table="builder"] td.highlight {
    box-shadow: 5px 0px 0px 0px rgba(114, 126, 156, 1) inset, -5px 0px 0px 0px rgba(114, 126, 156, 1) inset;
    background: rgba(85, 97, 116, 0.1);
}

form[form="builder"] .highlight {
    box-shadow: 0px 0px 0px 3px rgba(114, 126, 156, 1) inset;
    background: rgba(85, 97, 116, 0.1);
}

form[form="builder"] div.image_droparea.highlight {
    /*box-shadow: 0px 0px 30px 1px inset , 0px 0px 5px 2px inset;*/
    box-shadow: 0px 0px 0px 3px rgba(114, 126, 156, 1) inset;
    background: rgba(85, 97, 116, 0.1);
}

/*form[form="builder"] tr.highlight td:first-child:before , form[form="builder"] td.highlight:first-child:before{
    background-image: url("../images/patterns/element_handler.svg");
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 45px;
}*/
form[form="builder"] .element_handler {
    position: fixed;
    background-image: url("../images/patterns/element_handler.svg");
    background-position: 50% 50%;
    width: 20px;
    height: 30px;
}

.lowlight.errorlight {
    box-shadow: 0px 0px 0px 1px rgba(200, 100, 100, 0.7);
    background: rgba(200, 100, 100, 0.01)
}

.lowlight {
    box-shadow: 0px 0px 0px 1px rgba(100, 200, 100, 0.7);
    background: rgba(100, 200, 100, 0.01)
}

form[form="builder"] tr.lowlight td {
    box-shadow: 0px 0px 0px 1px rgba(100, 200, 100, 0.5);
    background: rgba(100, 200, 100, 0.3)
}

form[form="builder"] tr.lowlight.errorlight td {
    box-shadow: 0px 0px 0px 1px rgba(200, 100, 100, 0.5);
    background: rgba(200, 100, 100, 0.3)
}

form[form="builder"] tr.sim_tr td, td.sim_tr {
    opacity: 0.3;
    box-shadow: 0px 0px 30px 1px rgba(200, 100, 200, 0.7) inset, 0px 0px 5px 2px rgba(200, 100, 200, 0.7);
}

.expandable.form_builder .input-group {
    max-width: 300px;
}

div.as_input {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e7e7e2;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    margin-top: 4px;
}

div.as_input:hover {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

div.as_input.highlight {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

div.form_builder div[scope_title]:after {
    content: attr(scope_title);
}

div.form_builder div[_scope]:after {
    content: attr(_scope);
}

div.form_builder div[_scope] {
    margin: 10px;
}

span > i.im-earth {
    cursor: pointer;
}

/*.inForm */
.MediaThumbnail {
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
}

.Thumbnails .MediaThumbnail {
    cursor: pointer;
}

/*.inForm */
.MediaThumbnail .FileTitle {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 2px 4px;
    background-color: rgba(50, 50, 50, 0.8);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    color: #FFFFFF;
    font-size: 12px;
    border-radius: 0 0 6px 6px;
    line-height: 16px;
}

.header_icons .Icon_map, .header_icons .Comm_map {
    background-size: contain;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    color: #5b687e;
}

#header .Icon_map_white {
    font-size: 30px;
    color: #fff;
}

.header_icons .Icon_map_white,
.header_icons .Comm_map_white,
.sidebar .Icon_map_white {
    color: #fff;
}

.slimScrollDiv .table .Icon_map {
    /* width: 20px;
     height: 20px;*/
    font-size: 26px;
    text-align: center;
    /* color: #75b9e6;*/
}

/*.header_icons .Icon_map [fill],*/
/*#header .Icon_map [fill],*/
/*.float .Icon_map [fill] {*/
.header_icons .Icon_map,
#header .Icon_map,
.float .Icon_map {
    -webkit-transition: color; /* fill */
    transition: color; /* fill */
    /*-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;*/
}

/*.header_icons .Icon_map [fill]:nth-child(1),*/
/*#header .Icon_map [fill]:nth-child(1) {*/
.header_icons .Icon_map:nth-child(1),
#header .Icon_map:nth-child(1) {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

/*.header_icons .Icon_map [fill]:nth-child(2),*/
/*#header .Icon_map [fill]:nth-child(2),*/
/*.float .Icon_map [fill] {*/
.header_icons .Icon_map:nth-child(2),
#header .Icon_map:nth-child(2),
.float .Icon_map {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/*.header_icons .Icon_map [fill]:nth-child(3),*/
/*#header .Icon_map [fill]:nth-child(3) {*/
.header_icons .Icon_map:nth-child(3),
#header .Icon_map:nth-child(3) {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

/*.header_icons .Icon_map [fill]:nth-child(4),*/
/*#header .Icon_map [fill]:nth-child(4) {*/
.header_icons .Icon_map:nth-child(4),
#header .Icon_map:nth-child(4) {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/*.header_icons a:hover .Icon_map [fill],*/
/*.header_icons a:hover .Comm_map [fill],*/
/*#header a:hover .Icon_map [fill],*/
/*#header a .Icon_map.hovering [fill],*/
/*.float .Icon_map:hover [fill] {*/
/*/*, #header button:hover .Icon_map [fill]*/
.header_icons a:hover .Icon_map,
.header_icons a:hover .Comm_map,
#header a:hover .Icon_map,
#header a .Icon_map.hovering,
.float .Icon_map:hover {
    /*fill: #3498da;*/
    color: #3498da;
}

.File_map[icon_name] [fill] {
    -webkit-transition-duration: 0.3s;
    -webkit-transition: fill;
    transition: fill 0.2s ease 0s;
    transition-duration: 0.2s;
}

/* CUSTOM STYLE REPORTS*/
div.slimScrollDiv.checked:after {
    content: "";
    width: 8px;
    height: 100%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid snow;
    -webkit-transition: border-bottom 0.5s;
    transition: border-bottom 0.5s;
    position: absolute;
    top: 2px;
    left: calc(50% - 4px);
}

div.slimScrollDiv .Icon_report {
    width: 50px;
    display: inline-block;
}

div.slimScrollDiv [report_name] {
    text-align: center
}

.dropdown-menu.Dinamic_type {
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.dropdown-menu.Dinamic_type {
    width: 100%;
    background-color: snow /*rgb(179,7,24)*/;
    border-radius: 0px;
    position: relative;
    padding: 0px;
    margin: 0px;
    border: none;
    box-shadow: none
}

.dropdown-menu.Dinamic_type li {
    display: inline-table;
    position: relative;
}

.dropdown-menu.Dinamic_type li a {
    line-height: 2;
    font-size: 15px;
    color: beige;
}

.dropdown-menu.Dinamic_type li a:focus {
    text-shadow: 0px 0px 2px;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-menu.Dinamic_type li a:hover {
    text-shadow: 0px 0px 2px;
    background-color: rgba(0, 0, 0, 0)
}

.app_content.reported .Icon_report {
    width: 24px;
    vertical-align: middle;
}

.app_content.reported div[report_name] {
    display: inline-block;
    vertical-align: middle;
}

.app_content.reported li.checked:after {
    content: "";
    width: 8px;
    height: 105%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    position: absolute;
    top: -1px;
    left: calc(50% - 4px);
}

div.slimScrollDiv .Icon_report {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

label.mce-wordcount {
    padding: 0px 20px;
}

/*.Window[rel_id=app_15] .app_content.reported li.dropdown{
    margin:0px 0px;
}
.Window[rel_id=app_15] .app_content li.dropdown{
    margin:0px 10px;
}*/
.PassStrengthCont {
    position: relative;
}

.PassStrengthCont .PassStrengthBox {
    display: inline-block;
    vertical-align: middle;
    width: 18%;
    height: 14px;
    border-radius: 6px;
    margin-right: 2.5%;
    background-color: #eceded;
}

.PassStrengthCont .PassStrengthBox:last-child {
    margin-right: 0;
}

/*.PassStrengthCont .PassStrengthBox.active {
    background-color: rgb(240, 102, 33);
}*/
.PassStrengthCont[rel="1"] .PassStrengthBox.active {
    background-color: #f72b28;
}

.PassStrengthCont[rel="20"] .PassStrengthBox.active {
    background-color: rgb(240, 102, 33);
}

.PassStrengthCont[rel="40"] .PassStrengthBox.active {
    background-color: #ffbf3e;
}

.PassStrengthCont[rel="60"] .PassStrengthBox.active {
    background-color: rgb(240, 230, 33);;
}

.PassStrengthCont[rel="80"] .PassStrengthBox.active {
    background-color: #2ac50c;
}

/* INFO TAB CSS START (USED FOR SNAPSHOT ALSO) */
.info_tab {
    width: 700px;
    min-height: 190px;
    padding: 10px;
    max-height: calc(100vh - 115px);
    overflow: auto;
}

.info_tab .info_row {
    display: flex;
    padding: 6px 0px;
}

.column_one_third {
    width: 220px;
    margin-right: 20px;
}

.column_two_third {
    width: 460px;
    margin-right: 20px;
}

.info_tab .info_row > div:last-child {
    margin-right: 0px;
}

.column_full {
    width: 100%;
}

.column_half {
    width: 343px;
    margin-right: 12px;
}

.column_one_third, .column_two_third, .column_full, .column_half {
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}

.info_header {
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
}

.info_content {
    min-height: 105px;
}

.info_content span {
    font-size: 62px;
    line-height: 105px;
    letter-spacing: 0px;
    font-weight: 500;
}

.column_orange, .column_brown, .column_green, .column_purple, .column_blue, .column_light_blue, .column_light_orange {
    background-color: #ef662f;
    color: white;
}

.column_orange.dark, .column_brown.dark, .column_green.dark, .column_purple.dark, .column_blue.dark, .column_light_blue.dark, .column_light_orange.dark {
    background-color: #d75c2a;
    color: rgba(255, 255, 255, 0.6);
}

.column_brown {
    background-color: #726258;
}

.column_brown.dark {
    background-color: #66584f;
}

.column_green {
    background-color: #8ec549;
}

.column_green.dark {
    background-color: #80b142;
}

.column_purple {
    background-color: #8562a7;
}

.column_purple.dark {
    background-color: #775896;
}

.column_blue {
    background-color: #75b9e6;
}

.column_blue.dark {
    background-color: #69a6cf;
}

.column_light_blue {
    background-color: #01bff1;
}

.column_light_blue.dark {
    background-color: #00add8;
}

.column_light_orange {
    background-color: #f59330;
}

.column_light_orange.dark {
    background-color: #dc842b;
}

/* INFO TAB tables */
.info_content table {
    width: 95%;
    margin: 0 auto;
}

.info_content table thead tr {
    border-bottom: 1px solid white;
}

.info_content table th {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    padding: 15px 0px;
}

.info_content table td {
    padding: 15px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.info_content table td:first-child {
    padding-left: 0px;
}

.info_content table td:last-child {
    padding-right: 0px;
}

.text_left {
    text-align: left;
    padding-left: 20px;
}

/* INFO TAB CSS END */
/* Nested CSS */
div.multiple {
    background-color: rgba(0, 0, 0, 0.03);
    padding: 10px;
}

div.multiple.transparent_multiple {
    background-color: transparent;
}

div.multiple > label:first-child {
    font-size: 17px;
    padding: 0px 7px 0px 0px;
    line-height: 10px;
}

div.multiple > a {
    font-size: 18px;
    line-height: 15px;
    cursor: pointer;
}

table[multiple].new_tr {
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

table[multiple] tbody td a[rel='_del'] {
    align-self: center;
    font-size: 16px;
    cursor: pointer;
    margin: 0px 4px;
}

div.table.CalcHeight .Users_details,
div.table.CalcHeight .New_Users_details {
    /*max-width: calc(100% - 455px);*/
}

.win_content .New_form_float div.Icon_map[icon_name="drag"],
.win_content .Edit_form_float div.Icon_map[icon_name="drag"] {
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    /*  display: inline-block;
      vertical-align: middle;*/
}

.color_preview {
    width: 12px;
    height: 12px;
    margin: 0 auto;
}

span[rel="app_title"][app_title="media_panel" ] {
    margin: 2px 0px 0px 10px;
    display: block;
}

span[rel="_tags"] i[rel="tags"] {
    float: left;
    margin-left: 2px;
}

span[rel="_tags"] i[rel="tags"]:first-child {
    margin-left: 0px;
}

/* SNAPSHOT CSS */
.snapshot_container {
    width: 480px;
    height: 480px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    overflow: hidden;
}

.snapshot_header {
    width: 100%;
    height: 55px;
    background-color: rgba(85, 97, 116, 1);
    color: white;
    font-weight: 500;
    font-size: 22px;
    line-height: 55px;
    padding-left: 20px;
}

.snapshot_content {
    width: 100%;
    height: 340px;
    background-color: black;
    /*for mirroring*/
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg); /* Safari and Chrome */
    -moz-transform: rotateY(180deg); /* Firefox */
}

video, canvas {
    display: block;
}

.snapshot_footer {
    width: 100%;
    height: 85px;

}

.snapshot_footer_default {
    background-color: white;
}

.snapshot_footer_countdown {
    background-color: #EB4641;
}

.snapshot_footer_countdown #countdown {
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
    font-size: 4em;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    display: block;
    margin: 0 auto;
}

.snapshot_footer > div {
    height: 100%;
}

.snapshot_footer .cancel_snapshot,
.snapshot_footer .save_snapshot {
    font-size: 40px;
    line-height: 85px;
    cursor: pointer;
}

.snapshot_footer .camera_btn {
    font-size: 70px;
    cursor: pointer;
    line-height: 85px;
    text-align: center;
}

.snapshot_window .fancybox-skin {
    background: transparent;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

/*.Window .table.data td[rel='public'] .Icon_map {
    color: #5b687e;
    text-align: center;
}*/

.largeTitle {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}

.tile {
    min-width: 250px;
}

/*------------------------------------------
NEW FORM - EDIT FORM table clone element
-------------------------------------------*/
.clones_table {
    max-height: 200px;
    width: 100%;
    overflow: auto;
    padding-top: 10px;
}

.width_50 {
    width: 50px;
    min-width: 15px;
}

.width_100 {
    width: 100px;
    min-width: 15px;
}

.width_150 {
    width: 150px;
    min-width: 15px;
}

.width_200 {
    width: 200px;
    min-width: 15px;
}

.width_300 {
    width: 300px;
    min-width: 15px;
}

.width_400 {
    width: 400px;
    min-width: 15px;
}

.width_500 {
    width: 500px;
    min-width: 15px;
}

.width_600 {
    width: 600px;
    min-width: 15px;
}

.height_34 {
    min-height: 34px;
}

.clone_table_container .clone_table_header .add_clone {
    width: 34px;
    padding: 0px 5px;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
}

.clone_table_container .clone_table_header .add_clone i {
    font-size: 16px;
}

.clone_table_container .clone_table_header .height_34, .clone_table_container .clone_table_footer .height_34 {
    line-height: 34px;
    text-align: center;
}

.clone_table_container {
    width: 100%;
}

.clone_table_footer, .clone_table_header, .clones_table .clone {
    width: 100%;
    display: flex;
    text-align: center;
}

.clone_table_footer div, .clone_table_header div {
    /* font-weight: bold;*/
    font-family: HelveticaNeueBold;
}

.clone_table_header div, .clone_table_footer div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px;
}

.clones_table div[multiple] {
    padding-bottom: 5px;
    display: flex;
}

/*.win_content .Edit_form_float._open .clones_table div[multiple]:nth-child(2) > div:last-child a i.im-minus {
    display: none;
}*/

.clones_table div[multiple] > div {
    padding: 0px 5px;
}

.clones_table div[multiple] > div:last-child {
    width: 34px;
}

.clones_table div[multiple] div a[rel="_del"] {
    line-height: 34px;
}

/****/
.inForm_tabber,
.vertical_clone_tabber {
    display: flex;
}

.inForm_tabber[horizontal] {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.inForm_tabber .tab_list,
.vertical_clone_tabber .tab_list {
    display: -webkit-flex;
    display: flex;
}

.inForm_tabber[vertical] > .tab_list,
.vertical_clone_tabber > .tab_list {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.inForm_tabber .tab_content,
.vertical_clone_tabber .vertical_clone_tabber_container {
    display: none;
}

.inForm_tabber .tab_content.active,
.vertical_clone_tabber .vertical_clone_tabber_container.active {
    display: block;
}

.inForm_tabber[vertical] > .tab_list,
.vertical_clone_tabber > .tab_list {
    min-width: 215px;
    overflow-y: scroll;
    max-height: calc(100vh - 260px);
    min-height: 150px;
    padding-right: 10px;
}

.vertical_clone_tabber .tabber_container {
    min-width: 500px;
}

.vertical_clone_tabber .tabber_container .inner_table {
    width: 100%;
}

.inForm_tabber[horizontal] > .tab_list {
    width: 100%;
    background: #eceded;
}

.inForm_tabber[vertical] > .tab_list .tab_option,
.vertical_clone_tabber > .tab_list .tab_option {
    width: 100%;
    padding: 0px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 59px;
    font-size: 14px;
    font-weight: 500;
    color: #546174;
    position: relative;
}

.vertical_clone_tabber_buttons {
    display: flex;
    flex-direction: column;
}

.vertical_clone_tabber_buttons .vertical_clone_button {
    width: 200px;
    padding: 10px 0;
    cursor: pointer;
    text-align: center;
}

.vertical_clone_tabber_buttons .vertical_clone_button .icon_map_add {
    float: left;
    font-size: 18px;
    margin-left: 5px;
}

.vertical_clone_tabber_buttons .vertical_clone_button .button_title {
    line-height: 18px;
}

.inForm_tabber[horizontal] > .tab_list .tab_option {
    position: relative;
    color: #969797;
    width: auto;
    padding: 8px 10px 10px 10px;
    float: left;
    cursor: pointer;
    font-weight: 400;
}

.inForm_tabber[vertical] > .tab_list .tab_option.active, .inForm_tabber[vertical] > .tab_list .tab_option:hover,
.vertical_clone_tabber > .tab_list .tab_option.active, .vertical_clone_tabber > .tab_list .tab_option:hover {
    color: white;
    background-color: #546174;
    cursor: default;
}

.inForm_tabber[horizontal] > .tab_list .tab_option.active, .inForm_tabber[horizontal] > .tab_list .tab_option:hover {
    color: #366e9d;
}

.inForm_tabber .tab_option:hover,
.vertical_clone_tabber .tab_option:hover {
    cursor: pointer;
}

.inForm_tabber[vertical] > .tab_list .tab_option.active:after,
.vertical_clone_tabber > .tab_list .tab_option.active:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #546174;
    position: absolute;
    left: 100%;
    top: 38%;
}

.inForm_tabber[horizontal] > .tab_list .tab_option.active:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
    position: absolute;
    left: calc(50% - 7px);
    bottom: 0px;
}

.inForm_tabber[vertical] > .tab_list .tab_option .validation_error,
.vertical_clone_tabber > .tab_list .tab_option .validation_error {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 23px 23px 0;
    position: absolute;
    top: 0;
    right: -1px;
}

.inForm_tabber[vertical] > .tab_list .tab_option[notvalid][notformatted='0'] .validation_error,
.vertical_clone_tabber > .tab_list .tab_option[notvalid][notformatted='0'] .validation_error {
    border-color: transparent rgb(230, 150, 30) transparent transparent;
}

.inForm_tabber[vertical] > .tab_list .tab_option[notformatted] .validation_error,
.vertical_clone_tabber > .tab_list .tab_option[notformatted] .validation_error {
    border-color: transparent red transparent transparent;
}

.inForm_tabber[vertical] > .tab_list .tab_option .validation_error:after,
.vertical_clone_tabber > .tab_list .tab_option .validation_error:after {
    top: -22px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: white;
}

.inForm_tabber[vertical] > .tab_list .tab_option[notformatted='0'][notvalid] .validation_error:after,
.vertical_clone_tabber > .tab_list .tab_option[notformatted='0'][notvalid] .validation_error:after {
    content: "\2605"; /*star symbol*/
    right: -10px;
}

.inForm_tabber[vertical] > .tab_list .tab_option[notformatted] .validation_error:after,
.vertical_clone_tabber > .tab_list .tab_option[notformatted] .validation_error:after {
    content: "\0021"; /*exclamation symbol*/
    right: -16px;
}

.inForm_tabber[vertical] > .tab_list .tab_option[notvalid='0'][notformatted='0']  .validation_error,
.vertical_clone_tabber > .tab_list .tab_option[notvalid='0'][notformatted='0']  .validation_error,
.inForm_tabber[vertical] > .tab_list .tab_option.active .validation_error,
.vertical_clone_tabber > .tab_list .tab_option.active .validation_error {
    display: none;
}

.inForm_tabber[horizontal] > .tab_list .tab_option .validation_error {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.inForm_tabber[horizontal] > .tab_list .tab_option[notvalid][notformatted='0'] .validation_error {
    background-color: rgb(230, 150, 30);
}

.inForm_tabber[horizontal] > .tab_list .tab_option[notformatted] .validation_error {
    background-color: red;
}

.inForm_tabber[horizontal] > .tab_list .tab_option .validation_error:after {
    top: -5px;
    position: relative;
    font-size: 9px;
    font-weight: 600;
    color: white;
}

.inForm_tabber[horizontal] > .tab_list .tab_option[notformatted='0'][notvalid] .validation_error:after {
    content: '\2605'; /*star symbol*/
    right: -3px;
}

.inForm_tabber[horizontal] > .tab_list .tab_option[notformatted] .validation_error:after {
    content: "\0021"; /*exclamation symbol*/
    right: -6px;
}

.inForm_tabber[horizontal] > .tab_list .tab_option[notvalid='0'][notformatted='0']  .validation_error, .inForm_tabber[horizontal] > .tab_list .tab_option.active .validation_error {
    display: none;
}

.input-group-addon {
    min-width: 36px;
    padding: 0;
}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0 4px 4px 0;
}

form .table tbody tr.highlight, form .table tbody tr.highlight td {
    background: transparent;
    border-top: none;
}

.slimScrollDiv .inForm {
    overflow: auto;
    max-height: calc(100vh - 190px);
}

/***** VERSION HISTORY ******/
div.Edit_form_float[builder_type="VersionHistory"] .inForm {
    padding: 0;
}

.versions_container {
    /*margin-top: 10px;*/
}

.versions_container .version {
    cursor: pointer;
    padding: 10px 0px;
    position: relative;
    clear: both;
    overflow: hidden;
}

.versions_container .version:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #eceded;
    position: absolute;
    top: 0px;
    left: -3px;
    right: 43px;
    margin: auto;
    z-index: -1;
}

.versions_container .version:first-of-type:before {
    top: 10px;
}

.versions_container .version:hover {
    background-color: rgba(84, 97, 117, 0.5);
    color: #FFFFFF;
}

.versions_container .version > div {
    vertical-align: top;
    float: left;
}

.versions_container .version div[rel="m_stamp"] {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    width: 28%;
}

.versions_container .version div[rel="user"] {
    text-align: left;
    font-weight: 600;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 11px 5px 0px 0px;
    width: calc(69% - (55px + 5px));
}

.versions_container .version div[rel="avatar"] {
    width: 45px;
    height: 45px;
    background-size: 45px;
    margin: 0 10px;
    line-height: 44px;
}

.version.active {
    background-color: rgb(84, 97, 117);
    color: #FFFFFF;
}

.taxis {
    cursor: pointer;
    font-size: 20px;
}

.invoice_element input {
    width: 50px;
}

.print_invoice_container {
    heihgt: 35px;
    text-align: right;
    cursor: pointer;
    float: right;
}

.print_invoice_container .Icon_map {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.timeline_boxes_container {
    min-width: 500px;
    z-index: 3;
    position: relative;
    background-color: white;
    padding: 10px 0px 20px;
}

.timeline_boxes_container:after {
    content: '';
    clear: both;
    display: block;
}

.timeline_box {
    width: calc(25% - 0.75%);
    height: 100px;
    float: left;
    margin-left: 1%;
}

.timeline_box:first-child {
    margin-left: 0;
}

.timeline_box_header {
    background-color: #546175;
    text-align: center;
    color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 10px;
    white-space: nowrap;
}

.timeline_box_body {
    background-color: #f6f6f6;
    color: #546175;
    height: 70px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
    font-size: 18px;
}

.timeline_box_body .large {
    font-size: 26px;
    font-weight: 500;
    line-height: 67px;
}

.timeline_box_body .small {
    font-weight: 500;
    line-height: 67px;
    font-size: 17px;
}

.timeline_box_body .medium {
    font-weight: 500;
    font-size: 30px;
    line-height: 10px;
    vertical-align: bottom;
}

.timeline_box_body .tiny {
    font-weight: 500;
    font-size: 11px;
    line-height: 33px;
}

.timeline_records {
    overflow-y: auto;
    height: calc(100vh - 370px);
}

.timeline_records .timeline_stamp .timeline_stamp_text {
    display: inline-block;
    vertical-align: middle;
}

.timeline_records .timeline_stamp i {
    font-size: 21px;
}

.timeline_stamp_date, .timeline_stamp_time {
    line-height: 12px;
}

.timeline_stamp_date span, .timeline_stamp_time span {
    line-height: 6px;
    font-weight: 600;
    font-size: 12px;
}

.timeline_records table tbody tr:nth-child(2n+1) {
    background-color: #f6f6f6;
}

.timeline_records .communication_personAvatar, .timeline_records .transaction_personAvatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    text-align: center;
}

.timeline_records .communication_personAvatar span, .timeline_records .transaction_personAvatar span {
    line-height: 30px;
}

.timeline_records .communication_personName, .timeline_records .transaction_personName {
    display: inline-block;
    vertical-align: middle;
    line-height: 12px;
    font-weight: 600;
    font-size: 12px;
}

thead tr.Static {
    position: absolute;
    background-color: white;
    margin-top: -80px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.timeline_records .system_record {
    cursor: pointer;
    color: #5E66D4;
}

.timeline_records tbody tr td {
    vertical-align: middle;
}

/*----- media_droparea MediaThumbnail AsList -----*/
li.tag.minus a:after {
    content: "\e689";
    font-family: 'icomoon';
}

.media_droparea.AsList {
    position: relative;
}

.media_droparea.AsList .dropdown-menu li {
    float: none;
    list-style-type: none;
    margin-left: 0px;
}

.media_droparea.AsList .dropdown-menu li a {
    color: #768399;
    text-align: left;
    padding-left: 10px;
}

.media_droparea.AsList .dropdown-menu li a:hover,
.media_droparea.AsList .dropdown-menu li a:focus {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.80);
}

.media_droparea.AsList .dropdown-menu li a i {
    margin-right: 5px;
}

.MediaThumbnail.Active {
    background-color: rgba(50, 50, 50, 0.5);
}

.MediaThumbnail.List {
    width: 100%;
    height: 30px;
    display: flex;
}

.MediaThumbnail.List > div:not(.file_map_file_types) { /*:not(.FileTitle)*/
    height: 30px;
    min-width: 30px;
}

.MediaThumbnail.List .file_map_file_types {
    margin-right: 3px;
}

.MediaThumbnail.List .FileTitle {
    border-radius: 0;
    width: auto;
    color: rgb(50, 50, 50);
    background-color: transparent;
    line-height: 30px;
    position: relative;
}

.MediaThumbnail.Active .FileTitle {
    color: #FFF;
}

.disabled.balance {
    background-color: #eeeeee;
}

.file_map_file_types {
    font-size: 12px;
    color: white;
    background-color: #5b687e;
    padding: 7px;
    border-radius: 6px;
    font-family: 'Ubuntu', sans-serif !important;
}

.file_map_file_types_bg {
    font-size: 97px;
}

.file_type-avi {
    background-color: #F16623;
}

.file_type-jpg {
    background-color: #F89520;
}

.file_type-pdf {
    background-color: #EC2027;
}

.file_type-png {
    background-color: #BC8CBF;
}

.file_type-xls {
    background-color: #67903D;
}

.file_type-doc {
    background-color: #0955A5;
}

.file_type-bmp {
    background-color: #8393CA;
}

.file_type-gif {
    background-color: #F06EA9;
}

.file_type-mov {
    background-color: #272361;
}

.file_type-mpg {
    background-color: #AC2375;
}

.file_type-csv {
    background-color: #82C77C;
}

.file_type-txt {
    background-color: #998675;
}

.file_type-file {
    background-color: #959595;
}

/**
This is for Users/Contacts/Clients/Leads/Vendors/Resellers
**/
div.table .New_Edit_custom .Edit_current.icon_map_edit {
    font-size: 30px;
}

.New_Users_details .dropdown.Dtype a.details_type,
.New_Users_details .dropdown.Dtype a.address_type,
.New_Users_details .user_detail,
.New_Users_details .user_addresses,
.Users_info .user_detail_icon {
    font-size: 26px;
}

.slimScrollDiv .New_Users_details .RemoveRow {
    font-size: 16px;
}

.win_content form .bordered_box_container {
    border: 1px solid #eceded;
    padding: 10px;
    margin-top: 20px;
}

.win_content form .bordered_box_header {
    text-align: center;
    margin-top: -22px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    background-color: white;
    padding: 0px 5px;
    font-family: HelveticaNeueBold;
}

.win_content form .bordered_box_header.left_bb_header {
    float: left;
}

.win_content form .bordered_box_header.center_bb_header {
    margin-left: auto;
    margin-right: auto;
}

.win_content form .multiple_element_container {
    display: inline-flex;
}

.Window .float form .formLoader {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    border-radius: 5px;
    z-index: 12;
}

.svg_save_button {
    width: 26px;
}

.svg_save_button svg {
    stroke: #5b687e;
    stroke-width: 6;
}

.svg_save_button:hover svg {
    stroke: #3498da;
}

.svg_save_button path, .svg_save_button circle {
    -webkit-transition: stroke-dashoffset 0.3s ease-in-out;
    transition: stroke-dashoffset 0.3s ease-in-out;
}

/**
Auto Fill element
**/
.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    top: 100%;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9999;
    max-height: 300px;
    overflow: auto;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

/*** Profiling tab ***/
.profiling_section_form .profiling_section_table_form,
.profiling_section_form .profiling_section_table_form .profiling_section_table_row_form {
    width: 100%;
}

.profiling_section_form .profiling_section_table_form .multiple {
    background-color: transparent;
}

/*** 28/06/2021 ****/
/***** All app header was moved a bit down (Olga) ***********/
.btn-toolbar:before {
    display: block;
}