@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------
	
	* Filename:				default.css
	* Description: 			sets typography, basic grids, 
							and standard formstyles
	* Version:				1.0.0 (2012-06-16)
	* Author:				Ryan Martinez / Soheil Kheiri / www.Dnnplus.ir 2017
	
	== INDEX ===============================================
	
	$__generic classes		classes used globally, should be at bottom to prevent semantic inheritance
	
------------------------------------------------------------*/


/*-------------------------------------*/
/* RESET */
/*-------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
    */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }

html, button, input, select, textarea { font-family: Tahoma; /*Dnnplus.ir*/ color: #222; }

/*
     * Remove text-shadow in selection highlight: h5bp.com/i
     * These selection declarations have to be separate
     * Also: hot pink! (or customize the background color to match your design)
     */

::-moz-selection { background: rgba(2,139,255,1); /* blue */ color: #fff; text-shadow: none; }

::selection { background: rgba(2,139,255,1); /* blue */ color: #fff; text-shadow: none; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

body { color: #444; font-size: 12px; line-height: 18px; font-family: Tahoma,Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; }

/*-------------------------------------*/
/* HEADER STYLES */
/*-------------------------------------*/

h1, h2, h3, h4, h5, h6 { display: block; color: #333; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { font-size: 38px; line-height: 54px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }

h2 { font-size: 32px; line-height: 36px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }

h3 { font-size: 28px; line-height: 36px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }

h4 { font-size: 22px; line-height: 36px; letter-spacing: normal; }

h5 { font-size: 16px; line-height: 18px; letter-spacing: normal; }

h6 { font-size: 14px; line-height: 18px; letter-spacing: normal; }

/* Module titles */
.Head { display: inline-block; margin-bottom: 6px; }

/* Some old forge modules use .Head, .SubHead, .SubSubHead in table td, We keep this to be compatible */
td.Head, td.SubHead, td.SubSubHead { display: table-cell; margin-bottom: 0; }

input[type="image"] + span.Head, input[type="image"] + span.SubHead { display: inline; }

/*-------------------------------------*/
/* PARAGRAPH STYLES */
/*-------------------------------------*/
p { margin: 0 0 18px 0; }
    /* margin bottom is equal to line-height */
    p img { margin: 0; }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

small { font-size: 80%; }

/* Set text size in modules*/
.Normal,
.NormalDisabled,
.NormalDeleted { color: #444; font-size: 12px; font-weight: normal; line-height: 18px; }

/* disabled text styles */
.NormalDisabled,
.NormalDeleted { color: #999; }

/* text style used for help text rendered by modules */
.Help { padding: 2px; border: #000 1px solid; background-color: #ff9; font-weight: normal; font-size: 11px; color: #000; }
/* text style used for rendered text which requires emphasis */
.NormalBold { font-weight: bold; color: #222; }

/* text style used for error messages */
.NormalRed { font-weight: bold; color: red; }

/* text style used for rendered text which should appear deleted */
.NormalDeleted { text-decoration: line-through; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }

blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }

    blockquote cite { display: block; font-size: 12px; color: #555; }

        blockquote cite:before { content: "\2014 \0020"; }

        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { clear: both; margin: 17px 0 17px; height: 0; border: solid #ddd; border-width: 1px 0 0; }

/*-------------------------------------*/
/* ANCHOR STYLES */
/*-------------------------------------*/
a, a:visited { color: rgb(2,139,255); /*blue*/ text-decoration: underline; outline: 0; }

    a:hover, a:focus, a:active { color: #222; outline: 0; }

p a, p a:visited { line-height: inherit; }

/*-------------------------------------*/
/* IMAGE STYLES */
/*-------------------------------------*/
img.dnn-scale-img { max-width: 100%; height: auto; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

#dnn_dnnLOGO_imgLogo { border: 0; }

/*-------------------------------------*/
/* lIST STYLES */
/*-------------------------------------*/
ul, ol { margin-bottom: 18px; margin-left: 18px; }

ul { list-style: square outside; }

ol { list-style: decimal; }

    /* Nested Styles */
    ul ul, ul ol,
    ol ol, ol ul { margin-left: 18px; margin-bottom: 0; }

    ol ol { list-style: lower-roman; }

li p { line-height: 18px; }

/*-------------------------------------*/
/* MESSAGE STYLES */
/*-------------------------------------*/
.dnnFormMessage { display: block; padding: 17px 18px; margin-bottom: 18px; border: 1px solid rgba(2,139,255,0.2); /* blue */ background: rgba(2,139,255,0.15); /* blue */ -webkit-border-radius: 3px; border-radius: 3px; max-width: 980px; }

    .dnnFormMessage.dnnFormError,
    .dnnFormMessage.dnnFormValidationSummary { background-color: rgba(255,0,0,0.15); /* red */ border-color: rgba(255,0,0,0.2); /* red */ }

    .dnnFormMessage.dnnFormWarning { background-color: rgba(255,255,0,0.15); /* yellow */ border-color: #CDB21F; /* yellow */ }

    .dnnFormMessage.dnnFormSuccess { background-color: rgba(0,255,0,0.15); /* green */ border-color: rgba(0,255,0,0.5); /* green */ }

/*-------------------------------------*/
/* TABLE STYLES */
/*-------------------------------------*/
.dnnTableHeader { display: block; padding: 15px; background: none repeat scroll 0 0 #E3E3E5; }
    .dnnTableHeader a,
    .dnnTableHeader input,
    .dnnTableHeader select { margin: 0; }
.dnnTableDisplay { margin-bottom: 18px; border: 1px solid #d1d1d1; border-left: 0; border-bottom: 0; }

    .dnnTableDisplay td, .dnnTableDisplay th { padding: 5px 9px; border-bottom: 1px solid #d1d1d1; }

    .dnnTableDisplay th { padding: 0; border-left: 1px solid #d1d1d1; -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9); }

        .dnnTableDisplay th > span,
        .dnnTableDisplay th > a { display: block; padding: 5px 9px; }

    .dnnTableDisplay td:first-child { border-left: 1px solid #cfcfcf; }

    .dnnTableDisplay label { display: inline; padding-left: 5px; }

    .dnnTableDisplay caption { display: none; }

    /* thead styles */
    .dnnTableDisplay th { background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */ background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */ text-align: left; text-shadow: 1px 1px 0px rgba(255,255,255,0.8); color: #333; }

        .dnnTableDisplay th a, .dnnTableDisplay th label { font-weight: normal; color: #333; text-decoration: none; }

        .dnnTableDisplay th a { padding: 8px 9px; }

            .dnnTableDisplay th a:hover { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */ color: #333; }

            .dnnTableDisplay th a:active { border-color: #999; background: #c6c6c6; /* Old browsers */ background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */ -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3); }
    /* tbody styles */
    .dnnTableDisplay tr:nth-child(2n) td { background: rgba(0,0,0,0.04); }

    .dnnTableDisplay tr:hover td { background: rgba(2,139,255,0.15); /* blue */ }

    /* tfooter styles */
    .dnnTableDisplay tfoot tr:hover td { background: none; }

/* table filter styles */
.dnnTableFilter { margin-bottom: 18px; background: rgba(0,0,0,0.04); }

    .dnnTableFilter .dnnTableDisplay { margin-bottom: 0; }

.dnnFilterSet { padding: 18px; }

    .dnnFilterSet label { display: inline-block; }

    .dnnFilterSet input,
    .dnnFilterSet select { display: inline-block; margin: 0 5px; }

/* table filter vertical styles */
.verticalFilter .dnnFilterSet { float: left; width: 20%; padding: 2% 18px; }

.verticalFilter .dnnTableDisplay { float: right; width: 75%; }

.verticalFilter input[type=search], .verticalFilter select, .verticalFilter input[type=text] { margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }

/*-------------------------------------*/
/* PAGINATION & RESULT STYLES */
/*-------------------------------------*/
.dnnResults { float: left; margin-bottom: 0; }

.dnnPagination { float: right; margin: 0; padding: 0; }

    .dnnPagination li { float: left; list-style: none; }

        .dnnPagination li a, .dnnPagination li span { display: inline-block; padding: 0 5px; text-decoration: none; color: #333; }

            .dnnPagination li a:hover { text-decoration: underline; color: #222; }

        .dnnPagination li span { color: #222; text-decoration: underline; }

/*-------------------------------------*/
/* FORM STYLES */
/*-------------------------------------*/

.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] { margin-bottom: 18px; padding: 8px; background: #ffffff; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); color: #333; font-size: 12px; }

    .dnnFormItem input.aspNetDisabled,
    .dnnFormItem textarea.aspNetDisabled { background: #ebebeb; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #a7a7a7; border-width: 1px; }

.aspNetDisabled, a.aspNetDisabled,
.dnnDisabled, a.dnnDisabled { color: #ccc; cursor: not-allowed; text-decoration: none; }

/* Active and Focus States */
.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active, .dnnFormItem select:focus,
.dnnFormItem textarea:active, .dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus { background: #fff; border: 1px solid rgba(2,139,255,0.5); /* blue */ -webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); color: #333; }
/* Required Fields */
.required label:after,
legend.required:after { display: inline-block; margin-top: -2px; margin-left: 9px; padding: 1px 9px; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; -webkit-border-radius: 3px; background: rgba(0,0,0,0.03); content: 'Required'; font-weight: normal; font-family: Tahoma,"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #777; }

/* Error Styles */
.error label, legend.error { color: rgba(255,0,0,0.9); /* opaque red*/ }

.error input[type="text"],
.error select, .error textarea,
.error input[type="email"],
.error input[type="search"] { border: 1px solid rgba(255,0,0,0.6); /* opaque red*/ color: rgba(255,0,0,0.7); /* opaque red*/ }

/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span { display: inline-block; padding: 9px 9px; margin-bottom: 9px; cursor: pointer; min-width: 75px; *overflow: visible; border: 1px solid #c2c2c2; background: #eaeaea; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-weight: bold; text-decoration: none; text-align: center; }

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction { padding: 6px 6px; }

/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { border-color: #0D569E; /*dark blue*/ background: #3792ED; background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #358eea 0%,#2170cd 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); color: #efefef; text-shadow: 0px -1px 0px #185B93; }

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover { border-color: #0D569E; background: #6cb6f3; /* Old browsers */ background: -moz-linear-gradient(top, #6cb6f3 0%, #4387d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb6f3), color-stop(100%,#4387d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* W3C */ color: #fff; }

    .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active { border-color: #0D569E; background: #1f66be; /* Old browsers */ background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */ -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); color: #fff; }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active { background: #ccc !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #aaa !important; text-shadow: none; }

/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */ background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1); text-shadow: 0px 1px 0px #ffffff; color: #333; }

    .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover,
    .dnnFormItem input[type="reset"]:hover,
    .dnnSecondaryAction:hover,
    a.dnnSecondaryAction:hover,
    ul.dnnAdminTabNav li a:hover,
    .dnnLogin .LoginTabGroup span:hover { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */ color: #555; }

    .dnnFormItem button:active,
    .dnnFormItem input[type="button"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnSecondaryAction:active,
    a.dnnSecondaryAction:active,
    ul.dnnAdminTabNav li a:active { border-color: #999; background: #c6c6c6; /* Old browsers */ background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */ -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); }

/* Fix some old forge modules use .dnnPrimaryAction and .dnnSecondaryAction in wrong way */
span.dnnPrimaryAction > input[type="image"],
span.dnnSecondaryAction > input[type="image"] { display: none; }

span.dnnPrimaryAction > a.dnnPrimaryAction,
span.dnnSecondaryAction > a.dnnSecondaryAction { display: inline; background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; }

/* Tertiary Action */
.dnnTertiaryAction, a.dnnTertiaryAction { padding: 10px 10px; border: none; background: #eaeaea; color: #333; }

    .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { background: #f2f2f2; }

    .dnnTertiaryAction:active, a.dnnTertiaryAction:active { background: #d8d8d8; }

/* Action Button behind input */
.dnnFormItem input[type="text"] + a.dnnPrimaryAction,
.dnnFormItem input[type="text"] + a.dnnSecondaryAction,
.dnnFormItem input[type="text"] + a.dnnTerriaryAction { margin-left: 5px; }

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span { margin: 5px; }

/* text style for buttons and link buttons used in the portal admin pages */

/* button style for standard HTML buttons */
.StandardButton { border: 1px solid blue; }


/* Re-set default cursor for disabled elements */
.dnnFormItem button[disabled],
.dnnFormItem input[disabled] { cursor: default; opacity: 0.5; }


/* Consistent box sizing and appearance */
.dnnFormItem input[type="checkbox"],
.dnnFormItem input[type="radio"] { *width: 13px; *height: 13px; /*why are we using hacks here*/ padding: 0; box-sizing: border-box; }

.dnnFormItem input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

    .dnnFormItem input[type="search"]::-webkit-search-decoration,
    .dnnFormItem input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }


/* Remove inner padding and border in FF3/4: h5bp.com/l */
.dnnFormItem button::-moz-focus-inner, .dnnFormItem input::-moz-focus-inner { border: 0; padding: 0; }

/*
	 * 1. Remove default vertical scrollbar in IE6/7/8/9
	 * 2. Allow only vertical resizing
	 */

.dnnFormItem textarea { overflow: auto; vertical-align: top; resize: vertical; }

    /* Colors for form validity */
    .dnnFormItem input:valid, .dnnFormItem textarea:valid { }

    .dnnFormItem input:invalid, .dnnFormItem textarea:invalid { background-color: #f0dddd; }

/*-------------------------------------*/
/* TAXONOMY */
/*-------------------------------------*/

/* Horizontal taxonomy styles */
.horizontal ul.categories,
.horizontal ul.tags { list-style: none; }

.horizontal ul.categories { }

.horizontal ul.tags { }

    .horizontal ul.categories li, .horizontal ul.tags li { }

        .horizontal ul.tags li.add-tags { }

            .horizontal ul.tags li.add-tags img { }

/* Vertical taxonomy styles */
.vertical ul.categories,
.vertical ul.tags { list-style: none; }

    .vertical ul.categories li,
    .vertical ul.tags li { }

    .vertical ul.categories li { }

    .vertical ul.tags li { }

        .vertical ul.tags li.add-tags { }

            .vertical ul.tags li.add-tags img { }

/*-------------------------------------*/
/* TABS : JQUERY UI TABS 1.8.14 */
/*-------------------------------------*/
/* Tabs */
ul.dnnAdminTabNav { display: inline-block; margin-top: 5px; margin-left: 0; width: 100%; height: 37px; border-bottom: 1px solid #c2c2c2; }

    ul.dnnAdminTabNav li { float: left; margin-right: 4px; list-style: none; }

        ul.dnnAdminTabNav li a { /* most styles are inherited from typography.css */ margin-bottom: 0; border-bottom: 0; box-shadow: none; webkit-box-shadow: none; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }

        ul.dnnAdminTabNav li.ui-tabs-active a { margin-top: -3px; padding: 12px 9px 10px 9px; background: #fff; }

/* Panels */
.ui-tabs .ui-tabs-panel { position: relative; display: block; }

.ui-tabs .ui-tabs-hide { display: none; }

/*-------------------------------------*/
/* LOGIN TAB GROUP */
/*-------------------------------------*/
.dnnLogin .LoginTabGroup { display: inline-block; width: 100%; height: 37px; margin-left: 0; margin-top: 5px; border-bottom: 1px solid #C2C2C2; }

    .dnnLogin .LoginTabGroup span { margin-right: 4px; margin-bottom: 0; border-bottom: 0 none; border-radius: 3px 3px 0 0; box-shadow: none; }

        .dnnLogin .LoginTabGroup span.LoginTabSelected { margin-top: -3px; padding: 12px 9px 10px; background: none repeat scroll 0 0 #FFFFFF; }

/*-------------------------------------*/
/* TABS : JQUERY UI RESIZABLE 1.8.14 */
/*-------------------------------------*/
.dnnForm .ui-resizable { position: relative; }

.dnnForm .ui-resizable-handle { position: absolute; display: block; z-index: 99999; font-size: 0.1px; }

.dnnForm .ui-resizable-disabled .ui-resizable-handle,
.dnnForm .ui-resizable-autohide .ui-resizable-handle { display: none; }

.dnnForm .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }

.dnnForm .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }

.dnnForm .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }

.dnnForm .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }

.dnnForm .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.dnnForm .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }

.dnnForm .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }

.dnnForm .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
/*	

/*-------------------------------------*/
/* FORM ITEMS
/*-------------------------------------*/
.dnnForm { width: 100%; }

    .dnnForm fieldset { clear: none; position: relative; margin-bottom: 18px; text-align: left; }

        .dnnForm fieldset fieldset { width: 100%; }

    .dnnForm .dnnFormItem { clear: both; width: 100%; display: block; position: relative; text-align: left; }

/* Label */
.dnnTooltip { position: relative; display: block; width: 32.075%; margin-right: 18px; }

.dnnHelperTip { position: relative; display: block; }

.dnnDragdropTip { z-index: 10000; position: absolute; width: auto !important; height: auto !important; padding: 10px; padding-left: 30px; border-radius: 3px; background: rgba(0, 0, 0, 0.75) url("/images/pin-icn.png") no-repeat 7px 12px; font-size: 11px; color: #DDD; text-align: left; }

span.dnnFormRequired:after,
div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after { content: "*"; display: inline-block; margin: 0 0 0 5px; color: Red; font-size: 16px; line-height: 1em; font-weight: bold; }

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span { display: inline-block; width: auto; margin: 6px 5px 6px 5px; }

/* Help Label */
a.dnnFormHelp,
.dnnForm .dnnFormItem a.dnnFormHelp,
.dnnTooltip label a.dnnFormHelp { color: #333; text-decoration: none; font-weight: bold; }

a.dnnFormHelp { display: inline-block; position: absolute; right: 0; top: 2px; width: 14px; height: 15px; background: url("/images/helpI-icn-grey.png") no-repeat left 2px; padding: 0 !important; margin: 0 !important; }

.dnnLabel { display: inline-block; float: left; position: relative; width: 32.075%; padding-right: 20px; margin-right: 18px; overflow: visible; text-align: right; }

.dnnFormItem > .dnnLabel { margin-top: 5px; }

.dnnLabel > span { text-align: right; }

.dnnForm .dnnFormItem a.dnnFormHelp span { position: relative; }

.dnnForm .dnnFormItem a.dnnFormHelp img { display: block; }

.dnnLabel + span { display: inline-block; margin-top: 6px; margin-bottom: 6px; white-space: pre-line; }

/* Compatible with some old forge modules */
td > .dnnLabel { width: 220px; }

/* Help tooltip */
.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent { visibility: hidden; z-index: 10; position: absolute; width: 200px; padding: 10px; padding-left: 30px; border-radius: 3px; background: rgba(0,0,0,0.75); font-size: 11px; color: #ddd; text-align: left; }

.dnnFormHelpContent span { display: block; word-wrap: break-word; }

/*.dnnTooltip .dnnFormHelpContent span:after,
.dnnHelperTip .dnnFormHelpContent span:after {
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}*/

.dnnTooltip .dnnFormHelpContent .dnnHelpText { word-wrap: break-word; }

.bottomArrow:after { position: absolute; content: ""; left: 15px; bottom: -7px; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #000; }
.topArrow:before { position: absolute; content: ""; left: 15px; top: -7px; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000; }

a.pinHelp { display: block; position: absolute; left: 7px; top: 12px; width: 15px; height: 15px; opacity: 0.5; background: url("/images/pin-icn.png") no-repeat 0 0; }

    .ui-draggable a.pinHelp,
    a.pinHelp:hover { opacity: 1; }

/* Error tooltip */
.dnnFormItem span.dnnFormMessage.dnnFormError { display: block; position: absolute; overflow: visible; /*top:-95%; right: 12%;*/ bottom: 95%; right: 12%; width: 200px; margin-bottom: 0; padding: 10px; border: none; border-radius: 3px; background: rgba(255,0,0,0.75); font-size: 12px; color: #fff; text-align: left; }

    .dnnFormItem span.dnnFormMessage.dnnFormError:after { position: absolute; bottom: -7px; left: 15px; content: ""; width: 0; height: 0; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid red; }

/* Input Types*/
.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select,
.dnnFormItem textarea { width: 45%; max-width: 445px; }

.dnnFormItem select { width: 47%; }

    .dnnFormItem select option { color: #333; }

.dnnFormItem table { background: none; }

/* Input Customised Checkbox*/

.dnnCheckbox { display: inline-block; cursor: pointer; }

    .dnnCheckbox .mark { display: inline-block; /*margin-top: 3px;*/ }

    .dnnCheckbox img { display: inline-block; width: 20px; height: 18px; min-width: 20px; vertical-align: middle; }

    .dnnCheckbox img { background: transparent url("/images/checkbox.png") no-repeat; }

    .dnnCheckbox img { background-position: 0px 0px; }

.dnnCheckbox-hover img { background-position: 0px 0px; }

.dnnCheckbox-checked img { background-position: -51px 0px; }

.dnnCheckbox-disabled { cursor: not-allowed; }

    .dnnCheckbox-disabled img { opacity: .5; }

.dnnCheckbox-checked-error img { background-position: -150px 0px; }

.dnnCheckbox-error img { background-position: -100px 0px; }
.dnnCheckbox-focus { background-color: #e3e3e5; }
.dnnBoxLabel { display: inline-block; }
/* normal checkbox fix */
.dnnFormItem input[type="checkbox"].normalCheckBox { display: inline-block; margin: 8px 0 4px 0; }

/* Input Customised Radiobutton */

.dnnRadiobutton { display: inline-block; cursor: pointer; }

    .dnnRadiobutton .mark { display: inline-block; }

    .dnnRadiobutton img { width: 20px; height: 18px; min-width: 20px; vertical-align: middle; }

    .dnnRadiobutton img { background: transparent url("/images/radiobutton.png") no-repeat; }

    .dnnRadiobutton img { background-position: 0px 0px; }

.dnnRadiobutton-hover img { background-position: 0px 0px; }

.dnnRadiobutton-checked img { background-position: -50px 0px; }

.dnnRadiobutton-disabled img { opacity: .5; }

.dnnRadiobutton-checked-error img { background-position: -150px 0px; }

.dnnRadiobutton-error img { background-position: -100px 0px; }
.dnnRadiobutton-focus { background-color: #e3e3e5; }
/* Input RadioButton group */
div.dnnFormRadioButtons,
div.dnnHSRadioButtons,
span.dnnFormRadioButtons,
span.dnnHSRadioButtons { display: inline-block; padding: 10px; margin-bottom: 5px; background-color: #f0f0f0; }

table.dnnFormRadioButtons { background-color: #f0f0f0; margin-bottom: 5px; }

.RadComboBox_Default .rcbInput { width: 100% !important; }

/* general group*/
div.dnnFormGroup { display: inline-block; padding: 10px; margin-bottom: 5px; background-color: #f0f0f0; width: 65%; }

/* Input Customised Spinner */
.dnnSpinner { display: inline-block; position: relative; width: 150px; padding: 6px 6px; *overflow: visible; border: 1px solid #c9c9c9; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; color: #333; text-decoration: none; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; }

.dnnFormItem .dnnSpinner { width: 45%; margin-bottom: 18px; }

.dnnSpinnerDisplay { margin: 0 25px 0 8px; background: transparent; color: #999; }

.dnnFormItem .dnnSpinnerDisplay > input[type="text"],
.dnnFormItem .dnnSpinnerDisplay > input[type="text"]:focus { border: none; margin: 0; box-shadow: none; padding: 0; background: transparent; }

.dnnSpinnerCtrl { position: absolute; top: 0; right: 0; width: 25px; background-color: transparent; border-left: 1px solid #c9c9c9; }

    .dnnSpinnerCtrl > a.dnnSpinnerTopButton { display: block; width: 25px; height: 16px; background: transparent url("/images/dnnSpinnerUpArrow.png") no-repeat; background-position: center; cursor: pointer; }

    .dnnSpinnerCtrl > a.dnnSpinnerBotButton { display: block; width: 25px; height: 16px; background: transparent url("/images/dnnSpinnerDownArrow.png") no-repeat; background-position: center; cursor: pointer; }

/* Input Customised Tags */
div.dnnTagsInput { display: inline-block; margin: 0; padding: 5px 0 0 5px; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; background: #FFF; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.dnnFormItem .dnnTagsInput { width: 45%; }

div.dnnTagsInput span.tag { display: block; float: left; padding: 2px 6px 2px 6px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #c9c9c9; border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; text-decoration: none; color: #888; cursor: pointer; background-color: #eee; }

    div.dnnTagsInput span.tag:hover { background-color: #e8f1fa; color: #444; }

    div.dnnTagsInput span.tag a { display: inline-block; width: 8px; height: 8px; margin: 6px 0 0 0; background: transparent url("/images/dnnTagClose.png") no-repeat; background-position: center; }

div.dnnTagsInput > div > input,
div.dnnTagsInput > div > input:focus { border: none; background: transparent; outline: none; font-weight: normal; font-family: Tahoma,helvetica; font-size: 12px; display: inline-block; vertical-align: top; height: 19px; padding: 3px 0 3px 3px; margin-bottom: 5px; }

    div.dnnTagsInput > div > input::-ms-clear { display: none; }

div.dnnTagsInput div { display: block; float: left; }

    div.dnnTagsInput div.dnnTags_filter { float: right; position: relative; margin: 0 0 5px 5px; }

        div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label { display: inline-block; border-left: 1px solid #ccc; padding: 3px 15px 0 10px; margin-right: 3px; color: #999; cursor: pointer; background: url("/images/dnnSpinnerDownArrow.png") no-repeat; background-position: right center; height: 22px; }

            div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded { color: #666; background: url("/images/dnnSpinnerUpArrow.png") no-repeat; background-position: right center; }

        div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl { display: none; position: absolute; list-style-type: none; background: #fff; border: 1px solid #c9c9c9; right: 22px; top: 28px; margin: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; z-index: 15; }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li { white-space: nowrap; padding: 6px 12px 6px 8px; border-top: 1px solid #c9c9c9; list-style: none; color: #666; min-width: 150px; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child { border-top: none; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover { background-color: #e8f1fa; color: #333; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input { display: inline-block; vertical-align: top; margin-right: 10px; cursor: pointer; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox { margin-right: 8px; }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label { display: inline-block; vertical-align: top; cursor: pointer; }

div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton { display: inline-block; width: 18px; height: 18px; background-image: url("/images/search/searchButton.png"); background-repeat: no-repeat; background-position: center center; vertical-align: top; cursor: pointer; margin: 4px 5px 0 4px; }

.dnnTagsClear { clear: both; width: 100%; height: 0px; }

div.dnnTagsInput > div > input.dnnTagsInvalid { display: block; float: left; margin-right: 5px; border: none; outline: none; border-radius: 3px; -webkit-border-radius: 3px; background: #FBD8DB; /*light red*/ cursor: pointer; font-size: 12px; color: #90111A !important; /* dark red*/ text-decoration: none; }

/* DNN Auto Complete */
.dnn_acResults { padding: 0px; border: 1px solid #c9c9c9; background-color: #fff; overflow: hidden; z-index: 900001; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; min-width: 150px; }

    .dnn_acResults ul { margin: 0px; padding: 0px; list-style-position: outside; list-style: none; }

        .dnn_acResults ul li { margin: 0px; padding: 6px 22px 6px 22px; border-top: 1px solid #c9c9c9; color: #666; cursor: pointer; display: block; overflow: hidden; color: #333; }

            .dnn_acResults ul li:first-child { border-top: none; }

.dnn_acLoading { }

.dnn_acSelect { background-color: #e8f1fa; color: #333; }

/* Form Item */
.dnnFormMessage .dnnLabel { float: none; width: 90%; text-align: left; }

/* Pane header */
.dnnFormSectionHead span { font-size: 18px; color: #222; }

/* Progressbar*/
.dnnProgressbar { height: 25px !important; padding: 18px 10px 0 10px; border: 1px solid #c9c9c9; background: #fff; background: -moz-linear-gradient(top, #f0f2f1 0%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f2f1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #f0f2f1 0%,#fff 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff; box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff; }

.ui-progressbar { height: 10px !important; overflow: hidden; background-color: #ccc; -webkit-box-shadow: inset 0px 1px 0px 0px #bbb; box-shadow: inset 0px 1px 0px 0px #bbb; text-align: left; }

    .ui-progressbar .ui-progressbar-value { margin: 0; height: 100%; background-color: #1a82f7; background: -moz-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b7fda), color-stop(100%,#3fbdff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* W3C */ }

/* Button Dropdown */
.dnnDropdownSettings { position: relative; height: 30px !important; }

.dnnButtonDropdown { width: 50px; height: 30px !important; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border: 1px solid #c9c9c9; cursor: pointer; }

.dnnButtonIcon, .dnnButtonArrow { display: inline-block; height: 30px !important; }

.dnnButtonIcon { width: 32px; }

.dnnButtonArrow { width: 10px; background: transparent url("/images/dnnSpinnerDownArrow.png") no-repeat center; }

.dnnButtonDropdown-clicked { z-index: 100; position: absolute; width: 50px; height: 30px !important; background: #fff; border: 1px solid #c9c9c9; border-bottom: 1px solid #fff; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }

.dnnButtonDropdown-ul { display: none; position: absolute; z-index: 99; top: 29px; left: 0; width: 200px; margin-left: 0; background: #fff; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #bbb; box-shadow: 0px 2px 0px 0px #bbb; list-style-type: none; }

    .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li { padding: 8px; border-bottom: 1px solid #c9c9c9; color: #333; cursor: pointer; vertical-align: middle; list-style: none; margin: 0; }
    .dnnButtonDropdown-ul > ul { margin: 0; }
        .dnnButtonDropdown-ul > ul > li { padding-left: 16px; }

    .dnnButtonDropdown-ul > li:last-child { border-bottom: none !important; }

    .dnnButtonDropdown-ul > li:hover { background-color: #e8f1fa; color: #000; }

/* Button Group */
ul.dnnButtonGroup { display: inline-block; margin: 0; padding: 0; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border: 1px solid #c9c9c9; cursor: pointer; list-style: none; }

    ul.dnnButtonGroup > li { display: block; float: left; border-left: 1px solid #c9c9c9; margin: 0; }

        ul.dnnButtonGroup > li:hover { background-color: #e8f1fa; }

        ul.dnnButtonGroup > li.dnnButtonGroup-first { display: none; }

            ul.dnnButtonGroup > li.dnnButtonGroup-first + li { border-left: none; }

        ul.dnnButtonGroup > li > a { display: inline-block; padding: 7px 7px 6px 7px; text-decoration: none; color: #333; }

    ul.dnnButtonGroup span { color: #333; }


/* Grouped Multi Input */
.dnnFormItem .dnnInputGroup { float: left; display: block; width: 32.075%; padding: 5px; margin-bottom: 18px; background: rgba(0,0,0,0.05); /* opaque black */ }

    .dnnFormItem .dnnInputGroup .dnnLeft { width: 100%; }

    .dnnFormItem .dnnInputGroup span { display: inline-block; width: 33%; text-align: right; }

/* Error Styles */
.dnnFormError label a span { color: red; }

.dnnFormError input[type="text"],
.dnnFormError input[type="password"],
.dnnFormError input[type="email"],
.dnnFormError input[type="tel"],
.dnnFormError select,
.dnnFormError textarea { border: 1px solid red; }


/* Tertiary Actions */
.dnnFormItem input[type="text"] + .dnnTertiaryAction,
.dnnFormItem input[type="password"] + .dnnTertiaryAction,
.dnnFormItem input[type="email"] + .dnnTertiaryAction,
.dnnFormItem input[type="tel"] + .dnnTertiaryAction,
.dnnFormItem select + .dnnTertiaryAction { display: inline-block; max-width: 60px; }

/* Information Feedback Aside */
.dnnForm fieldset.dnnFormInformation { float: left; width: 32.075%; margin-left: 16px; padding: 18px 0; background: rgba(0,0,0,0.05); }

.dnnFormItem textarea { min-height: 80px; }

.dnnAddress input[type="checkbox"] { margin: 0 5px; }

/* Required Fields */
.dnnFormRadioButtons { float: left; display: block; width: auto; }

    .dnnFormRadioButtons input[type=radio] { float: none; }

    .dnnFormRadioButtons label,
    .dnnFormItem input[type=radio] + label { float: none; display: inline; width: auto; padding-right: 0; margin: 0 10px 0 0; text-align: left; font-weight: normal; }

/* Text Editor */
.dnnTextEditor { margin-bottom: 18px; }

/* Action Items */
.dnnActions { float: none; clear: both; display: block; /* prevent ul from collapsing */ margin: 0; padding-top: 18px; text-align: left; }

    .dnnActions li { float: left; margin-right: 5px; list-style: none; }

.dnnLoginActions { display: inline-block; }

/* Short Form */
.dnnForm.dnnShortForm .dnnFormItem label { float: none; width: 100%; margin-bottom: 0.25em; text-align: left; }

.dnnForm.dnnShortForm .dnnFormItem input,
.dnnForm.dnnShortForm .dnnFormItem select,
.dnnForm.dnnShortForm .dnnFormItem textarea { float: none; text-align: left; }

.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp { background-position: left; padding-left: 22px; }

/* UI Helpers */
.dnnForm .ui-helper-hidden { display: none; }

.dnnForm .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); }

/* Interaction Cues */
.dnnForm .ui-state-highlight,
.dnnForm .ui-widget-content .ui-state-highlight,
.dnnForm .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c; color: #363636; }

    .dnnForm .ui-state-highlight a,
    .dnnForm .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a { color: #363636; }

.dnnForm .ui-state-error,
.dnnForm .ui-widget-content .ui-state-error,
.dnnForm .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900; color: #ffffff; }

    .dnnForm .ui-state-error a,
    .dnnForm .ui-widget-content .ui-state-error a,
    .dnnForm .ui-widget-header .ui-state-error a { color: #ffffff; }

.dnnForm .ui-state-error-text,
.dnnForm .ui-widget-content .ui-state-error-text,
.dnnForm .ui-widget-header .ui-state-error-text { color: #ffffff; }

.dnnForm .ui-priority-primary,
.dnnForm .ui-widget-content .ui-priority-primary,
.dnnForm .ui-widget-header .ui-priority-primary { font-weight: bold; }

.dnnForm .ui-priority-secondary,
.dnnForm .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }

.dnnForm .ui-state-disabled,
.dnnForm .ui-widget-content .ui-state-disabled,
.dnnForm .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

.dnnForm .ui-draggable { cursor: move; }

/* Corner radius */
.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-left,
.dnnForm .ui-corner-tl { border-radius: 4px; }

.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-right,
.dnnForm .ui-corner-tr { border-radius: 4px; }
/*-------------------------------------*/
/* MODULE TITLE - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.ModuleTitle_MenuContainer { border: 1px solid blue; }

.ModuleTitle_MenuBar { }

.ModuleTitle_MenuItem { }

.ModuleTitle_MenuIcon { }

.ModuleTitle_SubMenu { }

.ModuleTitle_MenuBreak { }

.ModuleTitle_MenuItemSel { }

.ModuleTitle_MenuArrow { }

.ModuleTitle_RootMenuArrow { }

/*-------------------------------------*/
/* MAIN MENU - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.MainMenu_MenuContainer { border: 1px solid green; }

.MainMenu_MenuBar { }

.MainMenu_MenuItem { }

.MainMenu_MenuIcon { }

.MainMenu_SubMenu { }

.MainMenu_MenuBreak { }

.MainMenu_MenuItemSel { }

.MainMenu_MenuArrow { }

.MainMenu_RootMenuArrow { }

/*-------------------------------------*/
/* POPUP */
/*-------------------------------------*/

/* Popup Menu */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 9999; }

.dnnFormPopup { position: absolute; padding: 18px; background: #fff; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); z-index: 100000; }
    /* Popup header */
    .dnnFormPopup .ui-dialog-titlebar { position: relative; padding: 0 0 18px 0; border-bottom: 1px solid #ddd; cursor: move; font-size: 18px; font-weight: bold; }

    .dnnFormPopup .dnnModalCtrl { display: block; position: absolute; top: -30px; right: -30px; width: 69px; height: 26px; border-radius: 10px; background-color: #fff; -webkit-border-radius: 10px; box-shadow: 0px 0px 5px #666; }

        .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close { float: right; display: block; height: 18px; width: 30px; margin: 4px 4px 0 1px; overflow: hidden; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border: none; outline: none; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background: #585858 url("/images/closeBtn.png") no-repeat; background-position: 8px 4px; text-indent: -9999em; min-width: 0 !important; }

            .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover { background: #358EEA url("/images/closeBtn.png") no-repeat; background-position: 8px 4px; cursor: pointer; }

        .dnnFormPopup .dnnModalCtrl a.dnnToggleMax { float: left; display: block; height: 18px; width: 30px; margin: 4px 0 0 4px; overflow: hidden; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: #585858 url("/images/resizeBtn.png") no-repeat; background-position: 10px 2px; text-indent: -9999em; }

            .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover { background: #358EEA url("/images/resizeBtn.png") no-repeat; background-position: 10px 2px; }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close { display: block; position: absolute; top: -30px; right: -30px; height: 24px; width: 24px; margin: 0px; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px; background: #585858 url("/images/closeBtn.png") no-repeat; background-position: 4px 4px; border: 3px solid #fff; text-indent: -9999em; min-width: 0 !important; }

/* Poup Iframe styles*/
.dnnFormPopup #iPopUp { width: 100% !important; /* to overwrite inline javscript styles */ padding-top: 10px; }

.dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content { position: relative; border: 0; padding: 0px; overflow: auto; background: #fff; zoom: 1; }

.dnnFormPopup .ui-dialog-buttonpane { margin: .5em 0 0 0; padding: .3em 1em 0em 0em; overflow: hidden; border-width: 1px 0 0 0; background-image: none; text-align: left; border-top: 1px solid #ddd; }

    .dnnFormPopup .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0em; padding: 0.5em 1em; cursor: pointer; border: none; outline: none; }

.dnnFormPopup .ui-resizable-se { float: right; height: 24px; width: 24px; background: url("/images/modal-resize-icn.png") no-repeat bottom; }

.dnnFormPopup .dnnDialog { padding: 10px; }

.dnnLoading { background: #fff url("/images/loading.gif") no-repeat center center; position: absolute; z-index: 9999; }

/*-------------------------------------*/
/* URL ACTION */
/*-------------------------------------*/
.urlControl label { width: auto; margin-top: 0; font-weight: normal; }

.urlControlLinkType { width: auto; }

    .urlControlLinkType span,
    .dnnFormItem .urlControlLinkType span { float: none; display: block; width: auto; text-align: left; }

.dnnFormItem .ucLinkTypeRadioButtons label { display: inline-block; width: 260px; padding-right: 0; margin-top: 0; font-weight: normal; text-align: left; }

.urlControlLinkType span input { min-width: 3%; }

.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label { text-align: left; }

.urlControlFileRow { clear: both; }

    .urlControlFileRow span.dnnFormLabel { width: auto; text-align: right; }

    .urlControlFileRow select, .urlControlFileRow input[type=file] { clear: both; }

.urlControlImagesRow { overflow: hidden; clear: both; }

    .urlControlImagesRow span.dnnFormLabel { width: auto; text-align: right; }

    .urlControlImagesRow select { clear: both; }

/*-------------------------------------*/
/* WIZARD TABS STEPS
/*-------------------------------------*/

/* Jquery UI tabs base */
.dnnWizardTab.ui-tabs { position: relative; padding: 0; }

    .dnnWizardTab.ui-tabs .ui-tabs-nav { display: block; height: 46px; margin: 0; padding: 0; background: transparent url("/images/InstallWizardBG.png") repeat-x; }

        .dnnWizardTab.ui-tabs .ui-tabs-nav li { float: left; position: relative; margin: 0; padding: 0; border-bottom: 0 !important; list-style: none; white-space: nowrap; }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; }

                .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li a,
            .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }

    .dnnWizardTab.ui-tabs .ui-tabs-panel { clear: both; display: block; padding: 3em 1em 1.4em; border-width: 0; background: none; }

    .dnnWizardTab.ui-tabs .ui-tabs-hide { display: none !important; }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li a { display: block; }

.dnnWizardStep > span { display: block; float: left; }

.dnnWizardStep { height: 46px; padding: 0 0 0 20px; background: transparent url("/images/InstallWizardBG.png") repeat-x; background-position: 0 0; cursor: pointer; }

.ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep { padding-left: 30px; }

.dnnWizardStepNumber { margin: 10px 10px 0 0; padding: 3px 8px 3px 8px; background-color: #999; -webkit-border-radius: 18px; border-radius: 18px; color: #fff; font-weight: bold; }

.dnnWizardStepTitle { margin: 13px 20px 0 0; color: #999; font-weight: bold; text-decoration: none; }

.dnnWizardStepArrow { width: 25px; height: 46px; background: transparent url("/images/InstallWizardBG.png") no-repeat; background-position: 0 -401px; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep { height: 46px; background-position: 0 -100px; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber { background-color: #333; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle { color: #333; }

.dnnFormExpandContent { margin: 10px 0; }

    .dnnFormExpandContent > a { color: #333; font-size: 13px; font-weight: bold; }
/*-------------------------------------*/
/* DNN SIMPLE GRID
/*-------------------------------------*/

table.dnnPermissionsGrid,
table.dnnGrid,
table.dnnASPGrid { margin-bottom: 20px; border: 1px solid #c9c9c9; }

table.dnnPermissionsGrid { color: #777; }

    table.dnnPermissionsGrid tr.dnnGridHeader td { padding: 4px 4px 4px 4px; vertical-align: middle; line-height: 120%; text-align: center; }

    table.dnnPermissionsGrid tr.dnnGridItem td,
    table.dnnPermissionsGrid tr.dnnGridAltItem td { padding: 5px 4px 5px 4px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; width: 70px; text-align: center; }

        table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader,
        table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader { border-right: 1px solid #c9c9c9; text-align: left; padding-left: 10px; width: 150px; }

    table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader { padding-left: 10px; text-align: left; }

.dnnPermissionsGrid > .dnnFormItem label { margin-right: 8px; color: #777; }

.dnnPermissionsGrid > .dnnFormItem select { width: 25%; margin: 0 5px 5px 0; min-width: 180px; color: #777; }

.dnnPermissionsGrid > .dnnFormItem input { margin-bottom: 0; height: 17px; color: #777; width: 25%; }
.dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook { display: inline-block; vertical-align: top; }

.dnnPermissionsGrid > .dnnFormItem > .leftGroup { margin-right: 35px; float: left; }

.dnnPermissionsGrid > .dnnFormItem > .rightGroup { float: left; }

    .dnnPermissionsGrid > .dnnFormItem > .rightGroup > .dnnSecondaryAction { position: absolute; }

.dnnPermissionsGrid > .dnnFormItem { margin-bottom: 18px; overflow: auto; }

.dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th { padding: 6px 12px 6px 12px; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; background: #f0f2f1; background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */ }

.dnnGridItem td, .dnnGridAltItem td { padding: 6px; border-right: 1px solid #c9c9c9; }

    .dnnGridItem td input, .dnnGridAltItem td input { margin-bottom: none; }

.dnnGridAltItem { background: #F2F2F2; }

    .dnnGridItem:hover, .dnnGridAltItem:hover { background-color: #e8f1fa; }

/* td > input[type="image"],
    td > input[type="image"] + a,
    td a > img{
        display:block;
        float: left;
        margin-right: 3px;
    } */

/*-------------------------------------*/
/* URL Control
/*-------------------------------------*/

.urlControl { float: left; display: block; padding: 15px; margin-bottom: 10px; background-color: #f0f0f0; }

    .urlControl select,
    .urlControl input { width: 180px; margin-bottom: 10px; }

    .urlControl dnnFormItem > a.dnnSecondaryAction { margin: 10px 10px 0 0; float: left; }

    .urlControl .urlControlLinkType { float: left; width: 100%; }

        .urlControl .urlControlLinkType .dnnFormLabel { float: left; width: auto; margin-right: 5px; }

        .urlControl .urlControlLinkType input[type="radio"] { width: auto; margin-right: 5px; }

/*-------------------------------------*/
/* File Picker
/*-------------------------------------*/
span[id$="FileControl"] { display: block; float: left; }

.dnnFilePicker { display: block; float: left; background-color: #f0f0f0; margin-bottom: 10px; margin-right: 10px; padding: 0 15px 0 15px; width: 450px; }

    .dnnFilePicker .dnnLeft { margin: 0; padding: 0; margin-top: -30px; }

    .dnnFilePicker dnnFormItem { margin: 0; margin-top: -10px; padding: 0; position: static; }

    .dnnFilePicker .dnnLeft img { max-width: 135px; max-height: 100px; }

    .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder { width: 135px; height: 100px; background-color: #ccc; margin: 20px 15px; }

    .dnnFilePicker .dnnFormItem span { display: block; float: left; width: 40px; margin-top: 8px; padding-left: 5px; text-align: left; }

    .dnnFilePicker select,
    .dnnFilePicker input { width: 200px; margin: 0; margin-right: 10px; float: none; }

    .dnnFilePicker .dnnLeft a.dnnSecondaryAction { margin: 10px 10px 0 0; display: inline-block; }

    .dnnFilePicker .dnnLeft img { display: block; margin: 20px 15px; }

/* FILE UPLOAD CSS */
span.dnnInputFileWrapper > input[type="file"] { /* force file upload style here, cause some module just override */ position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); direction: ltr; cursor: pointer; height: 100%; font-size: 200px; }

span.dnnInputFileWrapper { /* Notes(by Richard): here must set !important */ overflow: hidden !important; margin: 0px 4px 0 0; width: auto !important; display: block !important; float: left !important; position: relative; }

    span.dnnInputFileWrapper > span.dnnSecondaryAction { display: inline-block; float: none; width: auto; }

/* DNN DRAG n DROP FILE PICKER UPLOAD */
.dnnFileUploadScope { display: block; float: left; background-color: #F0F0F0; margin-bottom: 10px; margin-right: 10px; padding: 0; width: 500px; }

    .dnnFileUploadScope .dnnLeft { margin: 0; padding: 15px 10px 15px 10px; }

        .dnnFileUploadScope .dnnLeft .dnnFormItem { margin-bottom: 10px; }

    .dnnFileUploadScope .dnnFormItem span, .urlControlTab .dnnFormItem > span { display: block; float: left; width: 40px; margin-top: 8px; padding-left: 5px; text-align: left; }

    .dnnFileUploadScope .dnnFormItem .dnnDropDownList span { margin: 0; width: auto; }

    .dnnFileUploadScope .dnnFormItem .RadComboBox_Default, .dnnFileUploadScope .dnnFormItem .dnnDropDownList { width: 180px; margin: 0; float: none; }

    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone { position: relative; margin: 0; width: 180px; height: 150px; background: #d9eeff; border: 1px dashed #bbb; box-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; border-radius: 3px; color: #4577a2; }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span { display: block; position: absolute; left: 38px; top: 60px; color: #fff; font-size: 12px; background: rgba(0,0,0,0.5); padding: 5px 7px; border-radius: 3px; box-shadow: 0px 1px 0px #fff, inset 1px 1px 0px #555; opacity: 0.5; cursor: default; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span { opacity: 1; }

input.dnnFixedSizeComboBox { width: 200px !important; margin-right: 10px; float: left; }

div.dnnFixedSizeComboBox { width: 218px !important; margin-right: 15px; float: left; }

.dnnFixedSizeComboBox + a.dnnSecondaryAction { float: left; margin-right: 10px; }

input.dnnSmallSizeComboBox { width: 100px !important; margin-right: 10px; float: left; }

div.dnnSmallSizeComboBox { width: 118px !important; margin-right: 15px; float: left; }

.dnnSmallSizeComboBox + a.dnnSecondaryAction { float: left; margin-right: 10px; }

td.dnnGridHeaderTD-NoBorder { border-right: none !important; }

tr.dnnGridItem td, tr.dnnGridAltItem td { border-right: none; }

    tr.dnnGridItem td input { margin-bottom: 0; }

/*-------------------------------------*/
/* ACCORDIAN
/*-------------------------------------*/
h2.dnnFormSectionHead { margin-top: 8px; margin-bottom: 18px; border-bottom: 1px solid #ddd; font-size: 32px; line-height: 36px; letter-spacing: -0.03em; }

    h2.dnnFormSectionHead a { display: block; padding-left: 3px; background: url("/images/down-icn.png") no-repeat right 50%; text-decoration: none; color: #333; font-size: 18px; letter-spacing: normal; font-weight: normal; }

        h2.dnnFormSectionHead a:hover { color: #222; background: rgba(2,139,255,0.05) /* blue */ url("/images/down-icn.png") no-repeat right 50%; }

        h2.dnnFormSectionHead a.dnnSectionExpanded { background: url("/images/up-icn.png") no-repeat right 50%; color: #222; }

            h2.dnnFormSectionHead a.dnnSectionExpanded:hover { color: #222; background: rgba(2,139,255,0.05) /* blue */ url("/images/up-icn.png") no-repeat right 50%; /* ACTIVE BLUE */ }

/*-------------------------------------*/
/* VERTICAL TABS */
/*-------------------------------------*/
.dnnVerticalTabs { margin-left: 0; }

    .dnnVerticalTabs li { list-style: none; }

        .dnnVerticalTabs li a { display: block; padding: 15px 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: rgba(0, 0, 0, 0.04); color: #999; text-decoration: none; }

            .dnnVerticalTabs li a:hover { background: rgba(0, 0, 0, 0.06); color: #333; }

        .dnnVerticalTabs li.active a { background: none; color: #333; border-right: 1px solid transparent; }

.tabBody { display: none; }

/*-------------------------------------*/
/* SCROLL BAR */
/*-------------------------------------*/

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 11px; height: 100%; background: #ccc; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 11px; background: #ccc; }

    .jspVerticalBar *,
    .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: transparent; position: relative; }

.jspVerticalBar .jspTrack { width: 10px; margin: 0 0 0 3px; }

.jspHorizontalBar .jspTrack { height: 5px; margin: 3px 0 3px 0; }

.jspVerticalBar .jspCap { display: block; height: 3px; width: 11px; }

.jspHorizontalBar .jspCap { display: block; width: 3px; height: 11px; }

.jspDrag { position: relative; top: 0; left: 0; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; opacity: .75; background: #000; cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 5px; }

/*-------------------------------------*/
/* UPGRADE FIXES */
/*-------------------------------------*/

/* Compatible with some old forge modules---*/
div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label { display: inline !important; }

div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton { display: inline !important; }

div.ModDNNAnnouncementsC .urlControl label, div.ModDNNLinksC .urlControl label { display: inline !important; }

div.ModDNNFAQsC .Normal { width: auto !important; }

div.ModDNNFeedbackC .dnnFormItem > label { display: inline-block; width: 33%; text-align: right; }

div.ModDNNUserDefinedTableC div.RadEditor { height: auto !important; }

div.ModDNNUserDefinedTableC ul.dnnActions { display: block; }

div.ModDNNIFrameC .urlControl span.dnnRadiobutton { display: inline !important; }

div.ModDNNIFrameC table.Normal td .dnnLabel { width: 100px; }

div.ModDNNIFrameC table.Normal td span.dnnRadiobutton { margin: 5px 0 0 30px; }

div.ModDNNLinksC .urlControl span.dnnRadiobutton { display: inline !important; }

/*-------------------------------------*/
/* GENERIC CLASSES */
/*-------------------------------------*/
.left { float: left; }

.right { float: right; }

.dnnLeft { float: left; }

.dnnRight { float: right; }

.dnnClear { clear: both; }

    .dnnClear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }

* + html .dnnClear { min-height: 1%; }

/* used to set the different module align options - from module settings */
.DNNAlignleft { text-align: left; }

.DNNAlignright { text-align: right; }

.DNNAligncenter { text-align: center; }

/* used to collapse panes without any content in them */
.DNNEmptyPane { width: 0px; }

/* style to apply if the content should be hidden */
.Hidden { display: none; }
.wordwrap { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ }
/*Edit In Place Tool Bar Classes*/
.eipbackimg { position: absolute; margin-top: -32px; white-space: nowrap; background: url("/images/eip_toolbar.png") repeat-x; height: 32px; z-index: 1; }
    .eipbackimg.editMode { border: 1px solid #777777 !important; background: -moz-linear-gradient(top, #303030 0%, #191919 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#191919)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #303030 0%,#191919 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #303030 0%,#191919 100%) !important; /* W3C */ opacity: 0.8; }
    .eipbackimg.containerTitle { margin-top: -8px; }
        .eipbackimg.containerTitle.editMode { left: auto; right: 0px; margin-top: 2px; background: none !important; border: none !important; }
.eipbuttonbackimg { width: 32px; height: 32px; cursor: pointer; float: left; background: url("/images/eip_toolbar.png") no-repeat; }
.eipbackimg.editMode .eipbuttonbackimg { border-left: 1px solid #1f1f1f; border-right: 1px solid #393939; opacity: 0.5; }

.eipbackimg.editMode.containerTitle .eipbuttonbackimg { border: none; opacity: 1; }

.eipbuttonbackimg.eipbutton_cancel { background-position: -32px 0; }
.eipbuttonbackimg.eipbutton_bold { background-position: -64px 0; }
.eipbuttonbackimg.eipbutton_italic { background-position: -96px 0; }
.eipbuttonbackimg.eipbutton_underline { background-position: -128px 0; }
.eipbuttonbackimg.eipbutton_justifyleft { background-position: -160px 0; }
.eipbuttonbackimg.eipbutton_justifycenter { background-position: -192px 0; }
.eipbuttonbackimg.eipbutton_justifyright { background-position: -224px 0; }
.eipbuttonbackimg.eipbutton_orderedlist { background-position: -256px 0; }
.eipbuttonbackimg.eipbutton_unorderedlist { background-position: -288px 0; }
.eipbuttonbackimg.eipbutton_outdent { background-position: -320px 0; }
.eipbuttonbackimg.eipbutton_indent { background-position: -352px 0; }
.eipbuttonbackimg.eipbutton_createlink { background-position: -384px 0; }

.eipbackimg.containerTitle .eipbutton_cancel { background: url("/images/eip_title_cancel.png") no-repeat center center; }

.eipbutton_edit { background: url("/images/eip_edit.png") no-repeat 100% center; float: left; }

.eipbutton_save { background: url("/images/eip_save.png") no-repeat 100% center; float: left; }
.eipbackimg.containerTitle .eipbutton_save { background-image: url("/images/eip_title_save.png"); }

.eipbackimg.editMode .eipborderhover { background-color: #333; opacity: 1; }
.eipbackimg.editMode.containerTitle .eipborderhover { background-color: inherit; }
div[id$=titleLabel_tb].visible ~ span { margin-left: 32px; }

/*Critical Error Popup*/
div.errorWin p { margin: 0 0 10px 0; }

input[type="button"].rspCollapseBarSpacer { min-width: 0; padding: 0 0; }


/*------------------------------------------------*/
/* DEFAULT PROFILE STYLE */
/*------------------------------------------------*/

.UserProfileControls ul li { list-style-type: none; }

/*------------------------------------------------*/
/* PROFILE STYLE */
/*------------------------------------------------*/
.console.profile { /*width: 250px;*/ width: 100% !important; /* updated for responsive*/ height: auto; background-color: #484848; /* Menu Background Color */ }

    .console.profile .console-none div { cursor: pointer; cursor: hand; float: left; height: auto; /*width: 250px;*/ width: 100% !important; /* updated for responsive*/ padding: 0px; margin: 0px; text-align: left; }

    .console.profile .console-none h3 { padding: 10px 8px 10px 40px; margin: 0; border-bottom: solid 1px #fff; background: url("/Resources/images/arrow-right-white.png") 18px center no-repeat; color: #eee; font-size: 13px; line-height: 1; font-weight: bold; }

    .console.profile .console-none div div { display: none; }

    .console.profile .console-mouseon { background-color: #70b1c7; /* Menu Hover Background Color */ }
/*-------------------------------------------------*/

/* Login/register/reset paswsword controls in mobile view */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView { margin: 0; padding: 0; width: 100%; height: inherit !important; }
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage { margin: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 10px 0 10px 0; }
        body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary { padding: 10px; }
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm { width: 100%; padding: 18px 0 0 0; margin: 0; float: none; min-width: inherit !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm { width: 100%; margin: 0; float: none; min-width: inherit !important; }



        body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel { display: block; text-align: left; float: none; width: 100% !important; font-size: 14px; margin: 0 0 7px 0; vertical-align: top; padding: 0; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration { display: none; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha { width: 100%; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img { display: block; margin: 0 0 5px 0; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel a.dnnFormHelp { display: none !important; width: 0 !important; margin: 0 !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel div.dnnTooltip { display: none !important; width: 0 !important; position: static !important; right: 0 !important; margin: 0 !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"],
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="password"] { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: 100% !important; margin-bottom: 18px; min-width: 100% !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > label#dnn_ctr_Login_Login_DNN_lblLogin { display: none !important; width: 0; margin: 0; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError { border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; right: 0; width: auto; max-width: 100%; padding: 10px; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction { width: 45%; padding: 18px 0 18px 0; display: block; float: left; margin: 0 5px 0 0; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe { display: block; float: left; margin: 10px 0 0 5px; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions { display: block; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction { width: 100%; padding: 18px 0 18px 0; display: block; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions { padding: 0; }
        body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li { width: 45%; }

    /* password strength control in iPopup */
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container { width: 100%; margin: 0 0 12px 0; padding: 8px 0 8px 0; display: block; max-width: inherit !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"] { display: block; margin: 0 8px 0 8px; width: calc(100% - 20px); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text { display: block; margin: 5px 0 5px 8px; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter { float: none; width: 90%; margin: 0 0 0 8px; }
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched { background: none !important; }

    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip,
    body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip { display: none !important; }

.mobileView .dnnFormPopup .ui-dialog-content, .mobileVie #iPopUp .ui-dialog-content { max-height: none !important; }

.mobileView .ui-widget-overlay { display: none; }
.dnnFormPopup.dnnFormPopupMobileView { width: auto !important; left: 0 !important; right: 0 !important; top: 0 !important; box-shadow: none !important; }
    .dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar > .ui-dialog-titlebar-close { display: none; }

    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar { border-bottom: none; cursor: inherit; font-size: 22px; color: #000; padding: 5px 0 0 0; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel { display: block; text-align: left; float: none; width: auto !important; font-size: 14px; margin: 0 0 7px 0; vertical-align: top; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="text"] { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > textarea,
    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .redactor_box { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > select { box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: inherit !important; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnTagsInput { box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 18px; max-width: inherit !important; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel > input[type="checkbox"].normalCheckBox { display: inline-block; margin: 0 5px 0 12px; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError { right: 0; width: auto; border-radius: 0; text-align: right; max-width: 100%; }

    .dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction,
    .dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction { width: 49%; margin: 0; padding: 20px 0 20px 0; display: block; }

    .dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction { float: left; }

    .dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction { float: right; }

    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane { border-top: none; }

        .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }

    .dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction,
    .dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction { width: 24%; display: inline-block; margin-right: 1%; float: none; }

    .dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 25px 0 15px 0; }

html.mobileView { overflow: auto !important; }

.mobileView .dnnFormPopup .ui-dialog-content,
.mobileView #iPopUp .ui-dialog-content { max-height: none !important; }

.dnnPlaceholder { color: #666; }

/* DNN Slider Input Style */
div.dnnSliderInput { position: relative; display: inline-block; width: 47%; margin: 15px 0 23px 0; max-width: 445px; border: 1px solid #d3d3d3; -ms-border-radius: 3px; border-radius: 3px; height: 10px; }

    div.dnnSliderInput .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; cursor: default; border: 1px solid #aaaaaa; background-color: #cccccc; font-weight: normal; color: #555555; outline: none; top: -2px; margin-left: -7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    div.dnnSliderInput .dnnTooltip { top: -37px; margin-left: -22px; }
        div.dnnSliderInput .dnnTooltip .dnnFormHelpContent { visibility: visible; padding: 4px 10px; width: 25px; text-align: center; z-index: 1; }
/*END DNN Slider Input Style*/

/*------------------------------------------------*/
/* Fix RTL Dnnplus.ir 2017 DNN9.x                 */
/*------------------------------------------------*/
body.rtl { direction: rtl; text-align: right;}
.rtl iframe#personaBar-iframe { left: auto !important; right: 0 !important; }
.rtl .editBarFrameContainer.personabar-shown { left: 0; right: 80px; }
.rtl #languageFlags { float: left !important; }
.rtl .ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep { padding-left: 0; padding-right: 30px; }
.rtl .dnnWizardStep > span { float: right; }
.rtl .dnnWizardStepTitle { margin: 13px 0 0 20px; }
.rtl .dnnWizardTab.ui-tabs .ui-tabs-nav li { float: right; }
.rtl .dnnWizardStepArrow { background: transparent url("/images/InstallWizardBG.rtl.png") no-repeat scroll 0 -401px; }
.rtl .dnnWizardStepNumber { margin: 10px 0 0 10px; }
.rtl .dnnForm .dnnFormItem { text-align: right; }
.rtl .dnnLabel { float: right; margin-left: 18px; margin-right: 0; text-align: left; padding-left: 20px; padding-right: 0; }
.rtl a.dnnFormHelp { right: auto; left: 0; }
.rtl .dnnTooltip .dnnFormHelpContent, .rtl .dnnHelperTip .dnnFormHelpContent { text-align: right; padding: 10px 30px 10px 10px; }
.rtl a.pinHelp { left: 0; right: 7px; }
.rtl .dnnFormItem .information { margin-left: 0; margin-right: 29%; text-align: justify; }
.rtl .dnnFormItem.information-checkbox .dnnLabel { margin-left: 0; }
.rtl #advancedDatabase input { direction: ltr; }
.rtl .dnnFormItem input.validate-success, .rtl .dnnFormItem input.matched,
.rtl .dnnFormItem input.validate-fail, .rtl .dnnFormItem input.unmatched { background-position: 2% center !important; }
.rtl .dnnFormItem #advancedDatabase input.validate-success, .rtl .dnnFormItem #advancedDatabase input.matched,
.rtl .dnnFormItem #advancedDatabase input.validate-fail, .rtl .dnnFormItem #advancedDatabase input.unmatched { background-position: 98% center !important; }
.rtl .bottomArrow::after { left: 0; right: 15px; }
.rtl .dnnWizardStep { padding: 0 20px 0 0; }
.rtl div#installation-progress { float: right; margin-left: 0; margin-right: -20px !important; }
.rtl div#banners { margin-left: 0; margin-right: -20px !important; }
.rtl div#installation-steps { float: left; }
.rtl .visitSiteLink { float: left; }
.rtl span.states-icons { background-image: url("/images/installer-feedback-states-sprite.rtl.png"); }
.rtl p.step-done > span.states-icons { background-position: 5px 3px; }
.rtl .jspPane { left: 0; }
.rtl ul.dnnAdminTabNav li { float: right; }
.rtl h2.dnnFormSectionHead a { padding-right: 20px; }
.rtl div.dnnFixedSizeComboBox { float: right; margin-left: 15px; margin-right: 0; }
.rtl .dnnFixedSizeComboBox + a.dnnSecondaryAction { float: right; margin-left: 10px; margin-right: 0; }
.rtl input.dnnFixedSizeComboBox { float: right; margin-left: 15px; margin-right: 0; }
.rtl .dnnFormRadioButtons { float: right; }
    .rtl .dnnFormRadioButtons label, .rtl .dnnFormItem input[type="radio"] + label { margin: 0 0 0 10px; text-align: right; }
.rtl .dnnFileUploadScope { float: right; margin-left: 10px; margin-right: 0; }
.rtl .dnnLeft { float: right; }
.rtl .dnnRight { float: left; }
.rtl .dnnFileUploadScope .dnnFormItem span, .rtl .urlControlTab .dnnFormItem > span { float: right; padding-left: 0; padding-right: 5px; text-align: right; }
.rtl .dnnActions { text-align: right; }
.rtl .dnnForm fieldset { text-align: right; }
.rtl .dnnPermissionsGrid > .dnnFormItem > .rightGroup { float: right; }
.rtl .dnnPermissionsGrid > .dnnFormItem > .leftGroup { float: right; margin-left: 25px; margin-right: 0; }
.rtl table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader { padding-left: 0; padding-right: 10px; text-align: right; }
.rtl table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader, .rtl table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader { border-left: 1px solid #c9c9c9; border-right: 0 none; padding-left: 0; padding-right: 10px; text-align: right; }
.rtl .urlControl .urlControlLinkType { float: right; }
    .rtl .urlControl .urlControlLinkType .dnnFormLabel { float: right; }
.rtl .urlControlLinkType span, .rtl .dnnFormItem .urlControlLinkType span { text-align: right; }
.rtl .dnnActions li { float: right; }
.rtl div.dnnSliderInput .dnnTooltip { margin-left: auto; margin-right: 423px; }
.rtl span.dnnInputFileWrapper { float: right !important; margin: 0 0 0 4px; }
.rtl .sqlQuery .cm-s-dnn-sql.CodeMirror { direction: ltr; text-align: left; }
.rtl div.dnnSmallSizeComboBox { float: right; margin-left: 15px; margin-right: 0; }
.rtl input.dnnSmallSizeComboBox { float: right; margin-left: 10px; margin-right: 0; }
.rtl .dnnFormItem .ucLinkTypeRadioButtons label { text-align: right; }
.rtl .urlControl {
  float: right;
}
@charset "utf-8";
/* CSS Document */

/*-------------------------------------*/
/* ADMIN CONTROL PANEL - TEMPORARY */
/*-------------------------------------*/
	.ControlPanel {}
	form #dnnCPWrap {
		height:36px;
		padding:0;
		-webkit-box-shadow: 	0 1px 3px 0px rgba(0, 0, 0, 0.55);
		box-shadow: 			0 1px 3px 0px rgba(0, 0, 0, 0.55);
	}
	#dnnCPWrap #RibbonBar_ControlPanel{width:960px;}
	
	/* Navigation */
	#dnnCPWrap #RibbonBar_adminMenus{}
	#dnnCPWrap ul.dnnadminmega { padding-top:0; }
	#dnnCPWrap .dnnCPHMode {}
	#RibbonBar_adminMenus > ul,
	#dnn_cp_RibbonBar_adminMenus > ul{
		height:35px;
		border-right:1px solid #eee;
		border-left:1px solid #aaa;
	}
	#RibbonBar_adminMenus > ul > li,
	#dnn_cp_RibbonBar_adminMenus > ul > li
	{margin-right:0}
	#RibbonBar_adminMenus > ul > li > a,
	#dnn_cp_RibbonBar_adminMenus > ul > li > a {
		display:block;
		padding:8px 16px;
		text-decoration:none;
		color:#444;
		text-shadow:0px 1px 0px rgba(255,255,255,0.7);
		border-right:1px solid #aaa;
		border-left:1px solid #eee;
	}
	#RibbonBar_adminMenus > ul > li > a:hover,
	#dnn_cp_RibbonBar_adminMenus > ul > li > a:hover {
		color:#333;
		background: #f2f2f2; /* Old browsers */
		background: -moz-linear-gradient(top,  #f2f2f2 0%, #c4c4c4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f2f2f2 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
	}
	#RibbonBar_adminMenus .dnnadminmega .megaborder,
	#dnn_cp_RibbonBar_adminMenus  .dnnadminmega .megaborder {
		top:25px;
	}
	
	
	/* Mode */
	#dnnCPWrap .dnnCPHNav {
		margin-top:5px;
	}
	#dnnCPWrap .dnnCPHNav select {
		padding:2px;
		margin-bottom:0;
	}
	#dnnCPWrap .dnnCPHNav span {
		display:inline-block;
		margin-right:8px;
	}


/*-------------------------------------*/
/* MODULE ACTIONS - TEMPORARY */
/*-------------------------------------*/

	.DnnModule {
		position:relative;
		/*z-index:902;*/
	}
	.dnnActionMenu {
		position:absolute;
		left:10px; top:10px;
		margin:0; padding:0;
		z-index:3;
		color:#000;
	}
	/* Button */
	.dnnActionMenuTag {
		display:block;
		height:16px;
		min-width:65px;
		padding:5px 10px;
		background:#efefef;
		border:1px #999 solid;
		border-radius:3px;
		-moz-border-radius:3px;
		line-height:16px;
		font-weight:bold;
		font-size:11px;
		cursor:default;
	}
	.dnnActionMenuTag img {
		float:left;
		display:block;
		padding-right:3px;
	}
	/* Action Menu Body */
	ul.dnnActionMenuBody {
		display:none;
		position:absolute;
		left:0;
		top:10;
		min-width:320px;
		padding:18px;
		background:#fff;
		border:1px solid #ddd;
		border-radius:3px;
		-moz-border-radius:3px;
		text-align:left;
		-moz-box-shadow:		0 0 5px 0 rgba(0,0,0,0.35);
		-webkit-box-shadow:		0 0 5px 0 rgba(0,0,0,0.35);
		box-shadow:				0 0 5px 0 rgba(0,0,0,0.35);
		z-index: 10;
	}
	ul.dnnActionMenuBody li {
		list-style:none;
	}
	ul.dnnActionMenuBody li span {
		clear:both;
		display:block;
		margin-bottom:10px;
		border-bottom:1px solid #ddd;
		font-weight:bold;
	}
	/* Sub ul */
	ul.dnnActionMenuBody li ul {
		/*display:inline-block;*/
		margin:0 0 12px 0;
	}
	ul.dnnActionMenuBody li ul li {
		float:left;
		width:150px;
	}
	ul.dnnActionMenuBody li ul li a {
		text-decoration:none;
		font-size:12px;
	}
	ul.dnnActionMenuBody li ul li a img {
		display:block;
		float:left;
		min-height:16px;
		padding-right:3px;
		line-height:16px;
	}
	/* List of Form Actions */
	.dnnActions {
		display:inline-block;
	}
	.dnnActions li {
		margin-right:5px;
		list-style:none;
		float:left;
	}


/*-------------------------------------*/
/* EDIT STATE Z-INDEX MANAGEMENT */
/*-------------------------------------*/

/* Set Z-index of module action menus on edit state */
.dnnEditState .actionMenu{ z-index:3; } 
.dnnEditState .actionMenu:hover{ z-index:4; }

/* Set Z-index of Control Panel */
body > form #ControlBar_ControlPanel { z-index:1001 !important; /* set higher than module action menus */ }

/* Set Z-index of Telerik Dropdowns */
body > form > .rcbSlide { z-index:6000!important;} 

/* Set Z-index of Telerik Tree context menu */
body > form > .RadMenu_Context { z-index: 1000 !important;}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


/*jssor slider bullet skin 112 css*/
.jssorb112 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb112 .i .n {display:none;}
.jssorb112 .i .b {fill:#000;stroke:#fff;stroke-width:500;stroke-miterlimit:10;stroke-opacity:.5;}
.jssorb112 .i:hover .b {fill:#fea900;stroke:#fea900;stroke-width:6000;stroke-opacity:1;}
.jssorb112 .iav .b {fill:#fff;stroke-width:6000;stroke-opacity:1;}
.jssorb112 .i.idn {opacity:.3;}
.jssorb112 .iav .n, .jssorb112 .i:hover .n {display:block;}


/*jssor slider arrow skin 053 css*/
.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}

.jssora105 {display:block;position:absolute;cursor:pointer;}
.jssora105 .c {fill:#000;opacity:.5;}
.jssora105 .a {fill:none;stroke:#fff;stroke-width:350;stroke-miterlimit:10;}
.jssora105:hover .c {opacity:.5;}
.jssora105:hover .a {opacity:.8;}
.jssora105.jssora105dn .c {opacity:.2;}
.jssora105.jssora105dn .a {opacity:1;}
.jssora105.jssora105ds {opacity:.3;pointer-events:none;}

.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#000;opacity:.5;}
.jssora106 .a {fill:none;stroke:#fff;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora105dn .c {opacity:.2;}
.jssora106.jssora105dn .a {opacity:1;}
.jssora106.jssora105ds {opacity:.3;pointer-events:none;}


.fa-save{color: green !important;}
.fa-plus{color: #2727d7 !important;}
#Main_dropzone{float: none !important;}
#txtTitle{width:250px !important; max-height:100px !important; min-height: 35px !important;}
#lblTitle{margin-top: 7px !important;}
#txtComment{width: 100% !important; max-height:120px !important; min-height: 35px !important;}
.dz-remove{width: 80px !important; margin: auto !important;}
#dropdownmonth{width: 80px !important;}
.editcol {
    margin-top: 3px;
    margin-left: 2px;
    font-size: 22px !important;
}
#Main{margin: auto auto}
.img {
    height: 100% !important;
    width: 100% !important;
	cursor: pointer;
}
.fa-trash,.fa-edit,.jqx-checkbox-default {cursor: pointer;}
.fa-arrow-up{color: #056305; cursor: pointer;}
.fa-arrow-down{color: #f68090;cursor: pointer}
.fa-trash{color: red;}
.jqx-grid-cell-selected-energyblue{background-image: linear-gradient(to bottom, #CCDEF2, #CCDEF2) !important;}
#jssor_1{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 980px; height: 380px; overflow: hidden; visibility: hidden;}
#hover-div{
	display:block;
	position: absolute; 
	width: 980px; 
	height: 380px; 
	text-align:center; 
	padding-top:30px; 
	background: black none repeat scroll 0% 0%; 
	z-index: 99999999;
	visibility:hidden; 
	opacity:0; 
	transition: visibility linear 0.5s, opacity linear 0.5s;
}
#jssor_1:hover #hover-div{visibility:visible; opacity:0.5;}
#Effect,#selectpage{width: 150px !important;}
#lblEffect,#lblselectpage{margin-top: 7px !important;}
#btnSaveEffect{margin-right: 10px !important;}
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.dz-error-message{display: none;}
/*jssor slider loading skin double-tail-spin css */
.jssorl-004-double-tail-spin img {
	animation-name: jssorl-004-double-tail-spin;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-004-double-tail-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
/* jssor slider loading skin spin css */

.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
#Main{background-color: #fff !important;
padding: 20px !important;
display: inline-block !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
position: relative !important;
width: 100% !important;
box-shadow: 0px 0px 10px #666;
border-radius: 8px;
}
/*#Main_Setting{
background-color: #fff !important;
padding: 20px !important;
display: flow-root !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
position: relative !important;
width: 100% !important;
box-shadow: 0px 0px 10px #666;
border-radius: 8px;
max-width: 605px;
margin: auto auto;
}
#jqxgrid{max-width:300px !important;}*/
.jssora105{display: contents !important; position:relative !important;}
.img-responsive{
	font-size:130px !important; 
	color:#626262 !important;
}
.img-thumbnail{cursor:pointer;}
.modal {
	direction:rtl;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
	top:-300 !important;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 220px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.close {
    color: #0c2570;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    padding: 10px 10px !important;
    background-color: #e3e4e3;
    color: #0c2570;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.modal-body {padding: 2px 2px;}
.modal-footer {
    padding:6px 0px !important;
    background-color: #e3e4e3;
    color: #0c2570;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
/*Captcha*/
p.wrong {
	display: none;
}

p.wrong.shake {
	display: block;
}
.wrong{color:red;}
p.wrong.shake {
	animation: shake .4s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {
	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%,
	80% {
		transform: translate3d(1px, 0, 0);
	}
	30%,
	50%,
	70% {
		transform: translate3d(-2px, 0, 0);
	}
	40%,
	60% {
		transform: translate3d(2px, 0, 0);
	}
}

.user-text{
	height: 30px;
	border-radius: 4px;
	border: 1px solid #c2c2c2;
	margin:2px;
	text-align:right;
}
#captcha{direction:ltr;}
.fa-refresh.refresh{height:20px;line-height: 1.5;}
.controls.row.col-md-12{margin:0 0;}
.main-captcha{width:99%;}
.main-checkbox{width:100%; text-align:center;}
#checkbot{
	margin: 0 auto !important;
	float: none !important;
}
.jconfirm-title-c,.jconfirm-buttons{text-align:center !important;}
@font-face {
    font-family: 'SDF';
    src: url("/Portals/_default/Skins/Ashna/fonts/IRANSansLight.woff") format('woff'),url("/Portals/_default/Skins/Ashna/fonts/IRANSansLight.ttf") format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'Yekan';
    src: url("/Portals/_default/Skins/Ashna/fonts/Yekan.ttf") format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'Iranian Sans';
    src: url("/Portals/_default/Skins/Ashna/fonts/Iranian%20Sans.woff") format('woff'),url("/Portals/_default/Skins/Ashna/fonts/Iranian%20Sans.ttf") format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'SDFBold';
    src: url("/Portals/_default/Skins/Ashna/fonts/IRANSansMedium.woff") format('woff'),url("/Portals/_default/Skins/Ashna/fonts/IRANSansMedium.ttf") format('truetype');
    font-weight: bold;
}
@font-face {
	font-family: 'Far.Khodkar';
	src:url("/Portals/_default/Skins/Ashna/fonts/Far_Khodkar.woff") format('woff'),url("/Portals/_default/Skins/Ashna/fonts/Far_Khodkar.ttf") format('truetype'),url("/Portals/_default/Skins/Ashna/fonts/Far_Khodkar.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}
html,body,form{padding:0;margin:0;min-height:100%;}
body{background-color:#f8f8f8;}
#fullpage{background-color:#f8f8f8;display:block !important}
header{margin-top:15px;position:absolute;z-index:999;width:100%;}
.BannerPane{min-height:150px;background-size:cover;}

.site-header{width:100%}
.site-header .topbar{background-color:rgba(255,255,255,.8);height:80px;position:relative;z-index:3;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.1);-moz-box-shadow:0 2px 0 rgba(0,0,0,.1);box-shadow:0 2px 0 rgba(0,0,0,.1)}
.site-header h1.logo{position:relative;z-index:1300;display:table;margin:0;padding:15px 0 5px;height:65px;vertical-align:middle;line-height:0}
.logo a{display:table-cell;vertical-align:middle;text-decoration:none}
.top-navigation{float:left;font-family:'Roboto Condensed',sans-serif;padding:30px 0 0}
.top-navigation li{float:right;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:700}
.top-navigation li a{display:inline-block;margin:0 10px;text-decoration:none}
.top-navigation li:after{content:"/"}
.top-navigation li:last-child:after{content:""}
.site-header .menu-toggle{font-size:18px;margin:30px 0 0 10px;float:left}
.site-header .menu-toggle:focus{outline:0}
.main-menu-wrapper{display:block;width:100%}
.main-menu-wrapper .col-md-12{position:relative}
.navigation{height:50px;background:#f8f7f3;-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);box-shadow:0 0 3px rgba(0,0,0,.4);-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;z-index:2;text-align:center;font-family:'Roboto Condensed',sans-serif;position:absolute;top:0}
.navigation ul, .navigation ul li{margin:0;padding:0;list-style:none}
.navigation > ul > li{display:inline-block;line-height:50px;font-size:16px;text-transform:uppercase;position:relative}
.navigation > ul > li i{font-size:13px}
.navigation > ul > li > a{padding:0 25px;display:block;text-decoration:none}
.navigation > ul > li ul{position:absolute;top:60px;right:30px;z-index:999;display:none;min-width:100%;height:auto;background:#fff;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-right:30px}
.navigation > ul > li ul:before{position:absolute;right:50%;top:auto;margin:-10px 0 0 -10px;width:0;height:0;border:solid transparent;border-width:5px;border-bottom-color:#fff;content:" ";pointer-events:none}
.navigation > ul > li ul li ul:before{position:absolute;right:0;top:auto;margin:15px 0 0 -10px;width:0;height:0;border:solid transparent;border-width:5px;border-left-color:#fff;content:" ";pointer-events:none}
.navigation > ul > li:hover ul{display:block;-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
.navigation > ul > li > ul li{line-height:normal;font-size:14px;position:relative}
.navigation > ul > li > ul li > a{display:block;padding:10px 20px;border-bottom:1px solid #f8f7f3;white-space:nowrap;text-decoration:none}
.navigation > ul > li > ul li a:hover{text-decoration:none}
.navigation > ul > li > ul li:last-child a{border-bottom:0}
.navigation > ul > li > ul li ul{right:100%!important;top:0;min-width:inherit;margin-right:11px;position:absolute}
.navigation > ul > li.megamenu{position:inherit!important;right:0}
.navigation > ul > li.megamenu i{font-size:100%}
.navigation > ul > li.megamenu > ul{right:-30px!important;width:100%}
.navigation .megamenu-container{padding:25px;width:100%;color:#ccc}
.navigation .megamenu-container ul{display:block!important;color:#666;right:0!important;box-shadow:none;opacity:1!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:transparent;position:relative!important;text-align:right!important;margin-right:0}
.navigation > ul > li.megamenu > ul:before{position:absolute;right:50%;top:auto;margin:-10px 0 0 -10px;width:0;height:0;border:solid transparent;border-width:5px;border-bottom-color:#fff;content:" ";pointer-events:none}
.navigation > ul > li.megamenu .meta-data{text-transform:none}
.navigation .megamenu-container .megamenu-sub-title{display:block;padding-bottom:7px;margin-bottom:12px;color:#666;text-transform:none;font-weight:400;font-size:20px;text-align:right!important;border-bottom:1px solid #f8f7f3}
.navigation .megamenu-container ul li a{display:block;padding:7px 0;border-bottom:0}
.navigation .megamenu-container ul li a i{display:none}
.navigation .megamenu-container ul li a:hover{text-decoration:none}

kbd.text-center{display:block;font-size:1em;font-family:'SDFBold';padding: 4px 10px;margin: 10px 0;}
a.img-thumbnail{margin:1px;transition:all 0.5s ease;}
a.img-thumbnail:hover{text-decoration:none;-webkit-box-shadow: 0px 0px 5px 0px rgba(41,128,185,1);-moz-box-shadow: 0px 0px 5px 0px rgba(41,128,185,1);box-shadow: 0px 0px 5px 0px rgba(41,128,185,1);}
a.img-thumbnail kbd{transition:all 0.5s ease;background: #dfdfdf;color: #666;text-shadow: 1px 1px 2px #fff;}
a.img-thumbnail:hover kbd{background:#2980b9;color:#fff;text-shadow:none}
a.img-thumbnail img {opacity: .6;transition:all 0.5s ease;}
a.img-thumbnail:hover img {opacity: 1;}


footer{margin-top:20px;background: #c3d9f6;}
    footer .border-top{background: #1b8af3;padding-top: 20px;}
    footer img {background:#1b8af3;padding:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-top:-25px;}
    footer .description{max-width:700px;margin:40px auto;}
    footer ul.social{ text-align: center; display: inline-block;list-style:none;}
    footer ul.social li a{ background: #fff;}
    footer ul.social li{ float: left; margin: 0 0 0 5px;}
    footer ul.social li:first-child{ margin: 0;}
    footer ul.social li a{ background: #fff; height: 27px; width: 27px; line-height: 27px; font-size: 20px; text-align: center; border-radius: 100%; font-size: 14px;}
    footer ul.social li a:hover{ color: #fff;background: #1b8af3;}
    footer .copyright{color:#fff}
    .twitter{ color: #54abee;}
    .facebook{ color: #3a579d;}
    .google-plus{ color: #d34836;}
    .globe{ color: #1b8af3;}
    footer ul.social li a{height: 35px; width: 35px; text-align: center; line-height: 35px; border-radius: 0;display:inline-block;}
    footer ul.social li a i{height: 35px; width: 35px; text-align: center; line-height: 35px; display:inline-block; background: url("/Portals/_default/Skins/Ashna/images/social-border.png") no-repeat center center;}

#analogclock * {margin: 0px;padding: 0px;direction: ltr;}


.block-title{font-size:14px;line-height:100%;height:35px;text-transform:uppercase;margin:40px 0;border-bottom:2px solid #1c1c1c}
.block-title > span{background:#1c1c1c;color:#fff;height:30px;line-height:30px;padding:8px 15px;position:relative}
.block-title > span::after{border-color:#272727 rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;content:" ";width:auto;height:auto;bottom:-20px;margin-left:-10px;left:50%;border-width:10px;border-style:solid}
.color-red .block-title{border-bottom:2px solid #ec0000}
.color-red .block-title > span,.color-red a.post-cat{background:#ec0000}
.color-red .block-title > span::after{border-color:#ec0000 rgba(0,0,0,0) rgba(0,0,0,0)}
.color-blue .block-title{border-bottom:2px solid #1e88e5}
.color-blue .block-title > span,.color-blue a.post-cat{background:#1e88e5}
.color-blue .block-title > span::after{border-color:#1e88e5 rgba(0,0,0,0) rgba(0,0,0,0)}
.color-orange .block-title{border-bottom:2px solid #ff7a09}
.color-orange .block-title > span,.color-orange a.post-cat{background:#ff7a09}
.color-orange .block-title > span::after{border-color:#ff7a09 rgba(0,0,0,0) rgba(0,0,0,0)}
.color-aqua .block-title{border-bottom:2px solid #00bdb3}
.color-aqua .block-title > span,.color-aqua a.post-cat{background:#00bdb3}
.color-aqua .block-title > span::after{border-color:#00bdb3 rgba(0,0,0,0) rgba(0,0,0,0)}
.color-violet .block-title{border-bottom:2px solid #9401d3}
.color-violet .block-title > span,.color-violet a.post-cat{background:#9401d3}
.color-violet .block-title > span::after{border-color:#9401d3 rgba(0,0,0,0) rgba(0,0,0,0)}

#clock{direction:ltr;width:270px; padding:0px; margin:0px auto 0px; position:relative}
#clock .display{text-align:center; padding:10px; border-radius:6px; position:relative; height:54px}
#clock .date{font-size:12px; position:absolute; width:100%; top:10px; left:0; text-align:center; font-size:14px}
#clock .alarm{width:16px; height:16px; bottom:20px; background:url("/Portals/_default/Skins/Ashna/alarm.jpg"); position:absolute; opacity:0.2; cursor:pointer}
#clock .alarm.active{opacity:1}
#clock.light{color:#dfdfdf}
#clock.light .digits div span{background-color:#dfdfdf; border-color:#dfdfdf;box-shadow: 0px 0px 1px #666}
#clock.light .digits div.dots:before, 
#clock.light .digits div.dots:after{background-color:#dfdfdf;box-shadow: 0px 0px 1px #666}
#clock.light .display{}
#clock .digits div{text-align:left; position:relative; width:28px; height:50px; display:inline-block; margin:0 4px}
#clock .digits div span{opacity:0; position:absolute; -webkit-transition:0.25s; -moz-transition:0.25s; transition:0.25s}
#clock .digits div span:before, 
#clock .digits div span:after{content:''; position:absolute; width:0; height:0; border:5px solid transparent}
#clock .digits .d1{height:5px; width:16px; top:0; left:6px}
#clock .digits .d1:before{border-width:0 5px 5px 0; border-right-color:inherit; left:-5px}
#clock .digits .d1:after{border-width:0 0 5px 5px; border-left-color:inherit; right:-5px}
#clock .digits .d2{height:5px; width:16px; top:24px; left:6px}
#clock .digits .d2:before{border-width:3px 4px 2px; border-right-color:inherit; left:-8px}
#clock .digits .d2:after{border-width:3px 4px 2px; border-left-color:inherit; right:-8px}
#clock .digits .d3{height:5px; width:16px; top:48px; left:6px}
#clock .digits .d3:before{border-width:5px 5px 0 0; border-right-color:inherit; left:-5px}
#clock .digits .d3:after{border-width:5px 0 0 5px; border-left-color:inherit; right:-5px}
#clock .digits .d4{width:5px; height:14px; top:7px; left:0}
#clock .digits .d4:before{border-width:0 5px 5px 0; border-bottom-color:inherit; top:-5px}
#clock .digits .d4:after{border-width:0 0 5px 5px; border-left-color:inherit; bottom:-5px}
#clock .digits .d5{width:5px; height:14px; top:7px; right:0}
#clock .digits .d5:before{border-width:0 0 5px 5px; border-bottom-color:inherit; top:-5px}
#clock .digits .d5:after{border-width:5px 0 0 5px; border-top-color:inherit; bottom:-5px}
#clock .digits .d6{width:5px; height:14px; top:32px; left:0}
#clock .digits .d6:before{border-width:0 5px 5px 0; border-bottom-color:inherit; top:-5px}
#clock .digits .d6:after{border-width:0 0 5px 5px; border-left-color:inherit; bottom:-5px}
#clock .digits .d7{width:5px; height:14px; top:32px; right:0}
#clock .digits .d7:before{border-width:0 0 5px 5px; border-bottom-color:inherit; top:-5px}
#clock .digits .d7:after{border-width:5px 0 0 5px; border-top-color:inherit; bottom:-5px}
#clock .digits div.one .d5,#clock .digits div.one .d7{opacity:1}
#clock .digits div.two .d1, #clock .digits div.two .d5, #clock .digits div.two .d2, #clock .digits div.two .d6, #clock .digits div.two .d3{opacity:1}
#clock .digits div.three .d1, #clock .digits div.three .d5, #clock .digits div.three .d2, #clock .digits div.three .d7, #clock .digits div.three .d3{opacity:1}
#clock .digits div.four .d5, #clock .digits div.four .d2, #clock .digits div.four .d4, #clock .digits div.four .d7{opacity:1}
#clock .digits div.five .d1, #clock .digits div.five .d2, #clock .digits div.five .d4, #clock .digits div.five .d3, #clock .digits div.five .d7{opacity:1}
#clock .digits div.six .d1, #clock .digits div.six .d2, #clock .digits div.six .d4, #clock .digits div.six .d3, #clock .digits div.six .d6, #clock .digits div.six .d7{opacity:1}
#clock .digits div.seven .d1, #clock .digits div.seven .d5, #clock .digits div.seven .d7{opacity:1}
#clock .digits div.eight .d1, #clock .digits div.eight .d2, #clock .digits div.eight .d3, #clock .digits div.eight .d4, #clock .digits div.eight .d5, #clock .digits div.eight .d6, #clock .digits div.eight .d7{opacity:1}
#clock .digits div.nine .d1, #clock .digits div.nine .d2, #clock .digits div.nine .d3, #clock .digits div.nine .d4, #clock .digits div.nine .d5, #clock .digits div.nine .d7{opacity:1}
#clock .digits div.zero .d1, #clock .digits div.zero .d3, #clock .digits div.zero .d4, #clock .digits div.zero .d5, #clock .digits div.zero .d6, #clock .digits div.zero .d7{opacity:1}
#clock .digits div.dots{width:5px}
#clock .digits div.dots:before, #clock .digits div.dots:after{width:5px; height:5px; content:''; position:absolute; left:0; top:14px}
#clock .digits div.dots:after{top:34px}

.systems{margin:20px 0px;}
.systems > a{display: block;width: 100%;}
.systems > a > img {display: inline-block;width: 16%;}
.systems > a > kbd {display: inline-block;width: 80%;background: none;border: none;box-shadow: none;text-align: right;padding: 0 5px 0 0;}


.LoginPanel {width:380px;padding-right:0px !important;float:none !important;margin: 40px auto 0px;}
.dnnLoginActions {}


@media (min-width:1200px) {
    .site-header,.main-menu-wrapper{max-width:100%;width:1080px}
}
@media (max-width:768px) {
    footer ul.social{margin-top:40px;}
    footer .copyright{text-align:center;}
    /*.BannerPane {min-height: 100px;}*/
}
/*Edited By Mr.Saboori*/
#panes{padding-top:10px;}
.jqx-grid-cell> .jqx-button{width:95% !important;}
#loadingdiv{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999999; /* Sit on top */
    padding-top: 200px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
	text-align:center;
    /*background:url("/Portals/_default/Skins/Ashna/images/loading.gif") no-repeat center center;*/
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#loadingdiv>img{
	margin:0 auto;
	border-radius:8px;
	position:relative;
	box-shadow: 0px 0px 6px 4px #B9B9B9;
}
.btn{font-weight:400 !important}
.datepicker{width:130px !important;}
:not(.jqx-grid-cleared-cell).jqx-grid-empty-cell{z-index:998 !important;}
.jqx-scrollbar-thumb-state-normal-horizontal{z-index:998 !important;}
.fa-trash{color:#e02323 !important;}
.fa-sign-out{color:black !important;}
.fa-plus{color:green !important;}
.fa-warning{color:#f1c40f !important;}
.fa-save{color:green !important;}
.fa-file-text-o{color:#349eb0 !important;}
.fa-cogs,.fa-exclamation-triangle{color:red !important;}
.btn>.fa{font-size:16px !important;}
.btn>.fa-3x{font-size:3em !important;}
.tooltip{z-index:998 !important;}
.jqx-switchbutton-label{font-weight:400 !important;}
/*.jconfirm-content-pane,.jconfirm-content{overflow:visible !important;}*/
.tooltip-inner{background-color:red !important;}
.tooltip-arrow{border-top-color:red !important;}
.tooltip.in{opacity:0.7 !important;}
.tooltip{z-index:999999999999 !important;}
.datenow{font-size: 16px !important;font-weight:normal !important; color: #434a54;font-family:Yekan,'SDF','Segoe UI',Tahoma !important;line-height:2.5 !important; }
#logo-div{text-align:center;}
.fixed-left-options-main{
	position:fixed;
	top:40%;
    left:0px;
	z-index:999999;
}
.fixed-left-options{
	position:absolute;
	margin-bottom:5px;
	height:35px;
	text-align:center;
	font-size:18px;
	color:white;
	border-bottom-right-radius:15px;
	border-top-right-radius:15px;
	background:rgba(76, 2, 135, 0.8);
	cursor:pointer;
	transition:left linear 0.4s;
}
.fixed-left-options:hover{
	left:0px;
}
.fixed-left-options-help{
	top:0px;
	width:95px;
	left:-60px;
}
.fixed-left-options-relation{
	top:40px;
	width:120px;
	left:-85px;
}
.fixed-left-options-user{
	top:80px;
	width:150px;
	left:-115px;
}
.fixed-left-options-icon{
	font-size: 35px !important;
	margin: 0 auto;
	width: 40px;
	position:absolute;
	right:-2px;
}
.fixed-left-options-caption{
	vertical-align: top;
	padding-left: 10px;
	line-height: 2;
	position:absolute;
	right:40px;
}
.fixed-left-options>a{
	color:white !important;
}
#UnreadTicketsHint{
	display:none;
	color:white !important;
    height: 26px;
    min-width: 28px;
    background-color: #fd6464;
    border-radius: 50%;
	font-family:yekan !important;
	padding: 0px 2px;
	font-size:18px;
	cursor:pointer;
}
#L_MonitorCustomerName{color:blue;}
#L_MonitorCustomerName .fa-remove{cursor:pointer; color:red;}
/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}
/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl
{
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
/*top-right rounded Corners*/
.jqx-rc-tr
{
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl
{
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br
{
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*top rounded Corners*/
.jqx-rc-t
{
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
/*bottom rounded Corners*/
.jqx-rc-b
{
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*right rounded Corners*/
.jqx-rc-r
{
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*left rounded Corners*/
.jqx-rc-l
{
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*all rounded Corners*/
.jqx-rc-all
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*reset rounded corners*/
.jqx-rc-reset
{
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

/*Reset Style*/
.jqx-reset
{
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    outline: none;
    box-sizing: content-box;
}
.jqx-clear {
    align:left; valign:top; left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px;
}
.jqx-popup {
    box-sizing: content-box;
}
.jqx-position-reset {
    position: static !important; 
}
.jqx-border-reset {
    border: none !important;
}
.jqx-overflow-hidden {
    overflow: hidden !important;
}
.jqx-position-relative {
    position: relative !important;
}
.jqx-position-absolute {
    position: absolute !important;
}
.jqx-max-size {
    width: 100% !important;
    height: 100% !important;
}
.jqx-background-reset {
    background: transparent !important;
}
/*Disable browser selection*/
.jqx-disableselect
{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-user-select:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.jqx-enableselect {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select:text;
    user-select:all;
}
.jqx-hideborder
{
    border: none !important;
}
.jqx-hidescrollbars
{
    overflow: hidden !important;
}
/*jqxButton, jqxToggleButton, jqxRepeatButton Style*/
.jqx-button{outline: none; border: 1px solid transparent; padding: 3px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; }
button.jqx-button, input[type=button].jqx-button,  input[type=submit].jqx-button {
    box-sizing: border-box !important; -moz-box-sizing: border-box !important; 
}

.jqx-buttongroup{}
.jqx-group-button-normal {
    vertical-align: middle;
    text-align: center;
}
/*applied to the link button's anchor element.*/
.jqx-link
{
    text-decoration: none;
    color: #111111;
}

/*shows elements.*/
.jqx-visible
{
    display: block;
}
/*hides elements.*/
.jqx-hidden
{
    display: none;
}
.jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal {
    line-height: 1.231;
}
/*jqxGauge Style*/
.jqx-gauge-label, .jqx-gauge-caption
{
    fill: #333333;
    color: #333333;
    font:inherit;
}
.jqx-knob {
 text-align: center;
}
/*jqxChart Style*/
.jqx-knob-label,
.jqx-chart-axis-text,
.jqx-chart-label-text, 
.jqx-chart-tooltip-text, 
.jqx-chart-legend-text
{
    fill: #333333;
    color: #333333;
    font:inherit;
}
.jqx-chart-axis-description
{
    fill: #555555;
    color: #555555;
    font:inherit;
}
.jqx-chart-title-text
{
    fill: #111111;
    color: #111111;
    font:inherit;
}
.jqx-chart-title-description
{
    fill: #111111;
    color: #111111;
    font:inherit;
}

/*applied to the Grid's element.*/
.jqx-grid
{
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
}
/*applied to the Pager.*/
.jqx-grid-pager
{
    border: none;
    border-top: 1px solid transparent;
}
/*applied to the Top Pager.*/
.jqx-grid-pager-top
{
    border: none;
    border-bottom: 1px solid transparent;
}
.jqx-grid-pager-number{
    padding: 2px 5px;
    text-decoration: none;
    margin: 1px;
    border: 1px solid transparent;
    color: inherit !important;
    *color: expression(this.parentNode.currentStyle['color']) !important;     
    outline: none;
    font-weight: normal !important;
}
.jqx-grid-menu-item-touch {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
/*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/
.jqx-grid-bottomright
{
   
}
/*applied to the Grid's header area.*/
.jqx-grid-header 
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    border-color: transparent;
    margin: 0px;
    padding: 0px;
 }
 /*applied to the columns.*/
.jqx-grid-column-header, .jqx-grid-columngroup-header {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;  
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
 }
.jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl {
    border-width: 0px 0px 0px 1px;
}
.jqx-grid-columngroup-header {
    border-bottom-width: 1px;
    border-left-width: 1px;
}
 /*applied to the column's button.*/
 .jqx-grid-column-menubutton {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/menubutton.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
 }
.jqx-grid-column-menubutton-rtl {
    border-width: 0px 1px 0px 0px;
}
 /*applied to the column's sort button when the sort order is ascending.*/
 .jqx-grid-column-sortascbutton {
    border: none;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/sortascbutton.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
 }
 /*applied to the column's sort button when the sort order is descending.*/
  .jqx-grid-column-sortdescbutton {
    border: none;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/sortdescbutton.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
 }
  /*applied to the column's filter button.*/
  .jqx-grid-column-filterbutton
 {
    border: none;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/filter.png");
    background-repeat: no-repeat;
    background-position: center;
 }
  /*applied to the column's resize line.*/
 .jqx-grid-column-resizeline {
   border-right: 1px dotted #555; 
 }
 /*applied to the validation popup during cell editing.*/
 .jqx-grid-validation
 {
    background: #df2227 !important;
    color: #fff  !important;
    padding: 4px 8px;
 }
.jqx-grid-validation-label {
    color: #fff !important;
    background: #df2227 !important;
    border: 1px solid #df2227 !important;    
}
  .jqx-grid-validation-arrow-up
 {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/red_arrow_up.png");
    background-repeat: no-repeat;
    background-position: center center;
 }
  .jqx-grid-validation-arrow-down
 {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/red_arrow_down.png");
    background-repeat: no-repeat;
    background-position: center center;
 }
  /*applied to the column's resize start line.*/
  .jqx-grid-column-resizestartline {
   border-right: 1px solid #444; 
 }
  /*applied to the sort ascending menu item in the Grid's Context Menu*/
 .jqx-grid-sortasc-icon
 {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/sortasc.png");
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
  /*applied to the sort ascending menu item in the Grid's Context Menu*/
 .jqx-grid-sortdesc-icon
 {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/sortdesc.png");
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
  /*applied to the grid menu's sort remove item/*/
 .jqx-grid-sortremove-icon
 {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/sortremove.png");
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
   /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/
 .jqx-grid-drag-icon
 {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/drag.png");
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
 }
   /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/
 .jqx-grid-dragcancel-icon
 {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/dragcancel.png");
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
 }
 /*applied to the 'group by' menu item.*/
 .jqx-grid-groupby-icon
 {
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
/*applied to the column anchor tags.*/
 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited
 {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}
.jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}
/*applied to the groups header area.*/
 .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
 }
/*applied to a grouping row.*/
 .jqx-grid-groups-row {
    font-weight:bold;
    white-space: nowrap;
    text-align: left;
    padding: 0px;
    top: 50%;
    margin-top: -8px;
 }
 /*applied to the row details.*/
 .jqx-grid-groups-row-details {
    font-weight: normal;
 }
 /*applied to a grouping column.*/
 .jqx-grid-group-column 
 {
    border: 1px solid transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;  
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
 }
 /*applied to the lines between the group columns.*/
  .jqx-grid-group-column-line
 {
    background: #aaa;
 }
 /*applied to the drop line indicators displayed in the grouping header.*/
  .jqx-grid-group-drag-line
 {
    background: #80be09;
 }
 /*applied to the anchor tags inside a grouping column.*/
 .jqx-grid-group-column  a:link{
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    *color: expression(this.parentNode.currentStyle['color']);     
}
 .jqx-grid-group-column  a:visited{
    color: inherit;
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
     *color: expression(this.parentNode.currentStyle['color']);    
}
/*applied to a grid cell*/
.jqx-grid-cell {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    margin-right: 1px;
    margin-bottom: 1px;
    border-color: transparent;  
    background: #fff;
    white-space: nowrap;
    font-weight: normal; 
    font-size: inherit;
    overflow: hidden; 
    position: absolute !important; 
    height: 100%; 
 }
.jqx-grid-cell-locked {
    color: #aaa !important;
}
.jqx-grid-cell-left-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px; 
    text-align: left; 
    margin-right: 2px; 
    margin-left: 4px;
}
.jqx-grid-cell-middle-align {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 2px; 
    text-align: center;
}
.jqx-grid-cell-right-align {
    overflow: hidden; 
    text-overflow: ellipsis; 
    padding-bottom: 2px; 
    text-align: right; 
    margin-right: 4px; 
    margin-left: 2px;
}

/*applied to a grid cell that is part of a rows group.*/
 .jqx-grid-group-cell{ 
    overflow: hidden; 
    position: absolute !important; 
    height: 100%; 
    background: #fff;
 }
/*applied to the grid cells in the sort column*/
 .jqx-grid-cell-sort {
    background-color: #f0f0f0;
 }

 /*applied to the grid cells in the filter column*/
 .jqx-grid-cell-filter {
    background-color: #e6e6e6;
 }
.jqx-grid-cell-add-new-row {
    background: #fdfcf3 !important;
    color: #000 !important;
}

 /*applied to the grid cells area.*/
.jqx-grid-content {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    overflow: hidden;
 }
 /*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell, .jqx-grid-empty-cell {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    white-space: nowrap;
    font-weight: normal;   
 }
.jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell {
    border: transparent !important;
}
.jqx-grid-cell-wrap {white-space: normal !important;}

.jqx-tree-grid-indent {
    width: 15px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    vertical-align: top;
}
.jqx-tree-grid-title {
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    position: relative;
    width: 15px;
    height: 16px;   
    vertical-align: top;
}
.jqx-tree-grid-checkbox {
   float: none !important; 
   width: 14px;
   height: 14px;
   cursor: pointer;
   margin-right: 2px !important;
   margin-left: 2px !important;
}
.jqx-tree-grid-icon {
   float: none !important; 
   width: 14px;
   height: 14px;
   margin-right: 4px;
}
.jqx-tree-grid-icon-rtl {
   margin-right: 0px;
   margin-left: 4px;
}
.jqx-tree-grid-icon-size {
   width: 14px;
   height: 14px;
   line-height: 16px;
}

.jqx-tree-grid-checkbox-tick {
    width: 100%;
    height: 100%;
}
.jqx-tree-grid-expand-button {
    height: 16px;
    width: 15px;
    vertical-align: top;
}

/*applied to a cell in jqxDataTable*/
.jqx-cell {
    min-height: 23px;
    padding: 6px 4px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-top-width: 0px;
    border-left-width: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: normal;
    line-height: 1.231;
}
.jqx-grid-cell-nowrap {white-space: nowrap;}

.jqx-cell-editor {
    padding-left: 4px !important;
    padding-right: 3px !important;
}
.jqx-left-align {
    text-align: left;
}
.jqx-center-align {
    text-align: center;
}
.jqx-right-align {
    text-align: right;
}
.jqx-top-align {
    vertical-align:top;
}
.jqx-bottom-align {
    vertical-align: bottom;
}

.jqx-grid-table .jqx-grid-cell {
    position: static !important;
    zoom: 1 !important;
}
/*applied to the Grid's Table element.*/
.jqx-grid-table {
    font-size: 13px;
    table-layout: fixed;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-overflow-scrolling: touch;
    outline: none;
    zoom: 1 !important;
    empty-cells: show;
    border-right: 1px solid #aaa;
    line-height: 1.231;
    width: auto;
    border: none;
}
.jqx-grid-table-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}
.jqx-details table {
   border-collapse: collapse;
   table-layout: fixed;
   border-spacing: 0px;
}

 /*applied to a grid cell that is part of a details row and grouping is enabled.*/
.jqx-grid-group-details-cell {

 }
 /*applied to a grid cell that is part of a details row.*/
.jqx-grid-details-cell {
    border-width: 0px 1px 0px 0px;
 }
  /*applied to a grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-alt {
    background: #f9f9f9;  
 }
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-sort-alt {
    background-color: #e5e5e5;
 }/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-filter-alt {
    background-color: #f0f0f0;
 }
  /*applied to a pinned grid cell.*/
.jqx-grid-cell-pinned {
    background-color: #e5e5e5;
 }
 /*applied to a pinned grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-pinned-alt {
    background-color: #e5e5e5;
 }
 /*applied to a selected grid cell.*/
 .jqx-grid-cell-selected {
    border-left: 0px solid transparent;
 }
 .jqx-cell-rtl {
   border-left-width: 1px;
   border-right-width: 0px;
 }
 .jqx-grid-cell-rtl {
    border-width: 0px 0px 1px 1px;
 }
 .jqx-grid-table .jqx-grid-cell {
   border-width: 0px 0px 1px 1px;
 }
.jqx-grid-table-one-cell {
    border: none;
    border-right-width: 1px;
    border-right-style:solid;
    border-right-color:#aaa;
}

 .jqx-grid-table .jqx-grid-cell:first-child {
    border-left-width: 0px;
 }

  /*applied to the selection area.*/
 .jqx-grid-selectionarea {
    border: 1px solid transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
 }
 /*applied to a hovered grid cell.*/
 .jqx-grid-cell-hover {
    border-color: transparent;
 }
  /*applied to a grid cell when the grid is empty.*/
 .jqx-grid-empty-cell{ overflow: visible; border-bottom: none;}

 /*applied to the Grid when its loading the data.*/
 .jqx-grid-load
{
    padding-right: 0px;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/loader.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;  
    z-index: 9999;
    display: block;
}
/*applied to a group's collapse button.*/
.jqx-grid-group-collapse
{
    padding-right: 0px;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.jqx-grid-group-collapse-rtl
{
    padding-right: 0px;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*applied to a group's expand button.*/
.jqx-grid-group-expand, .jqx-grid-group-expand-rtl
{
    padding-right: 0px;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*jqxProgresBar Style*/
.jqx-progressbar
{
    overflow: hidden;
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}
/*applied to the progressbar's value element*/
.jqx-progressbar-value
{
    outline: none;
    border: 0px solid transparent;
    height: 100%;
}
/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/
.jqx-progressbar-value-vertical
{
    outline: none;
    border: 0px solid transparent;
    height: 100%;
    background: transparent;
}
/*applied to the progressbar's text element*/
.jqx-progressbar-text
{
    font-size: 10px;
    border: none;
}
/*applied to the progress bar when the widget is in disabled state*/
.jqx-progressbar-disabled
{
    outline: none;
    border: 1px solid transparent; 
    height: 2em;
}

/*jqxMenu Style*/
.jqx-menu
{
    border: 1px solid transparent;
    float: none;
    margin: 0px;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    text-align: left;
}
.jqx-menu-dropdown-column
{
    float: left;
}
/*applied to the menu when it is horizontal. Sets the menu's background*/
.jqx-menu-horizontal
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
}
/*applied to the menu when it is vertical. Sets the menu's background*/
.jqx-menu-vertical
{
    text-align: left;
}
/*applied to the sub menu. Sets the sub menu's background*/
.jqx-menu-dropdown
{
    left: 100%;
    margin: 0px;
    padding: 0px;
    right: 0;
    overflow: hidden;
    display: none;
    float: none;
    width: 150px;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    padding: 2px;
}
/*applied to the sub menu's ul elements.*/
.jqx-menu-dropdown ul
{
    left: 100%;
    margin: 0px;
    padding: 0px;
    right: 0;
    overflow: hidden;
    border: none;
}
/*applied to the menu's ul elements.*/
.jqx-menu ul
{
    left: 100%;
    margin: 0px;
    padding: 2px;
    right: 0;
    overflow: hidden;
    background-color: transparent;
    border: none;
}
/*applied to the menu's li elements.*/
.jqx-menu li, .jqx-menu-dropdown li
{
    line-height: 1.3 !important;
}
/*applied to the top level menu items.*/
.jqx-menu-item-top
{
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    left: 100%;
    overflow: hidden;
    color: inherit;
    right: 0;
    margin: 0px 1px 0px 1px;
    cursor: pointer;
}
/*applied to the sub menu items.*/
.jqx-menu-item
{
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    margin: 1px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
    *color: expression(this.parentNode.currentStyle['color']);     
}
/*applied to a sub menu item when the mouse is over the item.*/
.jqx-menu-item-hover
{
    color: inherit;
    right: 0;
    list-style: none;
    margin: 1px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
    *color: expression(this.parentNode.currentStyle['color']);     
}
/*applied to a top-level menu item when the mouse is over it.*/
.jqx-menu-item-top-hover
{
    color: inherit;
    right: 0;
    list-style: none;
    margin: 0px 1px 0px 1px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    top: 50%;
    cursor: pointer;
    *color: expression(this.parentNode.currentStyle['color']);     
}
/*applied to a sub menu item when its sub menu is opened.*/
.jqx-menu-item-selected
{
    right: 0;
    list-style: none;
    margin: 1px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
    *color: expression(this.parentNode.currentStyle['color']);     
}
/*applied to a disabled sub menu item.*/
.jqx-menu-item-disabled
{

}
/*applied to a top-level menu item when its sub menu is opened.*/
.jqx-menu-item-top-selected
{
    right: 0;
    list-style: none;
    margin: 0px 1px 0px 1px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}
/*applied to the menu separator items.*/
.jqx-menu-item-separator
{
    text-indent: 0;
    background-color: #ddd;
    border: none;
    list-style: none;
    height: 1px;
    line-height:0 !important;
    padding: 0px;
    margin: 1px 2px 1px 2px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    font-size: 1px;
}
/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-right
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
}
/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/
.jqx-menu-item-arrow-down
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down.png");
}
/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/
.jqx-menu-item-arrow-up
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up.png");
}
.jqx-menu-minimized {
    position: relative;
}
.jqx-menu-title {
    position: relative;
    float: right;
    margin-top: 4px;
    padding-top: 4px;
    padding-right: 20px;
}
.jqx-menu-minimized-button
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-menu-minimized.png");
    background-repeat: no-repeat;
    background-position: left center;
    height: 24px;
    width: 24px;
    padding: 0px;
    margin-left: 7px;
    margin-top: 4px;
    float : left;
}
.jqx-menu-ul-minimized {
    display: block!important;
    width: auto !important;
}
.jqx-menu-ul-minimized ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow   : none !important;
    -o-box-shadow     : none !important;
    box-shadow        : none !important;
}
.jqx-menu-minimized li:last-child {
    padding-bottom: 0px;
    margin: 0px;
}
.jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
}
/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-left
{
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/
.jqx-menu-item-arrow-right-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/
.jqx-menu-item-arrow-down-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down.png");
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/
.jqx-menu-item-arrow-up-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up.png");
}
.jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right {
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-top-right
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/
.jqx-menu-item-arrow-left-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
}
/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-top-left
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
}
.jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
}
/*applied to the anchor elements*/
.jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover
{
    text-decoration: none;
    color: inherit;
    outline: none;
    background-color: transparent;
    *color: expression(this.parentNode.currentStyle['color']);     
}

/*applied to the menu widget when it is disabled.*/
.jqx-menu-disabled
{
    cursor: default;
}
/*applied to the anchor elements of all disabled menu items.*/
.jqx-menu-disabled a:link
{
    cursor: default;
    text-decoration: none;
}
.jqx-menu-disabled a:visited
{
    cursor: default;
    text-decoration: none;
}
.jqx-menu-disabled a:hover
{
    cursor: default;
}
.jqx-menu-dropdown
{
    right: -1px;
}

/*jqxtree Style*/
.jqx-tree
{
    left: 100%;
    right: 0;
    float: none;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    overflow: hidden;
    text-align: left;
    outline: none;
    white-space: nowrap;
    line-height: 14px !important;
}
/*applied to the jqxTree root UL element.*/
.jqx-tree-dropdown-root
{
    left: 100%;
    padding: 0px 5px 0px 5px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    text-align: left;
    outline: none;
    white-space: nowrap;
    margin: 0px;
}
.jqx-tree-dropdown-root-rtl {
    padding: 0px 5px 0px 0px;
    text-align: right;
    float: right;
    margin: 0px;
}

/*applied to the jqxTree UL elements.*/
.jqx-tree-dropdown
{
    left: 100%;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    right: 0;
     display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    text-align: left;
    outline: none;
}
.jqx-tree-dropdown-rtl {
   padding: 3px 0px 0px 0px;
   text-align: right;
}

/*applied to a tree item.*/
.jqx-tree-item
{
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 3px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    right: 0;
    text-align: left;
    cursor: default;
    text-decoration: none;
}
/*applied to the jqxTree LI elements.*/
.jqx-tree-item-li
{
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    left: 100%; 
    right: 0;
    text-align: left;
    outline: none;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
}
/*applied to the last LI elements in an UL element.*/
.jqx-tree-item-u-last
{
    margin: 0px 0px 0px 0px;
}
/*applied to a tree item when the mouse is over the item.*/
.jqx-tree-item-hover
{
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}
/*applied to a tree item when the item is selected.*/
.jqx-tree-item-selected
{
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}
.jqx-tree-item-rtl {
    text-align: right;
}
.jqx-tree-item-li-rtl {
    text-align: right;
}
/*applied to the anchor element of a tree item.*/
.jqx-tree-item a:link, .jqx-tree-item a:visited
{
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
.jqx-tree-item-selected, .jqx-tree-item-hover a:hover
{
    color: inherit;
}
.jqx-tree-item-selected, .jqx-tree-item-hover a:visited
{
    color: inherit;
}

/*applied to a tree item when the item is disabled.*/
.jqx-tree-item-disabled
{

}
/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover
{
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
}

/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover
{
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*applied to the tree when it is disabled.*/
.jqx-tree-disabled
{
    cursor: default;
}
/*applied to the anchor elements in a tree when it is disabled.*/
.jqx-tree-disabled a:link
{
    cursor: default;
    text-decoration: none;
}
.jqx-tree-disabled a:visited
{
    cursor: default;
    text-decoration: none;
}
.jqx-tree-disabled a:hover
{
    cursor: default;
}


/*jqxTabs*/
.jqx-tabs
{
    outline: none;
    margin: 0 0 0 0;
    padding: 0px;
    overflow: hidden;
    background: transparent;
    border: 1px solid transparent;
}
/*applied to the tab close button.*/
.jqx-tabs-close-button
{
    outline: none;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close.png");
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
}
/*applied to the tab close button when the tab is selected.*/
.jqx-tabs-close-button-selected
{
    outline: none;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close.png");
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
/*applied to the tab close button when the mouse is over the tab.*/
.jqx-tabs-close-button-hover
{
    outline: none;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close.png");
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover{background-repeat:no-repeat;  background-position:center;}
/*applied to the tab's left scroll arrow.*/
.jqx-tabs-arrow-left
{
    outline: none;
    position: relative;
    z-index: 15;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
    background-repeat: no-repeat;
    background-position: center;
}
/*applied to the tab's right scroll arrow.*/
.jqx-tabs-arrow-right
{
    outline: none;
    position: relative;
    z-index: 15;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.jqx-tabs-arrow-background
{
    background: #eeeeee;
}
/*applied to the tab's title.*/
.jqx-tabs-title
{
    outline: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    left: 100%;
    right: 0;
    text-indent: 0px;
    list-style: none;
    border: 1px solid transparent;
    margin: 0px 2px 0px 0px;
    overflow: hidden;
    z-index: 1;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: transparent;
    height: auto;
    position: relative; 
}
.jqx-tabs-title-bottom
{
}
.jqx-tabs-title a:link
{
    color: inherit;
    *color: expression(this.parentNode.currentStyle['color']);    
    text-decoration: none;
}
.jqx-tabs-title a:hover
{
    color: inherit;
    *color: expression(this.parentNode.currentStyle['color']);
    text-decoration: none;
}
.jqx-tabs-title a:active
{
    color: inherit;
    *color: expression(this.parentNode.currentStyle['color']);
    text-decoration: none;
}
.jqx-tabs-title a:visited
{
    color: inherit;
    *color: expression(this.parentNode.currentStyle['color']);
    text-decoration: none;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-selected-top
{
    z-index: 99;
    outline: none;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding-bottom: 7px;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom
{
    outline: none;
    border-top: 1px solid #fff;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: -2px;
    background-color: #fff;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-hover-top
{
    outline: none;
    border: 1px solid transparent;    
    padding-bottom: 5px;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-hover-bottom
{
    outline: none;
    border: 1px solid transparent;
    padding-top: 5px;
}
/*applied to the tab's title when the tab is disabled.*/
.jqx-tabs-title-disable
{
 
}
/*applied to the tab's header.*/
.jqx-tabs-header
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 1px;
    margin: 0px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid #aaa;
    background: #eeeeee;
}
/*applied to the tab's header when the position is bottom.*/
.jqx-tabs-header-bottom
{
    padding-top: 1px;
    padding-bottom: 3px;
    border-top: 0px solid #aaa;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid transparent;
}
/*applied to the tab's header when the tab is collapsed.*/
.jqx-tabs-header-collapsed
{
    border: 1px solid #aaa;
}
/*applied to the tab's header when the position is bottom and tab is collapsed.*/
.jqx-tabs-header-collapsed-bottom
{
    border: 1px solid #aaa;
}
.jqx-tabs-collapsed
{
    border: 0px solid transparent;
}
.jqx-tabs-collapsed-bottom
{
    border: 0px solid transparent;
}
/*applied to the tab's selection tracker container element.*/
.jqx-tabs-selection-tracker-container
{
    outline: none;
    position: relative;
    text-indent: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    background: transparent;
    height: 0px;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top
{
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding-bottom: 2px;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom
{
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
    margin-top: -1px;
    padding-bottom: 2px;
}
/*applied to the tab's content element which represents a DIV element.*/
.jqx-tabs-content
{
    outline: none;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    text-align: left;
    clear: both;
}
.jqx-tabs-content-element
{
    height: 100%;
    overflow: auto;
}

/*jqxCheckBox*/
.jqx-checkbox
{
    overflow:hidden;
    text-align: left;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*applied to the check box.*/
.jqx-checkbox-default
{
    text-align: left;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the check box when the mouse cursor is over it.*/
.jqx-checkbox-hover
{
    cursor: pointer;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the widget when it is disabled.*/
.jqx-checkbox-disabled
{
    cursor: default;
    background: transparent;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0px 0px 0px 0px;
}
/*applied to the check box when the widget is disabled.*/
.jqx-checkbox-disabled-box
{
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the check box when it is checked. Displays a check icon.*/
.jqx-checkbox-check-checked
{
    float: left;
    background: transparent url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/check_black.png") center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/
.jqx-checkbox-check-disabled
{
    float: left;
    background: transparent url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/check_disabled.png") center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate.*/
.jqx-checkbox-check-indeterminate
{
    float: left;
    background: transparent url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/check_indeterminate_black.png") center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate and it is disabled.*/
.jqx-checkbox-check-indeterminate-disabled
{
    float: left;
    background: transparent url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/check_indeterminate_disabled.png") center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its in rtl mode.*/
.jqx-checkbox-rtl {
    float: right;
}
/*jqxRadioButton*/
.jqx-radiobutton
{
    overflow:hidden;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
}
/*applied to the radio button.*/
.jqx-radiobutton-default
{
    cursor: pointer;
    float: left;
    background: transparent url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/roundbg_classic_normal.png") left center scroll repeat-x;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
/*applied to the radio button when the mouse is over it.*/
.jqx-radiobutton-hover
{
    cursor: pointer;
    float: left;
    background: transparent;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
/*applied to the radio button when it is disabled.*/
.jqx-radiobutton-disabled
{
    cursor: default;
}
/*applied to the radio button's radio icon when it is disabled.*/
.jqx-radiobutton-disabled-box
{
}
/*applied to the radio button when it is checked.*/
.jqx-radiobutton-check-checked
{
    float: left;
    background: transparent url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/roundbg_check_black.png") left top no-repeat;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0 0 0 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 7px; 
    height: 7px;
    margin-left: 2px;
    margin-top: 2px;
}
/*applied to the radio button when it is checked and disabled.*/
.jqx-radiobutton-check-disabled
{
}
/*applied to the radio button when it is in indeterminate state.*/
.jqx-radiobutton-check-indeterminate
{
    float: left;
    background: transparent url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/roundbg_check_indeterminate.png") left top no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; 
    width: 6px; 
    height: 6px;
    margin-left: 2px;
    margin-top: 2px;  
}
/*applied to the radio button when it is in indeterminate state and disabled.*/
.jqx-radiobutton-check-indeterminate-disabled
{
}
/*applied to the radio button when its in rtl mode.*/
.jqx-radiobutton-rtl {
    float: right;
}

/*jqxRating*/
.jqx-rating
{
    margin: 0px;
    padding: 0px;
    outline: none;
    overflow: hidden;
}
.jqx-rating-image
{
    border-width: 0px;
}
.jqx-rating-image-default
{
    margin: 0px;
    padding: 0px;
    outline: none;    
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/star.png");
    overflow: hidden;
}
/*applied to the rating when it is hovered.*/
.jqx-rating-image-hover
{
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/star_hover.png");
    overflow: hidden;
}
/*applied to the rating when it is disabled.*/
.jqx-rating-image-backward
{
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/star_disabled.png");
    overflow: hidden;
}
/*jqxCalendar Style*/
.jqx-calendar
{
    border: 1px solid transparent;
    -webkit-appearance: none;
    overflow: hidden;
    outline: none;
    padding: 0px;
    margin: 0 0 0 0;
    cursor: default;
    border-collapse: separate;
}
.jqx-calendar td {
    padding-top: 0px;
    padding-bottom: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
}
.jqx-calendar table {
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
}
/*applied to the calendar's row header. This header displays the week numbers.*/
.jqx-calendar-row-header
{
    outline: none;
    border: 0px solid #f2f2f2;
    padding: 0;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's column. This header displays the day names.*/
.jqx-calendar-column-header
{
    outline: none;
    text-align: right;
    padding: 3px;
    border-top: none;
    border-bottom: 1px solid transparent;
    border-left: none;
    border-right: none;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/
.jqx-calendar-top-left-header
{
    outline: none;
    border: 0px solid #f2f2f2;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's navigation buttons.*/
.jqx-calendar-title-navigation
{
    cursor: pointer;
    background-color: transparent; 
    margin: 0; 
    padding: 0; 
    border: none; 
    width: 25px;
    height: 25px;
}
/*applied to the month table*/
.jqx-calendar-month
{
    margin: 0; padding: 0;
    border: none;
    width: 100%; 
}
/*applied to the calendar's title content.*/
.jqx-calendar-title-content
{
    cursor: pointer;
    text-align: center;
}
/*applied to the calendar's navigation title.*/
.jqx-calendar-title-header
{
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
}
.jqx-calendar-title-header td {
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}
/*applied to the calendar's navigation title when the calendar is disabled.*/
.jqx-calendar-title-header-disabled
{   
    border-bottom-width: 1px;
    border-bottom-style:solid; 
    margin: 0 0 0 0;    
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;    
    
}
/*applied to a calendar cell.*/
.jqx-calendar-cell
{
    border: 1px solid transparent;
    margin: 0px;
    outline: none;
    text-align: center;
    padding: 1px;
    cursor: pointer;
    background-color: transparent;
}
.jqx-calendar-cell td
{
    padding: 0;
    margin: 0;
}
/*applied to a calendar cell in decade and year views.*/
.jqx-calendar-cell-decade, .jqx-calendar-cell-year {
   text-align: center;
 }

.jqx-calendar .jqx-fill-state-normal
{
    background: transparent;
    border: 1px solid transparent;
}

/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/
.jqx-calendar-cell-hidden
{
    margin: 0 0 0 0;
    visibility: hidden;
    cursor: default;
}
/*applied to a calendar cell when the cell's date is a weekend date.*/
.jqx-calendar-cell-weekend
{
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/
.jqx-calendar-cell-specialDate
{
    color: #FF0000 !important;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a restricted date.*/
.jqx-calendar-cell-restrictedDate
{
    background-color: rgba(251, 132, 153, 1);
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}
.jqx-calendar-cell-selected-invalid
{
    color: #FFF !important;
    background: #FF0000 !important;
    border: 1px solid #FF0000 !important;
}
/*applied to a calendar cell when the cell's date is the today date.*/
.jqx-calendar-cell-today
{
    color: #898989;
    background-color: #ffffdb;
    border: 1px solid #fdc066;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell is hovered.*/
.jqx-calendar-cell-hover
{
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell is selected.*/
.jqx-calendar-cell-selected
{
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/
.jqx-calendar-cell-othermonth
{
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the calendar is disabled.*/
.jqx-calendar-cell-disabled
{
    color: #ccc;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/
.jqx-calendar-row-cell
{
    outline: none;
    text-align: center;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/
.jqx-calendar-row-cell-disabled
{

}
.jqx-calendar-footer
{
    margin: 5px;
    color: inherit;
    font-size: 13px;
}

.jqx-calendar-title-container
{
    overflow: hidden;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names.*/
.jqx-calendar-column-cell
{
    overflow: hidden;
    text-align: center;
    outline: none;
    font-weight: normal;
    padding: 1px;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/
.jqx-calendar-column-cell-disabled
{

}
/*applied to the calendar's cell area element.*/
.jqx-calendar-view
{
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    border: 0px solid #fff;
    margin: 0 0 0 0;
    cursor: default;
}

/*jqxExpander and jqxNavigationBar Style*/
.jqx-expander
{
}
/*applied to the Expander's header and content*/
.jqx-expander-header, .jqx-expander-content
{
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    padding-top: 5px;
    padding-bottom: 5px;
    outline: 0;
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content
{
    padding-left: 3px;
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content-rtl
{
    padding-right: 3px;
}
 .jqx-expander-content{padding-top: 0px;padding-bottom:0px; overflow: auto; outline: 0;}
/*applied to the Expander's header and its content when it is on the top of the header*/
.jqx-expander-header, .jqx-expander-content-top
{
    border-top-width: 1px;
    border-top-style: solid;
}
/*applied to the Expander's header and its content when it is on the bottom of the header*/
.jqx-expander-header, .jqx-expander-content-bottom
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/*applied to the Expander's header*/
.jqx-expander-header
{
    cursor: pointer;
    overflow: hidden;
}
/*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/
.jqx-expander-header-disabled
{
    cursor: default;
}
/*applied to the Expander's arrow*/
.jqx-expander-arrow
{
    width: 17px;
    height: 17px;
    position: relative;
}
/*applied to the Expander's content if it is empty*/
.jqx-expander-content-empty
{
    border-width: 0px;
    padding: 0px;
}

/*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/
.jqx-navigationbar
{
    border: none;
    margin: 0px;
    -webkit-appearance: none;
    outline: none;
}
/*jqxPanel Style*/
.jqx-panel
{
    border: 1px solid transparent;
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}
/*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
.jqx-panel-bottomright
{
  
}
/*applied to the DropDownButton's Popup.*/
.jqx-dropdownbutton-popup {
   -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
 }

.jqx-listbox
{
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}
/*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
.jqx-listbox-bottomright
{

}
/*applied to the ListBox's groups.*/
.jqx-listitem-state-group
{
    white-space: nowrap;
    padding: 4px 2px 4px 2px;
    background: transparent;
    font-weight: bold;
    text-align: left;
    outline: none;
    overflow: hidden;
    vertical-align: middle;
    cursor: default;
}
/*applied to a list item in default state.*/
.jqx-listitem-state-normal
{
    white-space: nowrap;
    padding: 3px;
    margin: 1px;
    border: 1px solid transparent;
    outline: none;
    visibility: inherit;
    display: inherit;
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
}
/*applied to a list item in hovered state.*/
.jqx-listitem-state-hover
{
    white-space: nowrap;
    background: transparent;
    padding: 3px 3px 3px 3px;
    margin: 1px;
    border: 1px solid transparent;
}
/*applied to a list item when the item is selected.*/
.jqx-listitem-state-selected
{
    white-space: nowrap;
    padding: 3px 3px 3px 3px;
    margin: 1px;
    border: 1px solid transparent;
}
.jqx-listbox-feedback
{
    height: 1px;
    border-top: 1px dashed #000;
}
.jqx-listitem-element
{
  -ms-touch-action: none;
  border: none; 
  width:100%; 
  height: 100%; 
  align:left; 
  valign:top; 
  position: absolute;
}
/*jqxComboBox Style*/
/*applied to the jqxComboBox's content which displays the text.*/
.jqx-combobox-content
{
    padding: 0px;
    overflow: hidden;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: none;
    border: none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid transparent; 
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;    
}
.jqx-combobox-content-rtl {
    border: none;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
     -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 3px;
    border-right: none;
    border-left: 1px solid transparent; 
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;  
}
/*applied to the ComboBox's input field.*/
.jqx-combobox-input
{
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding: 0 0 0 0;
    outline: none;
    border: 0px solid #aaa;
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
}
.jqx-combobox-input::-ms-clear {
    display: none;
}
/*applied to the ComboBox's content when the widget is disabled.*/
.jqx-combobox-content-disabled
{
    color: #AAA;
}
/*applied to the ComboBox's arrow button.*/
.jqx-combobox-arrow-normal, .jqx-action-button
{
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
    border: none;
    cursor: pointer;
}
/*applied to the ComboBox's arrow button*/
.jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected
{
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*applied to the ComboBox in normal state.*/
.jqx-combobox-state-normal
{
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the mouse is over the widget.*/
.jqx-combobox-state-hover
{
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the popup ListBox is shown.*/
.jqx-combobox-state-selected
{
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the widget is focused.*/
.jqx-combobox-state-focus
{
    border: 1px solid transparent;
}
.jqx-combobox-multi-item {
    padding: 1px 3px;
    margin: 2px;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;  
    overflow: hidden;
    text-align: left;

}
.jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited  {
    color: inherit;
    display: block;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    *color: expression(this.parentNode.currentStyle['color']);    
}
/*applied to the ComboBox when the widget is disabled.*/
.jqx-combobox-state-disabled
{
    white-space: nowrap;
    margin: 0px;
    color: #AAA;
}
/*jqxSelect Style*/
.jqx-select {
    overflow: hidden;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    -webkit-appearance: none;
    outline: 0 none;
}
.jqx-select-content {
    cursor: pointer;
    text-overflow: ellipsis;
}
.jqx-select-container {
    padding: 0;
}
.jqx-select-item
{
    padding: 3px;
    margin: 1px;
    white-space: normal !important; 
    cursor: default;
}
/*jqxDropDownList Style*/
/*applied to the dropdownlist's content element which displays the selected item's text or html.*/
.jqx-dropdownlist-content
{
    padding: 0px;
    overflow: hidden;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: 0 none;
    border: none;
}
.jqx-dropdownlist-content-rtl {
    padding-left: 0px;
    padding-right: 3px;
}

/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */
.jqx-dropdownlist-content-disabled
{
}
/*applied to the dropdownlist in default state.*/
.jqx-dropdownlist-state-normal
{
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in hovered state.*/
.jqx-dropdownlist-state-hover
{
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in selected state.*/
.jqx-dropdownlist-state-selected
{ 
    overflow: hidden;
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in focused state.*/
.jqx-dropdownlist-state-focus
{
    border: 1px solid #909090;
}
/*applied to the dropdownlist in disabled state.*/
.jqx-dropdownlist-state-disabled
{

}
/*jqxScrollBar Style*/
.jqx-scrollbar
{
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
}
/*applied to the scrollbar in default state.*/
.jqx-scrollbar-state-normal
{
    background: #efefef;
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the scrollbar buttons in default state.*/
.jqx-scrollbar-button-state-normal
{
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent; 
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover
{
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed
{
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal-horizontal
{
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
    touch-action:none;
}
/*applied to the horizontal scrollbar thumb in hovered state.*/
.jqx-scrollbar-thumb-state-hover-horizontal
{
    margin: 0px;
    padding: 0px;   
    border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed-horizontal
{
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal
{
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
    touch-action:none;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-hover
{
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed
{
    margin: 0px;
    padding: 0px;
    background: #d1d1d1;
    border: 1px solid #909090;
}

/* jqxWindow */
.jqx-window
{
    position: absolute;
    overflow: hidden;
    border: 1px solid transparent;
}
/*applied to the jqxWindow when it’s disabled*/
.jqx-window-disabled
{
}
/*applied to the window’s header*/
.jqx-window-header
{
    outline: none;
    border-width: 0px;
    border-bottom: 1px solid transparent; 
    overflow: hidden;
    padding: 5px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;  
}
/*applied to the window’s header when the window is disabled*/
.jqx-window-header-disabled
{

}
/*applied to the window’s content*/
.jqx-window-content
{
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: transparent;
    padding: 5px;
    -webkit-background-clip: padding-box; background-clip: padding-box;
}
/*applied to the window’s content when the window is disabled*/
.jqx-window-content-disabled
{
    outline: none;
    overflow: auto;
    text-align: left;
    padding: 5px;
}
/*applied to the window’s close button*/
.jqx-window-close-button
{
    cursor: pointer;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close.png");
    background-repeat: no-repeat;    
}
/*applied to the window's collapse button*/
.jqx-window-collapse-button
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up.png");
    cursor: pointer;
    margin-top: 1px;
}
/*applied to the window's collapse button when the window is collapsed*/
.jqx-window-collapse-button-collapsed
{
    margin-top: 0px;
    cursor: pointer;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down.png");
}
/*setting styles of the modal window’s background*/
.jqx-window-modal
{
   background-color: Black;
}
.jqx-window-close-button-hover
{
}
.jqx-docking
{
    overflow: hidden;
}
.jqx-docking-panel
{
    margin: 0px;
    padding: 0px;
    min-height: 100px;
}
.jqx-docking-drop-indicator
{
    border-style: dashed;
    border-width: 1px;
    margin: 0px;
}
.jqx-docking-window
{
    margin: 0px;
}

/* jxSlider */
/* applied to jqxSlider widget */
.jqx-slider
{
    outline: none;
    clear: both;
    position: relative;
    overflow:hidden;
}
/*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/
.jqx-slider-tick
{
    border-left: 1px solid transparent;
    z-index: 9; 
}
/*applied to the ticks when the slider is in horizontal mode*/
.jqx-slider-tick-horizontal
{
    width: 1px;
    border-left: none;
    margin-top: 1px;
}
/*applied to the ticks when the slider is in vertical mode*/
.jqx-slider-tick-vertical
{
    height: 1px;
    border-top: none;
}
/*applied to the ticks container*/
.jqx-slider-tickscontainer
{
    z-index: 10;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 9;
}
/*applied to the jqxSlider thumb used for changing/indicating current value*/
.jqx-slider-slider
{
    cursor: pointer;
    width: 16px;
    height: 16px;
    z-index: 15;
    position: absolute;
    left: 0px;
    top: 0px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;   
}
.jqx-slider-button
{
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;  
    box-sizing: content-box !important;
}
/*applied to the slider's thumb when the slider is in horizontal mode*/
.jqx-slider-slider-horizontal
{   
    margin-top: -5px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;  
    border: 1px solid transparent;
}
/*applied to the slider's thumb when the slider is in vertical mode*/
.jqx-slider-slider-vertical
{
    margin-left: -5px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid transparent;
 }
/*applied to the track where is located the thumb*/
.jqx-slider-track
{
    height: 8px;
    float:left;
    position: relative;
    z-index: 20;
}
/*used in horizontal slider*/
.jqx-slider-track-horizontal
{
    height: 8px;
    margin-top: 2px;
}
/*used in vertical slider*/
.jqx-slider-track-vertical
{
    width: 8px;
}
/*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/
.jqx-slider-rangebar
{
 
}

/* jqxSplitter */
.jqx-splitter
{
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation */
.jqx-splitter-splitbar-vertical
{
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
}
/* Split bar's mouse over state */
.jqx-splitter-splitbar-hover
{
    background-color: transparent;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation. */
.jqx-splitter-splitbar-horizontal
{
    position: absolute;
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;   
    cursor: n-resize;
    cursor: row-resize;
}
/* This class is applied to the splitter when it's dragged to it's max left/right boundary */
.jqx-splitter-splitbar-invalid
{
   background: #FF0000 !important;
}
/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */
.jqx-splitter-collapse-button-horizontal
{
    cursor: pointer;
    width: 45px;
    height: 5px;
}
/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */
.jqx-splitter-collapse-button-vertical
{
    cursor: pointer;
    width: 5px;
    height: 45px;
}
/* This class is added when the user disable the splitter. */
.jqx-splitter-splitbar-collapsed
{
    cursor: default;
}
/* Applied to the jqxSplitter panels. */
.jqx-splitter-panel
{
    border: none;
    outline: none;   
    position: absolute;
    overflow: hidden;
}
/* This class is added to a nested splitter.*/
.jqx-splitter-nested, .jqx-splitter-panel-nested
{
    border: none;
    overflow: hidden;
}
.jqx-draggable
{
    
}
.jqx-draggable-dragging
{
    border: 0px solid black;
}
.jqx-draggable-disabled
{
    cursor: default;
}
.jqx-validator-hint
{
    height: 18px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    font:inherit;
    border: 1px solid #6E0000;
    background-color: #942724;
    color: #fff;
    z-index: 99999;
    white-space: nowrap;
}
.jqx-validator-hint-arrow
{
    z-index: 99999;
    height: 9px;
    width: 9px;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/multi-arrow.gif");
}
.jqx-validator-error-label {
   color: #dd4b39;
   vertical-align:top;
   text-align: left;
   display: block;
   cursor: default;
   line-height: 17px;
 }
.jqx-validator-error-element {
   border-color: #dd4b39 !important;
}

.jqx-switchbutton
{
     outline: none; 
    overflow: hidden;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    border: 1px solid #ccc;
}
.jqx-switchbutton-thumb
{
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
}
.jqx-switchbutton-label
{
    font:inherit;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.jqx-switchbutton-wrapper
{
}
.jqx-switchbutton-label-on
{
    
}
.jqx-switchbutton-label-off
{
    
}

/*left, right, up and down arrow icons.*/
.jqx-left-arrow
{
    background: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
    cursor: pointer;
}
.jqx-right-arrow
{
    background: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
    cursor: pointer;
}
.jqx-icon-delete
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-delete.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-edit
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-edit.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-save
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-save.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-cancel
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-cancel.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down.png");
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-first.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-last.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-up-hover
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-down-hover
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-left-hover
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-right-hover
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-up-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-down-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-left-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-right-selected
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-close
{
    cursor: pointer;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-close-white {
   background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close_white.png");
 }
.jqx-icon-close-hover
{
    cursor: pointer;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close.png");
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-search
{
    cursor: pointer;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/search.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
    background-size: 13px;
    width: 13px;
    height: 13px;
}
.jqx-icon-plus
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/plus.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}
.jqx-icon-plus-alt, .jqx-icon-plus-alt-white
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-plus.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}
.jqx-icon-plus-alt-white {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-plus-white.png");
}
/* jqxScrollView */
.jqx-scrollview-button
{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
    background-color: #aaaeaf;
}
.jqx-scrollview
{
    background-color: #000;
    -ms-touch-action: auto !important;
}
.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-calendar.png");
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    width: 15px !important;
    height: 15px !important;
    margin-top: -7.5px !important;
}
/*applied to Inputs*/
.jqx-input{overflow: hidden; background-color: inherit; border-color: #c7c7c7;}
.jqx-input-invalid {
    color: red !important;
}
.jqx-input-group {overflow: hidden;}
.jqx-input-group-addon {border: 1px solid transparent; position: relative; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 2px 8px !important; float: left; white-space: nowrap; vertical-align: middle; }
.jqx-input-group-addon:first-child {
  border-right-width: 0px;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.jqx-input-group-addon:last-child {
  border-left-width: 0px;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.jqx-input-group-addon:not(:last-child):not(:first-child) {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-left-width: 0px;
}
.jqx-input-group .jqx-input {
    padding: 2px 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}
.jqx-editor {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    overflow:  hidden;
    box-sizing: border-box !important;
}
.jqx-editor-window {
    overflow: hidden;
}
.jqx-editor-inline {
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}
.jqx-editor-inline p {
    margin: 0px;padding:0 .2em; 
}
.jqx-editor-inline-focus {
    border-width: 1px;
    border-style: solid;
    overflow: auto;
}
.jqx-editor iframe {
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    display: inline;
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.jqx-editor-color-bar {
    height: 3px;
}
.jqx-editor-color-picker table {
    margin: 0;
    padding: 0 4px 4px;
    empty-cells: show;
    border-collapse: separate; 
}
.jqx-editor-color-picker td {
    border-collapse: separate; 
    border: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    position: relative;
}
.jqx-editor-color-picker td:hover {
    border: 1px solid #000;
}
.jqx-editor-color-picker-selected-cell {
    outline: 1px solid #000;
}
.jqx-editor-color-picker td div{
    width: 16px;
    height: 16px;
}
.jqx-editor-content {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    left: 0px;
    position: relative;
    box-sizing: border-box !important;
}
.jqx-editor-container {
    position: relative;
    padding: 4px;
    padding-top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box !important;
}
.jqx-editor-toolbar-container {
    top: 0px; left: 0px;
    box-sizing: border-box !important;
}
.jqx-editor-toolbar-inline {
    padding: 0px 4px;
    border-width: 1px;
    border-style: solid;
}
.jqx-editor-toolbar {
    margin: 0;
    padding: 0px;
    padding-bottom: 4px;
}
.jqx-editor-toolbar-icon {
    height: 21px;
    width: 21px;
    vertical-align: middle;
    opacity: .667;
    margin: 2px 0;
    background: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/html_editor.png") no-repeat;
}
.jqx-editor-toolbar-icon-bold {
    background-position: 0px 0px !important;
}
.jqx-editor-toolbar-icon-italic {
    background-position: -21px 0px !important;
}
.jqx-editor-toolbar-icon-underline {
    background-position: -42px 0px !important;
}
.jqx-editor-toolbar-icon-fontname {
    background-position: -63px 0px !important;
}
.jqx-editor-toolbar-icon-fontsize {
    background-position: -84px 0px !important;
}
.jqx-editor-toolbar-icon-createlink {
    background-position: -147px 0px !important;
}
.jqx-editor-toolbar-icon-insertorderedlist {
    background-position: -168px 0px !important;
}
.jqx-editor-toolbar-icon-insertunorderedlist {
    background-position: -189px 0px !important;
}
.jqx-editor-toolbar-icon-outdent {
    background-position: -210px 0px !important;
}
.jqx-editor-toolbar-icon-indent {
    background-position: -231px 0px !important;
}
.jqx-editor-toolbar-icon-insertimage {
    background-position:  -337px 0px !important;
}
.jqx-editor-toolbar-icon-justifyleft {
    background-position: -252px 0px !important;
}
.jqx-editor-toolbar-icon-justifycenter {
    background-position: -273px 0px !important;
}
.jqx-editor-toolbar-icon-justifyright {
    background-position: -294px 0px !important;
}
.jqx-editor-toolbar-icon-removeformat {
    background-position: -316px 0px !important;
}
.jqx-editor-toolbar-icon-viewsource {
    background-position: -359px 0px !important;
}
.jqx-editor-toolbar-icon-forecolor {
    background-position: -105px 0px !important;
    height: 15px;
}
.jqx-editor-toolbar-icon-backcolor {
    background-position: -380px 0px !important;
    height: 15px;
}

.jqx-editor-toolbar-icon:hover {
    opacity: 1;
}
.jqx-fill-state-disabled .jqx-editor-toolbar-icon {
  opacity: .667;
}
.jqx-editor-toolbar-item {
    display: inline-block;
    margin-left: 2px;    
    vertical-align: middle;
}
.jqx-editor-toolbar-separator {
    border-left: 1px solid #ccc;
    margin: 0 2px;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
    width: 0;
    display: inline-block;
}
.jqx-editor-toolbar-group {
    display: inline-block;
    margin-right: 4px;
    margin-top: 4px;
    white-space: nowrap;
}
.jqx-editor-toolbar-button {
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
    display: inline-block;
    padding: 0px !important;
    margin-right: 2px;
}
.jqx-editor-toolbar-group .jqx-editor-toolbar-button {
    margin-right: -1px;
    box-shadow: none;
    position: relative;
    margin-left: 0px !important;
}
.jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active {
    z-index: 55;
}
.jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
    background: transparent !important;
}

.jqx-date-time-input-popup table td a
{
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: 0;
  color: #333;
}
.jqx-date-time-input-popup table td input {
  width: 25px;
  margin: 0;
  text-align: center;
  padding: 4px 6px;
  height:20px;
  line-height: 20px;
  vertical-align: middle;
}

.jqx-scheduler .jqx-cell {
    padding: 0px !important;
    cursor: default;
}
.jqx-scheduler .jqx-widget-header.jqx-grid-header
{
    border-bottom-color: transparent;
    border-bottom-width: 0px;
}
.jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header
{
    border-bottom: 1px solid #c5c5c5;
}

.jqx-scheduler-all-day-cell
{
    text-align: left;
}
.jqx-scheduler-all-day-cell span
{
    margin-left:3px;
}

.jqx-scheduler-month-cell {
    background: #f2f2f2;
    color: #000;
    opacity: 0.8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    vertical-align: top;
    text-align: left;
}
.jqx-scheduler-month-cell-touch {
    background: transparent;
    border:none;
    vertical-align:middle;
    text-align:center;
}
.jqx-scheduler-month-cell-popup {
    border: 1px solid #333;
    background: #f2f2f2;
    box-shadow: 0 5px 0px rgba(0,0,0,.15)!important;
}
.jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell {
    border-bottom-color: #ddd !important;
}
.jqx-scheduler-cell-selected.jqx-scheduler-middle-cell
{
    border-bottom-style:dotted;
}
.jqx-scheduler-work-time-cell
{
    background: #fff;
}
.jqx-scheduler-not-work-time-cell
{
    background: #eee;
}
.jqx-scheduler-month-outer-cell
{
    color: #555;
}
.jqx-scheduler-month-weekend-cell
{
    background: #eee;
}
.jqx-scheduler-disabled-cell {
    background: #e9edf1;
}
.jqx-scheduler-toolbar
{
    font-size: 14px;
}
.jqx-scheduler-time-column, .jqx-scheduler-toolbar {
    background-image: none !important;
    background: #fff !important;
    color: #333 !important;
}
.jqx-scheduler-week-number-column {
    background: #e8e8e8 !important;
    color: #333;
}
.jqx-scheduler-time-column-header-cell
{
    border-left-color:transparent !important;
}
.jqx-scheduler-time-column-header-cell-rtl
{
    border-right-color:transparent !important;
}
.jqx-scheduler-appointment {
    overflow: visible;
    border: 1px solid #555;
    white-space:pre-line;
    cursor:pointer;
    vertical-align: middle;
    text-overflow:ellipsis;
    user-select: none;
}
.jqx-scheduler-appointment-rtl {
    direction: rtl;
    text-align: right;
}

.jqx-scheduler-appointment-content {
    overflow: hidden;
    text-overflow:ellipsis;
    height:100%;
    padding-left:5px;
    padding-right:5px;
}
.jqx-scheduler-appointment-inner-content {
    overflow:hidden;
    width:100%;
    text-overflow: ellipsis;
    padding-bottom: 3px;
}
.jqx-scheduler-appointment-duration-status {
    height: 0px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-color: #f05c2d;
    background: #f05c2d;
    position:absolute;
    bottom: -1px; left: 0px;
    border-radius: 5px;
}
.jqx-scheduler-appointment-status {
    width: 4px;
    height: 100%;
    border-right-width: 1px;
    border-right-style:solid;
    position:absolute;
    top: 0px; left: 0px;
}
.jqx-scheduler-appointment-status-rtl {
    width: 4px;
    height: 100%;
    border-right-width: 0px;
    border-right-style:none;
    border-left-width: 1px;
    border-left-style:solid;
    position:absolute;
    top: 0px; right:0px;
}
.jqx-scheduler-appointment-status-stripes {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/stripes.png");
    background-repeat:repeat-y;
    background-position: left top;
}
.jqx-scheduler-appointment-resize-indicator {
    width: 4px;
    height: 4px;
    position: absolute;
    border: 1px solid black;
    background: white;
    display: none;
}
.jqx-scheduler-appointment-top-resize-indicator {
    top: -3px;
    left: 50%;
    margin-left:-2px;
    cursor: row-resize;
}
.jqx-scheduler-appointment-bottom-resize-indicator {
    cursor: row-resize;
    bottom: -3px;
    left: 50%;
    margin-left:-2px;
}
.jqx-scheduler-appointment-left-resize-indicator {
    cursor: col-resize;
    top: 50%;
    left: -3px;
    margin-top: -2px;
}
.jqx-scheduler-appointment-right-resize-indicator {
    cursor: col-resize;
    top: 50%;
    margin-top: -2px;
    right: -3px;
}

.jqx-scheduler-appointment span {
    vertical-align: middle;
    text-overflow:ellipsis;
    position: relative;
    top: -1px;
}
.jqx-scheduler-feedback-appointment {
    opacity: 0.7;
    position:absolute;
    z-index:99999;
}
.jqx-scheduler-selected-appointment {
    border: 1px solid #316293 !important;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    white-space:pre-line;
}
.jqx-scheduler-appointment:hover {
   border: 1px solid #3f7ebe !important;
 }
.jqx-scheduler-feedback-drag-appointment {
    background: #aaa !important;
}
.jqx-icon-recurrence, .jqx-icon-recurrence-exception,.jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-recurrence.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    float: left;
    margin:3px;
    margin-left:5px;
}
.jqx-icon-time
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-time.png");
    margin:0px;
    position: relative;
    left: 1px;
    margin-top:-8px;
}
.jqx-icon-time-white
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-time-white.png");
}
.jqx-icon-recurrence-exception
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-recurrence-exception.png");
}
.jqx-icon-recurrence-exception-white {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-recurrence-exception-white.png");
}
.jqx-icon-recurrence-white {
   background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-recurrence-white.png");
 }
.jqx-scheduler-cell-hover {
    border-color: #3f7ebe !important;
    background: #a2c0df !important;
}
.jqx-scheduler-cell-selected {
    border-color: #316293 !important;
    background: #2f7eb6 !important;
}
.jqx-scheduler-edit-dialog-label {
    clear: both;
    float: left;
    margin-left: 2%;
    padding: 4px;
    text-align: right;
    width: 18%;
    line-height: 25px;
}
.jqx-scheduler-edit-dialog-field {
    clear: right;
    float: right;
    margin-right: 2%;
    padding: 4px;
    width: 72%;
}
.jqx-scheduler-edit-dialog-label-rtl {
    clear: both;
    float: right;
    margin-left: 0px;
    margin-right: 2%;
    padding: 4px;
    text-align: left;
    width: 18%;
    line-height: 25px;
}
.jqx-scheduler-edit-dialog-field-rtl {
    clear: left;
    float: left;
    margin-right: 0px;
    margin-left: 2%;
    padding: 4px;
    width: 72%;
}
.jqx-scheduler-legend-bar
{
    overflow:hidden;
    border-color:inherit;
    border: none;
}
.jqx-scheduler-legend-bar-bottom
{
    border-top-width: 1px;
    border-top-style:solid;
}
.jqx-scheduler-legend-bar-top
{
    border-bottom-width: 1px;
    border-bottom-style:solid;
}
.jqx-scheduler-legend {
    width:14px;
    height:14px;
    float: left;
    margin-right: 3px;
    border-style:solid;
    border-width:1px;
    cursor: pointer;
    vertical-align: middle;
    margin-top:4px;
}
.jqx-scheduler-legend-label {
    float: left;
    margin-right: 12px;
    cursor: pointer;
    vertical-align: middle;
    margin-top:4px;
}
.jqx-scheduler-cell-selected .jqx-scheduler-agenda-date {
    color: #fff;
}
.jqx-scheduler-cell-selected .jqx-scheduler-agenda-time {
    color: #fff;
}
.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl {
    color: #fff;
}

.jqx-scheduler-agenda-date {
    padding-top:5px;
    padding-bottom:5px;
}
.jqx-scheduler-agenda-time {
    padding: 5px;
}
.jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl {
  cursor: pointer;
}
.jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl {
    margin: 5px; 
    cursor: pointer;
}
.jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl {
    float: right;
}
.jqx-scheduler-agenda-day {
    margin: 3px;
    font-size: 33px;
    font-weight: normal;
}
.jqx-scheduler-agenda-week {
    font-style: normal;
    font-size:13px;
}
.jqx-scheduler-agenda-date {
    font-size: 10px;
}
.jqx-scheduler-cell-focus
{
    border-style:dotted;
    border-color: #59a0d5 !important;
    background: #59a0d5 !important;
}
/*applied to all widgets*/
.jqx-widget{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; zoom: 1 !important; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font:inherit; font-style: normal; font-size: 13px;}

.jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box;  color: inherit; -webkit-text-size-adjust: none;}

/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
.jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font:inherit; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; }
/*applied to header areas. Tabs, Menu, Window, Calendar.*/
.jqx-widget-header {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;-moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-color: #c5c5c5; background: #e8e8e8; }

.jqx-fill-state-normal{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;font:inherit; font-style: normal; font-size: 13px; border-color:#aaa; background: #efefef; }
.jqx-fill-state-hover {-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999;  background: #e8e8e8;}
.jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #d1d1d1;}
.jqx-fill-state-focus {border-color: #555; }
.jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);}
.jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td {
    box-sizing: border-box; -moz-box-sizing: border-box; 
}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #aaa;}
.jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton
{
   background-color: transparent;
   border-color: #aaa;
}
.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited
{
   *color: expression(this.parentNode.currentStyle['color']);    
}
.jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright
{
   background-color: #e5e5e5;
}

.jqx-tabs-title-selected-top
{
    border-color: #aaa;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom
{
    border-color: #aaa;
    border-top: 1px solid #fff;
    background-color: #fff;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top
{
   border-color: #aaa;
   border-bottom: 1px solid #fff;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom
{
   border-color: #aaa;
   border-top: 1px solid #fff;
}
/*jqxMaskedInput and jqxNumberInput Styles*/
.jqx-input
{
    -webkit-appearance: none;
    padding: 0 0 0 0;
    outline: none;
    border-width: 1px;
    border-style: solid; 
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
}
input[type=text].jqx-input, input[type=password].jqx-input {
    min-height: 16px;
    min-width: 16px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
    padding: 0px;
    padding-left:3px;
    padding-right: 3px;
}
.jqx-input::-ms-reveal {
    display: none;
}
.jqx-input::-ms-clear {
    display: none;
}
.jqx-input-content::-ms-clear {
    display: none;
}
.jqx-input::-ms-value {
    margin: 0px;
    padding: 0px;
    min-height: 13px;
    line-height: 13px;
}

/*applied to the input when the validation fails.*/
.jqx-input-invalid
{
    border-color: #dd4b39 !important;
}

/*applied to the input's content.*/
.jqx-input-content
{
    -webkit-appearance: none;
    padding: 1px;
    resize: none;
    outline: none;
    outline-width: 0px;
    -webkit-user-modify:inherit; -moz-user-modify:inherit;
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
}
/*applied to the input when it is disabled.*/
.jqx-input-disabled
{
    -webkit-appearance: none;
    resize: none;
    outline: none;
    outline-width: 0px;
}
/*applied to the list menu.*/
.jqx-listmenu-widget {
    -ms-touch-action: auto;
}
.jqx-listmenu-widget .jqx-widget-content{
    -ms-touch-action: auto;
}
.jqx-listmenu-widget .jqx-widget-header{
    -ms-touch-action: auto;
}
.jqx-listmenu-widget li{
    -ms-touch-action: auto;
}
.jqx-menu-popup {
   
}
.jqx-menu-vertical
{
    background-color: #efefef;
}
.jqx-color-picker
{
 
}
.jqx-color-picker-panel
{
}
.jqx-color-picker-map
{
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/colorpicker/map-saturation.png");
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}
.jqx-color-picker-map-hue
{
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/colorpicker/map-hue.png");
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}
.jqx-color-picker-map-overlay
{ 
    background-color: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/colorpicker/map-saturation-overlay.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.jqx-color-picker-bar
{
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/colorpicker/bar-saturation.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.jqx-color-picker-bar-hue
{
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/colorpicker/bar-hue.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.jqx-color-picker-preview
{
    border: 1px solid #A0A0A0;
}
.jqx-color-picker-pointer
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/crosshair.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
.jqx-color-picker-pointer-alt
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/crosshair-white.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
.jqx-color-picker-bar-pointer
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/pointer.png");
    background-repeat: no-repeat;
    height: 15px;
    margin-left: 6px;
    background-position: right top;
}
.jqx-icon
{
    width: 16px;
    height: 16px;
    margin: 0 auto;
    position: relative;
    top: 50%; 
    margin-top: -8px;
}
.jqx-input-icon
{
    width: 13px;
    height: 13px;
    margin: 0 auto;
}
.jqx-scrollbar-thumb-state-normal-touch
{
    border-color:#c3c3c3;  background: #c3c3c3;
}
.jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link{}
.jqx-scrollbar .jqx-icon-arrow-up{width: 100%; height: 100%;}
.jqx-scrollbar .jqx-icon-arrow-down{width: 100%; height: 100%;}
.jqx-scrollbar .jqx-icon-arrow-left{width: 100%; height: 100%;}
.jqx-scrollbar .jqx-icon-arrow-right{width: 100%; height: 100%;}
/*jqx-listmenu*/
.jqx-listmenu-widget
{
    border-width: 1px;
    border-style: solid;
}
ol.jqx-listmenu, ul.jqx-listmenu
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1;
     counter-reset: section;
}
.jqx-listmenu li 
{
   margin-left: 0px;
   list-style: none;
   line-height: 1;
}
.jqx-listmenu
{
    width: 100%;
}
.jqx-listmenu-header
{
    padding: 15px;
}
.jqx-listmenu-item 
{
    cursor: pointer;
    padding: 15px;
    float: none;
    overflow: hidden;
    text-align: left;
    position: relative;
}

.jqx-listmenu-separator
{
    padding: 10px;
    counter-reset: section;
}
.jqx-listmenu-header-label
{
    margin-left: 30px;
}
.jqx-listmenu-arrow-right
{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 7px;
}
.jqx-listmenu-arrow-rtl {
    right: 0px;
    left: 7px;
}
.jqx-listmenu-arrow-right-pressed
{
    width: 16px;
    height: 16px;
}
.jqx-listmenu-header .jqx-button
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 6px 10px;
}
.jqx-listmenu-filter-input
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid;
    outline: none;    
    width: 97%;   
    padding: 3px; 
    padding-left: 10px;
    padding-right: 10px;
    border-color: #c7c7c7;
    background-color: #fff;
    font-size: 20px;
    min-height: 25px !important;
    height: 25px;
}
.jqx-listmenu-filter
{
    text-align: center;
    padding: 4px;
}
ol li .jqx-listmenu-item-label:before
{
  content: counter(section) ". ";
  counter-increment: section;
}
.jqx-listmenu div
{
   clear: both; 
}
.jqx-listmenu-auto-separator
{
}
.jqx-listmenu-item-readonly
{   
    cursor: default;
}
.jqx-tooltip
{
    position: absolute;
    width: auto;
    height: auto;
}
.jqx-tooltip-main
{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    filter: inherit;
    border-style: solid;
    border-width: 1px;
}
.jqx-tooltip-text
{
    padding: 5px 8px;
    overflow: hidden;
    filter: inherit;
}
.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;   
}
.jqx-tooltip-arrow
{
    position: absolute;
    width: 0px;
    height: 0px;
    display: block;
    border-style: solid;
    margin: -6px 0 0 -7px;
    background: transparent !important;
    filter: inherit;
}
.jqx-tooltip-arrow-t-b
{
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
.jqx-tooltip-arrow-l-r
{
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}
/*Sets the text-alignment to right.*/
.jqx-rtl{text-align: right !important;}
.jqx-shadow{
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15)!important;
    -moz-box-shadow   : 0 2px 3px rgba(0,0,0,.15)!important;
    box-shadow        : 0 2px 3px rgba(0,0,0,.15)!important;
}
.jqx-noshadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow   : none !important;
    box-shadow        : none !important;
}
.jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-showpassword.png") !important;
    background-repeat: no-repeat !important;
    width: 14px;
    height: 9px;
}
.jqx-passwordinput-password-icon-ltr
{
    background-position: right !important;
}
.jqx-passwordinput-password-icon-rtl
{
    background-position: left !important;
}
.jqx-passwordinput-password-strength-inicator
{
    width: 20%;
    height: 5px;
    margin-top: 5px;
}
/*top rounded Corners*/
.jqx-rc-t-expanded
{
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
/*bottom rounded Corners*/
.jqx-rc-b-expanded
{
    -moz-border-radius-bottomleft: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.jqx-treemap-rectangle {
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #555;
    color: #222;
    text-shadow: 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jqx-treemap-label {
    text-overflow: ellipsis;
    overflow: hidden;
}
.jqx-treemap-rectangle-parent {
    color: #222;
    font-size: 15px;
    font:inherit;
    font-weight: bold;
}
.jqx-treemap-legend-label {
    color: #fff;
}
.jqx-treemap-legend {
    width: 350px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 41;
    overflow: hidden;
}
.jqx-treemap-legend-table {
    table-layout: fixed;
    width: 100%;
}
.jqx-treemap-legend-color {
    height: 3px;
}
.jqx-treemap-legend-values {
    height: 12px;
    width: 100%;
}
.jqx-treemap-legend-value {
    font-size: 9px;
    position: absolute;
    color: #fff;
}
.jqx-treemap-rectangle-hover {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.5);
    z-index: 40;
}
/*jqxRangeSelector*/
.jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers,
.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter
{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: content-box !important;
}
.jqx-rangeselector-markers {
    
}
.jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow
{
    position: absolute;
}
.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider
{
    height: 100%;
}
.jqx-rangeselector-ticks-container, .jqx-rangeselector-slider
{
    width: 100%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}
.jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider
{
    float: left;
}
.jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow
{
    border-style: solid;
}
.jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks
{
    width: 1px;
    background: #aaa;
}
.jqx-rangeselector-labels, .jqx-rangeselector-markers
{
    white-space: nowrap;
    width: auto;
}
.jqx-rangeselector-slider, .jqx-rangeselector-markers
{
    border-width: 1px !important;
}
.jqx-rangeselector-ticks-container
{
    background-color: transparent;
    position: relative;
}
.jqx-rangeselector-shutter
{
    opacity: 0.75;
    background: #efefef;
    border-width: 0px !important;
}
.jqx-rangeselector-slider
{
    background-color: transparent !important;
    border-top: none  !important;
    background-image: none !important;
    border-bottom: none !important;
    border-color: #aaa;
    border-right-color: transparent !important;
    position: relative;
    overflow: hidden;
}
.jqx-rangeselector-inner-slider
{
    position: absolute;
    right: 0;
    background: #aaa;
    width: 1px;
    height: 100%;
}
.jqx-rangeselector-ticks
{
    margin-top: 0px;
}
.jqx-rangeselector-labels, .jqx-rangeselector-group-labels
{
    margin-top: 4px;
}
.jqx-rangeselector-markers
{
    height: 20px;
    padding: 5px;
    opacity: 0.75;
}
.jqx-rangeselector-marker-arrow
{
    width: 0px;
    height: 0px;
    display: block;
    margin: -6px 0 0 -7px;
    background-color: transparent !important;
    filter: inherit;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    background-clip: border-box;
    background-repeat: repeat;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-image: none !important;
}
.jqx-rangeselector-marker-arrow-top {
    border-bottom-color: transparent !important; 
}
.jqx-rangeselector-marker-arrow-bottom {
    border-top-color: transparent !important; 
}
.jqx-rangeselector-marker-left-arrow
{
    border-right-width: 0px;
    border-left-width: 5px;
}
.jqx-rangeselector-marker-right-arrow
{
    border-right-width: 5px;
    border-left-width: 0px;
}
.jqx-rangeselector-markers-value
{
    overflow: hidden;
    white-space: nowrap;
}
.jqx-rangeselector-group-labels-rtl
{
    margin-right: 10px;
    direction: rtl;
}
.jqx-rangeselector-group-labels-ticks
{
    height: 17px;
}
.jqx-rangeselector-group-labels-ticks-rtl
{
    margin-left: 5px;
}
.jqx-action-button {
    border: none;
    border-left: 1px solid #c7c7c7; 
}
.jqx-action-button-rtl {
    border: none;
    border-right: 1px solid #c7c7c7;     
    cursor: pointer;
}
/*jqxBulletChart*/
.jqx-bulletchart
{
}
.jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical
{
    position: relative;
}
.jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels
{
    position: absolute;
}
.jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical
{
    width: 100%;
}
.jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal
{
    float: left;
    overflow: hidden;
}
.jqx-bulletchart-title, .jqx-bulletchart-description
{
    text-align: center;
}
.jqx-bulletchart-title-inner-container
{
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.jqx-bulletchart-title-inner-container-ltr
{
    padding-right: 5px;
}
.jqx-bulletchart-title-inner-container-rtl
{
    padding-left: 5px;
}
.jqx-bulletchart-title-description-ltr
{
    text-align: right;
}
.jqx-bulletchart-title-description-rtl
{
    text-align: left;
}
.jqx-bulletchart-title-description-vertical
{
    text-align: center;
}
.jqx-bulletchart-title
{
    font-size: 110%;
    font-weight: bold;
}
.jqx-bulletchart-description
{
    font-size: 90%;
}
.jqx-bulletchart-range-horizontal
{
    height: 100%;
}
.jqx-bulletchart-target-horizontal
{
    top: 10%;
    height: 80%;
}
.jqx-bulletchart-target-vertical
{
    left: 10%;
    width: 80%;
}
.jqx-bulletchart-ticks
{
    background-color: #AAAAAA;
}
.jqx-bulletchart-ticks-horizontal
{
    width: 1px;
}
.jqx-bulletchart-ticks-vertical
{
    height: 1px;
}
.jqx-bulletchart-zero-tick
{
}
.jqx-bulletchart-labels
{
}
/*jqxNotification*/
.jqx-notification
{
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    pointer-events: auto;
}
.jqx-notification-table
{
    width: 100%;
    font-size: inherit; 
    font-weight: inherit; 
    font-style: inherit;
    color:inherit;
}
.jqx-notification-container
{
    position: fixed;
    height: auto;
    width: auto;
    pointer-events: none;
}
.jqx-notification-container-full-width
{
    width: 100%;
}
.jqx-notification-container-full-height
{
    height: 100%;
}
#jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left
{
    direction: rtl;
}
.jqx-notification-icon, .jqx-notification-content
{
    vertical-align: middle;
}
.jqx-notification-content
{
}
.jqx-notification-content-rtl
{
    direction: rtl;
}
.jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info {
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-calendar-white.png");
}
.jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-time-white.png");
}
.jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-calendar-white.png");
}
.jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-time-white.png");
}
.jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-calendar-white.png");
}
.jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-time-white.png");
}

.jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-calendar-white.png");
}
.jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-time-white.png");
}

.jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-calendar-white.png");
}
.jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-time-white.png");
}

.jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-calendar-white.png");
}
.jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed {
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-time-white.png");
}


.jqx-notification-info, .jqx-info
{
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)  !important;
  background-color: #5bc0de  !important;
  *background-color: #5bc0de  !important;
    border-left-color: #46b8da !important;
    border-right-color: #46b8da !important;
    border-top-color: #46b8da !important;
    border-bottom-color: #46b8da !important;
}
.jqx-info:hover,
.jqx-info:focus,
.jqx-info:active,
.jqx-info.active,
.jqx-info.disabled,
.jqx-info[disabled] {
  color: #ffffff  !important;
  background-color: #31b0d5  !important;
  *background-color: #31b0d5  !important;
  border-color: #269abc !important;
}

.jqx-fill-state-pressed.jqx-info,
.jqx-info:active,
.jqx-info.active {
   background-color: #269abc \9  !important;
}
.jqx-notification-warning, .jqx-warning
{
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)  !important;
  background-color: #f0ad4e  !important;
  *background-color: #f0ad4e  !important;
    border-left-color: #eea236 !important;
    border-right-color: #eea236 !important;
    border-top-color: #eea236 !important;
    border-bottom-color: #eea236 !important;
}
.jqx-warning:hover,
.jqx-warning:focus,
.jqx-warning:active,
.jqx-warning.active,
.jqx-warning.disabled,
.jqx-warning[disabled] {
  color: #ffffff  !important;
  background-color: #ec971f  !important;
  *background-color: #ec971f  !important;
  border-color: #d58512 !important;
}

.jqx-fill-state-pressed.jqx-warning,
.jqx-warning:active,
.jqx-warning.active {
  background-color: #d58512 \9  !important;
  border-color: #985f0d !important;
}
.jqx-notification-success, .jqx-success
{
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)  !important;
  background-color: #5cb85c  !important;
  *background-color: #5cb85c  !important;
    border-left-color: #4cae4c !important;
    border-right-color: #4cae4c !important;
    border-top-color: #4cae4c !important;
    border-bottom-color: #4cae4c !important;
}
.jqx-success:hover,
.jqx-success:focus,
.jqx-success:active,
.jqx-success.active,
.jqx-success.disabled,
.jqx-success[disabled] {
  color: #ffffff  !important;
  background-color: #449d44  !important;
  *background-color: #449d44  !important;
  border-color: #398439 !important;
}
.jqx-fill-state-pressed.jqx-success,
.jqx-success:active,
.jqx-success.active {
  background-color: #398439  !important;
  border-color: #255625 !important;
}
.jqx-notification-error, .jqx-danger
{
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)  !important;
  background-color: #d9534f  !important;
  *background-color: #d9534f  !important;
    border-left-color: #d43f3a !important;
    border-right-color: #d43f3a !important;
    border-top-color: #d43f3a !important;
    border-bottom-color: #d43f3a !important;
}
.jqx-danger:hover,
.jqx-danger:focus,
.jqx-danger:active,
.jqx-danger.active,
.jqx-danger.disabled,
.jqx-danger[disabled] {
  color: #ffffff  !important;
  background-color: #c9302c  !important;
  *background-color: #c9302c  !important;
  border-color: #ac2925 !important;
}

.jqx-fill-state-pressed.jqx-danger, .jqx-danger:active,
.jqx-danger.active {
  background-color: #ac2925 !important;
  border-color: #761c19 !important;
}
.jqx-notification-mail, .jqx-primary
{
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)  !important;
  background-color: #337ab7  !important;
  *background-color: #337ab7  !important;
    border-left-color: #2e6da4 !important;
    border-right-color: #2e6da4 !important;
    border-top-color: #2e6da4 !important;
    border-bottom-color: #2e6da4 !important;
}
.jqx-primary:hover,
.jqx-primary:focus,
.jqx-primary:active,
.jqx-primary.active,
.jqx-primary.disabled,
.jqx-primary[disabled] {
  color: #ffffff  !important;
  background-color: #286090  !important;
  *background-color: #286090  !important;
}

.jqx-fill-state-pressed.jqx-primary,
.jqx-primary:active,
.jqx-primary.active {
  background-color: #204d74 !important;
}
.jqx-notification-time, .jqx-inverse
{
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)  !important;
  background-color: #363636  !important;
  *background-color: #222222  !important;
    border-left-color: #222222 !important;
    border-right-color: #222222 !important;
    border-top-color: #222222 !important;
    border-bottom-color: #000000 !important;
}
.jqx-inverse:hover,
.jqx-inverse:focus,
.jqx-inverse:active,
.jqx-inverse.active,
.jqx-inverse.disabled,
.jqx-inverse[disabled] {
  color: #ffffff  !important;
  background-color: #222222  !important;
  *background-color: #151515  !important;
}

.jqx-fill-state-pressed.jqx-inverse,
.jqx-inverse:active,
.jqx-inverse.active {
  background-color: #080808  !important;
  background-image: linear-gradient(to bottom, #444444, #444444)  !important;
}
.jqx-link,
.jqx-link:active,
.jqx-link[disabled] {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

.jqx-link {
  color: #0088cc !important;
  cursor: pointer !important;
  border-color: transparent !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.jqx-link:hover,
.jqx-link:focus {
  color: #005580 !important;
  text-decoration: underline !important;
  background-color: transparent !important;
}

.jqx-link[disabled]:hover,
.jqx-link[disabled]:focus {
  color: #333333 !important;
  text-decoration: none !important;
}
.jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus,
.jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover {
  background-position: 0 -15px !important;
  -webkit-transition: background-position 0.1s linear !important;
     -moz-transition: background-position 0.1s linear !important;
       -o-transition: background-position 0.1s linear !important;
          transition: background-position 0.1s linear !important;
}
.jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active {
  background-image: none !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.jqx-notification-icon
{
    background-repeat: no-repeat;
}
.jqx-notification-icon-ltr
{
    background-position: left center;
}
.jqx-notification-icon-rtl
{
    background-position: right center;
}
.jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time
{
    width: 30px;
    height: 25px;
}
.jqx-notification-icon-info
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/info.png");
}
.jqx-notification-icon-warning
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/warning.png");
}
.jqx-notification-icon-success
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/success.png");
}
.jqx-notification-icon-error
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/error.png");
}
.jqx-notification-icon-mail
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/mail.png");
}
.jqx-notification-icon-time
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/time.png");
}
.jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close_white.png");
}
.jqx-notification-close-button-warning
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/close_black.png");
}
.jqx-notification-close-button-container, .jqx-notification-close-button
{
    width: 16px;
    height: 16px;
}
.jqx-notification-close-button-container
{
    vertical-align: top;
}
.jqx-notification-close-button
{
    position: relative;
    top: -11px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.jqx-notification-close-button-ltr
{
    right: -11px;
    background-position: right top;
}
.jqx-notification-close-button-rtl
{
    left: -11px;
    background-position: left top;
}
.jqx-navbar {
	width: 100%;
    border-style: solid;
    border-width: 1px;
}
.jqx-navbar ul:before,
.jqx-navbar ul:after {
	content: "";
	display: table;
}
.jqx-navbar ul:after {
	clear: both;
}
.jqx-navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	border: 0;
	max-width: 100%;
	overflow: visible;
}
.jqx-navbar-block {
    margin: 0;
    overflow:hidden;
	padding: 0px 12px;
	border-width:0px;
	float: left;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    box-shadow: none !important;
    border-radius: 0px !important;
}
.jqx-navbar-block-rtl {
    float:right;
}
.jqx-ribbon
{
    position: relative;
    overflow: hidden;
}
.jqx-ribbon-auto
{
    display: inline-block;
}
.jqx-ribbon-popup
{
    overflow: visible;
}
.jqx-ribbon-header
{
    position: absolute;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    display: block;
    box-shadow: none !important;
}
.jqx-ribbon-header-auto
{
    position: relative;
}
.jqx-ribbon-header-horizontal
{
    width: 100%;
    min-height: 30px;
    padding: 0px;
    white-space: nowrap;
}
.jqx-ribbon-header-bottom
{
    bottom: 0;
}
.jqx-ribbon-header-vertical
{
    min-width: 75px;
    height: 100%;
    float: left;
    padding: 0px;
}
.jqx-ribbon-header-right
{
    right: 0;
}
.jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup
{
    position: relative;
}
.jqx-ribbon-header-horizontal-popup
{
   height:100%;
}
.jqx-ribbon-header-vertical-popup
{
    width: 100%;
}
.jqx-ribbon-item
{
    position: relative;
    list-style-type: none;
    padding: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-overflow: ellipsis;
    cursor: default;
    min-width: 10px;
    vertical-align: top;
}
.jqx-ribbon-item-top, .jqx-ribbon-item-bottom
{
    height: 100%;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
}
.jqx-ribbon-item-top
{
    margin-top: 1px;
}
.jqx-ribbon-item-bottom
{
    margin-top: -1px;
}
.jqx-ribbon-item-left, .jqx-ribbon-item-right
{
    width: 100%;
    margin-top: 2px;
}
.jqx-ribbon-item-left
{
    margin-left: 1px;
}
.jqx-ribbon-item-right
{
    margin-left: -1px;
}
.jqx-ribbon-item-hover
{
    border-color: inherit;
}
.jqx-ribbon-item-top.jqx-ribbon-item-hover
{
    border-bottom-color: inherit !important;
}
.jqx-ribbon-item-bottom.jqx-ribbon-item-hover
{
    border-top-color: inherit !important;
}
.jqx-ribbon-item-left.jqx-ribbon-item-hover
{
    border-right-color: inherit !important;
}
.jqx-ribbon-item-right.jqx-ribbon-item-hover
{
    border-left-color: inherit !important;
}
.jqx-ribbon-item-selected
{
    border-color: inherit;
}
.jqx-ribbon-item-top.jqx-ribbon-item-selected
{
    border-bottom-color: transparent;
}
.jqx-ribbon-item-bottom.jqx-ribbon-item-selected
{
    border-top-color: transparent;
}
.jqx-ribbon-item-left.jqx-ribbon-item-selected
{
    border-right-color: transparent;
}
.jqx-ribbon-item-right.jqx-ribbon-item-selected
{
    border-left-color:transparent;
}
.jqx-ribbon-content
{
    background-image: none !important;
    background-color: transparent !important;
    box-sizing: border-box;
}
.jqx-ribbon-content-horizontal
{
    clear: both;
    height: 100%;
}
.jqx-ribbon-content-vertical
{
    height: 100%;
    width: 100%;
    float: left;
    border-width: 1px;
}
.jqx-ribbon-content-popup
{
    z-index:99999;
    position: absolute;
    border-left: none;
}
.jqx-ribbon-content-popup.jqx-ribbon-content-horizontal
{
    width: 100%;
    height: auto;
}
.jqx-ribbon-content-popup.jqx-ribbon-content-vertical
{
    width: auto;
    height: 100%;
}
.jqx-ribbon-content-popup-top {
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-bottom {
    -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-left {
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-right {
    -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15);
    box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15);
}

.jqx-ribbon-content-auto-width
{
    width: auto;
}
.jqx-ribbon-content-section
{
    width: 100%;
    height: 100%;
    display: none;
    border-width: 1px;
    border-style: solid;
    box-sizing: inherit;
    overflow: auto;
}
.jqx-ribbon-content-section-top
{
    border-top: none;
}
.jqx-ribbon-content-section-bottom
{
    bottom: 0;
    border-bottom: none;
}
.jqx-ribbon-content-section-left
{
    border-left: none;
}
.jqx-ribbon-content-section-right
{
    border-right: none;
    right: 0;
}
.jqx-ribbon-content-section-popup
{
    position: relative;
}
.jqx-ribbon-content-section-horizontal-popup
{
    height: auto;
}
.jqx-ribbon-content-section-vertical-popup
{
    width: auto;
}
.jqx-ribbon-header-rtl
{
    text-align: right;
}
.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl
{
    direction: rtl;
}
.jqx-ribbon-item-rtl
{
    direction: rtl;
}
.jqx-ribbon-scrollbutton
{
    position: absolute;
    display: none;
    box-sizing: border-box;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 1000;
}
.jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom
{
    width: 17px;
}
.jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right
{
    height: 17px;
}
.jqx-ribbon-scrollbutton-top
{
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-bottom
{
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left
{
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}
.jqx-ribbon-scrollbutton-right
{
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near
{
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far
{
    right: 18px;
    border-left-width: 1px;
    border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far
{
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near
{
    left: 18px;
    border-right-width: 1px;
    border-right-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near
{
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far
{
    bottom: 18px;
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far
{
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near
{
    top: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-inner
{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-ribbon-selection-token
{
    position: absolute;
    z-index: 1000;
}
.jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom
{
    height: 1px;
}
.jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right
{
    width: 1px;
}
.jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content
{
    *display: inline;
}
.jqx-ribbon-content-left
{
    *float: none;
}
.jqx-ribbon-content-right
{
    *float: left;
}
.jqx-ribbon-content.jqx-ribbon-content-popup
{
    *left: 0;
}
.jqx-ribbon-content-popup .jqx-ribbon-content-section
{
    *overflow: visible;
}
.jqx-ribbon-content-section-popup
{
    *position: absolute;
}
.jqx-toolbar, .jqx-toolbar-minimized-popup-separator
{
    box-sizing: border-box;
}
.jqx-toolbar, .jqx-toolbar-minimized-popup
{
    padding: 5px;
}
.jqx-toolbar
{
    position: relative;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}
.jqx-toolbar-tool
{
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}
.jqx-toolbar-tool-rtl
{
    float: right;
}
.jqx-toolbar-tool-no-separator-ltr
{
    margin-right: 2px !important;
}
.jqx-toolbar-tool-no-separator-rtl
{
    margin-left: 2px !important;
}
.jqx-toolbar-tool-separator-ltr
{
    margin-right: 6px !important;
}
.jqx-toolbar-tool-separator-rtl
{
    margin-left: 6px !important;
}
.jqx-toolbar-tool-inner-button
{
    margin-right: 0;
    margin-left: 0;
    border-radius: 0 !important;
}
.jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup
{
    position: absolute;
}
.jqx-toolbar-minimized-button
{
    height: 100%;
    right: 0;
    cursor: pointer;
    margin-top: -5px;
    margin-right: 5px;
    display: none;
}
.jqx-toolbar-minimized-button-rtl
{
    left: 0;
    margin-left: 5px;
    margin-right: 0;
}
.jqx-toolbar-minimized-popup
{
    border-width: 1px;
    border-top-width: 0;
    border-style: solid;
    visibility: hidden;
    z-index: 99999;
}
.jqx-toolbar-tool-minimized
{
    margin: 1px 0 !important;
}
.jqx-toolbar-minimized-popup-separator
{
    width: 100%;
    height: 2px;
    margin: 5px 0;
    display: none;
}
.jqx-complex-input-spin-buttons-container
{
    border-width: 1px;
    border-style: solid;
    position: relative;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    white-space: nowrap;
    vertical-align: middle;
}
.jqx-formatted-input, .jqx-complex-input
{
    padding-right: 2px !important;
    text-align: right;
}
.jqx-formatted-input-lower-case, .jqx-complex-input
{
    text-transform: lowercase;
}
.jqx-formatted-input-upper-case
{
    text-transform: uppercase;
}
.jqx-formatted-input-item
{
    word-wrap: break-word;
}
.jqx-formatted-input-item-rtl, .jqx-complex-input-rtl
{
    direction: rtl !important;
}
.jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon
{
    height: 100%;
}
.jqx-formatted-input-spin-buttons-container
{
    width: 18px;
    padding: 0 0 0 1px !important;
    overflow: hidden;
}
.jqx-formatted-input-spin-buttons-container-rtl
{
    border-right-width: 0px;
    padding: 0 0 0 2px !important;
}
.jqx-formatted-input-spin-buttons-container-rtl-border
{
    border-left-width: 1px !important;
}
.jqx-formatted-input-spin-button
{
    position: relative;
    width: 17px;
    height: 50%;
    margin-left: -1px;
    border-width: 0px;
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
}
.jqx-formatted-input-addon
{
    width: 19px;
    padding: 0 !important;
    cursor: pointer;
}
.jqx-formatted-input-addon-rtl
{
    border-right-width: 1px !important;
}
.jqx-complex-input-parent
{
    overflow: hidden;
}
.jqx-complex-input-child
{
    height: 100%;
    float: left;
    box-sizing: border-box;
}
.jqx-complex-input-child-rtl
{
    float: right;
}
.jqx-complex-input-spin-buttons-container-ltr
{
    border-left-width: 0;
}
.jqx-complex-input-spin-buttons-container-rtl
{
    border-left-width: 1px !important;
    border-right-width: 0;
}
.jqx-file-upload
{
    position: relative;
    overflow: auto;
}
.jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload
{
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
}
.jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element
{
    display: none;
}
.jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon
{
    width: 100%;
}
.jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element
{
    height: 100%;
}
.jqx-file-input-iframe, .jqx-file-upload-form-ie9
{
    position: absolute;
}
.jqx-file-input-iframe
{
    width: 0;
    height: 0;
    border: none;
}
.jqx-file-upload-form, .jqx-file-upload-file-input
{
    visibility: hidden;
    display: none;
}
.jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9
{
    display: block;
    visibility: visible;
}
.jqx-file-upload-form-ie9
{
    z-index: 10000;
    opacity: 0;
    filter: alpha(opacity=0);
}
.jqx-file-upload-file-name
{
    width: auto;
    padding: 0 2px 0 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    *float: left;
}
.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element
{
    float: right;
}
.jqx-file-upload, .jqx-file-upload-file-row
{
    padding: 5px;
}
.jqx-file-upload-button-browse
{
    display: block;
}
.jqx-file-upload-buttons-container
{
    height: auto;
    margin-top: 10px;
}
.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl
{
    direction: rtl !important;
}
.jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl
{
    margin-left: 5px;
}
.jqx-file-upload-button-upload-rtl-ie
{
    margin-right: 5px;
}
.jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie
{
    margin-left: 0;
}
.jqx-file-upload-file-row
{
    height: 30px;
    margin-bottom: 3px;
    clear: both;
}
.jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element
{
    width: 17px;
    margin: 0 1px 0 1px;
}
.jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl
{
    float: none;
    *float: left;
}
.jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload
{
    cursor: pointer;
    white-space:nowrap;
}
.jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload
{
    display: inline-block;
}
.jqx-file-upload-icon-upload, .jqx-file-upload-loading-element
{
    margin-top: 1px;
}
.jqx-file-upload-loading-element
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/loader-small.gif");
    background-repeat: no-repeat;
}

.jqx-date-time-input-popup .jqx-icon {
    margin-top:0px;
}


.jqx-text-area-element
{
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    left: 0px;
    top: 0px;
    margin: 0px;
    position: absolute;
    resize: none;
}
.jqx-text-area-element-rtl
{
    direction: rtl !important;
}
.jqx-responsive-panel
{
    overflow: auto;
}
.jqx-responsive-panel, .jqx-responsive-panel-button
{
    border-width: 1px;
    border-style: solid;
}
.jqx-responsive-panel-button
{
    display: none;
    cursor: pointer;
}
.jqx-responsive-panel-button-inner
{
    margin: 0;
    width: 100%;
    height: 100%;
    background-position: center;
}
.jqx-loader
{
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    z-index: 999;
    border-style: solid;
    border-width: 1px;
}
.jqx-loader-ie-transparency
{
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; /*For IE 8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff); /*For IE 7*/
}
.jqx-loader-modal
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    cursor: default;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.6;
}
.jqx-loader-icon
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
}
.jqx-loader-text
{
    z-index: 999;
    position: relative;
}
.jqx-loader-text-left
{
    margin-left: 5px;
    position: absolute;
    top: 50%;
}
.jqx-loader-text-right
{
    margin-right: 5px;
    position: absolute;
    top: 50%;
    right: 0px;
}
.jqx-loader-text-top
{
    text-align: center;
    margin-top: 5px;
}
.jqx-loader-text-bottom
{
    bottom: 0px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5px;
}
.jqx-loader-rtl
{
    direction: rtl;
}
/* jqxLayout and jqxDockingLayout */
.jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content
{
    position: relative;
}
.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay
{
    position: absolute;
}
.jqx-layout
{
    background-color: #c5c5c5;
}
.jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay
{
    width: 100%;
    height: 100%;
}
.jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal
{
    float: left;
}
.jqx-layout-group-tabbed
{
    position: static;
    box-sizing: border-box;
    min-height: 0 !important;
}
.jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content
{
    padding: 0;
}
.jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section
{
    border: none;
}
.jqx-layout-window
{
    position: static;
}
.jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal
{
    overflow: auto;
}
.jqx-layout-group-auto-hide-content-vertical
{
    width: 150px;
}
.jqx-layout-group-auto-hide-content-horizontal
{
    width: 100%;
    height: 150px;
}
.jqx-layout-pseudo-window
{
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    box-shadow: none !important;
}
.jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content
{
    width: 100%;
    box-sizing: border-box;
}
.jqx-layout-pseudo-window-header
{
    height: 30px;
}
.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background
{
    width: 16px;
    height: 16px;
    top: 5px;
}
.jqx-layout-pseudo-window-pin-background-ltr
{
    right: 15px;
}
.jqx-layout-pseudo-window-close-background-ltr
{
    right: 0;
}
.jqx-layout-pseudo-window-pin-background-rtl
{
    left: 15px;
}
.jqx-layout-pseudo-window-close-background-rtl
{
    left: 0;
}
.jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon
{
    cursor: pointer;
}
.jqx-layout-pseudo-window-title
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jqx-layout-pseudo-window-pin-icon
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/pin.png");
}
.jqx-layout-pseudo-window-pinned-icon
{
    background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/pinned.png");
}
.jqx-layout-pseudo-window-title-rtl
{
    float: right;
}
.jqx-layout-resize-feedback
{
    z-index: 9999;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    *filter: alpha(opacity=60);
    display: none;
}
.jqx-layout-resize-feedback-horizontal
{
    width: 100%;
    height: 4px;
    cursor: row-resize;
}
.jqx-layout-resize-feedback-vertical
{
    width: 4px;
    height: 100%;
    cursor: col-resize;
}
.jqx-layout-resize-feedback-warning
{
    border-color: #800000 !important;
    background-color: Red !important;
}
.jqx-layout-overlay
{
    top: 0;
    left: 0;
    display: none;
    background-color: transparent;
    z-index: 8999;
}
.jqx-layout-ribbon-header-ltr
{
    padding-left: 20px;
}
.jqx-layout-ribbon-header-rtl
{
    padding-right: 20px;
}

/* jqxDockingLayout-specific */
.jqx-docking-layout-group-floating
{
    border-color: #FFD280 !important;
}
.jqx-docking-layout-group-floating .jqx-window-header
{
    border-color: #FFD280;
    background-color: #FFD280 !important;
    background: -webkit-linear-gradient(#FFE4B5,  #FFD280) !important;
    background: -o-linear-gradient(#FFE4B5,  #FFD280) !important;
    background: -moz-linear-gradient(#FFE4B5,  #FFD280) !important;
    background: linear-gradient(#FFE4B5,  #FFD280 ) !important;
}
.jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge {
    z-index: 99999;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    *filter: alpha(opacity=90);
}
.jqx-docking-layout-overlay-square-edge {
    display: none;
}
.jqx-docking-layout-overlay
{
    width: 100px;
    height: 100px;
    left: 100px;
    top: 70px;
}
.jqx-docking-layout-overlay-section
{
    height: 33px;
    width: 100px;
}
.jqx-docking-layout-overlay-square
{
    width: 26px;
    height: 26px;
    padding: 3px;
}
.jqx-docking-layout-overlay-square-invisible
{
    background-color: transparent !important;
    background-image: none !important;
}
.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom
{
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right
{
    border-left-width: 1px;
    border-left-style: solid;
}
.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left
{
    border-right-width: 1px;
    border-right-style: solid;
}
.jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-docking-layout-overlay-square-center
{
    border-color: transparent !important;
}
.jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical
{
    width: 24px;
}
.jqx-docking-layout-overlay-inner-square
{
    border-width: 1px;
    border-style: solid;
    height: 24px;
}
.jqx-docking-layout-overlay-inner-square-header
{
    height: 5px;
}
.jqx-docking-layout-overlay-inner-square-content
{
    height: 18px;
}
.jqx-docking-layout-overlay-highlight
{
}
.jqx-docking-layout-overlay-highlight-top
{
    height: 9px;
    border-bottom-style: dashed;
}
.jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right
{
    width: 12px;
    height: 18px;
}
.jqx-docking-layout-overlay-highlight-left
{
    border-right-style: dashed;
}
.jqx-docking-layout-overlay-highlight-right
{
    right: 0;
    border-left-style: dashed;
}
.jqx-docking-layout-overlay-highlight-bottom
{
    bottom: 0;
    height: 9px;
    border-top-style: dashed;
}
.jqx-docking-layout-drop-overlay {
    display: none;
    background-color: #6495ED;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    *filter: alpha(opacity=50);
    z-index: 10000;
    top: 0px;
    left: 0px;
}
.jqx-docking-layout-square-disabled
{
    visibility: hidden;
}
.jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical
{
    border-style: solid;
    border-width: 1px;
}
.jqx-docking-layout-overlay-inner-square-edge
{
    width: 26px;
    height: 26px;
}
.jqx-docking-layout-overlay-mini-window-edge-horizontal
{
    height: 24px;
}
.jqx-docking-layout-overlay-mini-window-edge-vertical
{
    height: 13px;
}
.jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal
{
    width: 13px;
}
.jqx-docking-layout-overlay-inner-square-content-vertical
{
    height: 7px;
}
.jqx-docking-layout-overlay-square-edge-arrow
{
    border-style: solid;
    border-width: 5px;
    width: 0px;
    height: 0px;
    display: block;
    background: transparent !important;
    *filter: inherit;
}
.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top
{
    border-top-color: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom
{
    border-bottom-color: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom
{
    border-left-color: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom
{
    border-right-color: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right
{
    margin-top: 8px;
}
.jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom
{
    margin-left: 8px;
}

.jqx-tag-cloud ul {
    padding-left: 5px;
}

.jqx-tag-cloud-item{
    padding: 3px;
    display:inline-block;
}

.jqx-tag-cloud-item a {
    text-decoration: initial;
}

.jqx-tag-cloud-item a:hover {
    text-decoration: underline;
}
.jqx-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #ffffff;
  border: 1px solid #aaa;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.jqx-popover-modal-background
{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:999;
     /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.jqx-popover-close-button {
    width:16px;
    height:16px;
    float:right;
}
.jqx-popover-close-button-rtl {
    float:left;
}
.jqx-popover.top {
  margin-top: -10px;
}

.jqx-popover.right {
  margin-left: 10px;
}

.jqx-popover.bottom {
  margin-top: 10px;
}

.jqx-popover.left {
  margin-left: -10px;
}

.jqx-popover-title {
  padding: 8px 14px;
  margin: 0;
  border-bottom: 1px solid inherit;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.jqx-popover-title:empty {
  display: none;
}

.jqx-popover-content {
  padding: 9px 14px;
}

.jqx-popover .jqx-popover-arrow,
.jqx-popover .jqx-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.jqx-popover .jqx-popover-arrow {
  border-width: 11px;
}

.jqx-popover .jqx-popover-arrow:after {
  border-width: 10px;
  content: "";
}

.jqx-popover.top .jqx-popover-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: inherit;
  border-bottom-width: 0;
}

.jqx-popover.top .jqx-popover-arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.jqx-popover.right .jqx-popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: inherit;
  border-left-width: 0;
}

.jqx-popover.right .jqx-popover-arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.jqx-popover.bottom .jqx-popover-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color:inherit;
  border-top-width: 0;
}

.jqx-popover.bottom .jqx-popover-arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.jqx-popover.left .jqx-popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0; border-left-color: inherit;
}

.jqx-popover.left .jqx-popover-arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}


.jqx-kanban-full-frame {
    width: 100vw;
    height: 100vh;
}

.jqx-kanban-in-frame {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.jqx-kanban-rtl {
    direction: rtl;
    text-align: right;
}

.jqx-kanban-column {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    float: left;
}

.jqx-kanban-column-collapsed {
    width: 50px;
}

.jqx-kanban-column-first {
    border-width: 1px;
}

.jqx-kanban-column:first-of-type {
    border-width: 1px 1px 1px 1px;
}

.jqx-kanban-column-selected {
    /*  background-color: blue;*/
}

.jqx-kanban-column-header-collapsed { /*vertical column invisible*/
    display: none;
    box-sizing: border-box;
    height: 0px;
    width: 0px;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-header-collapsed-show { /*vertical column visible*/
    display: block !important;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-vertical-container {
    padding-top: 0px;
    padding-left: 0px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
}

.jqx-kanban-column-vertical-container-inverse {
    padding-top: 0px;
    padding-left: 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
}
.jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status{
    position:relative;
}

.jqx-kanban-column-hide { /*colapsed*/
    display: none !important;
}

.jqx-kanban-column-header {
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    overflow:hidden;
    position: relative;
}
.jqx-kanban-column-header-button {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    width:16px;
    height:16px;
}
.jqx-kanban-column-header .jqx-window-collapse-button {
    margin-top:1px !important;
}
.jqx-kanban-column-header-custom-button {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width:16px;
    height:16px;
}
.jqx-kanban-column-header-custom-button-rtl {
    left: 20px;
}
.jqx-kanban-column-header-button-rtl {
    left: 0px;
}
.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button {
    top: 100%;
    right: 50%;
    margin-top: -21px;
    left: 50%;
    margin-left:-8px;
}
.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button {
    top: 100%;
    right: 50%;
    margin-top: -41px;
    left: 50%;
    margin-left:-8px;
}

.jqx-kanban-column-container {
    margin: 1px;
    overflow-y: auto;
}

.jqx-kanban-item-placeholder {
    height: 100px;
    border: gray dotted 1px;
    border-radius: 3px;
    margin: 5px;
}

.jqx-kanban-column-vertical-container-inverse-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.jqx-kanban-column-vertical-container-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.jqx-kanban-item {
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    position: relative;
    box-shadow: #ddd 2px 2px 3px;
    cursor: pointer;
  touch-action: none;
    -ms-touch-action: none;
}

.jqx-kanban-item-selected {
}

.jqx-kanban-item-color-status {
    background-color: #6bbd49;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.jqx-kanban-item-color-status-rtl {
    right:0px;
    left:100%;
}
.jqx-kanban-item-text {
    padding-left:6px;
    padding-right:23px;
    font-size: 14px;
    padding-bottom:5px;
    overflow:hidden;
    text-overflow: ellipsis;
}
.jqx-kanban-rtl .jqx-kanban-item-text {
    padding-right:6px;
    padding-left:23px;
}
.jqx-kanban-column-header-title {
}

.jqx-kanban-column-header-status {
}

.jqx-kanban-item-content {
   
}

.jqx-kanban-item-avatar {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 3px;
    top: 3px;
    background: #eee;
    text-align: center;
    overflow: hidden;
}
.jqx-kanban-item-avatar-rtl {
    left: 3px;
}
.jqx-kanban-item-avatar-image {
    width: 20px;
    height: 20px;
}

.jqx-kanban-item-avatar-image:hover {
}

.jqx-kanban-item-footer {
    border-top: 1px solid transparent;
    border-color: inherit;
    overflow: hidden;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom:1px;
    padding-left:6px;
    padding-right:6px;
}


.jqx-kanban-item-keyword {
   float: left;
    margin:2px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-color:inherit;
    padding-left:2px;
    padding-right: 2px;
    cursor: pointer;
}

.jqx-kanban-item-keyword-rtl {
    direction: rtl;
    text-align: right;
    float: right;
}

.jqx-kanban-item-keyword:hover {
}

.jqx-kanban-item-avatar {
    height: 20px;
}

.jqx-kanban-handle {
    cursor: move;
}

.jqx-kanban-clearing {
    clear: both;
}
.jqx-sortable {
    touch-action: none;
    -ms-touch-action: none;
}

.jqx-bar-gauge-tooltip {
    position:absolute; 
    left:20px; 
    top:20px; 
    display:none; 
    padding: 6px 12px;
    border:black solid 1px;
    background-color: white; 
    color: #333333;
    font-size: 11px;
    font-weight:100;
    font:inherit;
    border:black solid 1px; 
    border-radius:3px;
    opacity: 1;
    white-space: nowrap;
    z-index:5;
}

.jqx-bar-gauge-measure-text {
    position: absolute;
    top: 0; 
    right: 0; 
    visibility: hidden; 
    z-index:-99999; 
    margin:0px; 
    padding:0px; 
    border-width:0px;
}
.jqx-scrollbar-mobile {
    background: transparent !important;
}
    .jqx-scrollbar-mobile .jqx-scrollbar-state-normal {
    background: transparent !important;
    border-color: transparent !important;
    }
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal{
    background: #808080 ! important;
    border-color: #808080 !important;
    border-width: 1px;
    z-index:99999;
    border-radius: 0px !important;
}
    .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
    width: 4px ! important;
    }
    .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
        height: 4px !important;
    }


.jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down-white.png");
}
.jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down-white.png");
}
.jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-down-white.png");
}
.jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up-white.png");
}
.jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up-white.png");
}
.jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-up-white.png");
}

.jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right-white.png");
}
.jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right-white.png");
}
.jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-right-white.png");
}
.jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left-white.png");
}
.jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left-white.png");
}
.jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover {
  background-image: url("/DesktopModules/Ashna/FirstPage/js/JqxGrid/images/icon-left-white.png");
}
.jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover,
.jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected,
.jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader {

    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover,
.jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected,
.jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader {

    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover,
.jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected,
.jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader {

    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover,
.jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected,
.jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader {

    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover,
.jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected,
.jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader {

    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover,
.jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected,
.jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader {

    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color:  #f5f5f5 !important;
}
.jqx-widget-content-energyblue{border-color: #a4bed4;}
.jqx-fill-state-normal-energyblue, .jqx-widget-header-energyblue{border-color:#a4bed4; background-color:#e0e9f5}
.jqx-fill-state-hover-energyblue{border-color:#a4bed4;  background-color:#cfdde9}
.jqx-fill-state-pressed-energyblue{border-color:#5e8cb3; background-color:#cfdde9}
.jqx-fill-state-focus-energyblue { border-color: #477396; }
.jqx-scrollbar-state-normal-energyblue, .jqx-grid-bottomright-energyblue, .jqx-panel-bottomright-energyblue, .jqx-listbox-bottomright-energyblue{background-color:#e0e9f5}
.jqx-widget-energyblue .jqx-grid-column-header-energyblue, .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-group-cell-energyblue, .jqx-grid-group-cell-energyblue{border-color:#a4bed4}
.jqx-tabs-title-selected-bottom-energyblue, .jqx-tabs-selection-tracker-bottom-energyblue, .jqx-tabs-title-selected-top-energyblue, .jqx-tabs-selection-tracker-top-energyblue{border-color:#a4bed4; border-bottom:1px solid #fff; background:#fff}
.jqx-grid-cell-sort-alt-energyblue, .jqx-grid-cell-filter-alt-energyblue, .jqx-grid-cell-pinned-energyblue, .jqx-grid-cell-alt-energyblue, .jqx-grid-cell-sort-energyblue{ background-color:#e7eef8}
.jqx-grid-cell-selected-energyblue{ background-color:#cfdde9 !important;  color:#2b465e !important;}
.jqx-grid-cell-hover-energyblue{ background-color:#cfdde9 !important;}
.jqx-menu-vertical-energyblue{background: #e0e9f5;}
.jqx-layout-energyblue
{
    background-color: #a4bed4;
}
/*!
 * jquery-confirm v3.3.0 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)}