@import url("css/fontawesome5.css");
@import url("css/googlefonts.css");
@import url("css/jquery.datetimepicker.min.css");
@import url("css/jquery-ui.css");
@import url("css/jquery-ui.theme.css");

  
:root
{
--mxs-gray: #eeeeee;
--mxs-orange: #ff6f0f;
--mxs-tablealt: #f4f4f4;
--mxs-darkblue: #024c68;
--mxs-blue: #0776a0;
--mxs-yellow: #ffa800;
--mxs-lightgray: #bbbbbb;
--mxs-cyan: #97c9dc;
--mxs-green: #007633;
--mxs-darkgray: #4d4d4d;
--mxs-yellowgreen: #37DA7E;
--mxs-red: #FF3500;
--mxs-inputalertbg: rgba(255,35,0,0.1);
--mxs-title: #0776a0;
--mxs-title-alt: #ff6f0f;

--mxs-selected:  #ff6f0f;
--mxs-selected-bg: #ff6f0f20;
--mxs-selected-tr1: #ff6f0fb3;

--mxs-unselected: #4d4d4d;


--mxs-switch-on: rgba(0,180,255,0.7);
--mxs-switch-off: rgba(00,64,128,0.2);
--mxs-switch-disabled: rgba(50,50,50,1);
--mxs-switch-blocked: rgba(255,111,0,0.8);
--mxs-switch-alert: rgba(255,35,0,0.8);

--mxs-title-font: 'Jura', sans-serif;
--mxs-bg-rgba-prefix: 22, 0, 7;
}

.ui-dialog { z-index: 1000 !important ;}

div.poweredByCFOX {
	position: absolute; 
	display: block; 
	bottom: 32px; 
	text-align: center; 
	width: 100%; 
	font-family: 'Jura', sans-serif; 
	font-size: 16px; 
	color: #024c68;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	z-index: 1200 !important;
}

input:-internal-autofill-selected
{
	background-color: red;
}

#mainframe {
	margin: 0;
	padding: 0;
}
.ui-widget-overlay {
    background: #120007;
    opacity: .9;
    filter: Alpha(Opacity=90);
}

html,
body 
{
	min-height: 100%;
}

body
{
	padding:  0;
	margin:  0;
	text-align: center;
	background-color: #150007;
	background-size: cover;	
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	min-width: 1035px;
    color: var(--mxs-gray);
   
}

#coreMsgCount {
	padding-left: 6px;
	padding-right: 0px;
	
}

#newMsgAlert {
	border: 0px var(--mxs-orange) solid;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 5px;
	display: none;
	color: var(--mxs-orange);
}

html.login,
body.login 
{
	min-width: inherit;
	min-height: 100%;	
	background-size: contain;	
	background-position-x: center;
	background-position-y: center;
}
/* Header */
  .ui-autocomplete-loading {
    background: white url("../../theme/core/img/ui-anim_basic_16x16.gif") right center no-repeat;
  }
  
  .dz-message.needsclick
  {
		border: 2px dashed;
		background-color: var(--mxs-gray);  
  }
  
  .ui-menu .ui-menu-item
  {
		text-align:left;  
  }
.ui-state-active.orange, .ui-widget-content .ui-state-active.orange,
.ui-button.ui-state-active.orange:hover,
.ui-state-active.amber, .ui-widget-content .ui-state-active.amber,
.ui-button.ui-state-active.amber:hover
{
	background-color: var(--mxs-orange);
}

.ui-state-active.green, .ui-widget-content .ui-state-active.green,
.ui-button.ui-state-active.green:hover
{
	background-color: var(--mxs-green);
}

.ui-state-active.blue, .ui-widget-content .ui-state-active.blue,
.ui-button.ui-state-active.blue:hover
{
	background-color: var(--mxs-blue);
}

table.datatable td.icon, 
table.datatable th.icon 
{
	width: 20px;
	font-size: 14px;
	text-align: center;
	
}

div.foxPagerMain i {
	margin-left: 4px;
	margin-right: 4px;
}

div.foxPagerMain span.foxPager_label {
	margin-left: 10px;
	margin-right: 10px;
}

div.header
{
	margin: 0px;
	padding: 0 0 30px 30px;
	vertical-align: middle;
	text-align: left;
	font-family: 'Jura', sans-serif;
	font-size: 24pt;
	display: none;
	color: #606060;;
   border-color: #606060;
   border-width: 1px;
   border-style: none solid  none solid;
	background-color:  rgba(21,0,7,0.84)
}
div.input-append.date input
{
	height: 30px;
}
div.header_user
 {
	text-align: right;
	font-size: 16pt;
	display: inline-block;
	float: right;	
	margin-top: 30px;
	margin-right: 15px;
 }
/*
.switcher {
    width: 45px;
    padding: 5px;
    border: 2px solid #ccc;
    border-radius: 10px;
    text-align: center;
}

.switcher.transparent {
    width: 45px;
    padding: 5px;
    border: 2px solid #ccc;
    border-radius: 10px;
    text-align: center;
}
*/
.blanker.bggray
{
	width: 100%; 
	height: 100%; 
	position: fixed;
	z-index: 2000;
	top: 0;
    left: 0;
	backdrop-filter: blur(1px);
}

.blanker.bgmain
{ 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	text-align: center;
	z-index:200;
	
}

#blanker_text
{
	color: rgba(255,53,0,0.5);
}
.bl_infobox
{
	background-color: rgba(35,30,30,0.9); 
	border: 1px solid rgba(255,53,0,0.5);
	margin-left: auto; 
	margin-right:auto; 
	margin-top: 40vh; 
	display: inline-block; 
	padding: 20px; 
	border-radius: 5px;
}
.switcher__title {
    margin: 0 0 20px;
    
}

.error_banner {
	border: 2px solid red;
   background-color: rgba(0, 0, 0, 0.85);
	
	padding: 70px 0 0 0; 
	position: absolute;
	left: calc(50% - 250px);
	display: block; 
	top: calc(50% - 75px); 
	text-align: center; 
	width: 500px;
	height: 150px;
	font-family: 'Fira Mono', monospace; 
	font-weight: 200; 
	font-size: 32px;
	color: #FF3500; 
	margin: 1%;
	z-index: 200;
}

span.linkButton {
	color: var(--mxs-blue);
	cursor: pointer;

}

span.linkButton:hover {
	text-decoration: underline;
	color: var(--mxs-orange);
	
}



.switcher__input {
    display: none;
}

.switcher__input:checked + .switcher__label {
    color: #000;
}

.switcher__input:checked + .switcher__label:before {
     background-color: var(--mxs-blue); 
    
}

.switcher__input:checked + .switcher__label:after {
    transform: translateX(18px);
    background-color: var(--mxs-yellowgreen); 
   
}

.switcher__input:checked + .switcher__label:active:after {
    transform: translateX(12px);
}

.switcher__input:checked + .switcher__label:active:before {
    
}

.switcher__label {
    display: inline-block;
    vertical-align: top;
    padding-left: 50px;

    font-size: 14px;
    color: #ccc;
    cursor: pointer;

    position: relative;

    transition: color .1s linear;
}

.switcher__label:before {
    content: "";
    display: block;
    width: 40px;
    height: 22px;

    background-color: #e5e5e5;
    border-radius: 10px;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    transition: background-color .1s linear;
}

.switcher__label:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;

    background-color: #fff;
    border-radius: 50%;

    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;

    transition: transform .2s linear;
}

.switcher__label:active:after {
    transform: translateX(12px);
}

.switcher__label:active:before {
   
}

.switcher__text {
    line-height: 22px;
}

div.breadcrumbs
{

	text-align: left;
	vertical-align: middle;
	height: 23px;
	padding: 3px 0 3px 10px;
	background-color: rgba(21,0,7,0.5);
	margin: -10px -7px 10px -7px;
}

.t_navy_main .title {
	margin-right: 0px;
}

div.breadcrumbs a, div.breadcrumbs
{
	color: var(--mxs-orange);
	font-size: 18px;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
}

div.header_logo
{
	/*width: 240px;*/
	vertical-align: middle;
	display: inline-block;
	margin-top: 5px;
	margin-left: 10px;
}
div.header_logo img
{
	height: 80px;
}

/* Main */

div.t_navy_main, div.t_main
{
	text-align: left;
	vertical-align: top;
	padding: 10px 7px 10px 7px;
}

div.t_global
{
	margin: 0;
	padding: 0;	
}

div.t_navy_main
{
	display: inline-table;
	width: 200px;
	height: 100%;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
   background-color: rgba(21,0,7,0.7);
   color: #AAAAAA;

	
}
div.t_global
{
	display: inline-table;
	width: 200px;
	height: 100%;
	box-sizing: border-box;
	padding-left: 0;
}

div.t_main
{
	display: inline-table;
	width: calc(100% - 200px);
	box-sizing: border-box;
	float: right;
	height: 100%;
	margin: 0;
	
   border-color: #606060;
   border-width: 1px;
   border-style: none solid none solid;
	background-color: rgba(21,0,7,0.72);
}



.xmenu p,
.xmenu p a,
div.contextMenu p.item, 
div.contextMenu p.subitem, 
div.contextMenu p.title, 
div.contextMenu p.item a, 
div.contextMenu p.subitem a, 
div.contextMenu p.title a
{
	padding: 0;
	padding-left: 5px;
	margin: 0;
	padding-bottom: 3px;
	padding-top: 3px;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-weight: 300;
	
	font-size: 13pt;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	
}

div.contextMenu p.item a, 
div.contextMenu p.subitem a, 
div.contextMenu p.title a
{
	padding-left: 0;
	padding-bottom: 0;
	
}

div.contextMenu p.title {
	border-bottom: 1px solid var(--mxs-red);
}

div.t_navy_main p.ls.hide,
div.hidden_menu p.ls.hide {
	display: none;
}


div.t_navy_main p.item, 
div.t_navy_main p.subitem, 
div.t_navy_main p.title, 

div.t_navy_main .xmenu p, 

div.hidden_menu p.item, 
div.hidden_menu p.subitem,

div.contextMenu p.item, 
div.contextMenu p.subitem

{
	
	border-bottom: 1px solid #303030;
}


div.hidden_menu p.title,
div.t_navy_main p.title
{
	border: none;
	padding-top: 10px;
}

div.t_navy_main p.item.selected, 
div.t_navy_main p.subitem.selected, 
div.t_navy_main p.item.selected a, 
div.t_navy_main p.subitem.selected a,

div.hidden_menu p.item.selected, 
div.hidden_menu p.subitem.selected, 
div.hidden_menu p.item.selected a, 
div.hidden_menu p.subitem.selected a,
div.t_navy_main .xmenu.xmenu_active > p,
div.t_navy_main .xmenu.xmenu_active > a
{
	color: var(--mxs-orange);
	font-weight: 600;
	
}
div.t_navy_main p.item:hover, div.t_navy_main p.item a:hover,
div.hidden_menu p.item:hover, div.hidden_menu p.item a:hover,
div.contextMenu p.item:hover, div.contextMenu p.item a:hover,

div.t_navy_main .xmenu p:hover,
div.t_navy_main .xmenu a:hover
{
	color: var(--mxs-blue);
	font-weight: 600;
	
}

div.t_navy_main p.subitem,
div.hidden_menu p.subitem,
div.t_navy_main p.l1,
div.hidden_menu p.l1
{
	padding-left: 20px;
}

div.t_navy_main p.l2,
div.hidden_menu p.l2
{
	padding-left: 40px;
}

div.t_navy_main p.l3,
div.hidden_menu p.l3
{
	padding-left: 60px;
}



div.t_navy_main p.title
div.hidden_menu p.title
{
	font-weight: bolder;	
}

.xmenu_open.xmenu_active > p {
	color: orange; 
}

.xmenu_hidden {
		visibility: visible;
}

.t_navy_main ul {
	padding-left: 0px;
	list-style-type: none;
} 

.xmenu.xmenu_d0 p {
	padding-left: 5px
}

.xmenu.xmenu_d1 p {
	padding-left: 15px
}

.xmenu.xmenu_d2 p {
	padding-left: 25px
}

.xmenu.xmenu_d3 p {
	padding-left: 35px
}

.xmenu.xmenu_d4 p {
	padding-left: 45px
}

.xmenu.xmenu_d5 p {
	padding-left: 55px
}


li.xmenu {
	margin-top: 0px;
}

.t_navy_main li i {
	font-size: 10px; vertical-align: middle; margin-bottom: 3px; width: 12px;
}

.xmenu i {
	display: none;
}

.xmenu_open i.plus {
	display: none;
}

.xmenu_open i.minus {
	display: inline;
}

.xmenu_closed i.plus {
	display: inline;
}

.xmenu_closed i.minus {
	display: none;
}

.xmenu_open.xmenu_last i.minus,
.xmenu_closed.xmenu_last i.plus {
	display: none;
}

.xmenu_active .xmenu_open > i.plus {
	display: inline;
} 

.xmenu_active .xmenu_open i.minus {
	display: none;
}

.xmenu_active .xmenu_open.xmenu_last i.plus,
.xmenu_active .xmenu_open.xmenu_last i.minus
{
	display: none;
}

.xmenu p span,
.xmenu p a
{
    margin-left: 5px;
	padding-left: 0px;
}

.xmenu.xmenu_last p span,
.xmenu.xmenu_last p a
{
	margin-left: 14px;
}

.xmenu p {
	margin-left: 5px;
}

/* general style sheet */


div.widget
{
	margin-right: 10px;
	padding-right: 10px;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box; ;
	display: inline-block;	
}

.widget,
.widget table
{
	color: #E0E0E0;
}

table.eventlist div.widget,
div.widget, table.widget,
div.widget
{
	/* background-color: rgba(255,255,255,0.87);
	*/
	 background-color: rgba(20,20,20,0.8);
	
	

}

div.widget, table.widget
{
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.widget
{
	padding-left: 0px;
	padding-right: 0px;
}

div.widget div.text,
div.widget_panel_right div.text,
div.text

{
	margin-left: 10px;
	margin-bottom: 10px;
	word-break: break-all;
}

p, table.datatable td a
{
    text-decoration: none;
    color: inherit;
}

p, table.datatable td 
{
	font-weight: lighter;
}

table.datatable tr.alt td
{
	background-color: var(--mxs-tablealt);
}



div.crm_entity_field_title, 
div.crm_entity_field_value, p, table.datatable th, table.datatable td, input, select, textarea, div.widget p, div.widget pre,
div.crm_entity_field_value a,
div.crm_entity_field_input,
div.text

{ 
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-weight: 300;
	font-size: 14pt;
	text-decoration: inherit;
	color: rgba(255,255,255,0.9);
}

div.widget_panel_right div.text

{
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-weight: 300;
	font-size: 14pt;
}

table.datatable th
{
	font-weight: normal;
	color: rgba(255,111,0,0.7);
}

div.widget pre
{

}

p, table.datatable th, table.datatable td 
{
	text-align: justify;
	margin: 0;
	margin-bottom: 5px;
}

table.datatable.small th, table.datatable.small td
{
	font-size: 10pt;
}

h1,h2,h3, div.widget, table.h2,div.h2, table.h1, div.h1
{
	font-family: 'Jura', sans-serif;
	font-weight: 300;
	margin: 0;
	/* margin-bottom: 10px; */
	margin-top: 10px;
}

h1, table.h1
{
	color: var(--mxs-blue);
	font-weight: 300;
}

div.widget h1, div.widget h2, div.widget h3
{
	margin-left: 10px;
}

table.datatable td.button, table.datatable th.button {
    width: 60px;
    text-align: center;
}

table.h2
{
	margin-bottom: 3px;
}

div.chevron {
	margin-bottom: 10px;
}

div.chevron.hidden {
	display: none;
}

h1.first,h2.first,h3.first, div.widget.first, table.h2.first,div.h2.first, table.h1.first,
div.chevron.first h2.chevron
{
    margin-top: 0;
}

div.h2
{
	background: none;
	padding: 0px;
	margin-right: 0px;
}

h2 a, table.h2 a
{
    color: inherit;
    text-decoration: none;
}

h2
{
	background-color: rgba(var(--mxs-bg-rgba-prefix),0.7);
}
div.h2 table
{
	margin: 0;
	padding: 0;
}

h1, table.h1
{
	font-size: 24pt;
}

h2, table.h2
{
	font-size: 18pt;
}

h3
{
	font-size: 18pt;
	margin-top:10px;
}

table.datatable
{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border-bottom: 1px double rgba(255,53,0,0.5);
}

table.datatable th
{
	border-bottom: 1px double rgba(255,53,0,0.5);
}


.datatable th.colspan
{
	border-bottom: none;
	text-align: center;
	border-left: 2px solid #eef2f4;
	border-right: 2px solid #eef2f4;
}

table.datatable .idx
{
	width: 25px;
	text-align: center;
}

table.datatable td, table.datatable th
{	
	padding: 2px 5px 2px 10px;
	text-align: left;
}

table.datatable td
{
	border-bottom: 1px solid rgba(255,111,16,0.3);
}

table.datatable.sel tr.clickable,
table.datatable.selm tbody.clickable,
table.datatable.selm tr.ss.clickable,
div.crm_entity_field_block.clickable {
	cursor: pointer;
}

table.datatable.sel tr.contextMenu,
table.datatable.selm tbody.contextMenu,
table.datatable.selm tr.ss.contextMenu,
table.datatable.sel tr.contextMenu a,
table.datatable.selm tbody.contextMenu a,
table.datatable.selm tr.ss.contextMenu a,
div.crm_entity_field_block.withContextMenu, 
div.crm_entity_field_block.withContextMenu a {
	cursor: context-menu;
}


table.datatable.sel tr:hover td

{
	background-color: rgba(255,111,16,0.2);
	
}

table.datatable.selm tr.ss:hover td,
table.datatable.selm tr.ss:hover td a,
table.datatable.selm tbody:hover tr td,
table.datatable.selm tbody:hover tr td a
{
	background-color: rgba(255,111,16,0.2);
}

table.datatable .selected {
	background-color: rgba(255,111,16,0.2);
	
}


div.button:hover, input.button:hover
{
	border-color: #ff6f06AA;
}

div.button.active, input.button.active
{
	border-color: var(--mxs-green);
	color: var(--mxs-yellowgreen);
}


div.button, input.button,
div.switcher
{
	width: 200px;
	text-align: center;
	font-family:'Amatic SC', sans-serif;
	font-size: 12pt;
	text-decoration: none;
	font-weight: 700;
	color: #ff6f06FF;
	padding: 2px 4px 2px 4px;
	background-color: rgba(var(--mxs-bg-rgba-prefix),0.2);
    border-radius: 5px;
    
    border: solid 2px #ff6f06AF;
    
	margin: 5px;
	display: inline-block;	
}



div.switcher
{
	background-color: inherit;
	border: 2px solid #ccc;
   border-radius: 10px;
}

div.button, input.button
{
	cursor: pointer;
}

div.button.short
{
	width: 150px;
}

input.button.short
{
	width: 110px;
}

div.button.short.ultra
{
	width: 65px;
}

div.button.short.ticket
{
	width: 55px;
}

div.button.short.super,
div.switcher.short.super
{
	width: 40px;
}

input.button.short.ultra
{
	width: 40px;
}

input.button.short.ticket
{
	width: 55px;
}

input.button
{
	width: 210px;
}
 
div.button.red, input.button.red 
{
	border: var(--mxs-red);
	color: white;
}

div.button.red a
{
	color: white;
}

div.button.green, input.button.green 
{
	border-color: var(--mxs-green);
	color: white;
}

div.button.green a
{
	color: white;
}

div.button.amber, input.button.amber 
{
	border-color: var(--mxs-orange);
	color: var(--mxs-orange);;
}

div.button.amber:hover, input.button.amber:hover 
{
	color: var(--mxs-red);
}

div.button.navy, input.button.navy 
{
	border-color: var(--mxs-darkblue);
	color: var(--mxs-blue);
	
}

div.button.amber a
{
	color: var(--mxs-orange);;
}

div.button.gray, input.button.gray 
{
	border-color: var(--mxs-lightgray);
	color: var(--mxs-lightgray);;
}

div.button.gray a
{
	color: var(--mxs-lightgray);;
}

div.button a
{
	text-decoration: none;
	color: white;
}

div.widget table.datatable
{
	margin: 0;
	padding: 0;
}

div.widget, table.h2, table.h1
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

div.widget
{
	margin: 0;
	margin-bottom: 10px;
}

div.widget.center
{
    text-align: center;
}

table.h2 td.right, table.h1 td.right
{
	text-align: right
}

div.crm_entity_field_value,
div.crm_entity_field_input
{
	font-weight: lighter;
}

div.crm_entity_field_title
{
	font-weight: normal;
}



div.crm_entity_block_group div.crm_entity_field_title,
div.crm_entity_block_group div.crm_entity_block_group
{
	margin-left: 0;
}

div.widget p
{
	margin-left: 10px;
}

div.widget_panel_left table.datatable, 
div.widget_panel_right table.datatable
{
	margin-left: 10px;
	width: calc(100% - 20px);
	
}


div.crm_entity_field_title
{
	color:  rgba(180,180,180,0.7);
	font-size: 10pt;
	margin-left: 10px;
}

span.dialogFieldTitle_Reqx {
	color: var(--mxs-red);
	margin-left: 2px;
}

div.crm_entity_field_block
{
	margin: 0 0 10px 0;
	text-align: left;
}

div.crm_entity_field_value,
div.crm_entity_field_input

{
	width: 290px;
}

div.crm_entity_block_group
{
	display: inline-block;
	min-width: 290px;
	text-align: left;
	margin-left: 9px;
	vertical-align: top;
	margin-right: 9px;
}

div.widget_panel_right table.eventlist div.crm_entity_block_group
{
	width: 300px;
}

table.eventlist
{
	padding:0; 
	margin-top: 0px; 
	border-collapse: collapse;
}

table.eventlist div.widget
{
	padding: 0;
	padding-top: 5px;
}
div.crm_entity_field_block input, div.crm_entity_field_block select
{
height: 26px;
}
div.crm_entity_field_block input, div.crm_entity_field_block select, div.crm_entity_field_block textarea
{
	
	border: none;
	border-bottom: 1px solid rgba(100,100,100,1);
	width: 290px;
	box-shadow: none;
	outline: none;
	background: none;
}

/* panel_full_normal */
div.crm_entity_field_value,
div.crm_entity_field_input
{
	width: 310px;
}

div.crm_entity_block_group
{
	width: 310px;
}

div.crm_entity_field_block input, 
div.crm_entity_field_block select, 
div.crm_entity_field_block textarea
{
	width: 300px;
	padding: 0 0 0 10px;
}

.full-width-input div.crm_entity_field_value,
.full-width-input div.crm_entity_field_input
{
	width: 1643px;
}

.full-width-input div.crm_entity_block_group
{
	width: 1643px;
}
.full-width-input
{
	background-color: red;
}
.full-width-input div.crm_entity_field_block input, 
.full-width-input div.crm_entity_field_block select, 
.full-width-input div.crm_entity_field_block textarea 
{
	width: 1633px;
}

/* panel_left_normal */
div.widget_panel_left div.crm_entity_field_value,
div.widget_panel_left div.crm_entity_field_input
{
	width: 290px;
}

div.widget_panel_left div.crm_entity_block_group
{
	width: 290px;
}

div.widget_panel_left div.crm_entity_field_block input, 
div.widget_panel_left div.crm_entity_field_block select, 
div.widget_panel_left div.crm_entity_field_block textarea
{
	width: 280px;
}

div.widget_panel_left div.crm_entity_field_block input.half, 
div.widget_panel_left div.crm_entity_field_block select.half, 
div.widget_panel_left div.crm_entity_field_block textarea.half
{
	width: 132px;
}

/* panel_right_normal */
div.widget_panel_right div.crm_entity_field_value,
div.widget_panel_right div.crm_entity_field_input
{
	width: 310px;
}

div.widget_panel_right div.crm_entity_block_group
{
	width: 310px;
}

div.widget_panel_right div.crm_entity_field_block input, 
div.widget_panel_right div.crm_entity_field_block select, 
div.widget_panel_right div.crm_entity_field_block textarea
{
	width: 300px;
}

div.ui-dialog-content div.crm_entity_field_value,
div.widget_panel_right div.crm_entity_field_input
{
	width: 305px;
}

div.ui-dialog-content div.crm_entity_block_group
{
	width: 305px;
}

div.ui-dialog-content div.crm_entity_field_block input, 
div.ui-dialog-content div.crm_entity_field_block textarea
{
	width: 290px;
}

div.ui-dialog-content div.crm_entity_field_block select 
{
	width: 300px;
}

/* panel_right_with icon */
div.widget_panel_right table.t_icon div.crm_entity_field_value,
div.widget_panel_right table.t_icon div.crm_entity_field_input
{
	width: 300px;
}

div.widget_panel_right table.t_icon div.crm_entity_block_group
{
	width: 300px;
}

div.widget_panel_right table.t_icon div.crm_entity_field_block input, 
div.widget_panel_right table.t_icon div.crm_entity_field_block select, 
div.widget_panel_right table.t_icon div.crm_entity_field_block textarea
{
	width: 290px;
}


div.crm_entity_field_block input.half, div.crm_entity_field_block select.half, div.crm_entity_field_block textarea.half
{
	width: 130px;
}

div.crm_entity_field_block input:focus,
div.crm_entity_field_block select:focus,
div.crm_entity_field_block textarea:focus,
div.crm_entity_field_block input:focus.changed,
div.crm_entity_field_block select:focus.changed,
div.crm_entity_field_block textarea:focus.changed
{
	border: none;
	border-bottom: 1px solid var(--mxs-green);
}

div.widget_panel_left div.crm_entity_block_group
{
	margin-right: 0px;
}

div.crm_entity_field_block input:disabled,div.crm_entity_field_block select:disabled,div.crm_entity_field_block textarea:disabled
{
	border: none;
	border-bottom: 1px double var(--mxs-gray);	
	color: inherit;
}

div.widget_panel_right
{
 	
 	display: inline-table;
 	min-width:680px;  
 	box-sizing: border-box; 
 	width: calc(100% - 320px);
 	float:right; 
 	background:none; 
 	margin:0;
 	padding:0; 
 	vertical-align: top;
}

div.widget_panel_left
{
	display:inline-table; 
	box-sizing: border-box; 
	width: 320px; 
	background: none; 
	margin: 0; 
	padding: 0;
	padding-right: 10px;
	vertical-align: top;
}

.crm_entity_field_title.textarea
{
	/* margin-bottom: 7px; */
}

div.crm_entity_block_group textarea, div.crm_entity_block_group textarea:focus, div.crm_entity_block_group textarea:disabled
{
	/* border: none; */
}

div.alert, p.alert
{
	border: 2px solid black;
	background-color: var(--mxs-red);
	text-align: center;
	position: absolute;
	width: 750px;
	height: 50px;
	margin: auto;
	 left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -25px;
    vertical-align: middle;
    padding-top: 10px;
    color: white;
 	font-family: 'Fira Sans Extra Condensed', sans-serif;
 	font-weight: 500;
	font-size: 14pt;
}

div.hidden_menu
{
	display: none;
	position: absolute;
	z-index: 99;
	top: 90;
	width: 250px;
	background-color: #150007;
	color: white;
	padding: 20px;
	border-radius: 10px;
	border: 3px solid;
	
}

div.contextMenu {
    padding: 5px;
    display: none;
    background-color: #150007;
    border-radius: 5px;
    border: 1px solid var(--mxs-orange);
    position: absolute;
    min-width: 325px;
    z-index: 102;
}

div.cmTitle {
	padding: 0 10px 0 10px;
	border-style: none none solid none;
	border-width: 1px;
    border-color: rgba(255,53,16,0.3);
    color: rgba(255,111,16,0.8);
    font-weight: bold;
}



div.logo_menu
{
	position: absolute;
	visibility: hidden;
	margin-top: 25px;
}

div.logo_menu
{
	position: relative;
	visibility: visible;
	display: none;
	font-size: 40px;
	padding: 0;
	margin: 0;
	padding-left: 0px;
	margin-right: 15px;
}

div.header_user
{
/*	 margin-right: 0px; */
	color: var(--mxs-orange);
}

div.widget_panel_right
{
	width: 1345px;
}

div.t_main
{
	width: 1681px;
}

div.mainfame {
	width: 1676px;
}

div.t_global
{
	width: 1881px;
	margin-right: calc(50% - 940px);
	margin-left: calc(50% - 1140px);
	
	
}

h1.chevron, h2.chevron, h3.chevron,
h1.w_button, h2.w_button, h3.w_button
{
 	display: inline-table;
}


div.chevron.closed div.widget
{
	display:none;
}

div.chevron i
{
/*	display:none;
*/
}

div.chevron.closed i
{
	display:inherit;
}

div.chevron .button,
div.chevron .switcher
{
	float: right;
	margin-top:15px;
}

div.chevron span.chevron
{
	display: inline-table;
	float: right;
	vertical-align: middle;
	height: 100%;
	font-size: 20px; 
	padding-top: 18px;
	color: var(--mxs-blue);
}

div.chevron span.chevron:hover
{
	color: FFA800;
}

div.chevron.first span.chevron
{
	padding-top: 6px;
}

div.chevron.first .button
{
	float: right;
	margin-top: 3px;
}

div.login
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -173px;
	margin-top: -100px;
	width: 337px; 
	color: white;
	
    background-color: rgba(var(--mxs-bg-rgba-prefix),0.65);
    border-radius: 5px;
	
}

div.login h2
{
	color: var(--mxs-gray);
	font-weight: 600;
}


table.t_icon
{
	width:100%;
	padding:0;
	margin-top: 0px;
	border-collapse: collapse;
}

div.crm_entity_field_block input.changed, 
div.crm_entity_field_block select.changed, 
div.crm_entity_field_block textarea.changed
{
	border-bottom-color: rgba(255,111,16,0.6);
}

div.crm_entity_field_block input.saved, 
div.crm_entity_field_block select.saved, 
div.crm_entity_field_block textarea.saved
{
	border-bottom-color: var(--mxs-green);
}

div.crm_entity_field_block input.alert, 
div.crm_entity_field_block select.alert, 
div.crm_entity_field_block textarea.alert
{
	border-bottom-color: var(--mxs-red);
	background-color: var(--mxs-inputalertbg);
}



div.dialog
{
	position: absolute;
	width: 360px;
	min-height: 200px;
	left: calc(50% - 155px);
	top: 200px;
	border: 4px var(--mxs-orange) solid;
	border-radius: 10px;
	background-color: #24293C;
	color: white;
	padding: 5px;
	display: none;
}

div.dialog div.widget
{
	min-height: 200px;
	margin-right: 10px;
}

div.dialog input,
div.dialog textarea
{
	color: black;
}

table.datatable td.code
{
	font-family: Share Tech Mono, sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,0.8);
}

table.datatable th.code,
table.datatable td.code
{
	min-width: 110px;
	width: 105px;
}
table.datatable td.comment
{
	font-size: 13px;
}

div#priceselector.widget
{
	background-color: #24293C; 
	width: 700px; 
	height: 483px; 
	border: 4px solid var(--mxs-orange); 
	padding: 6px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -350px;
	display: none;
}
td.hideablealt, th.hideablealt
{
	display: none;
} 

/* div.widget_panel_left */ 
div.accordion div.widget {
    padding: 10px 0 10px 0;
    height: auto;
    margin-top: 5px;
}


div.accordion .ui-accordion-header.ui-state-active div.button {
    display: inherit;
}

div.accordion .ui-accordion-header div.button {
    display: none;
    margin-top: -3px;
    margin-right: 0px;
    float: right;
}

div.button.hide,
div.accordion .ui-accordion-header div.button.hide {
	display: none;
}

div.accordion .ui-accordion-header.ui-state-active {
    color: var(--mxs-selected-tr1);
    border: none;
    border-bottom: solid 2px var(--mxs-selected-tr1);
}
.ui-state-active .ui-icon {
    background-image: url(../../theme/core/img/ui-icons_444444_256x240.png);
}

.ui-tabs, .ui-tabs-panel, .ui-widget.ui-widget-content.ui-tabs-main-div {
    background-color: inherit;
    border: none;
}

/* accordion and tabs */
div.accordion .ui-accordion-header {
    background-color: rgba(var(--mxs-bg-rgba-prefix),0.7);
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-weight: normal;
    font-size: 14pt;
    height: 18px;
    padding-top: 7px;
    border: none;
    border-bottom: solid 2px var(--mxs-darkgray);
    border-radius: 0;
    color: var(--mxs-lightgray);
}


.ui-tabs .ui-tabs-nav li {
    border: none;
    background-color: inherit;
}
.ui-tabs .ui-tabs-nav .ui-state-default a {
   background-color: inherit;
   padding-bottom: 0px;
   border-bottom: solid 2px var(--mxs-darkgray);
   padding-top: 5px;
   color: var(--mxs-lightgray);
}

.ui-tabs .ui-tabs-nav .ui-state-active a {
    /*background-color: rgba(02,76,168,0.1); */
    color: var(--mxs-selected-tr1);
    border: none;
    
    border: solid 0px var(--mxs-selected);
    border-bottom: solid 2px var(--mxs-selected-tr1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.ui-tabs-tab {
    background-color: inherit;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-weight: normal;
    font-size: 14pt;
    height: 18px;
    padding-top: 7px;

}

#item_tabs .ui-tab.ui-state-disabled {
    display:none;
}

:focus{
    outline: none;
}

.ui-tabs .ui-widget-header {
    background-color: inherit;
    border: none;
    margin-top: -1px;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
} 

.ui-tabs-title-line {
    height: 37px;
    border-radius: 5px;
    background-color: rgba(var(--mxs-bg-rgba-prefix),0.7);
}

.ui-widget-content {
    border: none;
}



/* VARIATIONS */


@media screen and (max-width: 2080px)
{
	
div.t_global
{
	width: 1881px;
	margin-right: calc(100% - 1881px);
	margin-left: 0;
}
	
}

/* *************************************************************************** */
/* Меню + 4 колонки */
@media screen and (max-width: 1900px)
{

div.widget_panel_right
{
	width: 1021px;

}

div.t_main
{
	width: 1360px;
}

div#mainframe {
	width: 1343px  !important;
}

div.t_global
{
	width: 1560px;
	margin-right: calc(50% - 780px);
	margin-left: calc(50% - 980px);
	
}

/* panel_full_normal */
div.crm_entity_field_value,
div.crm_entity_field_input
{
	width: 314px;
}

div.crm_entity_block_group
{
	width: 314px;
	color: black;
}

div.crm_entity_field_block input, 
div.crm_entity_field_block select, 
div.crm_entity_field_block textarea
{
	width: 304px;
}


.full-width-input div.crm_entity_field_value,
.full-width-input div.crm_entity_field_input
{
	width: 1323px;
}

.full-width-input div.crm_entity_block_group
{
	width: 1323px;
}

.full-width-input div.crm_entity_field_block input, 
.full-width-input div.crm_entity_field_block select, 
.full-width-input div.crm_entity_field_block textarea 
{
	width: 1310px;
}

}

@media screen and (max-width: 1760px)
{
	
div.t_global
{
	width: 1560px;
	margin-right: calc(100% - 1560px);
	margin-left: 0;
}
	
}

/* Меню + 3 колонки */

@media screen and (max-width: 1580px)
{

div.widget_panel_right
{
	width: 700px;

}

div.t_main
{
	width: 1039px;
	margin-right: 0;
}

div#mainframe {
	width: 1022px  !important;
}

div.t_global
{
	width: 1239px;
	margin-right: calc(50% - 520px);
	margin-left: calc(50% - 720px);
	
}
/* panel_full_normal */
div.crm_entity_field_value,
div.crm_entity_field_input
{
	width: 317px;
}

div.crm_entity_block_group
{
	width: 317px;
}

div.crm_entity_field_block input, 
div.crm_entity_field_block select, 
div.crm_entity_field_block textarea
{
	width: 307px;
}


.full-width-input div.crm_entity_field_value,
.full-width-input div.crm_entity_field_input
{
	width: 1003px;
}

.full-width-input div.crm_entity_block_group
{
	width: 1003px;
}

.full-width-input div.crm_entity_field_block input, 
.full-width-input div.crm_entity_field_block select, 
.full-width-input div.crm_entity_field_block textarea 
{
	width: 993px;
}

}

@media screen and (max-width: 1439px)
{
	
div.t_global
{
	width: 1239px;
	margin-right: calc(100% - 1239px);
	margin-left: 0;
}
	
}

/* Самая маленькая форма, скрываем меню */
@media screen and (max-width: 1255px)
{
.t_navy_main
{
	position: absolute;
	width: 0;
	visibility: hidden;
	
}

.t_navy_main
{
	position: absolute;
	width: 0;
	visibility: visible;
	left: 0;
	z-index: 100;
	margin-left: 8px;
	
}

div.t_navy_main
{
	position: absolute;
	left: 0;
	z-index: 100;
	margin-left: 8px;
	border-right: 1px solid #606060;
	border-top: 1px solid #606060;
	background-color: rgba(21,0,7,0.95);
	
}

.xmenu_hidden {
		visibility: hidden;
}

div.widget_panel_right
{
	width: 700px;

}

div.t_main
{
	margin: 0;
}
div.t_main
{
	width: 1039px;

}

div#mainframe {
	width: 1022px  !important;
}

div.t_global
{
	width: 1035px;
	margin-right: 0px;
	
}

div.logo_menu
{
	display: inline-block;
}

div.header_logo
{
	margin-top: -15px;
}

div.header
{
	display: block;
}

.full-width-input div.crm_entity_field_value,
.full-width-input div.crm_entity_field_input
{
	width: 1003px;
}

.full-width-input div.crm_entity_block_group
{
	width: 1003px;
}

.full-width-input div.crm_entity_field_block input, 
.full-width-input div.crm_entity_field_block select, 
.full-width-input div.crm_entity_field_block textarea 
{
	width: 993px;
}


}

/* Мобильная версия */
@media only screen and (max-device-width: 480px) {
div.hidden_menu p.item, 
div.hidden_menu p.subitem, 
div.hidden_menu p.title, 
div.hidden_menu p.item a, 
div.hidden_menu p.subitem a, 
div.hidden_menu p.title a,

div.contextMenu p.item, 
div.contextMenu p.subitem, 
div.contextMenu p.title, 
div.contextMenu p.item a, 
div.contextMenu p.subitem a, 
div.contextMenu p.title a

{
	font-size: 20pt;	
	padding-top: 30px;
}

div.hidden_menu
{
	width: 300px;
}

.t_navy_main .xmenu
{
	width: 400px;
	
}


.t_navy_main .xmenu p,
.t_navy_main .xmenu a

{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 30px;
}

body
{
min-width: 710px;
}

div.t_main
{
	margin-right: 0;
	width: 710px;
}

div#mainframe {
	width: 699px !important;
}

div.t_global
{
		width: 710px;
		margin-right: 0px;
		
}

div.widget_panel_right
{
	width: 700px;
}

div.widget_panel_left
{
	width: 700px;
	margin-right: 0;
	padding-right: 0;
}

table.sel tr td
{
	padding-top: 15px;
	padding-bottom: 15px;
}

td.hideable, th.hideable
{
	display: none;
} 

td.hideablealt, th.hideablealt
{
	display: table-cell;
} 

div.crm_entity_field_title
{
	font-size: 12pt;
}

div.widget_panel_left div.crm_entity_block_group
{
	width: 332px;
}

div.widget_panel_left div.crm_entity_field_value,
div.widget_panel_left div.crm_entity_field_input
{
	width: 332px;
}

div.widget_panel_left div.crm_entity_field_block input, 
div.widget_panel_left div.crm_entity_field_block select, 
div.widget_panel_left div.crm_entity_field_block textarea
{
	width: 322px;
}

div.widget_panel_left div.crm_entity_field_block input.half, 
div.widget_panel_left div.crm_entity_field_block select.half, 
div.widget_panel_left div.crm_entity_field_block textarea.half
{
	width: 153px;
}

/* panel_full_normal */
div.crm_entity_field_value,
div.crm_entity_field_input
{
	width: 325px;
}

div.crm_entity_block_group
{
	width: 325px;
}

div.crm_entity_field_block input, 
div.crm_entity_field_block select, 
div.crm_entity_field_block textarea
{
	width: 315px;
}

div.crm_entity_field_block input.half, 
div.crm_entity_field_block select.half, 
div.crm_entity_field_block textarea.half
{
	width: 150px;
}

div.login
{
	width: 345px; 
}


.full-width-input div.crm_entity_field_value,
.full-width-input div.crm_entity_field_input
{
	width: 680px;
}

.full-width-input div.crm_entity_block_group
{
	width: 680px;
}

.full-width-input div.crm_entity_field_block input, 
.full-width-input div.crm_entity_field_block select, 
.full-width-input div.crm_entity_field_block textarea 
{
	width: 670px;
}

div#priceselector.widget
{
	
	left: 0;
	margin-left: 0px;
}

html,
body 
{
	min-width: 710px;
	min-height: 1035px;
}

html.login,
body.login 
{
	min-width: inherit;
	min-height: 100%;	
	background-size: contain;	
	background-position-x: center;
	background-position-y: center;
}

}