/*Attention au c0da71 à passer en primary color dans ej */
@import url(css/uicons-regular-straight.css);
:root{
	--body-color: #F6F7F9;
	--sidebar-color: #FFF;
    --primary-color: #5e3272;
    --primary-color-light: #ffd766;
	--green-color: #a9fbb4;
	--blue-color: #09FEFF;
    --toggle-color: #707070;
    --text-color: #707070;
	--tran: all 0.5s;
	--button-background-color:#5e3272;
	--button-background-color-hover:#ffd766;
	--button-text-color:#fff;
	--button-text-color-hover:#5e3272;
	--button-background-color-light:#ffd766;
	--button-background-color-light-hover:#5e3272;
	--button-text-color-light:#5e3272;
	--button-text-color-light-hover:#fff;
}
@font-face {
    font-family: Roboto;
    src: url(fonts/Roboto/Roboto-Regular.ttf) format("TrueType");
}
*{
    margin: 0;
    box-sizing: border-box;
	font-family: Roboto, Arial, sans-serif;
}
body
{
	background-color: var(--body-color);
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #4c4c4c;
	 min-height: 100vh;
}

img
{
    border: 0;
    outline: none;
}
#BtNew
{
    width: 24px;
}

.barrer
{
    text-decoration: line-through;
}
a
{
    outline: 0;
}
a:link
{
    color: #0000EE;
    text-decoration: underline;
}

a:visited
{
    color: #551A8B;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #551A8B;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, section
{
    display: block;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2
{
    padding: 0 0 10px 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

.justify
{
    text-align: justify;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	border-top-left-radius: 5px;
}

header, #header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main
{
    display: block;
    background-color: var(--body-color);
}
.maindesigner{
    position: fixed;
    left: 250px;
	height: calc(100% - 82px);
    width: calc(100% - 250px);
    background-color: var(--body-color);
	padding-left: 5px;
	overflow: auto;
}
.maindesigner .text{
    font-size: 30px;
    font-weight: 500;
    color: var(--text-color);
    padding: 12px 60px;
}

/* MENU */
nav {
    display:block;
    width:100%;
	float: left;
	margin: 5px 0px 0px 0px;
}
.e-menu
{
    border: 0 none;
}
.e-menu.e-horizontal .e-list:hover{
	background: #FFF;
	border-top: 2px solid var(--primary-color);
	margin-top: -2px;
	border-bottom: 2px solid var(--primary-color);
	margin-bottom: -2px;
}

.e-menu.e-horizontal .e-list.e-active > .e-menulink{
	color: #333;
}
.e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list > ul, .e-menu.e-context, .e-menu.e-context .e-list > ul
{
    background:#FFF;
}
.e-menu.e-horizontal .e-list
{
	margin-right: 10px;
}
.e-menu.e-horizontal .e-list>ul
{
    background:#FFF;

}
.e-menu.e-horizontal .e-list > a
{
    /*color: rgb(92, 93, 90);*/
	color: #707070 !important;
	
		font-size: 14px !important;
	/*text-transform: uppercase;*/
}
.e-menu.e-horizontal .e-list>a, .e-menu.e-horizontal .e-list>span, .e-menu.e-vertical .e-list>a, .e-menu.e-vertical .e-list>span, .e-menu.e-context .e-list>a, .e-menu.e-context .e-list>span, .e-menu-res-wrap .e-menu-res-in-wrap .e-res-title, .e-menu.e-vertical
{
     color: #333;
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-check-wrap .e-res-icon, .e-menu-res-wrap .e-menu-res-in-wrap .e-check-wrap
{
     color: #333;
}
.e-menu.e-horizontal>.e-list.e-active.e-menu-arrow:after{
  border-color: transparent transparent #FFF;
  border-style: solid;
}
.e-menu .e-list>a .e-icon, .e-menu .e-list>span>.e-icon
{
    color: #333;
}
.e-menu .e-list>a span.e-icon.e-arrowhead-down, .e-menu .e-list>a span.e-icon.e-arrowhead-right
{
    color: var(--primary-color);
}
.e-menu.e-horizontal .e-list>.e-menulink, .e-menu.e-vertical .e-list>.e-menulink, .e-menu.e-context .e-list>.e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-res-title, .e-menu.e-vertical {
	 color: #000;
}
.e-menu-wrap>.e-menu-popwrap>.e-menu.e-vertical .e-list>.e-menulink
{
	background:#FFF;
	 color: #333;
}
.e-menu.e-separator.e-horizontal > .e-list, .e-menu.e-horizontal > .e-separator
{
    border-right: 0 none;
}
.e-menu.e-horizontal .e-list:hover > a, .e-horizontal.e-menu .e-list:hover > span
{
    background: none;
}
.e-menu.e-horizontal .e-list.e-active > .e-menulink, .e-menu.e-vertical .e-list.e-active>.e-menulink, .e-menu.e-context, e-list.e-active>.e-menulink, .e-menu.e-horizontal .e-list.e-active:hover, .e-menu.e-vertical .e-list.e-active:hover, e-menu.e-context .e-list.e-active:hover{
	color: #000000;
}
.MENUSELECTED
{
	border-bottom: 2px solid var(--primary-color) !important;
	margin-bottom: -2px !important;
}
.e-menu.e-context {
    width: initial;
}
/*SIDE BAR MENU */

/*.eca-toggle:before{content: "\e602"}	*/

.toggle{

    cursor: pointer;
	margin-bottom: 15px;
}
.sidebar{
    position: fixed;
    top: 80px;
    left: 0;
    height: calc(100% - 80px);
    width: 250px;
    padding: 5px 5px 10px 5px;
    background: #fff;
    transition: var(--tran);
    z-index: 100;  
	border-top-right-radius: 5px;
	box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.15) ;
}
.sidebar.close{
    width: 68px;
}
.ticketeditsidebar
{
    position: relative;
    top: auto;
	border-top-right-radius: initial;
	box-shadow: none;
}
.ticketeditsidebar .menu-bar {
    overflow: hidden !important;
}
.SplitterLeftPane .sidebar{
	width: auto;
}
.nav-link{
    height: 40px;
    list-style: none;
    display: flex;
    align-items: center;
}
.sidebar header .image,
.sidebar .icon, .pagetitle .icon, .pagetitleindex .icon, .pagetitleedit .icon, .toggle{
    min-width: 40px;
    border-radius: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.sidebar .text,
.sidebar .icon{
    color: var(--text-color);
    transition: var(--tran);
}
.sidebar .text{
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 1;
}
.sidebar.close .text{
    opacity: 0;
}
.sidebar li a{
    list-style: none;
    height: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 6px;
    text-decoration: none;
    transition: var(--tran);
}
.sidebar li a:hover{
    background-color: var(--primary-color);
}
.sidebar li a:hover .icon,
.sidebar li a:hover .text{
    color: var(--sidebar-color);
}
.sidebar .menu-bar{
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	overflow-x: hidden; /* Hide horizontal scrollbar */
	overflow-y: scroll; /* Add vertical scrollbar */
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.sidebar .menu-bar::-webkit-scrollbar {
  width: 5px;
}
.sidebar .menu-bar::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.sidebar .menu-bar::-webkit-scrollbar-thumb {
  background: #888;
}
.sidebar .menu-bar::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.sidebar.close ~ .maindesigner{
    left: 68px;
    width: calc(100% - 48px);
}
#mySplitter div > div > ul{
	padding-inline-start: 5px;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
#TopButton
{
	background-color: #fff;
    width: 24px;
    cursor: pointer;
    height:24px;
    float: right;
    margin: -24px -24px 0 0;
}
#BtnBack
{
    float: left;
    display: block;
}
#BtnBackToList
{
    width: 24px;
    cursor: pointer;
}
.imgload
{
	margin: auto;
	display: block;
	width: 80px;
	height: 80px;
}
#loginapplogo {
	border-width:0px;
	vertical-align: bottom;
	margin: auto;
	display: block;
	max-height: 40px;
}
#applogo
{
    border-width:0px;
    vertical-align: bottom;
}
#EcaldimaLogo
{
    border-width:0px;
    vertical-align: bottom;
    margin-left: 5px;
}
.ClearBoth
{
    clear: both;
}
fieldset
{
    border: 2px solid var(--primary-color);
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    min-width: 95%;
	display: table-cell;
}


#image
{
    max-width: 200px;
    margin: 2px;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
legend span
{
    font-size: 0.8em;
    font-weight: normal;
}


textarea
{
    min-height: 75px;
    border-color: #aaa;
}

input[type="text"], input[type="password"], input[type="email"]
{
	border: 1px solid #aaa;
    padding: 2px;
    font-size: 1.0em;
    color: #4c4c4c;
    width: 100%;
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    box-sizing: border-box;
}
input[type="number"], input[type="textdate"], .numberinput
{
    text-align: right;
    border: 1px solid #aaa;
    padding: 2px;
    font-size: 1.0em;
    color: #4c4c4c;
    width: 100%;
	line-height: 28px;
    border-radius: 5px;
    box-sizing: border-box;
}
.stocknum
{
	width: initial !important;
}
input[type=checkbox], input[type=radio]
{
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
input[type=checkbox]
{
	margin-right: 2px;
}
input[type="submit"]
{
    outline: 0;
}
input::placeholder {
  color: lightgrey;
}
select
{
    padding: 2px;
    font-size: 14px;
    color: #4c4c4c;
	line-height: 28px;
	height: 30px;
	border: 1px solid #aaa;
	border-radius: 5px;
	
}
.select2-container .select2-selection--single 
{
	height: 30px;
}
.select2-container--classic .select2-selection--single {
    background-color: #ffffff;
    background-image: none;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-image: none;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	background-image: none;
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #aaa;
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #aaa;
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #aaa;
}							
#Resolve_ResolutionCodeId
{
	z-index: 100000;
}
.costitem-field
{
    width: 100%;
    margin: 0.5em 0 0.5em 0;
}
.comment-field
{
    width: 100%;
    margin: 0.5em 0 0.5em 0;
}
#Query, #editor
{
    width: 100%;
    height: 200px;
    margin: 0.5em 0 0.5em 0;

}
#editor
{
	border: 1px solid #f1f1f1;
}
.ace_editor
{
	height: 200px;
}
/* TABLE
----------------------------------------------------------*/

.tablediv
{
    display: table;
    border: 1px solid #CCC;
	margin-left: 10px;
}
.tablerow
{
    display: table-row;
}
.tablecellheader
{
    display: table-cell;
    border-bottom: 1px solid #CCC;
}
.tablecell
{
    display: table-cell;
}
.tableaction
{
    width: 45px;
    max-width: 60px;
}
.tableactionrequests
{
    width: 100px;
}
.tableactionassets
{
    min-width: 100px;
}
.tableactionreports
{
    min-width: 100px;
}
.tableaction img, .tableactionrequests img, .tableactionassets img, .tableactionreports img
{
    width: 16px;
    cursor: pointer;
}
table
{
    border: solid 1px #C8C8C8;
    border-collapse: collapse;
}
table tfoot th
{
    text-align: left;
}

.sortable
{
    list-style: none;
    width: 95%;
}
.sortable li
{
    display: table;
    width: 100%;
    height: 22px;
    vertical-align: middle;
    text-align: left;
    background: #fff;
    margin: 5px;
    border: 1px solid var(--eca-primary-color);
}
.sortable li:hover
{
    background: #f2f2f2;
    cursor: move;
}

.dataTables_wrapper a{
    z-index:100;
}
/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

#title
{
    display: block;
    float: left;
    text-align: left;
    vertical-align: middle;
    margin: 2px 0px 2px 0px;
    width: 30%;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 12px 5px 0px 0px;
    color: black;
    float: right;
}

#logindisplay a:link
{
    color: var(--primary-color);
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: var(--primary-color);
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: var(--primary-color);
    text-decoration: none;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.select2-container--default.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
} 

.field-validation-error
{
    color: #ff0000;
    
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-errors ul
{
    list-style-type: none;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.displayandeditorgroup
{
	margin-bottom: 1rem;
}
.display-label, .editor-label, .QuestionText
{
    margin: 0;
	font-size: 1.0em;
    min-height: 20px;
	font-weight: 600;
	border-bottom: 1px solid #f1f1f1;
	padding: 5px;
	box-sizing: border-box;

}
.label-label{
	border-bottom: none;
	padding-bottom: 0px;
}
.QuestionText
{
	border: none;
}
.display-field, .editor-field, .designer-editor-field
{
    margin: 5px 0px 0px 0px;
    vertical-align: middle;
    background: #fcfcfc;
    padding: 5px;
	min-height: 28px;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.editor-field,.designer-editor-field
{
	background: none;
}

.display-label100l, .editor-label100l
{
    font-size: 1.2em;
    height: 20px;
    clear: both;
    float: left;
    width: 100%;
    margin-right: 5px;
}

.multiline-editor-field
{
    margin: 5px 0px 5px 0px;
	padding: 5px;
	display: block;
	box-sizing: border-box;
}
.html-editor-field
{
    margin: 5px;
}


.text-box.multi-line
{
    height: 6.5em;
	width: 600px;
}

.tri-state
{
    width: 6em;
}
.tooltipbox
{
    display: none;
    z-index: 1001;
}
.ColumnFilter
{
    border: 0px solid #a2c522;
    background: #a2c522;
    color: #ffffff;
    width: 100%;
}
.Money
{
    text-align: right;
}

.button
{
    background: var(--primary-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border-style: none;
    align-items: flex-start;
    text-align: center;
    cursor: pointer;
}
.button:hover
{
    background: #626262;
    text-decoration: none;
    border-style: none;
}

.buttonDeleteRow
{
    width: 16px;
    height: 16px;
    background-image: url(./images/delete-16.png);
    text-decoration: none;
    border-style: none;
    background-color: #fff;
    background-repeat: no-repeat !important;
}

.formbutton
{
    float: left;
    padding-top: 5px;
}
a.back-to-top
{
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 52px;
    height: 52px;
    z-index: 100;
    display: none;
    right: 0;
    text-decoration: none;
    background-image: url(images/backtotop-up-circular-48.png);
    background-color: transparent;
    background-repeat: no-repeat !important;
    vertical-align: middle;
}
a.back-to-top:hover
{
    background-image: url(images/backtotop-hover-up-circular-48.png);
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:120000;
}
#return-to-top span {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
	background: #A0A0A0;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}
#return-to-top:hover span {
    color: #fff;
    top: 5px;
}
.TicketInfoBlock
{
    margin: 0.5em 0 1em 0;
    height: 35px;
    border: 2px solid #ddd;
}
.TicketInfoBlock-field
{
    max-width: 400px;
	white-space: normal;
}

/* STRUCTURE */

.col-1
{
    width: 80px;
}
.col-2
{
    width: 160px;
}
.col-3
{
    width: 240px;
}
.col-4
{
    width: 320px;
}
.col-5
{
    width: 400px;
}
.col-6
{
    width: 480px;
}
.col-7
{
    width: 560px;
}
.col-8
{
    width: 640px;
}
.col-9
{
    width: 720px;
}
.col-10
{
    width: 800px;
}
.col-11
{
    width: 880px;
}
.col-12
{
    width: 100%;
}
.col-50p
{
    width: 45%;
}
[class*="col-"], [class*="cell-"]
{
    float: left;
    padding: 5px;
}
.col-flright
{
    float: right;
}
.col-down
{
    display: none;
}


.cell-1
{
    min-width: 80px;
}
.cell-2
{
    min-width: 160px;
}
.cell-3
{
    min-width: 240px;
}
.cell-4
{
    min-width: 320px;
}
.cell-5
{
    min-width: 400px;
}
.cell-6
{
    min-width: 480px;
}
.cell-7
{
    min-width: 560px;
}
.cell-8
{
    min-width: 640px;
}
.cell-9
{
    min-width: 720px;
}
.cell-10
{
    min-width: 800px;
}
.cell-11
{
    min-width: 880px;
}
.cell-12
{
    min-width: 100%;
}

.fullwidth
{
    width: 100%;
	padding: 0;
}
.colheader {width: 100%; padding: 2px 0 2px 5px;margin-bottom: 10px; font-size: large;}
#uploadbox,#uploadboxnotvisibletoguest
{
    margin-top: 3px;
    margin-bottom: 3px;
}
.TIMABlock
{
    border: 2px solid #ddd;
    padding: 0 2px 5px 2px;
    margin: 0 5px 5px 0;
    white-space: normal;
}
.TIMATIcketActionPageTitle{
	height: 40px;
}
.TIMATIcketActionPageTitle i{
	width: 40px;
	font-size: 20px;
	text-align: center;
	display: inline-block;
}

.TIMATIcketActionPageTitle .text {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 1;
	line-height: 40px;
}
.OperatorTicketDisplayMenuLink{
	padding: 10px;
	box-sizing: border-box;
	min-width: 150px;
	text-align: center;
	background-color: #f7f7f7;
	margin: 0px 5px 0px 5px;
}
.OperatorTicketDisplayMenuLink:hover{
	border-top: 2px solid var(--primary-color);
	margin-top: -2px;
	border-bottom: 2px solid var(--primary-color);
	margin-bottom: -2px;
	cursor: pointer;
}
.OperatorTicketDisplayMenuLink a{
	text-decoration: none;
	color: var(--primary-color);
}
.OperatorTicketDisplayMENUSELECTED {
	border-bottom: 2px solid var(--primary-color) !important;
	margin-bottom: -2px !important;
	background-color: #4c4c4c;
	color: #ffffff;
}
.OperatorTicketDisplayMENUSELECTED a{
	color: #ffffff;
}

.OperatorTicketDisplayCancelButton, .OperatorTicketDisplayCloseButton{
	padding: 10px;
	box-sizing: border-box;
	min-width: 150px;
	text-align: center;
	background-color: #f7f7f7;
	margin: 0px 5px 0px 5px;
	border: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
}
.OperatorTicketDisplayActionButton {
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	min-width: 150px;
	text-align: center;
	background-color: #4c4c4c;
	color: #ffffff;
	margin: 0px 5px 0px 5px;
	border: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.OperatorTicketDisplayRefuseButton,.OperatorTicketDisplaySubActionButton{
	padding: 10px;
	box-sizing: border-box;
	min-width: 150px;
	text-align: center;
	background-color: #f1f1f1;
	margin: 0px 5px 0px 5px;
	border: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
}
.OperatorTicketDisplayAcceptButton {
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	min-width: 150px;
	text-align: center;
	background-color: #4c4c4c;
	color: #ffffff;
	margin: 0px 5px 0px 5px;
	border: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.OperatorTicketDisplayActionButton:hover,.OperatorTicketDisplayCancelButton:hover,.OperatorTicketDisplayRefuseButton:hover,.OperatorTicketDisplayAcceptButton:hover,.OperatorTicketDisplayCloseButton:hover,.OperatorTicketDisplaySubActionButton:hover {
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
    transition: box-shadow 0.3s ease;
	cursor: pointer;
}
.childticketlist
{
    min-height: 2px;
    max-height: 180px;
    overflow: auto;
    width: 400px;
    padding: 0 0 0 5px;
    margin: 0 5px 5px 0;
    white-space: nowrap;
}
.childtickettoclose
{
    list-style: none;
	padding-inline-start: 0px;
}
.assetsearchresult
{
    width: 100%;
    padding: 2px;
    background-image: url(images/view-details-24.png) !important;
    background-repeat: no-repeat !important;
    
    cursor: pointer;
}
.assetsearchresult span
{
    padding-left: 25px;
}
.blocktitle
{
    font-size: 0.8em;
    text-align: left;
    font-weight: bold;
}
/* Priority
100	Low
200	Medium
300	High
400	Critical
*/
.PriorityBlock400
{
    border: 2px solid red;
    font-weight: bold;
    color: Red;
}
.PriorityBlock300
{
 border: 2px solid #FF6A00;
    font-weight: bold;
    color: #FF6A00;
}
.PriorityBlock200
{
   
     border: 2px solid blue;
    font-weight: bold;
    color: blue;
}
.PriorityBlock100
{
    border: 2px solid blue;
    font-weight: normal;
    color: blue;
}
.StatusBlock400
{
    border: 2px solid #0014ED;
}
.row::after
{
    content: "";
    clear: both;
    display: block;
}

.includeTicketDisplay
{
    margin-top: 10px;
}

.CalcPrioritybutton
{
    background-image: url(images/ticketedit/BtnTicketEditCalculatePriority-18.png) !important;
    height: 18px;
    width: 18px;
    border: 0 none;
    border-style: none;
    background-color: transparent;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat !important;
}

.ShowHideSearch
{
    background-image: url(images/show-hide-search.png);
    height: 16px;
    width: 16px;
    border: 0 none;
    border-style: none;
    background-color: transparent;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat !important;
}
/* MENU TICKET DISPLAY */

#MnuAddComment, .TicketAddComment
{
    background-image: url(images/ticketedit/BtnTicketEditAddComment-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuSendEmail
{
    background-image: url(images/ticketedit/BtnTicketEditSendEmail-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

#MnuValidation
{
    background-image: url(images/ticketedit/BtnTicketEditAskForValidation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuCreateLinked
{
    background-image: url(images/ticketedit/BtnTicketEditCreateChildTicket-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuAskValidation
{
    background-image: url(images/ticketedit/BtnTicketEditAskForValidation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuCancelValidation
{
    background-image: url(images/ticketedit/BtnTicketEditCancelValidation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

#MnuAssignToMe
{
    background-image: url(images/ticketedit/BtnTicketEditAssignToMe-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

#MnuReAssign
{
    background-image: url(images/ticketedit/BtnTicketEditReassign-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

#MnuSchedule
{
    background-image: url(images/ticketedit/BtnTicketEditSchedule-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuReSchedule
{
    background-image: url(images/ticketedit/BtnTicketEditReschedule-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuCancelSchedule
{
    background-image: url(images/ticketedit/BtnTicketEditCancelSchedule-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

#MnuResolve
{
    background-image: url(images/ticketedit/BtnTicketEditResolve-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuCancelResolution
{
    background-image: url(images/ticketedit/BtnTicketEditCancelResolve-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuControlResolution
{
    background-image: url(images/ticketedit/BtnTicketEditControlResolution-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

#MnuClassify
{
    background-image: url(images/ticketedit/BtnTicketEditClassify-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuRespond
{
    background-image: url(images/ticketedit/BtnTicketEditRespond-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuResume
{
    background-image: url(images/ticketedit/BtnTicketEditResume-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuCloseTask
{
	background-image: url(images/run-task-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuScheduleTask
{
    background-image: url(images/TaskSchedule-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
#MnuHoldTask
{
    background-image: url(images/TaskHold-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}				 
#dvMenuActions ul
{
	margin: 0px;
	width: 100%;
	display: block;
	padding-inline-start: 0px;
}
#dvMenuActions ul li {
    display:inline-block;
    background-color: #fff;
    list-style-type:none;
    padding:10px 10px 10px 46px;
	margin: 5px;
    background: #ffffff;
    color: #4c4c4c;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
	border: 1px solid #c1c1c1;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}
#dvMenuActions ul li:hover {
	cursor: pointer;
	background: #f2f2f2;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}
[id*="MnuSmartTask_"]
{
    background-image: url(images/ticketedit/BtnTicketEditSmartTask-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
[id*="MnuSmartTask_"]:hover
{
    background: none;
}

[id*="MnuRequestTask_"]
{
    background-image: url(images/task-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
[id*="MnuRequestValidation_"]
{
    background-image: url(images/validation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
[id*="MnuRequestDialog_"]
{
    background-image: url(images/dialog-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
[id*="MnuRequestReassignTask_"]
{
    background-image: url(images/reassign-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
[id*="MnuRequestReassignTask_"]:hover
{
    background: none;
}
[id*="MnuRequestReassignValidation_"]
{
    background-image: url(images/reassign-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
.TicketAddComment
{
    background-image: url(images/ticketedit/BtnTicketEditAddComment-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketClassify
{
    background-image: url(images/ticketedit/BtnTicketEditClassify-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketAskValidation
{
    background-image: url(images/ticketedit/BtnTicketEditAskForValidation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketAssignToMe
{
    background-image: url(images/ticketedit/BtnTicketEditAssignToMe-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketCancelResolution
{
    background-image: url(images/ticketedit/BtnTicketEditCancelResolve-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketCancelSchedule
{
    background-image: url(images/ticketedit/BtnTicketEditCancelSchedule-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketCancelValidationRequest
{
    background-image: url(images/ticketedit/BtnTicketEditCancelValidation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketControlResolution
{
    background-image: url(images/ticketedit/BtnTicketEditControlResolution-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketReassign
{
    background-image: url(images/ticketedit/BtnTicketEditReassign-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketReschedule
{
    background-image: url(images/ticketedit/BtnTicketEditReschedule-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketResolve
{
    background-image: url(images/ticketedit/BtnTicketEditResolve-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketResume
{
    background-image: url(images/ticketedit/BtnTicketEditResume-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketSendEmail
{
    background-image: url(images/ticketedit/BtnTicketEditSendEmail-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketSchedule
{
    background-image: url(images/ticketedit/BtnTicketEditSchedule-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TicketValidation
{
    background-image: url(images/ticketedit/BtnTicketEditAskForValidation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.CreatedLinkedTicket
{
    background-image: url(images/ticketedit/BtnTicketEditCreateChildTicket-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TabTicketDetails
{
    background-image: url(images/tabs/TabTicketDetails-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TabLinkedTickets
{
    background-image: url(images/ticketedit/BtnTicketEditCreateChildTicket-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TabTicketCommentHistory
{
    background-image: url(images/tabs/TabTicketCommentHistory-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TabTicketHistory
{
    background-image: url(images/tabs/TabTicketHistory-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
.TabTicketActionHistory
{
    background-image: url(images/tabs/TabTicketActionHistory-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
	padding-left: 28px;
}
#TicketCommentHistory, #TicketHistory, #TicketActionHistory
{
  isolation: isolate;
}
.e-tab.e-js .e-header>.e-active,.e-tab.e-js .e-header > .e-select
{
    font-size: 14px;
}

/*.e-tab.e-js > .e-content
{
    color: #4c4c4c;
    margin-bottom: 5px;
}
.e-tab .e-header > .e-select a, .e-tab .e-left > .e-select a, .e-tab .e-right > .e-select a
{
    color: #4c4c4c;
}

.e-tab .e-active-content
{
	padding: 0;
}
*/

/* Accordeon */

.e-acrdn .e-select
{
 font-size: 1em;
 
}
.e-in-wrap{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.e-ddl .e-in-wrap{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
}
.e-numeric .e-in-wrap, .e-percent .e-in-wrap, .e-currency .e-in-wrap, .e-mask .e-in-wrap
{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
}
button.dt-button, div.dt-button, a.dt-button
{
    height: 30px;
}

#SRLevels td, #ConsumStock td
{
    padding: 0px 2px 0px 2px;
}
.coldeleterow
{
    width: 20px;
}
.DashboardAssetSearch, .DashboardContractSearch, .DashboardOperatorSearch
{
    margin-top: 5px;
    margin-bottom: 3px;
}
.DashboardLastUpdate
{
    float: right;
}
.DashboardLastUpdate img
{
    width: 24px;
    vertical-align: middle;
    cursor:pointer;
}

.AssetDashboardReport, .ContractDashboardReport, .UserRequestsDashboardReport
{
    border: 1px #C0C0C0 solid;
    padding: 0px 10px 5px 5px;
    margin-bottom: 5px;
    min-height: 250px;
}

.AssetDashboardReport table, .ContractDashboardReport table, .UserRequestsDashboardReport table
{
    width: 100%;
}
.DashboardReporthr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f1f1f1;
    margin: 2px 0 2px 0;
    padding: 0;
}
.ContractDashboardReport th
{
    background-color: var(--primary-color);
}
.inventoryicon
{
    width: 48px; 
    height: 48px; 
}
.tabicon
{
    margin: 0px -10px 0 5px; 
    width: 24px; 
    height: 24px; 
    vertical-align: middle;
    padding-right: -5px;
}
.reportplannedicon
{
    background-image: url(images/schedule-24.png) !important;
    background-repeat: no-repeat !important;
    height: 26px;
}


.reportactionsicon
{
    background-image: url(images/smarttask-24.png) !important;
    background-repeat: no-repeat !important;
    height: 26px;
}
.reportasseticon
{
    background-image: url(images/asset-24.png) !important;
    background-repeat: no-repeat !important;
    height: 26px;
}
.reportopenicon
{
    background-image: url(images/inprogress-24.png) !important;
    background-repeat: no-repeat !important;
    height: 26px;
}
.reportcloseicon
{
    background-image: url(images/closed-24.png) !important;
    background-repeat: no-repeat !important;
    height: 26px;
}
.reportplannedicon h3, .reportactionsicon h3, .reportasseticon h3, .reportopenicon h3, .reportcloseicon h3
{
    padding-left: 28px;
}
.OperatorDashboardTableTitle
{
    font-size: 1em;
    font-weight: bold;
     padding-left: 28px;
}
.objectlink a
{
    text-decoration: none;
    font-weight: bold;
}
.objectlink a:visited, .objectlink a:active
{
    text-decoration: none;
    color: #4c4c4c;
}
.objectlink a:link
{
    color: #4c4c4c;
}
.objectlink img
{
    height: 24px;
    width: 24px;
    vertical-align: middle;
}
.ticketlink a, .assetlink a
{
    text-decoration: none;
    font-weight: bold;
    
}
.ticketlink a:visited, .assetlink a:visited, .ticketlink a:active, .assetlink a:active
{
    text-decoration: none;
    color: #4c4c4c;
}
.ticketlink a:link, .assetlink a:link
{
    color: #4c4c4c;
}
.ticketlink img, .assetlink img
{
    height: 24px;
    width: 24px;
    vertical-align: middle;
}
.ChildTicketLink{
    font-style: italic;
}
.ParentTicketLink{
    text-decoration: underline;
}
/*DESIGNER */
#TabProcessStart
{
	padding: 0;
	overflow: auto;
}
.e-treeview .e-active{
	background: var(--primary-color-light);
	color: var(--primary-color);
}
.ace_print-margin
{
	display: none;
}
#Tabs
{
	margin: 0px 5px 0px 5px;
}
#jstreeStart div.jstree-wholerow, #jstreeEnd div.jstree-wholerow
{
	height: 32px;
}
#jstreeStart .jstree-anchor, #jstreeEnd .jstree-anchor
{
	height: 36px;
}
#jstreeStart.jstree-default, #jstreeStart.jstree-node, #jstreeEnd.jstree-default, #jstreeEnd.jstree-node
{
	min-height: 36px;
	line-height: 36px;
	margin-left: 36px;
	min-width: 36px;
	
}
li#ROOT_0.jstree-node.jstree-open.jstree-last
{
	line-height: 36px;

}
#jstreeStart i.jstree-icon.jstree-ocl, #jstreeStart i.jstree-icon.jstree-themeicon.jstree-themeicon-custom, #jstreeEnd i.jstree-icon.jstree-ocl, #jstreeEnd i.jstree-icon.jstree-themeicon.jstree-themeicon-custom
{
	line-height: 32px;
		height: 32px;
    width: 32px;
	
}
ul#DesignerMenu.e-menu.e-js.e-menu-responsive.e-widget.e-box.e-horizontal.e-separator
{
	background: #FFF;
}

#navdesigner.div.e-menu-wrap.e-menu-responsive
{
	margin-left: 5px;
}
.imgselectseparator{
    color: #333333;
	background-color: #ccc;
	height: 20px;
}

.imgchildselectitem{
	float:left;
}

.imgselectitem
{
	float: left;
}
.IconDisplay
{
	max-width: 32px;
}
.ImageDisplay
{
	max-width: 48px;
}
#ImageSelector_IconUrl .select2-container .select2-selection--single{
    min-height: 120px;
    padding: 3px;
}
#ImageSelector_ImageUrl .select2-container .select2-selection--single{
    min-height: 120px;
    padding: 3px;
}
ul#select2-IconUrl-results.select2-results__options
{
	max-height: 330px;
}
ul#select2-ImageUrl-results.select2-results__options
{
	max-height: 330px;
}
.imgselectitemtext, .imgchildselectitemtext
{
	float:left;
	margin-left:5px;
}
.DesignerAlertMsg{font-weight: normal;font-size: 1.0em;margin-left:5px;}
.scoopvartable tr td
{
    border:1px solid #c8c8c8;
}
.scoopvartable td:hover
{
    background-color: #86bcea;
    cursor:pointer;
}
.CodeMirror-line-numbers
{
	margin: 0.4em;
}
.CodeMirror-line-numbers div
 {
	color: #999;
	min-width: 20px;
	text-align: right;
	background-color: #F7F7F7;
	
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

.btnEcaldima, .btnEcaldimaMSL.e-button, .btnScoop, #InlineEditForm_GridMapping_Save, #InlineEditForm_Grid_Save,.btnLogin
{
    outline: none;
    background: #A0A0A0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    padding: 10px 10px 10px 10px;
	min-width: 95px;
    text-decoration: none;
	border: 1px solid #A0A0A0;
    align-items: flex-start;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
	margin-bottom: 2px;
}
.btnEcaldimaMSL.e-button
{
	padding: 5px 10px 5px 10px;
	min-width: 110px;
}
.btnEcaldimaMSL.e-button .e-icon
{
	color: #FFF;
}
.btnEcaldima:hover, .btnEcaldimaMSL.e-button:hover, .btnScoop:hover,#InlineEditForm_GridMapping_Save:hover, #InlineEditForm_Grid_Save:hover,.btnLogin:hover
{
    outline: none;
    background: #C0C0C0;
    text-decoration: none;
    border-style: none;
	border: 1px solid #A0A0A0;
	box-shadow: none;
}
.btnEcaldima:visited, .btnEcaldima:link, .btnScoop:link, .btnScoop:visited
{
	  outline: none;
	  text-decoration: none;
	  color: #FFF;
}
.btnEcaldimalight, .btnEcaldimaMSLlight.e-button, .btnScoopLight, #InlineEditForm_GridMapping_Cancel, #InlineEditForm_Grid_Cancel
{
    outline: none;
    background: #f5f5f5 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    padding: 10px 10px 10px 10px !important;
	min-width: 95px;
    text-decoration: none;
	border: 1px solid #A0A0A0;
    align-items: flex-start;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
	margin-bottom: 2px;
}
.btnEcaldimaMSLlight.e-button
{
	padding: 5px 10px 5px 10px;
	min-width: 110px;
	margin-top: 10px;
}
.btnEcaldimaback
{
    outline: none;
    background: #fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    padding: 10px 20px 10px 20px !important;
    text-decoration: none;
	border: 1px solid #A0A0A0;
    align-items: flex-start;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
	margin-bottom: 2px;
}
.btnEcaldimalight:hover,.btnEcaldimaback:hover, .btnEcaldimaMSLlight.e-button:hover, .btnScoopLight:hover, #InlineEditForm_GridMapping_Cancel:hover, #InlineEditForm_Grid_Cancel:hover
{
    outline: none;
    background: #C0C0C0 !important;
    text-decoration: none;
    border-style: none;
	border: 1px solid #A0A0A0;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}
.btnEcaldimalight:visited, .btnEcaldimalight:link, .btnScoopLight:link, .btnScoopLight:visited
{
	  outline: none;
	  text-decoration: none;
	  color: #000;
}
.btnRequestNumber
{
    outline: none;
    background: #A0A0A0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
	border: 1px solid #A0A0A0;
    align-items: flex-start;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}
.btnapply, .btnsaveandexit, .btnedit, .btngokbcategory, .btngokbtag, .btngokbarticle,.btncreate{
	background: var(--button-background-color);
	border: 1px solid var(--button-background-color);
	color: var(--button-text-color);
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 24px;
	min-width: 95px;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
.btnconfigure, .btnrecopyconf, .btnrecopyalltext {
	background: none; /*var(--button-background-color-light);*/
	border: none;
	border: 1px solid var(--button-background-color);
	color: var(--button-text-color-light);
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 24px;
	min-width: 95px;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	margin-right: 5px;
	margin-bottom: 5px;
}
.btncancel, .btnclearall, .btngokbhome  {
	background: var(--button-background-color-light);
	border: 1px solid var(--button-background-color-light);
	color: var(--button-text-color-light);
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 24px;
	min-width: 95px;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
.btncreate:before {
  position: absolute;
  font-family: 'ej-webfont';
  left: 6px;
  top: 6px;
  content: "\e6fe";
  color: var(--button-text-color);
}
.btnapply:before {
  position: absolute;
  font-family: 'uicons-regular-rounded';
  left: 6px;
  top: 6px;
  content: "\f160";
  color: var(--button-text-color);
}
.btnsaveandexit:before {
  position: absolute;
  font-family: 'ej-webfont';
  left: 6px;
  top: 6px;
  content: "\e709";
  color: var(--button-text-color);
}
.btnedit:before {
  position: absolute;
  font-family: 'uicons-regular-rounded';
  left: 6px;
  top: 6px;
  content: "\f1a4";
  color: var(--button-text-color);
}
.btncancel:before {
  position: absolute;
  font-family: 'uicons-regular-rounded';
  left: 6px;
  top: 6px;
  content: "\f11d";
  color: var(--button-text-color);
}
.btnclearall:before {
  position: absolute;
  font-family: 'uicons-regular-rounded';
  left: 6px;
  top: 6px;
  content: "\f13f";
  color: var(--button-text-color);
}
.btngokbcategory:before {
  position: absolute;
  font-family: 'uicons-regular-rounded';
  left: 6px;
  top: 6px;
  content: "\f119";
  color: var(--button-text-color);
}
.btngokbtag:before {
  position: absolute;
  font-family: 'uicons-regular-rounded';
  left: 6px;
  top: 6px;
  content: "\f1e3";
  color: var(--button-text-color);
}
.btngokbarticle:before {
  position: absolute;
  font-family: 'uicons-regular-rounded';
  left: 6px;
  top: 6px;
  content: "\f19c";
  color: var(--button-text-color);
}
.btngokbhome:before {
  position: absolute;
  font-family: 'uicons-regular-rounded';
  left: 6px;
  top: 6px;
  content: "\f1a2";
  color: var(--button-text-color);
}
.btnconfigure:before {
  position: absolute;
  font-family: 'ej-webfont';
  left: 6px;
  top: 6px;
  content: "\e644";
  color: var(--button-text-color-light);
}
.btnrecopyconf:before {
  position: absolute;
  font-family: 'ej-webfont';
  left: 6px;
  top: 6px;
  content: "\e6d1";
  color: var(--button-text-color-light);
}
.btnrecopyalltext:before {
  position: absolute;
  font-family: 'ej-webfont';
  left: 6px;
  top: 6px;
  content: "\e6d0";
  color: var(--button-text-color-light);
}

.btnexpandall {
	background: var(--button-background-color);
	border: 1px solid var(--button-background-color);
	color: var(--button-text-color);
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
.btncollapseall {
	background: var(--button-background-color-light);
	border: 1px solid var(--button-background-color-light);
	color: var(--button-text-color-light);
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
.btnclearfilter {
	background: #fff;
	border: 1px solid #fff;
	color: #fff;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
.btnexpandall:before {
  font-family: 'ej-webfont';
  content: "\e679";
  color: var(--button-text-color);
}
.btncollapseall:before {
  font-family: 'ej-webfont';
  content: "\e600";
  color: var(--button-text-color);
}
.btnclearfilter:before {
  font-family: 'ej-webfont';
  content: "\e751";
  color: #4c4c4c;
}
.btnapply:hover,.btnsaveandexit:hover,.btnedit:hover,.btngokbcategory:hover,.btngokbtag:hover,.btngokbarticle:hover,.btnexpandall:hover,.btncreate:hover{
	background: var(--button-background-color-hover);
	border: 1px solid var(--button-background-color-hover);
	color: var(--button-text-color-hover);
}
.btncancel:hover,.btnclearall:hover,.btngokbhome:hover,.btnconfigure:hover,.btnrecopyconf:hover,.btnrecopyalltext:hover,.btnclearall:hover,.btncollapseall:hover,.btnclearfilter:hover{
	background: var(--button-background-color-light-hover);
	border: 1px solid var(--button-background-color-light-hover);
	color: var(--button-text-color-light-hover);
}
.btrequestactionedit{
	background-image: url(images/ticketedit/BtnTicketEditClassify-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
.btrequestactioncancel{
	background-image: url(images/cancel-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
/* OPERATOR DASHBOARD */
.MoveUpButton:before{content: "\e7b0";}
.MoveDownButton:before{content: "\e7b1";}
.CreateTicketButton:before{content: "\e69f"}
.ReCopyButton:before{content: "\e6d0";}
.ReCopyConfButton:before{content: "\e6d1";}
.ConfigureButton:before{content: "\e644";}
.RefreshButton:before{content: "\e808"}
.CreateButton:before{content: "\e676";  }
.EditButton:before{content: "\e653";}
.DeleteButton:before{content: "\e681";}
.CloneButton:before{content: url('images/copy.png');}
.AssignToMeButton:before{content: url('images/operatordashboard/BtnGridAssignToMe-16.png');}
.ReassignButton:before{content: url('images/operatordashboard/BtnGridReassign-16.png');}
.ResolveButton:before{content: url('images/operatordashboard/BtnGridResolve-16.png');}
.PriorityButton:before{content: url('images/operatordashboard/BtnGridPriority-16.png');}
.LinkParentButton:before{content: url('images/operatordashboard/BtnGridLinkToParent-16.png');}
.ScheduleButton:before{content: url('images/operatordashboard/BtnGridSchedule-16.png');}

#tableDiv_OperatorDashBoard_LinkParentButton,#tableDiv_OperatorDashBoard_PriorityButton,#tableDiv_OperatorDashBoard_ResolveButton,#tableDiv_OperatorDashBoard_ReassignButton,#tableDiv_OperatorDashBoard_AssignToMeButton,#tableDiv_OperatorDashBoard_ScheduleButton,.BtnSelectGridNoSLA:link,.BtnSelectGridNoSLA:visited,.BtnSelectGridSLAWarn:link,.BtnSelectGridSLAWarn:visited,.BtnSelectGridSLALate,.BtnSelectGridSLALate:link,.BtnSelectGridSLALate:visited,.BtnSelectGrid:link,.BtnSelectGrid:visited
{
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 0px;
    outline: none;
    background: #f7f7f7;
    color: #4c4c4c;
    text-align: center;
    cursor: pointer;
	font-weight:600;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	text-decoration: none;
	}
#tableDiv_OperatorDashBoard_LinkParentButton:hover,#tableDiv_OperatorDashBoard_PriorityButton:hover,#tableDiv_OperatorDashBoard_ResolveButton:hover,#tableDiv_OperatorDashBoard_ReassignButton:hover,#tableDiv_OperatorDashBoard_AssignToMeButton:hover,#tableDiv_OperatorDashBoard_ScheduleButton:hover,.BtnSelectGridNoSLA:hover,.BtnSelectGridSLAWarn:hover,.BtnSelectGridSLALate:hover,.BtnSelectGrid:hover
{
    outline: none;
    text-decoration: none;
	background: #4c4c4c;
    color: #f7f7f7;
}
.BtnSelectGridSLAWarn,.BtnSelectGridSLAWarn:link,.BtnSelectGridSLAWarn:visited
{
	padding: 5px 5px 5px 15px;
	background-image: url('images/operatordashboard/priorityid300.png') !important;
	vertical-align: middle;
    text-align: center  !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
}
.BtnSelectGridSLALate,.BtnSelectGridSLALate:link,.BtnSelectGridSLALate:visited
{
	padding: 5px 5px 5px 15px;
	background-image: url('images/operatordashboard/priorityid400.png') !important;
	vertical-align: middle;
	text-align: center  !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
}
.TitleSLAWarn
{
	padding: 5px 5px 5px 15px;
	background-image: url('images/operatordashboard/TicketTitleSLAWarn-24.png') !important;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: left top !important;
}
.TitleSLALate
{
	padding: 5px 5px 5px 15px;
	background-image: url('images/operatordashboard/TicketTitleSLALate-24.png') !important;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: left top !important;
}
.e-grid .e-horizontallines .e-rowcell{
	border-top: 1px solid #f9f9f9;
}
.e-grid { border: none;}
.e-grid .e-pager {background: none;}
.e-grid .e-toolbar.e-toolbarspan {
    background: none;
}
.e-grid td.e-active
{
	background: #c1c1c1;
	color: #4c4c4c;
}
.e-grid .e-searchinputdiv{
    overflow: auto !important;
    margin-right: 10px !important;
}

.e-grid .e-inlineformedit .e-editform-btn {
    margin-top: 5px;
}
.e-treegrid .e-treegridadaptivetoolbar{ height: 46px !important;}
.e-treegrid { border: none !important;}
.e-treegrid .e-pager {background: none;}
.e-treegrid .e-toolbar.e-toolbarspan {
    background: none;
}
.e-treegrid td.e-active
{
	background: #c1c1c1;
	color: #4c4c4c;
}
.e-pager{
	border-top: 1px solid #000
}
#DepGrid_EditButton a{
	margin-top: 5px;
}
#DepGrid_search > div > input::placeholder{
	display: none;
}
#DepGride-gridheader, #DepGrid_toolbarItems, .e-treegrid .e-rowcell, #DepGride-gridcontent{
	border-left: none !important;
	border-right: none !important;
}
#DepGridPager{
	border: none;
}
#DepGride-gridcontent{
	border-bottom: none;
}
.ace_editor * {font-family:Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace !important; font-size:12px !important}
.e-pager div.e-drpdwndiv
{
	width: 80px;
}
.designerselectorajaxtoolbar{
display: flex;align-items: center;width: 100%;border-collapse: collapse;height: 26px;border-top: 1px solid #c8c8c8;border-bottom: 1px solid #c8c8c8;
}
.designerselectorajaxtoolbar a{
display: inline-block;height: 26px;line-height: 26px;width: 26px;
}
.designerselectorajaxtoolbar a:hover{
	background: var(--primary-color-light);
	color: var(--primary-color);
}
#tableDiv_OperatorDashBoard.e-grid td.e-active
{
	background-color: #f3f3f3 !important;
	color: #4c4c4c !important;
}
#tableDiv_OperatorDashBoard.e-grid tr.e-hover, #GridMapping > div.e-gridcontent > div > table > tbody > tr.e-hover, #GridEventSort > div.e-gridcontent > div > table > tbody > tr.e-hover, #GridLookup > div.e-gridcontent > div > table > tbody > tr.e-hover, #Grid> div.e-gridcontent > div > table > tbody > tr.e-hover
{
	background: #f6f6f6;
	color: #4c4c4c;
}
[id*="tableDiv_"].e-grid tr.e-hover
{
	background: #f6f6f6;
	color: #4c4c4c;
}
.objectlinkecaldima a
{
	color: #4c4c4c;
	margin: 0 !important;
    padding-left: 10px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
	text-decoration: underline;
}
#tableDiv_OperatorDashBoard_AssignToMeButton
{
	display: none;
}
#tableDiv_OperatorDashBoard_ReassignButton
{
	display: none;
}
#tableDiv_OperatorDashBoard_PriorityButton
{
	display: none;
}
#tableDiv_OperatorDashBoard_LinkParentButton
{
	display: none;
}
#tableDiv_OperatorDashBoard_ResolveButton
{
	display: none;
}
#tableDiv_OperatorDashBoard_ScheduleButton
{
	display: none;
}

[class*="StatusId"]{
    color: #4c4c4c;
	background-size: 16px 16px !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	text-align: center  !important;
}
[class*="StatusId1"]{
	background-image: url('images/operatordashboard/statusnew-24.png') !important;
}
[class*="StatusId2"]{
	background-image: url('images/operatordashboard/statusopen-24.png') !important;
}
[class*="StatusId3"]{
	background-image: url('images/operatordashboard/statusplanned-24.png') !important;
}
[class*="StatusId4"]{
	background-image: url('images/operatordashboard/statusonhold-24.png') !important;
}
[class*="StatusId45"]{
	background-image: url('images/operatordashboard/statuswaitingvalidation-24.png') !important;
}
[class*="PriorityId"]{
	color: #4c4c4c;
    padding: 5px;
    vertical-align: middle;
    text-align: center  !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
}
.PriorityId100{
	color: #4c4c4c;
}
.PriorityId200{
	background-image: url('images/operatordashboard/priorityid200.png') !important;

}
.PriorityId300{
	background-image: url('images/operatordashboard/priorityid300.png') !important;
	font-weight: bold !important;
}
.PriorityId400{
	background-image: url('images/operatordashboard/priorityid400.png') !important;
	color: #FF0000 !important;
	font-weight: bold !important;
}
td.ParentRow
{
	font-weight: bold !important;
	background-image: url('images/operatordashboard/ParentRow-24.png') !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	background-size: 16px 16px !important;
}
td.ChildRow
{
	font-style: italic !important;
	background-image: url('images/operatordashboard/ChildRow-24.png') !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	background-size: 16px 16px !important;
}
.cellTicketTitle
{
	white-space: nowrap;
    text-overflow: ellipsis;
	width: 600px;
}


.ui-dialog.OperatorDashboardDialog
{
	font-size: 1.0em;
    
}
.cellTicketTitleLastUpdatedByOther
{
	font-weight: bold;
}

.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}
.DesignerIndexBlock
{
    border: none;
    padding: 0 2px 5px 2px;
    margin: 0 5px 5px 0;
    white-space: nowrap;
}
.DesignerIndexBlock ul
{
	padding: 0;
}
.DesignerIndexBlock .sortable
{
	width: 100%;
}
.DesignerIndexBlock .sortable li
{
	width: 98%;
	border: none;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
}
.DesignerIndexBlock .sortable li:hover, .DesignerServiceBlock:hover,.DesignerArticleBlock:hover
{
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
	background: #FFF;
}
.CategoryDescription
{
    white-space: normal;
}
.DesignerIndexBlock table.dataTable tbody td, .DesignerServiceBlock,  .DesignerServiceFieldBlock, .DesignerArticleFieldBlock
{
    display: block;
    margin-top: 5px;
    padding: 5px;
    outline: 0;
	border: 1px solid #f6f6f6;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
}
.DesignerServiceBlock
{
	margin-left: 40px;
}
.DesignerArticleBlock
{
	
	display: block;
    margin-top: 5px;
    padding: 5px;
    outline: 0;
	border: none;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-right: 3px;
    margin-top: 5px;
	margin-left: 94px;
}
.DesignerToolbar
{
	background: transparent;
	width: 55px;
	text-align: left;
	margin-right: 2px;
	float: right;
}
.DesignerToolbar img
{
	width: 16px;
	height: 16px;
	cursor: pointer;
	opacity: 0.80;
}
.DesignerServiceFieldBlock
{
	margin-left: 94px;
}
.DesignerArticleFieldBlock
{
	margin-left: 106px;
}
.DesignerIndexBlock table thead th
{
    background-color: transparent;
}

.DesignerIndexBlock table.dataTable thead th, .DesignerIndexBlock table.dataTable thead td, .DesignerIndexBlock table
{
	border: none;
}
.Designerindexcategoryblock
{

	padding: 5px;
}
.Designerimgcategoryindex
{
	max-width: 90px;
}
.Designerimgcategoryindex img
{
     border: none;
	 margin-left: 5px;
}
.Designerimgserviceindex, .Designerimgcategoryindex, .Designerimgserviceindex, .Designerimgarticleindex
{
	float: left;
	padding-right: 5px;
}
.Designerimgserviceindex img, .Designerimgarticleindex img
{
    max-height: 52px;
    max-width: 52px;
    vertical-align: top;
}

.Designerimgcategoryindex a, .Designerimgserviceindex a, .Designerimgarticleindex a
{
    outline: 0;
    text-decoration: none;
    color: #5e5e5e;
}
.Designerimgcategoryindex a:link, .Designerimgserviceindex a:link, .Designerimgarticleindex a:link
{
    text-decoration: none;
}
.Designerimgcategoryindex a:hover, .Designerimgserviceindex a:hover, .Designerimgarticleindex a:hover
{
    text-decoration: none;
    color: black;
}
.DesignerCategoryTxtIndex, .DesignerServiceTxtIndex, .DesignerArticleTxtIndex, .DesignerSericeFieldTxtIndex,  .DesignerArticleFieldTxtIndex
{
	float: left;
}
.DesignerCategoryTitleIndex, .DesignerServiceTitleIndex, .DesignerArticleTitleIndex, .DesignerServiceFieldTitleIndex,  .DesignerArticleFieldTitleIndex
{
	float: left;
	text-decoration: none;
	vertical-align: Top;
    font-size: medium;
    text-align: left;
    color: #5e5e5e;
    font-weight: bolder;
}
.DesignerCategoryTitleIndex a, .DesignerServiceTitleIndex a, .DesignerArticleTitleIndex a, .DesignerServiceFieldTitleIndex a, .DesignerArticleFieldTitleIndex a
{
	text-decoration: none;
    color: #5e5e5e;
}
.DesignerCategoryTxtIndex a, .DesignerServiceTxtIndex a, .DesignerArticleTxtIndex a, .DesignerSericeFieldTxtIndex a, .DesignerArticleFieldTxtIndex a
{
    outline: 0;
    text-decoration: none;
    color: #5e5e5e;
}
.DesignerArticleFieldTxtIndex, .DesignerSericeFieldTxtIndex
{
	vertical-align: Top;
    font-size: medium;
    text-align: left;
}
.DesignerObjectsCount
{
    float: right;
    display: table;
}
.DesignerObjectsCountimg
{
    display: table-cell;
    width: 36px;
    vertical-align: middle;
    float: left;
    padding: 2px;
}
.DesignerObjectsCounttxt
{
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    float: left;
    padding: 2px;
}
.DesignerSortImg
{
    vertical-align: middle;
    max-width: 32px;
}
.DesignerColId{
	width: 30px;
}

.DesignerIndexBlock li, .DesignerIndexBlock li:hover
{
	background: #fff; 
}

#TestQueryResult
{
	margin-top: 10px;
	max-height: 200px;
	overflow-x: scroll;
}
#editorText
{
	width: 100%;
	height: 200px;
}
#editorStyle
{
	width: 100%;
	height: 200px;
}
/*User request page */
.UserRequestsBlock table.dataTable tbody td, .myopenticketarticle, .myClosedTicketarticle
{
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--primary-color);
    outline: 0;
}
table.dataTable.no-footer
{
    border-bottom: none;
}
.UserRequestsBlock
{
    border: none;
    padding: 0 2px 5px 2px;
    margin: 0 5px 5px 0;
    white-space: nowrap;
}

.UserRequestsBlock .ticketlink
{
    float: left;
    padding-right: 5px;
}

.UserRequestsBlock table thead th
{
    background-color: transparent;
}

.UserRequestsBlock table.dataTable thead th, .UserRequestsBlock table.dataTable thead td, .UserRequestsBlock table
{
	border: none;
}
.imgindex, .txtindex, .imgarticleindex, .imageserviceindex
{
    float: left;
}
.imgarticleindex, .imageserviceindex
{
    padding-left: 52px;
}

.indexrequestid
{
    vertical-align: Top;
    font-size: medium;
    text-align: left;
    color: #5e5e5e;
    font-weight: bolder;
}
.imgarticleindex img, , .imageserviceindex img
{
    max-height: 32px;
    max-width: 32px;
    vertical-align: top;
}
.imgindex img
{
    max-height: 52px;
    max-width: 52px;
    vertical-align: top;
     border: 2px solid var(--primary-color);
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.imgindex a, .txtindex a
{
    outline: 0;
    text-decoration: none;
    color: #5e5e5e;
}
.imgindex a:link, .MainPageCategoryTitle a:visited, .MainPageCategoryTitle a:active
{
    text-decoration: none;
}
.imgindex a:hover
{
    text-decoration: none;
    color: black;
}
.txtindex
{
    padding-left: 5px;
}
.indexstatus
{
    float: right;
    display: table;
}
.indexstatusimg
{
    display: table-cell;
    width: 36px;
    vertical-align: middle;
    float: left;
    padding: 2px;
}
.indexstatustxt
{
    display: table-cell;
    width: 155px;
    vertical-align: middle;
    float: left;
    padding: 2px;
}
.indexarticlestatustxt
{
    display: table-cell;
    width: 150px;
    vertical-align: middle;
    float: left;
    padding: 2px;
}
.indexarticletitle, .indexservicetitle
{
    padding-left: 5px; 
    float: left;
}
.plusminusbutton
{
    float: right;
    margin: 10px;
}

/* End User Request Page */
#BoxLabelComment
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px #ddd solid;
    padding: 0px 2px 10px 2px;
    min-height: 5%;
    margin-bottom: 5px;
}
.editickethr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f1f1f1;
    margin: 1em 0;
    padding: 0;
}
/* PARENT */
#ParentTicketLine
{
    float: left;
    padding: 5px 15px 10px 5px;
}
#ParentTicketLine span
{
    padding-left: 12px;
}
.parentticket
{
    background-image: url(images/operatordashboard/ParentRow-24.png) !important;
    background-repeat: no-repeat !important;
}
/* SLA */
#ShowSLA
{
    margin-bottom: 5px;
    background: #fcfcfc;
    color: #333;
    font-weight: bold;
    list-style: none;
    list-style-position: outside;
}

#SLAResponseLine, #SLAResolutionLine
{
    float: left;
    padding: 5px 15px 10px 5px;
}
#SLAResponseLine span, #SLAResolutionLine span
{
    padding-left: 25px;
}
.SLAInfo
{
    line-height: 28px;
}
.sla-notstarted
{
    background-image: url(images/sla-notstarted.png);
    background-repeat: no-repeat !important;
}
.sla-green-running
{
    background-image: url(images/sla-green-running.png);
    background-repeat: no-repeat !important;
}
.sla-green-pause
{
    background-image: url(images/sla-green-pause.png);
    background-repeat: no-repeat !important;
}
.sla-green-stopped
{
    background-image: url(images/sla-green-stopped.png);
    background-repeat: no-repeat !important;
}
.sla-yellow-running
{
    background-image: url(images/sla-yellow-running.png);
    background-repeat: no-repeat !important;
}
.sla-yellow-pause
{
    background-image: url(images/sla-yellow-pause.png);
    background-repeat: no-repeat !important;
}
.sla-yellow-stopped
{
    background-image: url(images/sla-yellow-stopped.png);
    background-repeat: no-repeat !important;
}
.sla-red-running
{
    background-image: url(images/sla-red-running.png);
    background-repeat: no-repeat !important;
}
.sla-red-pause
{
    background-image: url(images/sla-red-pause.png);
    background-repeat: no-repeat !important;
}
.sla-red-stopped
{
    background-image: url(images/sla-red-stopped.png);
    background-repeat: no-repeat !important;
}

.colstatustblock
{
    margin-bottom: 5px;
     float: left;
    padding: 0 5px 0 5px;
}

.slastatusblock
{
    width: 100px;
    height: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    display: table;
    margin-right: 5px;
}

.slastatusblockrow
{
    display: table-row;
}


.slastatusblockcelltop
{
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 0 2px 0 2px;
    height: 50px;
}
.slastatusblockcellbottom
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 2px 0 2px;
    font-size: 35px;
    height: 50px;
}
.slastatusblocktitleorange
{
    font-weight: bold;
}
.slastatusblocktitlered
{
    font-weight: bold;
    color: #000;
}
.slastatusblockslatypeorange
{
    white-space:pre-wrap;
}
.slastatusblockslatypered
{
    color: #000;
    white-space:pre-wrap;
}
.slastatusblockorange
{
    background: #FBA026;
}
.slastatusblockred
{
    background: #B8312F;
}
.slastatusblockorange0
{
    background: #c0c0c0;
}
.slastatusblockred0
{
    background: #c0c0c0;
}

/* PRIORITY BLOCKS */

.colpriorityblock
{
    margin-bottom: 5px;
     float: left;
    padding: 0 5px 0 5px;

}

.priorityblock
{
    width: 100px;
    height: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    display: table;
    margin-right: 5px;
}

.priorityblockrow
{
    display: table-row;
}


.priorityblockcelltop
{
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 0 2px 0 2px;
    height: 50px;
}
.priorityblockcellbottom
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 2px 0 2px;
    font-size: 35px;
    height: 50px;
}
.priorityblocktitlelow
{
    
    
}
.priorityblocktitlemedium
{
   
   
}
.priorityblocktitlehigh
{
    font-weight: bold;
  
}
.priorityblocktitlecritical
{
    font-weight: bold;
  
}
.priorityblocklow
{
    background: #3D8EB9;
}
.priorityblockmedium
{
    background: #61BD6D;
}
.priorityblockhigh
{
    background: #FBA026;
}
.priorityblockcritical
{
    background: #B8312F;
}
.priorityblocklow0
{
    background: #c0c0c0;
}
.priorityblockmedium0
{
    background: #c0c0c0;
}
.priorityblockhigh0
{
    background: #c0c0c0;
}
.priorityblockcritical0
{
    background: #c0c0c0;
}
.dashboardblocktitle
{
    font-size: 1em;
    text-align: left;
    font-weight: bold;
    height: 25px;
}
#assetactionbuttons
{
	display: none;
}
.loginform
{
	margin: 30px 30px 5px 30px;
	padding: 5px 0 5px 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 300px;
	border: none;
}
.LayoutLogin
{
    background: #fff;
}

.logintitle {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.login-label
{
    font-size: 1.2em;
    height: 20px;
}
.login-field
{
    margin: 0 0 0.5em 0;
    vertical-align: middle;
    width: 95%;
}
.login-field input[type="text"], .login-field input[type="password"]
{
	height: 30px;
	border: 1px solid var(--primary-color);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.login-field a, .login-field a:visited
{
   text-decoration: none;
   font-size: 1.2m;
   font-weight: bold;
   color: var(--primary-color);
}
.btnLogin-field
{
    margin: 0 0 0.5em 10px;
    height: 35px;
    vertical-align: middle;
    width: 95%;
}

/* RequestView */
.RequestBlock
{
    white-space: nowrap;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(92, 93, 90);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    -webkit-font-smoothing: antialiased;
	border: none;
	padding: 10px;
}
.RequestViewImg
{
    vertical-align: middle;
    text-decoration: none;
    border: 2px solid var(--primary-color);
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
}
.RequestViewServiceTitle
{
    vertical-align: Top;
    padding-top: 4px;
    font-size: x-large;
    text-align: left;
    color: #5e5e5e;
}
.RequestViewArticleTitle
{
    vertical-align: Top;
    padding-top: 4px;
	padding-bottom: 4px;
    font-size: large;
    text-align: left;
    color: #5e5e5e;
}
.RequestViewScheduledTitle
{
	font-style: italic;
	font-weight: 600;
	padding:0px 10px 0px 36px !important;
}
.RequestViewHoldTitle
{
	font-style: italic;
	font-weight: 600;
	padding:0px 10px 0px 36px !important;
}
.RequestViewInProgressTitle
{
	font-weight: 600;
	padding:0px 10px 0px 36px !important;
}
.RequestViewEmptyLine
{
	line-height:18px;
}
.RequestViewTaskTitle
{
    background-repeat: no-repeat !important;
    background-position: 2% center !important;
	background-color: #fff !important;
	padding:10px 10px 10px 0px !important;
	font-weight: 600;
}
.RequestViewTaskTitleScheduled
{
	background-image: url(images/TaskSchedule-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2% center !important;
	background-color: #fff !important;
	padding:10px 10px 10px 36px !important;
	font-style: italic;
}
.RequestViewTaskTitleHold
{
	background-image: url(images/TaskHold-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2% center !important;
	background-color: #fff !important;
	padding:10px 10px 10px 36px !important;
	font-style: italic;
}
.RequestViewTaskTitleInProgress
{
	background-image: url(images/TaskRunning-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2% center !important;
	background-color: #fff !important;
	padding:10px 10px 10px 36px !important;
}
.RequestViewValidationTitleInProgress
{
	background-image: url(images/ticketedit/BtnTicketEditAskForValidation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2% center !important;
	background-color: #fff !important;
	cursor: auto !important;
	padding:10px 10px 10px 36px !important;
}
.RequestViewAutomatedtaskTitleInProgress
{
	background-image: url(images/automatedtask-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2% center !important;
	background-color: #fff !important;
	cursor: auto !important;
	padding:10px 10px 10px 36px !important;
}
.requestaction:hover, .Myrequestaction:hover
{
    background:rgba(94, 50, 114,0.2);
}
.requestaction
{
    margin: 0 0 0 0;
    padding: 0 0 0 35px;
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: bold;
    
    color: #5e5e5e;
    border-style: none;
    cursor: pointer;
}
.requestaction
{
    display:inline-block;
    background-color: #fff;
    padding:10px 10px 10px 36px;
	margin: 5px;
    background: #fcfcfc;
    color: #4c4c4c;
    text-align: center;
    font-weight: 600;
    
}
.ActionBlock{
	min-height: 150px;
}
.RequestActionBlock
{
    border: 1px solid #ddd;
    padding: 0 2px 5px 2px;
    margin: 0 0 5px 0;
    white-space: normal;
}
.Myrequestaction
{
    margin: 0 0 0 0;
    padding: 0 0 0 35px;
    vertical-align: middle;
    font-size: 1.2em;
    
    color: #5e5e5e;
    border-style: none;
    cursor: pointer;
}
.requestdisplayaction
{
    margin: 0 0 0 0;
    padding: 0 0 0 28px;
    vertical-align: middle;
    font-size: 1.2em;
    
    color: #5e5e5e;
    border-style: none;
    font-style: italic;
}
.requestaction a, .requestaction a:visited, .requestaction a:active, .requestaction a:link, .Myrequestaction a, .Myrequestaction a:visited, .Myrequestaction a:active, .Myrequestaction a:link
{ 
    text-decoration: none;
    color: #5e5e5e;
    outline: 0;
    font-weight: normal;
}
 .assignment-display-field
{
    margin: 0;
    white-space: normal;
    padding-left: 65px;
    font-style: italic;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
background-color: var(--primary-color-light);
color: var(--primary-color);
}
.headerCell
{
	float: left;
	border: none;
    border-bottom: 1px solid #ddd;
	padding: 3px;
	width:50%;
	box-sizing: border-box;
}
.headerCelldata
{
	float: left;
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 3px;
	width:50%;
	box-sizing: border-box;
	background-color: #f8f8f8;
}
.headerCell2
{
	float: left;
	border-bottom: 1px solid #ddd;
	padding: 3px;
	width:100%;
	box-sizing: border-box;
	text-align: left;
	background-color: #f8f8f8;
}
.Block
{	
    
    padding: 0 2px 5px 2px;
    margin: 0 0 0 0;
    white-space: normal;
}
.headerBlockTitle
{
	width: 100%;
	font-weight: 600;
}
.e-excelfilter.e-dlgcontainer
{
	background: #FFFFFF;
}

footer {
	background: linear-gradient(#ffb8ff, #ffffff);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	text-align: center;
	margin-bottom: 5px;
	display: block;
	box-sizing: border-box;
}
footer>div{
	background: none !important;
}
.loginheader {
	border: none;
	background: linear-gradient(#a9fbb4, #ffffff);
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}
.pageheader
{
	background: #FFF;
}
.pagetitle
{
	/*box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;*/
	background: #FFF;
	display: block;
	/*margin-bottom: 10px;*/
	margin-top: 0px;
	font-size: 1.2em;
    /*font-weight: bold;*/
    color: #5e5e5e;
	border-top-left-radius: 5px;
}
.pagetitleindex
{
	background: #FFF;
	display: block;
	margin: 0;
	font-size: 1.2em;
    font-weight: bold;
    color: #5e5e5e;
	border-top-left-radius: 5px;
}
.pagetitleedit
{
	background: #FFF;
	margin: 0;
	font-size: 1.2em;
    font-weight: bold;
    color: #5e5e5e;
	border-top-left-radius: 5px;
	padding-left: 5px;
	position: sticky;
	position: -webkit-sticky;
	display: flex;
	top: 0px;
}
.pagetitleedit > .divtitle, .pagetitleindex > .divtitle{
    height: 40px;
    list-style: none;
    display: flex;
    align-items: center;
}
.pagetitleedit > .divbuttons{
	margin-left: auto;padding: 5px 20px 0px 0px;
}
#texttitle > a{
	font-weight: bold;
	color: var(--primary-color);
}
#texttitle > a:visited{
	font-weight: bold;
	color: var(--primary-color);
}
#Description_toolbar
{
	background: #ececec;
	
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}
.stickynav
{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}
#fixedheader
{
z-index:10000;
background: #FFFFFF;
}
.pagewrap
{
	padding: 5px 10px 10px 10px;
	background: #FFF;
}
.pagewrapdashboards
{
	padding: 0px 5px 10px 5px;
	background: #FFF;
}
.requestviewpagewrap
{
	padding: 10px;
	background: #F6F7F9;
}

 .box
 {
    align-items: stretch;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(92, 93, 90);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 250px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	border: none;
	padding: 5px;
}
.boxPopup
{
    align-items: center;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat-x: ;
    background-repeat-y: ;
    background-size: auto;
    border-bottom-color: rgb(235, 235, 235);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    bottom: auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
    box-sizing: border-box;
    color: rgb(92, 93, 90);
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    
    overflow-x: auto;
    overflow-y: auto;
    pointer-events: fill;
    right: auto;
    text-indent: 0px;
    visibility: visible;
    
    -webkit-font-smoothing: antialiased;
}
.boxcategory
 {
    align-items: stretch;
	background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 98%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	border: none;
	padding: 5px;
	font-weight: 600;
	font-size: 1.3em;
	cursor: pointer;
	color: rgb(92, 93, 90);
}
    .boxcategory {
        background: linear-gradient(to right, white 0px, white 32px, #ececec 32px, #ececec 100%);
    }
	
	
 .boxsoftware
 {
    align-items: stretch;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(92, 93, 90);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 130px;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 300px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	border: none;
	padding: 5px;
	cursor: pointer;
}
 .boxmyactions
 {
    align-items: stretch;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(92, 93, 90);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 400px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	border: none;
	padding: 5px;
	height: 270px;
}
.boxmyrequests, .boxdraftortemplate
 {
    align-items: stretch;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(92, 93, 90);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 300px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	border: none;
	padding: 5px;
	cursor: pointer;
}
 .boxmyhystory
 {
    align-items: stretch;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(92, 93, 90);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 300px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	border: none;
	padding: 5px;
	cursor: pointer;
}
.box:hover, .boxsoftware:hover, .boxmyactions:hover, .boxmyrequests:hover, .boxdraftortemplate:hover
{
	box-shadow: rgba(94, 50, 114, 0.15) 0px 5px 10px 0px;
	background: #FFF;
}
.controls
{
	/*box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;*/
	padding: 10px;
	background: #FFF;
}
.dialogbutton
{
	float: right;
	padding-top: 5px;
}
.homepagebox
{
	height: 180px;
	width: 300px;
	cursor: pointer;
}
.homepageoptiontitle
{
    font-size: 1.5em;
    text-align: center;
	font-weight: bold;
	margin: 5px;
	float: left;
	vertical-align: middle;
	height: 52px;
	line-height: 52px;
}
.homepageoptiondescription
{
	margin: 5px;
	font-size: 1.0em;
	display: block;
}

.homepageboximage
{
	margin: 5px;
	height: 52px;
	text-align: left;
	float: left;
	vertical-align: middle;
	line-height: 52px;
}
.homepageboximage img
{
	height: 52px;
	vertical-align: middle;
	line-height: 52px;
}
.grid
{
	padding: 5px 5px 50px 5px;
}
.myrequestpagetitle
{
    font-size: 1.2em;
    text-align: left;
	font-weight: bold;
	margin: 5px;
	float: left;
}
.myactiontitle
{
    font-size: 1.2em;
    text-align: left;
	font-weight: bold;
	margin: 5px;
}
.mysoftwaresboximage
{
	margin: 5px;
	height: 52px;
	text-align: left;
	float: left;
	vertical-align: middle;
	line-height: 52px;
		width: 82px;
}
.mysoftwaresboximage img
{
	max-height: 52px;
	vertical-align: middle;
	line-height: 52px;
	max-width: 52px;
}
.mysoftwarestitle
{
    font-size: 1.0em;
    text-align: center;
	font-weight: bold;
	margin: 5px;
	float: left;
	vertical-align: middle;
	height: initial;
	line-height: initial;
}
.mysoftwarescategorytitle
{
	margin-top: 10px;
}
.mysoftwarestitleb {
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.mysoftwaresmenulateral {
    position: absolute;
    left: 0;
    margin-top: 10px; 
    width: 350px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.mysoftwaresdescription
{
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow-wrap: break-word;
}
.mysoftwarespopupdescription
{
	min-height: 300px;
}
.filterselectors
{
	font-weight: initial;
}
.portalservicetitle
{
	word-break: break-word;
	margin-top: 2px;
}
.featuredarticle
{
	box-shadow: rgb(255, 0, 0) 0px 1px 2px 0px;
}
.requestlistboximage
{
	margin: 5px;
	height: 52px;
	text-align: left;
	float: left;
	vertical-align: middle;
	line-height: 52px;
}
.requestlistboximage img
{
	height: 52px;
	vertical-align: middle;
	line-height: 52px;
}
.myrequeststitle
{
	margin: 5px;
	font-size: 1.1em;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.myactionsactionlink
{
	color: var(--primary-color);
	font-weight: 500;
}
.myactionsactionlink:link
{
	color: var(--primary-color);
	font-weight: 500;
}
.myactionsactionlink:visited
{
	color: var(--primary-color);
}
.myactionstitle
{
	margin: 5px;
	font-size: 1.1em;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mytemplatestitle, .mydraftstitle
{
	font-size: 1.2em;
    text-align: left;
	font-weight: bold;
	margin: 5px;
	float: left;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mytemplatesdate, .mydraftsdate
{
	font-weight: normal;
	padding-top: 5px;
}
#GridMappingEditForm>div{
	text-align: center;
}
.btnRequestNumber:hover
{
    outline: none;
    background: #C0C0C0;
    text-decoration: none;
    border-style: none;
	border: 1px solid #A0A0A0;
	box-shadow: none;
}
.btnRequestNumber:visited, .btnRequestNumber:link
{
	  outline: none;
	  text-decoration: none;
	  color: #FFF;
}
.boxdrafttemplatechoice
{
    outline: none;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
	border: 1px solid #A0A0A0;
    align-items: flex-start;
    text-align: center;
    box-sizing: border-box;
	
}
.e-uploadbox.e-widget .e-selectpart.e-select
{
	outline: none;
    background: #A0A0A0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
	min-width: 95px;
    text-decoration: none;
	border: 1px solid #A0A0A0;
    align-items: flex-start;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}
.e-uploadbox.e-widget .e-selectpart.e-select:hover
{
    outline: none;
    background: #C0C0C0;
    text-decoration: none;
    border-style: none;
	border: 1px solid #A0A0A0;
	box-shadow: none;
}
.e-uploadbox.e-widget .e-inputbtn
{
	cursor: pointer;
	color: #FFF;
}
.e-uploadbox .e-uploadinput:hover
{
	cursor: pointer;
}

.ui-dialog {
    z-index: 19999 !important;
}
.multiple_level_selector_field
{
    font-size: 1.2em;
    min-height: 20px;
	font-weight: 400;

}
.multiple_level_selector_field .e-ddl
{
	float: left;
	margin-left: 5px;
}
.fieldbox{
	padding: 5px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 28px;
	overflow: auto;
}
.listfile
{
	padding-left:10px; 
}
.listfile ul {
	list-style: none;
	display:block;
}
.listfile li {
	list-style: none;
	text-decoration:none;
	color: #000000;
	background-color: #fcfcfc;
	line-height:30px;
	border-bottom-style:solid;
	border-bottom-width:1px; 
	border-bottom-color: #000; 
	padding-left:10px; 
  }
.fileitem .e-icon
 {
	 cursor: pointer;
 }
#TestQueryResult
 {
	 bottom-margin:5px;
 }
#TestQueryResult th, #TestQueryResult td
 {
	 border: 1px solid rgba(196,196,196,.5);
 }
.e-datetime-wrap
 {
	 width: 100%;
 }
.numberCircle {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  padding: 9px;
  background: #fff;
  border: 2px solid #667;
  color: #667;
  text-align: center;
  font: 24px Arial, sans-serif;
  display: inline-block;
  float: right;
}
.circle {
    border: 0.1em solid grey;
    border-radius: 100%;
    height: 3em;
    width: 3em;
    text-align: center;
	float: right;
}
.circlemyactions
{
	border: 0.2em solid grey;
}
.circle p {
	margin-top: 0.30em;
    font-size: 1.2em;
    font-weight: bold;
    
    color: grey;
}
.vakata-context, .vakata-context ul {
	background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(92, 93, 90);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	border: 1px solid #f7f7f7;
	padding: 5px;
}
.vakata-context li>a {
	padding-left: 0;
}
.vakata-context li>a .vakata-contextmenu-sep {
	border:0;
}
.vakata-context-separator
{
	display: none;
}
.vakata-context .vakata-context-separator>a, .vakata-context .vakata-context-separator>a:hover {
	border: none;
}

.select2-container--open{
    z-index:1000000;
}

.insert-scoop-variable
{
	padding: 4px 10px 4px 10px;
}
#TicketOpen > .select2-container{
    z-index:inherit;
}
/* MY */
.menumy
{
    font-size: 1.1em;
    display: inline-block;
    color: black;
    float: right;
	margin: 2px 0px 2px 0px;
}
#mylogo
{
    border-width:0px;
    vertical-align: bottom;
	cursor: pointer;
}
.menumy-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100000;
	margin: 2px;
	right: 0;

}
.menumy-content a {
	color: black;
	padding: 8px 16px 8px 8px;
	text-decoration: none;
	display: block;
	border-top: 2px solid #ffffff;
}
.menumy-content span  {
	color: black;
	text-decoration: none;
	background-color: #ffffff;
	display: block;
	padding: 5px 16px 5px 8px;
}
.menumy-title  {
  font-weight: bold;
}
.menumy-content a:hover {
	border-top: 2px solid var(--primary-color);
	border-bottom: 2px solid var(--primary-color);
}
.menumy:hover .menumy-content {
	display: block;
}
.serviceformarticlefieldsblock
 {
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 1) 0px 1px 2px 0px;
    box-sizing: border-box;
	border: 1px solid #c0c0c0;
	margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
	padding-bottom: 15px;
}
.DIVQUTY
{
    width: 100px;
}
#Grid_dialogEdit_overLay
{
	display: none;
}
.radialmenu > div > div.e-radial.e-abs.e-radialimage
{
	background-image: url(images/closeactionmenu.png);
}
.btrequestaction {
    display:inline-block;
    background-color: #fff;
    padding:10px 10px 10px 36px;
	margin: 5px;
    background: #fcfcfc;
    color: #4c4c4c;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
	border: 1px solid #c1c1c1;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	min-width: 100px;
}
.btrequestaction:hover {
	cursor: pointer;
	background: rgba(94, 50, 114,0.2);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}
.btrequestactiontask{
	background-image: url(images/run-task-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
.btrequestactionvalidation{
	background-image: url(images/ticketedit/BtnTicketEditAskForValidation-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
.btrequestactionaddcomment
{
    background-image: url(images/ticketedit/BtnTicketEditAddComment-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
.btrequestactionautodialog
{
    background-image: url(images/ExternalTaskError-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
.btrequestactionautocomplete
{
    background-image: url(images/markasfinished-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
.btrequestactiontaskremovefromhold
{
    background-image: url(images/ticketedit/BtnTicketEditResume-24.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}
.servicecontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.servicebreak {
  flex-basis: 100%;
  height: 0;
}
.field100percent {
  flex-basis: 100%;
}
.RequestViewBlock
{	
    
    padding: 0 2px 5px 2px;
    margin: 0 0 0 0;
    white-space: normal;
}
.RequestViewheaderBlockTitle
{
	width: 100%;
	font-weight: bold;
}
.RequestViewheaderCell
{
	float: left;
	padding: 3px;
	width:150px;
	box-sizing: border-box;
	text-align: left;
}
.RequestViewheaderCellRight
{
	float: left;
	padding: 3px;
	text-align: right;
	box-sizing: border-box;
	width: 120px;
}
.RequestViewheaderCell2
{
    margin: 5px 0px 5px 5px;
    vertical-align: middle;
    background: #fcfcfc;
    padding: 5px;
	min-height: 28px;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.RequestViewFieldLabel
{
	float: left;
	border: 1px solid #ddd;
	padding: 3px;
	width:200px;
	box-sizing: border-box;
}
.RequestViewFieldValue
{
	float: left;
	border: 1px solid #ddd;
	padding: 3px;
	box-sizing: border-box;
}
.RequestViewFieldLabel2
{
	float: left;
	border: 1px solid #ddd;
	padding: 3px;
	width:20%;
	box-sizing: border-box;
}
.RequestViewFieldValue2
{
	float: left;
	border: 1px solid #ddd;
	padding: 3px;
	width:80%;
	box-sizing: border-box;
}
.RequestActionBlock
{
	border: none;
}
.requestaction
{
	padding: 0;
}
.assignment-display-field
{
	padding-left: 28px;
}
.clickable
{
	cursor: pointer;
}
.SortByAffectedUserDisplayName, .SortByRequesterDisplayName
{
	width: 45%;
	text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}
[class*="historycontent-"]
{
    background-color: #FFFFFF;
	padding: 10px;
}
.select2-container--classic .select2-selection--single {
    background-color: #ffffff;
    background-image: none;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-image: none;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	background-image: none;
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #aaa;
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #aaa;
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #aaa;
}
.error:after {
	content: " *";
	color: red;
	font-weight: bolder;
}
.error {
	color: #4c4c4c;
	border-bottom: 2px solid #ff0000;
}
.valid {
	color: #4c4c4c;
	border-bottom: 1px solid #f1f1f1;
	background:  url(/content/images/valid.png) no-repeat 97% center;

}
.errorcustom:after {
	content: "";
	color: red;
	font-weight: bolder;
}
.errorcustom {
font-style:italic;
font-weight: normal;
	color: #4c4c4c;
	border-bottom: none;
}
.e-waitpopup-pane {
	background-color: #383838;
	height: -webkit-fill-available !important;
}

.e-waitpopup-pane > span {
	top: 200px !important;
}



.ui-dialog-titlebar-close {
	visibility: hidden;
}

.ui-widget-header {
	border: none;
	background: none;
	color: #4c4c4c;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.homepageseparator
 {
	flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 98%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	border-bottom: none;
	padding: 0px;
	font-weight: 600;
	font-size: 1.3em;
}
.designerlangtitle{
	width:98%;
	background-color: #ffffff;
	padding: 5px 0px 5px 5px;
	font-size: 1.2em;
	font-weight: 600;
}
.designeralert{
	padding: 0 !important;
	color: #4c4c4c !important;
}
.designeralert .ui-widget-header, .designerobjectselector .ui-widget-header{
	border: none;
	background: #c1c1c1;
	color: #4c4c4c;
	margin: 0;
	border-radius: 0px;
}
.designerconfigurationdialog {
	padding: 0 !important;
}
.designerconfigurationdialog .ui-dialog .ui-dialog-content  {
	padding: 0 !important;
}
[id*="Trans_"]
{
	border: none !important;
	padding-left: 0px !important;
}
#Translations > ul > li
{
	border-left: none !important;
	border-right: none !important;
	border: none !important;
}
#Translations > ul > li.e-bottom-line.e-item.e-active
{
	border-bottom: 3px solid #5e3272 !important;
	background: var(--primary-color-light) !important;
}
#popupConfig {
	padding: 0 !important;
}
#popmessage > ul{
	padding-left: 10px;
}
.designerconfigurationdialog  .ui-widget-header{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
	padding: 10px;
	background: #FFF;
	display: block;
	margin-bottom: 10px;
	margin-top: 0px;
    color: #5e5e5e;
}
.testquerybutton:before{content: "\e63e";}
.clearquerybutton:before{content: "\e60b";}
#TabTrans{ padding: 0; height: 100vh;}


/* KB */
.kbrating
{
		height: 24px;
		padding: none;
		background: no-repeat;
}
.kbrating0stars
{
	background-image: url(./images/kb/0stars.png);
}
.kbrating1stars
{
	background-image: url(./images/kb/1stars.png);
}
.kbrating2stars
{
	background-image: url(./images/kb/2stars.png);
}
.kbrating3stars
{
	background-image: url(./images/kb/3stars.png);
}
.kbrating4stars
{
	background-image: url(./images/kb/4stars.png);
}
.kbrating5stars
{
	background-image: url(./images/kb/5stars.png);
}
.kbresultTemplate{
	padding: 10px;
}
#Kbresultview.e-lv.e-parentlv>.e-lv .e-list-container
{
	border: none;
}
#Kbresultview.e-lv .e-list {
    border-bottom: 1px solid var(--primary-color-light) !important;
    /*font-size: 1em;*/
}
#Kbresultview.e-lv .e-list.e-state-default {
    background-color: #fff;
    border-bottom: 1px solid var(--primary-color-light) !important;
}
#Kbresultview.e-lv .e-list.e-state-default:hover {
    background-color: #f1f1f1;
    border-bottom: 1px solid var(--primary-color-light) !important;
}
.KbListcontainer, .KbArticlecontainer{
    display: table;
    width: 100%;
}
.KbListcontainer .cell,.KbArticlecontainer .cell {
    display: table-cell;
    vertical-align: top;
    width: auto;
}
#Kbresult {
    width: 85%;
    padding: 0;
}
#KbTagsCloud.e-tagcloud{
	width: initial;
}
#KbTagsCloud.e-tagcloud .e-ul{
	border: none;
}
[id*="resultList_"]{
	list-style: none;
}
[id*="resultList_"] > li{
	border-bottom: 1px solid var(--primary-color-light);
	padding: 10px;
}
[id*="resultList_"] .searchresultrecord{
	cursor: pointer;
}
.kbtagviewlink:visited, .kbcategoryviewlink:visited
{
	color: #0000EE;
}
/* FONTS */
@font-face {
font-family: "uicons-regular-rounded";
src: url(fonts/uicons-regular-rounded.eot#iefix) format("embedded-opentype"),
url(fonts/uicons-regular-rounded.woff2) format("woff2"),
url(fonts/uicons-regular-rounded.woff) format("woff");
}

.e-queries:before{
content: "\e839";
line-height: 1;
}
i[class^="fi-rr-"]:before, i[class*=" fi-rr-"]:before, span[class^="fi-rr-"]:before, span[class*="fi-rr-"]:before {
font-family: uicons-regular-rounded !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

        .fi-rr-add:before {
    content: "\f101";
    }
        .fi-rr-address-book:before {
    content: "\f102";
    }
        .fi-rr-alarm-clock:before {
    content: "\f103";
    }
        .fi-rr-align-center:before {
    content: "\f104";
    }
        .fi-rr-align-justify:before {
    content: "\f105";
    }
        .fi-rr-align-left:before {
    content: "\f106";
    }
        .fi-rr-align-right:before {
    content: "\f107";
    }
        .fi-rr-ambulance:before {
    content: "\f108";
    }
        .fi-rr-angle-double-left:before {
    content: "\f109";
    }
        .fi-rr-angle-double-right:before {
    content: "\f10a";
    }
        .fi-rr-angle-double-small-left:before {
    content: "\f10b";
    }
        .fi-rr-angle-double-small-right:before {
    content: "\f10c";
    }
        .fi-rr-angle-down:before {
    content: "\f10d";
    }
        .fi-rr-angle-left:before {
    content: "\f10e";
    }
        .fi-rr-angle-right:before {
    content: "\f10f";
    }
        .fi-rr-angle-small-down:before {
    content: "\f110";
    }
        .fi-rr-angle-small-left:before {
    content: "\f111";
    }
        .fi-rr-angle-small-right:before {
    content: "\f112";
    }
        .fi-rr-angle-small-up:before {
    content: "\f113";
    }
        .fi-rr-angle-up:before {
    content: "\f114";
    }
        .fi-rr-apple:before {
    content: "\f115";
    }
        .fi-rr-apps-add:before {
    content: "\f116";
    }
        .fi-rr-apps-delete:before {
    content: "\f117";
    }
        .fi-rr-apps-sort:before {
    content: "\f118";
    }
        .fi-rr-apps:before {
    content: "\f119";
    }
        .fi-rr-archive:before {
    content: "\f11a";
    }
        .fi-rr-arrow-down:before {
    content: "\f11b";
    }
        .fi-rr-arrow-from-bottom:before {
    content: "\f11c";
    }
        .fi-rr-arrow-left:before {
    content: "\f11d";
    }
        .fi-rr-arrow-right:before {
    content: "\f11e";
    }
        .fi-rr-arrow-small-down:before {
    content: "\f11f";
    }
        .fi-rr-arrow-small-left:before {
    content: "\f120";
    }
        .fi-rr-arrow-small-right:before {
    content: "\f121";
    }
        .fi-rr-arrow-small-up:before {
    content: "\f122";
    }
        .fi-rr-arrow-up:before {
    content: "\f123";
    }
        .fi-rr-asterik:before {
    content: "\f124";
    }
        .fi-rr-at:before {
    content: "\f125";
    }
        .fi-rr-backpack:before {
    content: "\f126";
    }
        .fi-rr-badge:before {
    content: "\f127";
    }
        .fi-rr-balloons:before {
    content: "\f128";
    }
        .fi-rr-ban:before {
    content: "\f129";
    }
        .fi-rr-band-aid:before {
    content: "\f12a";
    }
        .fi-rr-bank:before {
    content: "\f12b";
    }
        .fi-rr-barber-shop:before {
    content: "\f12c";
    }
        .fi-rr-baseball:before {
    content: "\f12d";
    }
        .fi-rr-basketball:before {
    content: "\f12e";
    }
        .fi-rr-bed:before {
    content: "\f12f";
    }
        .fi-rr-beer:before {
    content: "\f130";
    }
        .fi-rr-bell-ring:before {
    content: "\f131";
    }
        .fi-rr-bell-school:before {
    content: "\f132";
    }
        .fi-rr-bell:before {
    content: "\f133";
    }
        .fi-rr-bike:before {
    content: "\f134";
    }
        .fi-rr-billiard:before {
    content: "\f135";
    }
        .fi-rr-bold:before {
    content: "\f136";
    }
        .fi-rr-book-alt:before {
    content: "\f137";
    }
        .fi-rr-book:before {
    content: "\f138";
    }
        .fi-rr-bookmark:before {
    content: "\f139";
    }
        .fi-rr-bowling:before {
    content: "\f13a";
    }
        .fi-rr-box-alt:before {
    content: "\f13b";
    }
        .fi-rr-box:before {
    content: "\f13c";
    }
        .fi-rr-bread-slice:before {
    content: "\f13d";
    }
        .fi-rr-briefcase:before {
    content: "\f13e";
    }
        .fi-rr-broom:before {
    content: "\f13f";
    }
        .fi-rr-browser:before {
    content: "\f140";
    }
        .fi-rr-brush:before {
    content: "\f141";
    }
        .fi-rr-bug:before {
    content: "\f142";
    }
        .fi-rr-building:before {
    content: "\f143";
    }
        .fi-rr-bulb:before {
    content: "\f144";
    }
        .fi-rr-butterfly:before {
    content: "\f145";
    }
        .fi-rr-cake-birthday:before {
    content: "\f146";
    }
        .fi-rr-cake-wedding:before {
    content: "\f147";
    }
        .fi-rr-calculator:before {
    content: "\f148";
    }
        .fi-rr-calendar:before {
    content: "\f149";
    }
        .fi-rr-call-history:before {
    content: "\f14a";
    }
        .fi-rr-call-incoming:before {
    content: "\f14b";
    }
        .fi-rr-call-missed:before {
    content: "\f14c";
    }
        .fi-rr-call-outgoing:before {
    content: "\f14d";
    }
        .fi-rr-camera:before {
    content: "\f14e";
    }
        .fi-rr-camping:before {
    content: "\f14f";
    }
        .fi-rr-car:before {
    content: "\f150";
    }
        .fi-rr-caret-down:before {
    content: "\f151";
    }
        .fi-rr-caret-left:before {
    content: "\f152";
    }
        .fi-rr-caret-right:before {
    content: "\f153";
    }
        .fi-rr-caret-up:before {
    content: "\f154";
    }
        .fi-rr-carrot:before {
    content: "\f155";
    }
        .fi-rr-chart-connected:before {
    content: "\f156";
    }
        .fi-rr-chart-histogram:before {
    content: "\f157";
    }
        .fi-rr-chart-network:before {
    content: "\f158";
    }
        .fi-rr-chart-pie-alt:before {
    content: "\f159";
    }
        .fi-rr-chart-pie:before {
    content: "\f15a";
    }
        .fi-rr-chart-pyramid:before {
    content: "\f15b";
    }
        .fi-rr-chart-set-theory:before {
    content: "\f15c";
    }
        .fi-rr-chart-tree:before {
    content: "\f15d";
    }
        .fi-rr-chat-arrow-down:before {
    content: "\f15e";
    }
        .fi-rr-chat-arrow-grow:before {
    content: "\f15f";
    }
        .fi-rr-check:before {
    content: "\f160";
    }
        .fi-rr-checkbox:before {
    content: "\f161";
    }
        .fi-rr-cheese:before {
    content: "\f162";
    }
        .fi-rr-chess-piece:before {
    content: "\f163";
    }
        .fi-rr-child-head:before {
    content: "\f164";
    }
        .fi-rr-circle-small:before {
    content: "\f165";
    }
        .fi-rr-circle:before {
    content: "\f166";
    }
        .fi-rr-clip:before {
    content: "\f167";
    }
        .fi-rr-clock:before {
    content: "\f168";
    }
        .fi-rr-cloud-check:before {
    content: "\f169";
    }
        .fi-rr-cloud-disabled:before {
    content: "\f16a";
    }
        .fi-rr-cloud-download:before {
    content: "\f16b";
    }
        .fi-rr-cloud-share:before {
    content: "\f16c";
    }
        .fi-rr-cloud-upload:before {
    content: "\f16d";
    }
        .fi-rr-cloud:before {
    content: "\f16e";
    }
        .fi-rr-clouds:before {
    content: "\f16f";
    }
        .fi-rr-cocktail:before {
    content: "\f170";
    }
        .fi-rr-coffee:before {
    content: "\f171";
    }
        .fi-rr-comment-alt:before {
    content: "\f172";
    }
        .fi-rr-comment-check:before {
    content: "\f173";
    }
        .fi-rr-comment-heart:before {
    content: "\f174";
    }
        .fi-rr-comment-info:before {
    content: "\f175";
    }
        .fi-rr-comment-user:before {
    content: "\f176";
    }
        .fi-rr-comment:before {
    content: "\f177";
    }
        .fi-rr-comments:before {
    content: "\f178";
    }
        .fi-rr-compress-alt:before {
    content: "\f179";
    }
        .fi-rr-compress:before {
    content: "\f17a";
    }
        .fi-rr-computer:before {
    content: "\f17b";
    }
        .fi-rr-confetti:before {
    content: "\f17c";
    }
        .fi-rr-cookie:before {
    content: "\f17d";
    }
        .fi-rr-copy-alt:before {
    content: "\f17e";
    }
        .fi-rr-copy:before {
    content: "\f17f";
    }
        .fi-rr-copyright:before {
    content: "\f180";
    }
        .fi-rr-cow:before {
    content: "\f181";
    }
        .fi-rr-cream:before {
    content: "\f182";
    }
        .fi-rr-credit-card:before {
    content: "\f183";
    }
        .fi-rr-croissant:before {
    content: "\f184";
    }
        .fi-rr-cross-circle:before {
    content: "\f185";
    }
        .fi-rr-cross-small:before {
    content: "\f186";
    }
        .fi-rr-cross:before {
    content: "\f187";
    }
        .fi-rr-crown:before {
    content: "\f188";
    }
        .fi-rr-cube:before {
    content: "\f189";
    }
        .fi-rr-cupcake:before {
    content: "\f18a";
    }
        .fi-rr-cursor-finger:before {
    content: "\f18b";
    }
        .fi-rr-cursor-plus:before {
    content: "\f18c";
    }
        .fi-rr-cursor-text-alt:before {
    content: "\f18d";
    }
        .fi-rr-cursor-text:before {
    content: "\f18e";
    }
        .fi-rr-cursor:before {
    content: "\f18f";
    }
        .fi-rr-dart:before {
    content: "\f190";
    }
        .fi-rr-dashboard:before {
    content: "\f191";
    }
        .fi-rr-data-transfer:before {
    content: "\f192";
    }
        .fi-rr-database:before {
    content: "\f193";
    }
        .fi-rr-delete:before {
    content: "\f194";
    }
        .fi-rr-diamond:before {
    content: "\f195";
    }
        .fi-rr-dice:before {
    content: "\f196";
    }
        .fi-rr-diploma:before {
    content: "\f197";
    }
        .fi-rr-disco-ball:before {
    content: "\f198";
    }
        .fi-rr-disk:before {
    content: "\f199";
    }
        .fi-rr-doctor:before {
    content: "\f19a";
    }
        .fi-rr-document-signed:before {
    content: "\f19b";
    }
        .fi-rr-document:before {
    content: "\f19c";
    }
        .fi-rr-dollar:before {
    content: "\f19d";
    }
        .fi-rr-download:before {
    content: "\f19e";
    }
        .fi-rr-drink-alt:before {
    content: "\f19f";
    }
        .fi-rr-drumstick:before {
    content: "\f1a0";
    }
        .fi-rr-duplicate:before {
    content: "\f1a1";
    }
        .fi-rr-e-learning:before {
    content: "\f1a2";
    }
        .fi-rr-earnings:before {
    content: "\f1a3";
    }
        .fi-rr-edit-alt:before {
    content: "\f1a4";
    }
        .fi-rr-edit:before {
    content: "\f1a5";
    }
        .fi-rr-envelope-ban:before {
    content: "\f1a6";
    }
        .fi-rr-envelope-download:before {
    content: "\f1a7";
    }
        .fi-rr-envelope-marker:before {
    content: "\f1a8";
    }
        .fi-rr-envelope-open:before {
    content: "\f1a9";
    }
        .fi-rr-envelope-plus:before {
    content: "\f1aa";
    }
        .fi-rr-envelope:before {
    content: "\f1ab";
    }
        .fi-rr-euro:before {
    content: "\f1ac";
    }
        .fi-rr-exclamation:before {
    content: "\f1ad";
    }
        .fi-rr-expand:before {
    content: "\f1ae";
    }
        .fi-rr-eye-crossed:before {
    content: "\f1af";
    }
        .fi-rr-eye-dropper:before {
    content: "\f1b0";
    }
        .fi-rr-eye:before {
    content: "\f1b1";
    }
        .fi-rr-feather:before {
    content: "\f1b2";
    }
        .fi-rr-ferris-wheel:before {
    content: "\f1b3";
    }
        .fi-rr-file-add:before {
    content: "\f1b4";
    }
        .fi-rr-file-ai:before {
    content: "\f1b5";
    }
        .fi-rr-file-check:before {
    content: "\f1b6";
    }
        .fi-rr-file-delete:before {
    content: "\f1b7";
    }
        .fi-rr-file-eps:before {
    content: "\f1b8";
    }
        .fi-rr-file-gif:before {
    content: "\f1b9";
    }
        .fi-rr-file-music:before {
    content: "\f1ba";
    }
        .fi-rr-file-psd:before {
    content: "\f1bb";
    }
        .fi-rr-file:before {
    content: "\f1bc";
    }
        .fi-rr-fill:before {
    content: "\f1bd";
    }
        .fi-rr-film:before {
    content: "\f1be";
    }
        .fi-rr-filter:before {
    content: "\f1bf";
    }
        .fi-rr-fingerprint:before {
    content: "\f1c0";
    }
        .fi-rr-fish:before {
    content: "\f1c1";
    }
        .fi-rr-flag:before {
    content: "\f1c2";
    }
        .fi-rr-flame:before {
    content: "\f1c3";
    }
        .fi-rr-flip-horizontal:before {
    content: "\f1c4";
    }
        .fi-rr-flower-bouquet:before {
    content: "\f1c5";
    }
        .fi-rr-flower-tulip:before {
    content: "\f1c6";
    }
        .fi-rr-flower:before {
    content: "\f1c7";
    }
        .fi-rr-folder-add:before {
    content: "\f1c8";
    }
        .fi-rr-folder:before {
    content: "\f1c9";
    }
        .fi-rr-following:before {
    content: "\f1ca";
    }
        .fi-rr-football:before {
    content: "\f1cb";
    }
        .fi-rr-form:before {
    content: "\f1cc";
    }
        .fi-rr-forward:before {
    content: "\f1cd";
    }
        .fi-rr-fox:before {
    content: "\f1ce";
    }
        .fi-rr-frown:before {
    content: "\f1cf";
    }
        .fi-rr-ftp:before {
    content: "\f1d0";
    }
        .fi-rr-gallery:before {
    content: "\f1d1";
    }
        .fi-rr-gamepad:before {
    content: "\f1d2";
    }
        .fi-rr-gas-pump:before {
    content: "\f1d3";
    }
        .fi-rr-gem:before {
    content: "\f1d4";
    }
        .fi-rr-gift:before {
    content: "\f1d5";
    }
        .fi-rr-glass-cheers:before {
    content: "\f1d6";
    }
        .fi-rr-glasses:before {
    content: "\f1d7";
    }
        .fi-rr-globe-alt:before {
    content: "\f1d8";
    }
        .fi-rr-globe:before {
    content: "\f1d9";
    }
        .fi-rr-golf:before {
    content: "\f1da";
    }
        .fi-rr-graduation-cap:before {
    content: "\f1db";
    }
        .fi-rr-graphic-tablet:before {
    content: "\f1dc";
    }
        .fi-rr-grid-alt:before {
    content: "\f1dd";
    }
        .fi-rr-grid:before {
    content: "\f1de";
    }
        .fi-rr-guitar:before {
    content: "\f1df";
    }
        .fi-rr-gym:before {
    content: "\f1e0";
    }
        .fi-rr-hamburger:before {
    content: "\f1e1";
    }
        .fi-rr-hand-holding-heart:before {
    content: "\f1e2";
    }
        .fi-rr-hastag:before {
    content: "\f1e3";
    }
        .fi-rr-hat-birthday:before {
    content: "\f1e4";
    }
        .fi-rr-head-side-thinking:before {
    content: "\f1e5";
    }
        .fi-rr-headphones:before {
    content: "\f1e6";
    }
        .fi-rr-headset:before {
    content: "\f1e7";
    }
        .fi-rr-heart-arrow:before {
    content: "\f1e8";
    }
        .fi-rr-heart:before {
    content: "\f1e9";
    }
        .fi-rr-home-location-alt:before {
    content: "\f1ea";
    }
        .fi-rr-home-location:before {
    content: "\f1eb";
    }
        .fi-rr-home:before {
    content: "\f1ec";
    }
        .fi-rr-hourglass-end:before {
    content: "\f1ed";
    }
        .fi-rr-hourglass:before {
    content: "\f1ee";
    }
        .fi-rr-ice-cream:before {
    content: "\f1ef";
    }
        .fi-rr-ice-skate:before {
    content: "\f1f0";
    }
        .fi-rr-id-badge:before {
    content: "\f1f1";
    }
        .fi-rr-inbox:before {
    content: "\f1f2";
    }
        .fi-rr-incognito:before {
    content: "\f1f3";
    }
        .fi-rr-indent:before {
    content: "\f1f4";
    }
        .fi-rr-infinity:before {
    content: "\f1f5";
    }
        .fi-rr-info:before {
    content: "\f1f6";
    }
        .fi-rr-interactive:before {
    content: "\f1f7";
    }
        .fi-rr-interlining:before {
    content: "\f1f8";
    }
        .fi-rr-interrogation:before {
    content: "\f1f9";
    }
        .fi-rr-italic:before {
    content: "\f1fa";
    }
        .fi-rr-jpg:before {
    content: "\f1fb";
    }
        .fi-rr-key:before {
    content: "\f1fc";
    }
        .fi-rr-keyboard:before {
    content: "\f1fd";
    }
        .fi-rr-kite:before {
    content: "\f1fe";
    }
        .fi-rr-label:before {
    content: "\f1ff";
    }
        .fi-rr-laptop:before {
    content: "\f200";
    }
        .fi-rr-lasso:before {
    content: "\f201";
    }
        .fi-rr-laugh:before {
    content: "\f202";
    }
        .fi-rr-layers:before {
    content: "\f203";
    }
        .fi-rr-layout-fluid:before {
    content: "\f204";
    }
        .fi-rr-leaf:before {
    content: "\f205";
    }
        .fi-rr-letter-case:before {
    content: "\f206";
    }
        .fi-rr-life-ring:before {
    content: "\f207";
    }
        .fi-rr-line-width:before {
    content: "\f208";
    }
        .fi-rr-link:before {
    content: "\f209";
    }
        .fi-rr-lipstick:before {
    content: "\f20a";
    }
        .fi-rr-list-check:before {
    content: "\f20b";
    }
        .fi-rr-list:before {
    content: "\f20c";
    }
        .fi-rr-location-alt:before {
    content: "\f20d";
    }
        .fi-rr-lock-alt:before {
    content: "\f20e";
    }
        .fi-rr-lock:before {
    content: "\f20f";
    }
        .fi-rr-luggage-rolling:before {
    content: "\f210";
    }
        .fi-rr-magic-wand:before {
    content: "\f211";
    }
        .fi-rr-makeup-brush:before {
    content: "\f212";
    }
        .fi-rr-man-head:before {
    content: "\f213";
    }
        .fi-rr-map-marker-cross:before {
    content: "\f214";
    }
        .fi-rr-map-marker-home:before {
    content: "\f215";
    }
        .fi-rr-map-marker-minus:before {
    content: "\f216";
    }
        .fi-rr-map-marker-plus:before {
    content: "\f217";
    }
        .fi-rr-map-marker:before {
    content: "\f218";
    }
        .fi-rr-map:before {
    content: "\f219";
    }
        .fi-rr-marker-time:before {
    content: "\f21a";
    }
        .fi-rr-marker:before {
    content: "\f21b";
    }
        .fi-rr-mars-double:before {
    content: "\f21c";
    }
        .fi-rr-mars:before {
    content: "\f21d";
    }
        .fi-rr-mask-carnival:before {
    content: "\f21e";
    }
        .fi-rr-medicine:before {
    content: "\f21f";
    }
        .fi-rr-megaphone:before {
    content: "\f220";
    }
        .fi-rr-meh:before {
    content: "\f221";
    }
        .fi-rr-menu-burger:before {
    content: "\f222";
    }
        .fi-rr-menu-dots-vertical:before {
    content: "\f223";
    }
        .fi-rr-menu-dots:before {
    content: "\f224";
    }
        .fi-rr-microphone-alt:before {
    content: "\f225";
    }
        .fi-rr-microphone:before {
    content: "\f226";
    }
        .fi-rr-minus-small:before {
    content: "\f227";
    }
        .fi-rr-minus:before {
    content: "\f228";
    }
        .fi-rr-mobile:before {
    content: "\f229";
    }
        .fi-rr-mode-landscape:before {
    content: "\f22a";
    }
        .fi-rr-mode-portrait:before {
    content: "\f22b";
    }
        .fi-rr-money:before {
    content: "\f22c";
    }
        .fi-rr-moon:before {
    content: "\f22d";
    }
        .fi-rr-mountains:before {
    content: "\f22e";
    }
        .fi-rr-mouse:before {
    content: "\f22f";
    }
        .fi-rr-mug-alt:before {
    content: "\f230";
    }
        .fi-rr-music-alt:before {
    content: "\f231";
    }
        .fi-rr-music:before {
    content: "\f232";
    }
        .fi-rr-navigation:before {
    content: "\f233";
    }
        .fi-rr-network-cloud:before {
    content: "\f234";
    }
        .fi-rr-network:before {
    content: "\f235";
    }
        .fi-rr-notebook:before {
    content: "\f236";
    }
        .fi-rr-opacity:before {
    content: "\f237";
    }
        .fi-rr-package:before {
    content: "\f238";
    }
        .fi-rr-paint-brush:before {
    content: "\f239";
    }
        .fi-rr-palette:before {
    content: "\f23a";
    }
        .fi-rr-paper-plane:before {
    content: "\f23b";
    }
        .fi-rr-password:before {
    content: "\f23c";
    }
        .fi-rr-pause:before {
    content: "\f23d";
    }
        .fi-rr-paw:before {
    content: "\f23e";
    }
        .fi-rr-pencil:before {
    content: "\f23f";
    }
        .fi-rr-pharmacy:before {
    content: "\f240";
    }
        .fi-rr-phone-call:before {
    content: "\f241";
    }
        .fi-rr-phone-cross:before {
    content: "\f242";
    }
        .fi-rr-phone-pause:before {
    content: "\f243";
    }
        .fi-rr-phone-slash:before {
    content: "\f244";
    }
        .fi-rr-physics:before {
    content: "\f245";
    }
        .fi-rr-picture:before {
    content: "\f246";
    }
        .fi-rr-ping-pong:before {
    content: "\f247";
    }
        .fi-rr-pizza-slice:before {
    content: "\f248";
    }
        .fi-rr-plane:before {
    content: "\f249";
    }
        .fi-rr-play-alt:before {
    content: "\f24a";
    }
        .fi-rr-play:before {
    content: "\f24b";
    }
        .fi-rr-playing-cards:before {
    content: "\f24c";
    }
        .fi-rr-plus-small:before {
    content: "\f24d";
    }
        .fi-rr-plus:before {
    content: "\f24e";
    }
        .fi-rr-poker-chip:before {
    content: "\f24f";
    }
        .fi-rr-portrait:before {
    content: "\f250";
    }
        .fi-rr-pound:before {
    content: "\f251";
    }
        .fi-rr-power:before {
    content: "\f252";
    }
        .fi-rr-presentation:before {
    content: "\f253";
    }
        .fi-rr-print:before {
    content: "\f254";
    }
        .fi-rr-protractor:before {
    content: "\f255";
    }
        .fi-rr-pulse:before {
    content: "\f256";
    }
        .fi-rr-pyramid:before {
    content: "\f257";
    }
        .fi-rr-quote-right:before {
    content: "\f258";
    }
        .fi-rr-rainbow:before {
    content: "\f259";
    }
        .fi-rr-raindrops:before {
    content: "\f25a";
    }
        .fi-rr-rec:before {
    content: "\f25b";
    }
        .fi-rr-receipt:before {
    content: "\f25c";
    }
        .fi-rr-record-vinyl:before {
    content: "\f25d";
    }
        .fi-rr-rectabgle-vertical:before {
    content: "\f25e";
    }
        .fi-rr-rectangle-horizontal:before {
    content: "\f25f";
    }
        .fi-rr-rectangle-panoramic:before {
    content: "\f260";
    }
        .fi-rr-recycle:before {
    content: "\f261";
    }
        .fi-rr-redo-alt:before {
    content: "\f262";
    }
        .fi-rr-redo:before {
    content: "\f263";
    }
        .fi-rr-reflect:before {
    content: "\f264";
    }
        .fi-rr-refresh:before {
    content: "\f265";
    }
        .fi-rr-resize:before {
    content: "\f266";
    }
        .fi-rr-resources:before {
    content: "\f267";
    }
        .fi-rr-rewind:before {
    content: "\f268";
    }
        .fi-rr-rhombus:before {
    content: "\f269";
    }
        .fi-rr-rings-wedding:before {
    content: "\f26a";
    }
        .fi-rr-road:before {
    content: "\f26b";
    }
        .fi-rr-rocket:before {
    content: "\f26c";
    }
        .fi-rr-room-service:before {
    content: "\f26d";
    }
        .fi-rr-rotate-right:before {
    content: "\f26e";
    }
        .fi-rr-rugby:before {
    content: "\f26f";
    }
        .fi-rr-sad:before {
    content: "\f270";
    }
        .fi-rr-salad:before {
    content: "\f271";
    }
        .fi-rr-scale:before {
    content: "\f272";
    }
        .fi-rr-school-bus:before {
    content: "\f273";
    }
        .fi-rr-school:before {
    content: "\f274";
    }
        .fi-rr-scissors:before {
    content: "\f275";
    }
        .fi-rr-screen:before {
    content: "\f276";
    }
        .fi-rr-search-alt:before {
    content: "\f277";
    }
        .fi-rr-search-heart:before {
    content: "\f278";
    }
        .fi-rr-search:before {
    content: "\f279";
    }
        .fi-rr-settings-sliders:before {
    content: "\f27a";
    }
        .fi-rr-settings:before {
    content: "\f27b";
    }
        .fi-rr-share:before {
    content: "\f27c";
    }
        .fi-rr-shield-check:before {
    content: "\f27d";
    }
        .fi-rr-shield-exclamation:before {
    content: "\f27e";
    }
        .fi-rr-shield-interrogation:before {
    content: "\f27f";
    }
        .fi-rr-shield-plus:before {
    content: "\f280";
    }
        .fi-rr-shield:before {
    content: "\f281";
    }
        .fi-rr-ship-side:before {
    content: "\f282";
    }
        .fi-rr-ship:before {
    content: "\f283";
    }
        .fi-rr-shop:before {
    content: "\f284";
    }
        .fi-rr-shopping-bag-add:before {
    content: "\f285";
    }
        .fi-rr-shopping-bag:before {
    content: "\f286";
    }
        .fi-rr-shopping-cart-add:before {
    content: "\f287";
    }
        .fi-rr-shopping-cart-check:before {
    content: "\f288";
    }
        .fi-rr-shopping-cart:before {
    content: "\f289";
    }
        .fi-rr-shuffle:before {
    content: "\f28a";
    }
        .fi-rr-sign-in-alt:before {
    content: "\f28b";
    }
        .fi-rr-sign-in:before {
    content: "\f28c";
    }
        .fi-rr-sign-out-alt:before {
    content: "\f28d";
    }
        .fi-rr-sign-out:before {
    content: "\f28e";
    }
        .fi-rr-signal-alt-1:before {
    content: "\f28f";
    }
        .fi-rr-signal-alt-2:before {
    content: "\f290";
    }
        .fi-rr-signal-alt:before {
    content: "\f291";
    }
        .fi-rr-skateboard:before {
    content: "\f292";
    }
        .fi-rr-smartphone:before {
    content: "\f293";
    }
        .fi-rr-smile-wink:before {
    content: "\f294";
    }
        .fi-rr-smile:before {
    content: "\f295";
    }
        .fi-rr-snowflake:before {
    content: "\f296";
    }
        .fi-rr-soap:before {
    content: "\f297";
    }
        .fi-rr-soup:before {
    content: "\f298";
    }
        .fi-rr-spa:before {
    content: "\f299";
    }
        .fi-rr-speaker:before {
    content: "\f29a";
    }
        .fi-rr-sphere:before {
    content: "\f29b";
    }
        .fi-rr-spinner-alt:before {
    content: "\f29c";
    }
        .fi-rr-spinner:before {
    content: "\f29d";
    }
        .fi-rr-square-root:before {
    content: "\f29e";
    }
        .fi-rr-square:before {
    content: "\f29f";
    }
        .fi-rr-star-octogram:before {
    content: "\f2a0";
    }
        .fi-rr-star:before {
    content: "\f2a1";
    }
        .fi-rr-stats:before {
    content: "\f2a2";
    }
        .fi-rr-stethoscope:before {
    content: "\f2a3";
    }
        .fi-rr-sticker:before {
    content: "\f2a4";
    }
        .fi-rr-stop:before {
    content: "\f2a5";
    }
        .fi-rr-stopwatch:before {
    content: "\f2a6";
    }
        .fi-rr-subtitles:before {
    content: "\f2a7";
    }
        .fi-rr-sun:before {
    content: "\f2a8";
    }
        .fi-rr-sunrise:before {
    content: "\f2a9";
    }
        .fi-rr-surfing:before {
    content: "\f2aa";
    }
        .fi-rr-sword:before {
    content: "\f2ab";
    }
        .fi-rr-syringe:before {
    content: "\f2ac";
    }
        .fi-rr-tablet:before {
    content: "\f2ad";
    }
        .fi-rr-target:before {
    content: "\f2ae";
    }
        .fi-rr-taxi:before {
    content: "\f2af";
    }
        .fi-rr-tennis:before {
    content: "\f2b0";
    }
        .fi-rr-terrace:before {
    content: "\f2b1";
    }
        .fi-rr-test-tube:before {
    content: "\f2b2";
    }
        .fi-rr-test:before {
    content: "\f2b3";
    }
        .fi-rr-text-check:before {
    content: "\f2b4";
    }
        .fi-rr-text:before {
    content: "\f2b5";
    }
        .fi-rr-thermometer-half:before {
    content: "\f2b6";
    }
        .fi-rr-thumbs-down:before {
    content: "\f2b7";
    }
        .fi-rr-thumbs-up:before {
    content: "\f2b8";
    }
        .fi-rr-thumbtack:before {
    content: "\f2b9";
    }
        .fi-rr-ticket:before {
    content: "\f2ba";
    }
        .fi-rr-time-add:before {
    content: "\f2bb";
    }
        .fi-rr-time-check:before {
    content: "\f2bc";
    }
        .fi-rr-time-delete:before {
    content: "\f2bd";
    }
        .fi-rr-time-fast:before {
    content: "\f2be";
    }
        .fi-rr-time-forward-sixty:before {
    content: "\f2bf";
    }
        .fi-rr-time-forward-ten:before {
    content: "\f2c0";
    }
        .fi-rr-time-forward:before {
    content: "\f2c1";
    }
        .fi-rr-time-half-past:before {
    content: "\f2c2";
    }
        .fi-rr-time-oclock:before {
    content: "\f2c3";
    }
        .fi-rr-time-past:before {
    content: "\f2c4";
    }
        .fi-rr-time-quarter-past:before {
    content: "\f2c5";
    }
        .fi-rr-time-quarter-to:before {
    content: "\f2c6";
    }
        .fi-rr-time-twenty-four:before {
    content: "\f2c7";
    }
        .fi-rr-tool-crop:before {
    content: "\f2c8";
    }
        .fi-rr-tool-marquee:before {
    content: "\f2c9";
    }
        .fi-rr-tooth:before {
    content: "\f2ca";
    }
        .fi-rr-tornado:before {
    content: "\f2cb";
    }
        .fi-rr-train-side:before {
    content: "\f2cc";
    }
        .fi-rr-train:before {
    content: "\f2cd";
    }
        .fi-rr-transform:before {
    content: "\f2ce";
    }
        .fi-rr-trash:before {
    content: "\f2cf";
    }
        .fi-rr-treatment:before {
    content: "\f2d0";
    }
        .fi-rr-tree-christmas:before {
    content: "\f2d1";
    }
        .fi-rr-tree:before {
    content: "\f2d2";
    }
        .fi-rr-triangle:before {
    content: "\f2d3";
    }
        .fi-rr-trophy:before {
    content: "\f2d4";
    }
        .fi-rr-truck-side:before {
    content: "\f2d5";
    }
        .fi-rr-umbrella:before {
    content: "\f2d6";
    }
        .fi-rr-underline:before {
    content: "\f2d7";
    }
        .fi-rr-undo-alt:before {
    content: "\f2d8";
    }
        .fi-rr-undo:before {
    content: "\f2d9";
    }
        .fi-rr-unlock:before {
    content: "\f2da";
    }
        .fi-rr-upload:before {
    content: "\f2db";
    }
        .fi-rr-usb-pendrive:before {
    content: "\f2dc";
    }
        .fi-rr-user-add:before {
    content: "\f2dd";
    }
        .fi-rr-user-delete:before {
    content: "\f2de";
    }
        .fi-rr-user-remove:before {
    content: "\f2df";
    }
        .fi-rr-user-time:before {
    content: "\f2e0";
    }
        .fi-rr-user:before {
    content: "\f2e1";
    }
        .fi-rr-utensils:before {
    content: "\f2e2";
    }
        .fi-rr-vector-alt:before {
    content: "\f2e3";
    }
        .fi-rr-vector:before {
    content: "\f2e4";
    }
        .fi-rr-venus-double:before {
    content: "\f2e5";
    }
        .fi-rr-venus-mars:before {
    content: "\f2e6";
    }
        .fi-rr-venus:before {
    content: "\f2e7";
    }
        .fi-rr-video-camera:before {
    content: "\f2e8";
    }
        .fi-rr-volleyball:before {
    content: "\f2e9";
    }
        .fi-rr-volume:before {
    content: "\f2ea";
    }
        .fi-rr-wheelchair:before {
    content: "\f2eb";
    }
        .fi-rr-wifi-alt:before {
    content: "\f2ec";
    }
        .fi-rr-wind:before {
    content: "\f2ed";
    }
        .fi-rr-woman-head:before {
    content: "\f2ee";
    }
        .fi-rr-world:before {
    content: "\f2ef";
    }
        .fi-rr-yen:before {
    content: "\f2f0";
    }
        .fi-rr-zoom-in:before {
    content: "\f2f1";
    }
        .fi-rr-zoom-out:before {
    content: "\f2f2";
    }

.designerhomepagebox
{
	height: 120px;
	width: 350px;
}
.designerhomepagetitle
{
	font-size: 1.2em;
}
.designerhomepageerror
{
	padding-left: 32px;
}
.designerhomepageicon
{
	height: 32px;
	width: 32px;
	float:left;
	padding: 5px;
}
.designerhomepageseparator
 {
	flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0px;
    text-indent: 0px;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    width: 98%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid var(--primary-color);
	font-weight: 600;
	font-size: 1.3em;
	
}
.designercriticalitycolor_ERROR
{
	color: red;
}
.designercriticalitycolor_WARNING
{
	color: #ffd766;
}
.designercriticalitycolor_INFO
{
	color: var(--primary-color);
}
.designercriticalitycolor_OK
{
	color: var(--primary-color);
}
.designerhomepageli
{
	cursor: pointer;
}
.ToggledGridView:before{content: url(./images/ToggledGridView.png);}
.ToggledListView:before{content: url(./images/ToggledListView.png);}
.viewtype{ border: none; background: none;}

.articlecollapsed
{
	width: 320px; /*col-4*/
}
.articleexpanded
{
	width: 98%;	
}
/* TreeView ACSDashboard */

.TreeDashboardcontainer{
    display: table;
    width: 100%;
}
.TreeDashboardcontainer .cell{
    display: table-cell;
    vertical-align: top;
    width: auto;
}
#TreeDashboardResult {
    width: 85%;
    padding: 0;
}
.TreeDashboardcontainer .sidebar{
   width: 250px;
    padding: 5px 5px 10px 5px;
    background: #fff;
    transition: var(--tran);
    z-index: 100;  
	border-top-right-radius: 5px;
	box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.15) ;
}
#TreeDashboardMain
{
    display: block;
    background-color: var(--body-color);
}
.TreeDashboardMainsection{
    position: fixed;
	top: 80px;
    left: 350px;
	height: calc(100% - 82px);
    width: calc(100% - 350px);
	background: #FFF;
	padding-left: 5px;
	overflow: auto;
}
.TreeDashboardMainsection .text{
    font-size: 30px;
    font-weight: 500;
    color: var(--text-color);
    padding: 12px 60px;
}
#TreeDashboardMain .pagewrap{
	height: 100%;
}
.TreeDashboardSidebar
{
	position: fixed;
    top: 80px;
    left: 0;
    height: calc(100% - 80px);
    width: 350px;
    padding: 5px 5px 10px 5px;
    background: #fff;
    transition: var(--tran);
    z-index: 100;  
	border-top-right-radius: 5px;
	box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.15) ;
}
.TreeDashboardSidebar .menu-bar{
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	overflow-x: hidden; /* Hide horizontal scrollbar */
	overflow-y: scroll; /* Add vertical scrollbar */
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.TreeDashboardSidebar .menu-bar::-webkit-scrollbar {
  width: 5px;
}
.TreeDashboardSidebar .menu-bar::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.TreeDashboardSidebar .menu-bar::-webkit-scrollbar-thumb {
  background: #888;
}
.TreeDashboardSidebar .menu-bar::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.TreeDashboardpagetitleedit
{
	background: #FFF;
	margin: 0;
	font-size: 1.2em;
    font-weight: bold;
    color: #5e5e5e;
	border-top-left-radius: 5px;
	padding-left: 5px;
	position: sticky;
	position: -webkit-sticky;
	display: flex;
	top: 0px;
}
.TreeDashboardpagetitleedit > .TreeDashboarddivtitle, .TreeDashboarddivtitle > .TreeDashboarddivtitle{
    height: 40px;
    list-style: none;
    display: flex;
    align-items: center;
}
.TreeDashboardpagetitleedit > .divbuttons{
	margin-left: auto;padding: 5px 20px 0px 0px;
}
#DashboardTreeView .sidebar li {
    height: initial;
    list-style: initial;
    display: initial;
    align-items: initial;
}
.TreeDashboardtexttitle{
	padding: 5px;
}

/* TreeView ACSDashboard */
@media only screen and (max-width: 321px)
{
 
    .col-flright
    {
        height: 250px;
        display: block;
    }
    #ticketAttachmentsList
    {
        height: 180px;
        overflow: auto;
        width: 400px;
    }
    .TicketInfoBlock-field
    {
        height: 40px;
        overflow: auto;
    }
    .imgarticleindex
    {
        padding-left: 0;
    }
	.homepagebox {
		width: auto;
		margin-right: 5px;
	}
	.portalpagebox {
		width: 95%;
		margin-right: 5px;
	}
	[class*="col-"], .loginform, .indexstatus
    {
        width: 100%;
		margin-top: 5px;
    }
	#clearfilter
	{
		display: none;
	}
	.e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list>ul, .e-menu.e-context, .e-menu.e-context .e-list>ul {
		border-radius: 5px;
	}
}
@media only screen and (max-width: 800px)
{
    /* For tablets: */
    .col-flright
    {
        height: 250px;
        display: block;
    }
    #ticketAttachmentsList
    {
        height: 180px;
        overflow: auto;
        width: 400px;
    }
    .TicketInfoBlock-field
    {
        height: 40px;
        overflow: auto;
    }
     .loginform
    {
        width: 100%;
        margin: 2em 5px 2em 5px;
    }
     .imgarticleindex
    {
        padding-left: 0;
    }
    [class*="col-"], .loginform, .indexstatus
    {
        width: 100%;
		margin-top: 5px;
    }
	#clearfilter
	{
		display: none;
	}
	.e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list>ul, .e-menu.e-context, .e-menu.e-context .e-list>ul {
		border-radius: 5px;
	}
}
@media screen and (max-width: 600px)
{
    #logindisplay
    {
        float: left;
    }
	.homepagebox {
		width: 95%;
		margin-right: 5px;
	}
	.portalpagebox {
		width: 95%;
		margin-right: 5px;
	}
    [class*="col-"], .loginform, .indexstatus
    {
        width: 100%;
		margin-top: 5px;
    }
	#clearfilter
	{
		display: none;
	}
	.e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list>ul, .e-menu.e-context, .e-menu.e-context .e-list>ul {
		border-radius: 5px;
	}
		.articlecollapsed
	{
		width: 98%;
	}
	.articleexpanded
	{
		width: 98%;	
	}
	.multiline-editor-field {
		padding: 5px 0px 0px 0px;
		overflow: unset;
	}
	.homepagebox {
		width: 96%;
	}
	.portalpagebox {
		width: 96%;
	}
}