@charset "utf-8";
/* CSS DOCUMENT - NETSIS USER INTERFACE KIT - v1.0
     
/********************************************************/
/*                      CSS HIERARCHY                   */
/********************************************************
 * 1.  Reset 
 * 2.  Normalize 
 * 3.  Global
 * 4.  Basic elements/styles
 * 5.  Typography
 * 6.  Utility classes
 * 7.  Wrappers
 * 8.  Columns
 * 9.  Main layout elements
 * 10. Navigation Styles
 * 11. Generic GUI elements
 * 12. Buttons
 * 13. Icons
 * 14. Tabs
 * 15  Accordions
 * 16  Grid
 * 17  Lists & Tags
 * 18. Messages
 * 19. Loaders
 * 20. Notifications
 * 21. Tooltipsk
 * 22. Extra stuff
 */

/********************************************************/
/*                 Z-INDEX HIERARCHY                   */
/********************************************************


 * 999900 : tooltip
 * 999910 : dropdown menu
 * 999980 : modal windows
 * 999990 : notifications

/********************************************************/
/*                      1. RESET                        */
/********************************************************/

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, table, caption, tbody, tfoot, thead, tr, th, td, 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;}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*/
}
ol li,
ul li {
    list-style-position: inside;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: ''; content: none;
}

/********************************************************/
/*                    2. NORMALIZE                      */
/********************************************************/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block;
}
audio,canvas,video {
    display: inline-block;*display: inline;*zoom: 1;
}
audio:not([controls]) {
    display: none; height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; 
}
html,button,input,select,textarea {
    font-family: sans-serif;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active,a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;box-sizing: content-box;height: 0;
}
mark {
    background: #ff0;color: #000;
}
p,pre {
    margin: 1em 0;
}
code,kbd,pre,samp {
    font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;
}
pre {
    white-space: pre;white-space: pre-wrap;word-wrap: break-word;
}
q {
    quotes: none;
}
q:before,q:after {
    content: '';content: none;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0; -ms-interpolation-mode: bicubic; 
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
	border: 1px solid #dfdfdf; margin: 0 2px;padding: 10px 15px 10px 15px; border-radius:5px; display:block
}
legend {
    border: 0; padding: 0;white-space: normal;  *margin-left: -7px; color:#777; margin-left:-15px; padding:0 5px 0 5px; font-size:15px;
}
button,input,select,textarea {
    font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: none
}
button,input {
    line-height: normal;
}
button,select {
    text-transform: none;
}
button,html input[type="button"], input[type="reset"],input[type="submit"] {
    -webkit-appearance: button; cursor: pointer; *overflow: visible; 
}
button[disabled],html input[disabled] {
    cursor: default;
}
input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box; padding: 0;*height: 13px; *width: 13px; 
}
input[type="search"] {
    -webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto; vertical-align: top; 
}
table {
    border-spacing: 0;
}
th {
	text-align: left}


/********************************************************/
/*                    3. GLOBAL                         */
/********************************************************/
html, body {
	height:100%; 
    /*overflow: auto !important;*/
}
body{
	background: #ededed; 
}
::-moz-selection {

}
::selection {

}





/********************************************************/
/*            4. BASIC ELEMENTS & STYLES                */
/********************************************************/

/* search */
#search
	{float:left; margin:12px 0 0 60px}
.searchInput, .searchBt
	{float:left}
#searchBt {
	border:0; background:transparent
}
#searchBox
	{}
#logo {float:left; margin:10px 10px 7px 0}

hr.border 
{height:2px; background:url("../images/general/block_bg.jpg") repeat-x bottom; border:0;}

.hideComp {
    display: none;
}

/********************************************************/
/*                   5. TYPOGRAPHY                      */
/********************************************************/
@font-face {
    font-family: 'DroidSansBold';
    src: url('../fonts/droidsans-bold-webfont.eot');
    src: url('../fonts/droidsans-bold-webfont.eot?#iefix') format('eot'),
         url('../fonts/droidsans-bold-webfont.woff') format('woff'),
         url('../fonts/droidsans-bold-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-bold-webfont.svg#webfontYxZG9krR') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('eot'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#webfontHBhj4MQT') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Default Font Settings */
body, button, input, select, textarea, div, span, th, td, a {
	font-family:'DroidSansRegular', Arial, Helvetica, sans-serif; 
} 
body, button, input, select, textarea, div, span, th, td, a{
	font-size:13px; line-height: 20px;  color: #595959; 
} 
h1, h2, h3, h4, h5, h6 {margin-bottom:15px}

h1, h2, h3, h4, h5, h6, b, strong, legend
{ font-family:'DroidSansBold'; font-weight:normal}
h2 {
	color:#497eb0; font-size:18px;
}
#tabs h2 {padding-left:5px}
h3 {
	color:#666; font-size:14px;
}



/********************************************************/
/*                  6. UTILITY CLASSES                  */
/********************************************************/

/* micro clearfix */
.clearfix:before, .clearfix:after {
	content:"";display:table
} 
.clearfix:after {
	clear:both
}
.clearfix {
	zoom:1
} 

/*generic classes */
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear:both
}


/********************************************************/
/*                     7. WRAPPERS                      */
/********************************************************/
.wrapper {
	max-width:1300px; margin:0 auto; padding:0 10px 0 10px; position: relative;
}

/********************************************************/
/*                     8. COLUMNS                       */
/********************************************************/

/* 12 Column Grid Layout */
.column {
	display:inline; float:left; margin-left:1%; margin-right:1%; padding:5px 0;min-height:10px;margin-bottom:10px;
}
.alpha {
	margin-left:0;
}
.omega {
	margin-right:0;
}
.column1 {
	width:6.509%;
}
.column2 {
	width:15.0%;
}
.column3 {
	width:23.5%;
}
.column4 {
	width:32%;
}
.column5 {
	width:39.667%;
}
.column6 {
	width:49.0%;
}
.column7 {
	width:56.333%;
}
.column8 {
	width:64.667%;
}
.column9 {
	width:73.0%;
}
.column10 {
	width:81.333%;
}
.column11 {
	width:89.667%;
}
.column12 {
	width:100.0%;
    zoom: 1;
}
.column12:before, .column12:after {
	content:"";display:table
} 
.column12:after {
	clear:both
}
.column3x3 {
	width:74.5%;
}
.column3x2 {
	width:49.0%;
}
.column2x4 {
	width:66.0%;
}
.column2x5 {
	width:83.0%;
}
.column4x2 {
	width:66%;
}


/********************************************************/
/*            9. MAIN LAYOUT ELEMENTS                   */
/********************************************************/
#container {
	min-height: 100%;
    height: auto !important;
    height: 100%;
}
.sub-container {
    margin-top: 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 15px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
}
.footer-ghost {
    height: 30px; 
}
.footer-ghost-2 {
    height: 45px;
}
#topPart {
background: url(../images/general/bg.jpg); 
}
.footer-fixed {
    z-index: 100;
    background: #475159; /* Old browsers */
    background: -moz-linear-gradient(top,  #475159 0%, #333a40 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#475159), color-stop(100%,#333a40)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #475159 0%,#333a40 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #475159 0%,#333a40 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #475159 0%,#333a40 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #475159 0%,#333a40 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475159', endColorstr='#333a40',GradientType=0 ); /* IE6-9 */
    height: 40px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0px -3px 3px rgba(50, 50, 50, 0.35);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 26px 0 26px;
}
.footer-fixed .float-left a,
.footer-fixed .float-right a {
    border-right: 1px solid #687176;
    display: inline-block;
    padding: 11px 15px;
    color: #edf2f5;
    text-decoration: none;
    font-size: 12px;
}
.footer-fixed .float-left a:hover,
.footer-fixed .float-right a:hover {
    background: #4b565e;
}
.footer-fixed a:last-of-type {
    border-right: 0;
}
.footer-fixed .float-right a {
    border-left: 1px solid #687176;
    border-right: 0;
}
.footer-fixed .float-right a:first-of-type {
    border-left: 0;
}
.footer-fixed .float-left a span,
.footer-fixed .float-right a span{
    color: #edf2f5;
    margin-right: 5px;
}
.hide-remove-area{
    z-index: 10;
    position: fixed;
    bottom: 40px;
    right: 24px;
    background: #475159;
    padding: 3px 7px 0 7px;
    display: block;
    cursor: pointer;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.bottom-40 {
    bottom: 0;
}
.hide-remove-area span {
    color: #fff;
}

#mainPart {
	display:block; 
}

header {
}

footer {
	height:30px; border-top: 1px solid #d9d9d9; display:block; bottom:0px; left:0px; width:100%; /*position: absolute;*/
}

#content {
}

.fixedColumn-2
{float:left; padding-right:15px; width: auto;margin-top: 20px;position: relative;z-index: 99; }
.fluidColumn-2
{float: left;
	width: 100%;
}
.fluid-block-2
{}

.fixedColumn
{float:left; width:80px; padding-right:15px; z-index: 70; position: relative; z-index: 10;}
.fluidColumn
{float: left;
	width: 100%;
	margin-left: -95px;
    position: relative;
    z-index: 9;
}
.fluid-block
{margin-left:95px}

/********************************************************/
/*               10. NAVIGATION STYLES                  */
/********************************************************/

/* BreadCrumb */
#breadCrumb
	{clear:both; display:block; background:url(../images/general/breadcrumb.png) repeat-x bottom; height:27px; border-bottom:1px solid #d2d2d2; }
#breadCrumb
	{line-height:27px; text-decoration:none;text-shadow: -1px -1px #fff, 1px 1px #fff}
#breadCrumb .home
	{margin-left:5px; line-height:27px; float:left; background:url(../images/general/breadcrumb_sep.png) no-repeat right; padding-right:10px}
#breadCrumb .item
	{float:left; padding-left:4px;background:url(../images/general/breadcrumb_sep.png) no-repeat right; padding-right:10px; line-height:27px}
#breadCrumb .last
	{float:left; padding-left:6px;line-height:27px; text-decoration:none; color:#717171}
#breadCrumb a
	{text-decoration:none; font-size:13px}
	
/*  User Navigation */
.userNavigation {
	margin-top:15px;
}
.settings {
	float:left; position:relative
}
.settings .over {
	position:absolute;
	background:#f1592a;
	border-radius:36px;
	/*z-index:100;*/
	top:-3px;
	right:-8px;
	min-width:10px;
	font-size:10px;
	line-height:10px;
	text-align:center;
	padding:2px;
	color:#fff;
	font-weight:bold;
	text-shadow: none;
}
.settings a {
	text-decoration:none;line-height:24px;text-shadow: -1px -1px #fff, 1px 1px #fff
}
.help {
	float:left; margin-left:20px
}
.settings .slidingDiv a:hover:first-of-type {text-decoration: none;}

.help a {
	text-decoration:none;line-height:24px; text-shadow: -1px -1px #fff, 1px 1px #fff
	}
.settings a:hover, .help a:hover {
	text-decoration:underline
}
.userOperations {
	position:relative;float:left; margin-left:20px; background:url(../images/general/ico_bt.jpg) repeat-x; border:1px solid #d2d2d2; border-radius:3px; z-index: 400px;}
.userName {
	position:relative;float:left; margin-left:10px; padding-right:10px; border-right:1px solid #d2d2d2
}
.userName a {
	text-decoration:none; line-height:24px;text-shadow: -1px -1px #fff, 1px 1px #fff
	}
.userArrow {
	float:left; width:20px; height:24px;cursor:pointer; line-height:24px;
}
.userOperationsMenu  {
	min-width: 120px; width: 100%; max-width: 100%; clear:both; display: none; position: absolute; /*left:-1px;*/ top: 25px; right: 0; background:#f7f7f7; border:1px solid #d2d2d2; border-top:0; height:auto;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);-moz-border-radius:5px;-moz-border-top-left-radius:0;-moz-border-top-right-radius:0;-webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-radius: 5px; border-top-left-radius:0;border-top-right-radius:0; z-index:60;
}
/*.userOperations:hover > .userOperationsMenu {
	display:block
}*/
.userOperationsMenu ul {
	margin:0; padding:0; /*margin-left:5px; min-width:90px*/
}
.userOperationsMenu ul li {
	padding-left:11px;height:28px; border-bottom:1px solid #d2d2d2;border-top:1px solid #fafafa; list-style: none
}
.userOperationsMenu ul li:hover {
	background-color:#f2f2f2
}
.userOperationsMenu ul li a {
	text-decoration:none; line-height:28px;
} 
.userOperationsMenu a
{padding-left:5px}


/* Main Navigation */
#mainNav
	{clear:both; display:block; /*background:url(../images/color/nav.jpg) repeat-x;*/ min-height:38px;
     border: 1px solid #497da9; /* stroke */
background-color: #ededed; /* layer fill content */
-moz-box-shadow: inset 0 1px 0 #8fc1f1; /* inner shadow */
-webkit-box-shadow: inset 0 1px 0 #8fc1f1; /* inner shadow */
box-shadow: inset 0 1px 0 #8fc1f1; /* inner shadow */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3N2RhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY5OWRjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #477daf 0%, #699dcd 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #477daf 0%, #699dcd 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #477daf 0%, #699dcd 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #477daf 0%, #699dcd 100%); /* gradient overlay */

}
.size_full #mainNav.fixed {
	top: 0; position: fixed; display:block; width:100%; z-index:100; box-shadow:0px 0px 7px #000}

.mainMenu
	{}
.mainMenu li
	{float:left; background:url(../images/color/sep.gif) no-repeat right; position:relative; list-style: none}
.mainMenu li:hover {
	background:#4476a6;
}
.mainMenu li:last-child
	{background-image:none}
.mainMenu li a
	{line-height:38px; color:#fff; text-decoration:none;text-shadow:0px 1px 0px #426888;display:block;padding:0 15px 0 15px; }
.mainMenu .sub-menu 
	{clear:both;display: none; position: absolute; width:210px; 
	min-width:180px;left: 1px;background:#4476a6; border:1px solid #0578a3; 
	border-top:0; width:auto; height:auto;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-border-radius:5px;-moz-border-top-left-radius:0;-moz-border-top-right-radius:0;-webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-radius: 5px; border-top-left-radius:0;border-top-right-radius:0; z-index:999910  }
.mainMenu .sub-menu li 
	{min-width:210px; width:210px; background:#4476a6;border-top:1px solid #5784af;border-bottom:1px solid #3d6a95; clear:both;display:block; -moz-transition: all 400ms;-webkit-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;}
.mainMenu .sub-menu li:first-child
	{border-top:1px solid transparent}
.mainMenu .sub-menu li:hover 
	{background:#5489bb}
.mainMenu .sub-menu li a 
	{clear:both;display:block; line-height:33px; height:auto; color:#fff; }
.mainMenu .sub-menu li:last-child, .mainMenu .sub-menu li a:last-child
	{border-bottom:0}
.mainMenu .sub-menu li:hover a, .mainMenu .sub-menu li a:hover
	{color:#fff}
.mainMenu .sub-menu li:last-child
	{-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius:5px ;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mainMenu li:hover > ul, .mainMenu li a:hover > .sub-menu
	{clear:both;display: block; border:1px solid ##0578a3; border-top:0}

.mainMenu li ul.sub-menu li ul.sub-menu 
    {margin-left: 240px; margin-top: -34px;}

.select-menu {display: none; width: 100%; position: relative; top: 2px; display:none; height:34px; background:#5388ba; border: none; color:#fff; padding-top:3px; padding-bottom:3px; padding-left:5px;	}
.stick{ position:fixed;	top:0; z-index: 80; display: block;	width: 100%; box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.35) !important;}
.stick2 {
    position:fixed;
    top: 50px;
}
.stickToTop {
    /*width: 60px;*/
}

/********************************************************/
/*             11. GENERIC GUI ELEMENTS                 */
/********************************************************/

/*
 * customRadioCheck: jQuery plugin for checkbox and radio replacement
 * Usage: $('input[type=checkbox], input[type=radio]').customRadioCheck();
 * Author: Cedric Ruiz
 * License: MIT
*/
.custom-label {
    display: inline-block;
    margin-right: .8em;
    cursor: pointer;
}
.custom-radio,
.custom-check {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -.15em; /* Adjust to for best fit */
    margin-left: -5px;
    width: 26px;
    height: 26px;
    background: url(../images/general/customCheckbox.png) 0px 0px no-repeat;
}

.custom-radio { background-position: 0px -124px; }
.custom-check.focus { background-position: 0 -28px; }
.custom-radio.focus { background-position: 0 -156px; }
.custom-check.checked { background-position: 0px -57px; }
.custom-radio.checked { background-position: 0px -188px; }
.custom-check.checked.focus { background-position: 0px -92px; }
.custom-radio.checked.focus { background-position: 0px -220px; }

#drop-area {
	height: 50px;
	text-align: center;
	border: 1px dashed #ddd;
	padding: 10px;
	margin-bottom: 2em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
		
#drop-area .drop-instructions {
	display: block;
	height: 30px;
}
		
#drop-area .drop-over {
	display: none;
	/*font-size: 25px;*/
	/*height: 30px;*/
}
				
#drop-area.over {
	background: #ededed;
	border: 1px dashed #595959;
}
		
#drop-area.over .drop-instructions {
	display: none;
}

#drop-area.over .drop-over {
	display: block;
}
		
#drop-area.over .drop-over {
	display: block;
	/*font-size: 25px;*/
}

.uploadbox-info {
    width: 100%;
    float: left;
}

#file-list {
	list-style: none;
	/*margin-bottom: 3em;*/
}
	
#file-list li {
	/*border-bottom: 1px solid #ddd;
	padding-bottom: 0.5em;*/
    margin-bottom: 0.5em;
}
#file-list li.no-items, #file-list li:last-child {
	border-bottom: none;
}
		
#file-list div {
	/**/margin-bottom: 0.5em;*/
}
		
#file-list li img {
	max-width: 50px;
    max-height: 50px;
    overflow-y: hidden;
    float: right;
}

#file-list .uploadbox-info{
    padding: 12px 12px 0 12px;
    border: 1px solid #fff;
    box-shadow: #ededed 0px 0px 3px 0px;
}

#file-list .uploadbox-info:hover{
    border: 1px solid #ededed;
}
		
#file-list .progress-bar-container {
	width: 300px;
	height: 10px;
	border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    /*margin-bottom: 20px;*/
}
		
#file-list .progress-bar-container.uploaded {
	height: auto;
	border: none;
}
		
#file-list .progress-bar {
	width: 0;
	height: 30px;
	font-weight: normal;
    font-size: 12px;
	background: #6787e3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#file-list .remove-element {
    color: #000;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
}
	
#file-list .progress-bar-container.uploaded .progress-bar{
	display: inline-block;
	width: auto;
	color: #6db508;
	background: transparent;
}

#file-list li > div > span {
    color: #bbb;
    font-size: 12px;
}

/*#file_browse_wrapper {
    width: 113px;
    height: 30px;
    background: url('../images/general/file_browse_normal.png') 0 0 no-repeat;
    border:none;
    overflow:hidden;
    cursor: pointer;
}
#file_browse_wrapper:hover {
    background: url('../images/general/file_browse_hover.png') 0 0 no-repeat;
}
#file_browse_wrapper:active {
    background: url('../images/general/file_browse_pressed.png') 0 0 no-repeat;
}
#files-upload{
    margin-left:-145px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    cursor: pointer;
}*/

/*label.checkbox span.holder{
	height:57px;background:url(../images/general/checkbox.png) 0 0 no-repeat}
label.radio span.holder{
	height:57px;background:url(../images/general/radio.png) 0 0 no-repeat}
label.checkbox:hover span.holder,label.radio:hover span.holder{
	top:-19px !important}
label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder{
	top:-38px !important}
label.list{
	display: block;margin:0 0 5px 0}
label.inline{
	float:left;margin:0 10px 0 0}
input.hiddenCheckbox{
	position:absolute;left:-10000px}
label.prettyCheckbox span.holderWrap{
	display:block;float:left;position:relative;margin-right:5px;overflow:hidden}
label.noLabel, label.noLabel span.holderWrap {margin:0 !important}
label.prettyCheckbox span.holder{
	display:block;position:absolute;top:0;left:0}
.prettyCheckbox {
  cursor: pointer;}
label .holderWrap { padding-top: 0px }*/

/********************************************************/
/*                     12. BUTTONS                      */
/********************************************************/

/* default button is Medium Size */
.button  {
	font-size: 14px; padding: 4px 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;	
    display:inline-block; cursor:pointer; position:relative;
    margin-bottom:5px;
    margin-right: 4px;
}

.button .over {position:absolute; background:#f1592a; border-radius:36px; z-index:100; top:-5px; right:-4px; min-width:10px; font-size:11px; line-height:11px; text-align:center; padding:2px; color:#fff; font-weight:700}

.button .ico, .button .livicon {
	margin-right:5px; 
}
.button .livicon
    {margin-top:3px
    }


/* Small Size */
.button-s  {
	font-size: 13px; padding: 3px 10px; 
}

/* Big Size */
.button-l  {
	font-size: 16px; padding: 10px 25px; 
}
.button-l  .over {position:absolute; background:#f1592a; border-radius:36px; z-index:100; top:-5px; right:-4px; min-width:10px; font-size:13px; line-height:13px; text-align:center; padding:6px 8px 6px 8px; color:#fff; font-weight:700;box-shadow:inset 0px 2px 2px rgba(255,255,255,0.4), inset 0px -2px 3px rgba(255,25,25,0.4)}
.button-l .ico {
	font-size:110%; margin-right:8px;
}



.button:active {
	position:relative;top:1px;
}
/* default blue button */
.button-default  {
	color: #ffffff;
	background-color:#4b81b2;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689ecf', endColorstr='#477dae', GradientType=0 );  
	background: -moz-linear-gradient( top, #689ecf 0%, #477dae);
	background: -webkit-gradient( linear, left top, left bottom, from(#689ecf),to(#477dae));
	border: 1px solid #477dae;
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(147,193,235,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(147,193,235,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(147,193,235,1);
}
.button-default:hover,
.button-default:active,
.button-default:focus  {
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a6e5', endColorstr='#68b9eb', GradientType=0 ); 
	background: -moz-linear-gradient( top, #40a6e5 0%, #68b9eb);
	background: -webkit-gradient( linear, left top, left bottom, from(#40a6e5),to(#68b9eb));
	
}
.button-grey {
	color: #595959;
	background-color:#efefef;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #efefef 0%, #dfdfdf);
	background: -webkit-gradient( linear, left top, left bottom, from(#efefef),to(#dfdfdf));
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
}
.button-grey:hover,
.button-grey:active,
.button-grey:focus  {
	color: #666;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #fff 0%, #dfdfdf );
	background: -webkit-gradient( linear, left top, left bottom, from(#dfdfdf),to(#efefef));
}

.button-2 {
	color: #ffffff;
	background-color:#646464;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#545454', GradientType=0 );
	background: -moz-linear-gradient( top, #7c7c7c 0%, #545454);
	background: -webkit-gradient( linear, left top, left bottom, from(#7c7c7c),to(#545454));
	border: 1px solid #464646;
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(174,174,174,1);
}

.button-2:hover,
.button-2:active,
.button-2:focus  {
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#7c7c7c', GradientType=0 );
	background: -moz-linear-gradient( top, #545454 0%, #7c7c7c);
	background: -webkit-gradient( linear, left top, left bottom, from(#545454),to(#7c7c7c));
	box-shadow:inset 0px 1px 1px rgba(174,174,174,1), 0px 0px 6px rgba(70,70,70,0.6); -webkit-box-shadow:inset 0px 1px 1px rgba(174,174,174,1), 0 0 6px rgba(70, 70, 70, 0.6); -moz-box-shadow:inset 0px 1px 1px rgba(174,174,174,1), 0 0 6px rgba(70, 70, 70, 0.6)
}

.button-3  {
	color: #ffffff;
	background-color:#69b85f;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc884', endColorstr='#55af4a', GradientType=0 );
	background: -moz-linear-gradient( top, #8cc884 0%, #55af4a);
	background: -webkit-gradient( linear, left top, left bottom, from(#8cc884),to(#55af4a));
	border: 1px solid #3b8e31;
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(206,232,202,1);
}
.button-3:hover,
.button-3:active,
.button-3:focus {
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55af4a', endColorstr='#8cc884', GradientType=0 );
	background: -moz-linear-gradient( top, #55af4a 0%, #8cc884);
	background: -webkit-gradient( linear, left top, left bottom, from(#55af4a),to(#8cc884));
	box-shadow:inset 0px 1px 1px rgba(255,255,255,1), 0px 0px 6px rgba(59,142,49,0.6); -webkit-box-shadow:inset 0px 1px 1px rgba(255,255,255,1), 0 0 6px rgba(59, 142, 49, 0.6); -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,1), 0 0 6px rgba(59, 142, 49, 0.6)

}

.button-default span[class^="icon-"], .button-default span[class*=" icon-"], 
.button-2 span[class^="icon-"], .button-2 span[class*=" icon-"],
.button-3 span[class^="icon-"], .button-3 span[class*=" icon-"] {
    color:#fff
}
.button-grey span[class^="icon-"], .button-grey span[class*=" icon-"] {
    color:#666
}
/* Image Button*/
.image-button
{
    font-size: 14px; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;	
    display:inline-block; cursor:pointer; position:relative;
    margin-bottom:5px; 
    color: #595959;
	background-color:#efefef;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #efefef 0%, #dfdfdf);
	background: -webkit-gradient( linear, left top, left bottom, from(#efefef),to(#dfdfdf));
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
}
    .image-button .ico
    {
        font-size:18px;
    }

.image-button-s
{
    font-size: 14px; padding: 3px 5px;
}
 .image-button-s .ico
    {
        font-size:16px;
    }
 .image-button-l
{
   padding: 10px 15px;
}
 .image-button-l .ico
    {
        font-size:24px;
    }
.image-button:hover  {
	color: #666;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #fff 0%, #dfdfdf );
	background: -webkit-gradient( linear, left top, left bottom, from(#dfdfdf),to(#efefef));
}
.boxBt {
    width: 62px;
	font-size: 14px; padding: 5px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;	display:inline-block; cursor:pointer; position:relative;margin-bottom:10px;
	color: #595959;
	background-color:#efefef;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #efefef 0%, #dfdfdf);
	background: -webkit-gradient( linear, left top, left bottom, from(#efefef),to(#dfdfdf));
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
}
.boxBt:hover  {
	color: #666;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #fff 0%, #dfdfdf );
	background: -webkit-gradient( linear, left top, left bottom, from(#dfdfdf),to(#efefef));
}
.boxBt .ico {
	display:block; font-size:20px; margin-bottom:5px
}
.boxBt span {
	display:block; text-align:center; line-height:16px; text-shadow:0 1px 0 #FFFFFF; max-width: 62px !important; 
}

/* icon bt */


.input {
	border:1px solid #d2d2d2;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	height:30px;
	padding:4px 6px;
	border-radius:4px;
	width:100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.select {
	border:1px solid #d2d2d2; 
	background:url(../images/general/ico_bt.jpg) repeat-x bottom;
	padding:3px 5px 3px 5px;
	border-radius:4px;
	
}


.inputtextarea {border:1px solid #d2d2d2;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    padding:4px 6px 4px 6px;
	border-radius:4px; width:100%;
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
	
.input:focus, .inputtextarea:focus {border-color: rgba(82, 168, 236, 0.8);  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(82,168,236,0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
.input-alone
{width:100%; position: relative;}
.input-with-bt
{font-size:0px; margin-bottom:0px; white-space:nowrap; width:100%; position: relative;}
.input-with-bt-2
{font-size:0px; margin-bottom:0px; white-space:nowrap; width:100%}
.input-width-spinner
{white-space:nowrap; width:100%;font-size:0px; margin-bottom:0px; position:relative}
.input-with-bt .input
{position:relative; border-top-right-radius:0; border-bottom-right-radius:0; width:87%}
.input-with-bt-2 .input
{position:relative; border-top-right-radius:0; border-bottom-right-radius:0; width:84%}
.input-width-spinner .input
{position:relative; border-top-right-radius:0; border-bottom-right-radius:0; width:87%}
.input-with-bt .ico-bt,
.inputSearch .ico-bt
{background:url(../images/general/ico_bt.jpg) repeat-x bottom; border:1px solid #d2d2d2; border-left: none; height:30px; /*width:auto; min-width:16px;*/ padding:4px 0; line-height:20px; display:inline-block;border-radius:4px;border-top-left-radius:0; border-bottom-left-radius:0; vertical-align:top; cursor:pointer; width:13%; text-align:center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.input-with-bt-2 .ico-bt1
{background:url(../images/general/ico_bt.jpg) repeat-x bottom; border:1px solid #d2d2d2; height:30px;/* width:auto; min-width:16px;*/ padding:4px 0; line-height:20px; display:inline-block;border-radius:0px; border-left: none; vertical-align:top; cursor:pointer; width:8%; text-align:center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.input-with-bt-2 .ico-bt2
{background:url(../images/general/ico_bt.jpg) repeat-x bottom; border:1px solid #d2d2d2; height:30px; /*width:auto; min-width:16px;*/ padding:4px 0; line-height:20px; display:inline-block;border-radius:4px;border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-1px; vertical-align:top; cursor:pointer; width:8%; text-align:center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.input-width-spinner .spinGroup
{background:url(../images/general/ico_bt.jpg) repeat-x bottom; border:1px solid #d2d2d2; height:30px; /*width:auto; min-width:16px; padding:0 2%; */line-height:28px; display:inline-block;border-radius:4px;border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-2px; vertical-align:top; cursor:pointer; width:13%; white-space:nowrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.input-width-spinner .spinGroup .spin-up
{display:block; border-bottom:1px solid #d2d2d2;  height:10px; padding-bottom:4px; text-align:center}
.input-width-spinner .spinGroup .spin-down
{display:block; height:10px; border-top:1px solid #fff;text-align:center}
.input-width-spinner .spinGroup .spin-up:hover, .input-width-spinner .spinGroup .spin-down:hover, .input-with-bt .ico-bt:hover, .input-with-bt-2 .ico-bt1:hover, .input-with-bt-2 .ico-bt2:hover {
background-image:none; background:#eee	
}
.input-width-spinner .icon-arrow-up-4, .input-width-spinner .icon-arrow-down-5 {font-size:16px; line-height:16px;}
.input-width-spinner .icon-arrow-down-5  
.input-with-bt .ico, .input-with-bt-2 .ico
{}
.form input[type="file"]{
    z-index: 999;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding:0;
    left:0;
}

.add-photo-btn{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    text-align:center;
    background-color:#83b81a;
    color:#fff;display:block;
    width:197px;
    height:31px;
    font-size:18px;
    line-height:30px;
    float:left;
}
.check {position:relative;}

/* custom upload */
.custom-upload {
    position: relative;
}

.custom-upload input[type=file] {
    outline:none;
    position: relative;
    text-align: right;    
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width: 100%;
    height: 35px;
}

.custom-upload .fake-file {
    background:url(http://www.fold3.com/i/upload-icon.png) center right no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    padding: 0;
    margin: 0;
    z-index: 1;
    line-height: 100%;
}

.custom-upload .fake-file input {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #dfdfe1;
	padding: 8px;
	font-size: 13px;
}
/* custom upload */

.error, .error .input, .error .ico-bt, .error .ico-bt1, .error .inputtextarea, .error .ico-bt2{
		border-color: #CC0000;
	}
.ok, .ok .input, .ok .ico-bt, .ok .ico-bt1, .ok .ico-bt2 {
		border-color: #3abd4a;
	}
.warning, .warning .input, .warning .ico-bt, .warning .ico-bt1, .warning .ico-bt2 {border-color:#d1c150}

.error.input, .error .input
{background:#fefbfb}

.ok.input, .ok .input
{background:#f9fdf6}

.warning.input, .warning .input
{background:#fffdf3}
	
.check-ok,
.check-error,
.check-warning {
		display: block;
		position: absolute;
		z-index: 89;
		width: 16px;
		height: 16px;
		right: 0;
		top: -8px;
		}
.check-ok { background: url(../images/icons/tick-circle.png) no-repeat; }
.check-error { background: url(../images/icons/cross-circle.png) no-repeat; }
.check-warning { background: url(../images/icons/exclamation-diamond.png) no-repeat; }

.input-with-bt .check-ok,
.input-with-bt .check-error,
.input-with-bt .check-warning{
	right: 0;
		}
		
.input-with-bt-2 .check-ok,
.input-with-bt-2 .check-error,
.input-with-bt-2 .check-warning {
	right: 0;
		}
		
/* INPUT SIZES */

.input-mini { width: 60px; }
.input-small { width: 90px; }
.input-medium { width: 150px; }
.input-large { width: 210px; }
.input-xlarge { width: 270px; }
		

/* multiple select */

.multiple-select {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
    padding: 5px;
}

/* file upload */

/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/

.uploadify {
	position: relative;
}
.uploadify-button {
	background-color: orange;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	width: 100%;
}
.uploadify:hover .uploadify-button {
	background-color: #eee;
}
.uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}
.uploadify-queue {
	margin-bottom: 1em;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url('../images/general/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}
input[disabled='disabled'] {
  background: #f6f6f6;
}
textarea[disabled='disabled'] {
  background: #f6f6f6;
}

input[readonly='readonly'] {
  background: #f6f6f6;
}
textarea[readonly='readonly'] {
  background: #f6f6f6;
}

.ico-bt.disabled, .ico-bt1.disabled, .ico-bt2.disabled{
    background: #f6f6f6;
    cursor: default;
}
.button.disabled, .button.disabled:hover {
    cursor: default;
    color: #aaa;
	background-color:#efefef;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #efefef 0%, #dfdfdf);
	background: -webkit-gradient( linear, left top, left bottom, from(#efefef),to(#dfdfdf));
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
}
.button.disabled span {
    color:#aaa;
}
.button.disabled:active {
    top: 0;
}
.ico-bt.disabled:hover, .ico-bt1.disabled:hover, .ico-bt2.disabled:hover {
    background: #f6f6f6;
}

/***
*****************************************************/
/*                     13. ICONS                        */
/********************************************************/


/********************************************************/
/*                      14. TABS                        */
/********************************************************/
/* TABS */

/* jQuery ui */
/*.ui-tabs {
	
}
.ui-tabs-horizontal .ui-tabs-nav {
	clear:both; display:block ; position:relative; z-index:12; left:-1px;
}
.ui-tabs .ui-tabs-nav li {
	float: left; white-space: nowrap;background:url(../images/general/tabs.png) repeat-x top; padding:1px 10px 1px 10px; border-radius:3px; border:1px solid #d2d2d2; border-top:1px solid transparent;margin-right:4px; border-bottom-left-radius:0; border-bottom-right-radius:0; 
}
.ui-tabs-horizontal .ui-tabs-nav li a {
	padding: 0.3em 0.8em; text-decoration: none; float: left;text-shadow:0px 1px 0px #ffffff;
}
.ui-tabs-horizontal > .ui-tabs-nav li.ui-tabs-active {
	border-bottom:1px solid #fafafa; border-top:1px solid #d6d6d6; background-image:none; background:#fafafa
}
.ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-active a {
	cursor: text;
}
.ui-tabs-horizontal .ui-tabs-nav li.ui-state-disabled a {
	cursor: text;
}
.ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs-horizontal .ui-tabs-nav li a {
	cursor: pointer;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs-horizontal > .ui-tabs-panel {
	clear:both; display:block; padding: 1em; border-radius:3px; background:#fafafa;	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-top:1px solid #d2d2d2; position:relative; z-index:5; top:-1px; border-top-left-radius:0px; margin-bottom:15px;
}*/


.ui-tabs-vertical {
}

.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 20%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    list-style: none;

    border-top: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;

    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    background-color: #dfdfdf; /* layer fill content */
    box-shadow: inset 0 1px 0 #f9f9f9; /* inner shadow */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
    background-image: -moz-linear-gradient(bottom, #e7e7e7 0%, #ebebeb 100%); /* gradient overlay */
    background-image: -o-linear-gradient(bottom, #e7e7e7 0%, #ebebeb 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(bottom, #e7e7e7 0%, #ebebeb 100%); /* gradient overlay */
    background-image: linear-gradient(bottom, #e7e7e7 0%, #ebebeb 100%); /* gradient overlay */

    border-right-width: 0 !important;
    margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    text-decoration: none;
    outline: none;
    padding: 10px;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    background: #fff;
    border-right: 1px solid #fff;
    
    z-index: 10;
    position: relative;
    
    box-sizing: border-box;
}

.ui-tabs-vertical .ui-tabs-panel {
    left: -1px;
    position: relative;
    z-index: 5;
    border: 1px solid #c7c7c7;
    float: right;
    width: 80%;
    padding: 20px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*.portlet { 
    border: 1px solid #dadada;
    margin-bottom: 15px; 
}
.portlet-header { 
    background: #EEE;
	border-bottom: 1px solid #dadada;
    height: 40px;
}
.portlet-header .left-icon {
    width: 40px;
	text-align: center;
	border-right: 1px solid #dadada;
    float: left;
    height: 100%;
    margin-right: 15px;
    padding-top: 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.portlet-header .text {
    padding-top: 10px;
    display: inline-block;
}
.portlet-header .ui-icon { 
    float: right; 
}
.portlet-content { 
    width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	padding: 12px;
    background: #fff;
}
.ui-sortable-placeholder { 
    border: 1px dotted black; 
    visibility: visible !important; 
    height: 50px !important; 
}
.ui-sortable-placeholder * { 
    visibility: hidden; 
}*/


/********************************************************/
/*                15. ACCORDIONS                        */
/********************************************************/



/********************************************************/
/*                     16. GRID                         */
/********************************************************/

.table-bordered {
	border: 1px solid #d2d2d2;
	border-collapse: separate;
	border-radius: 3px;
	width:100%; 
	background:#fdfdfd; 
}
.table-bordered input {
	box-sizing:border-box;										
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	height:30px;
}
.table-bordered .arrow, .table-bordered .filter {
	/*float: right;*/
	text-align: right;
	height: 15px;
	padding: 1px 3px 0 0;
    position: absolute;
    right: 1px;
}
.table-bordered .arrow.sorting {
    right: 8px;
}
.table-bordered .activated {
    background: #f5f5f5;
    padding: 4px 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

}
.table-bordered .arrow a {
	text-decoration: none;
}
.table-bordered  th { 
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaeaea 1%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eaeaea), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaeaea 1%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaeaea 1%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaeaea 1%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaeaea 1%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	/*height: 30px;*/
	padding: 6px 6px;
	vertical-align: middle;
}
.table-bordered  thead tr th{
    white-space: nowrap;
	border-bottom: 1px solid #ccc; 
	border-left: 1px solid #ccc;
    cursor: auto;
    position: relative;
}
.table-bordered  thead tr th:first-of-type, .table-bordered tr th:first-of-type{
	border-left: none;
}
.table-bordered td, th { 
	padding: 6px; 
	text-align: left; 
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table-bordered tr td {
	box-shadow:inset 1px 1px 0px 0px #fff;
    vertical-align: middle;
}
.table-bordered tr td:first-of-type{
	border-left: none;
}
.table-bordered table tr:last-of-type {
	border-bottom: none;
}
.table-bordered tr:nth-of-type(odd) { 
	background: #f9f9f9; 
}
.table-bordered  tr:hover {
	background: #efefef;
	cursor: pointer;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.table-bordered tr.Sortable {
	background:  #efefef;
	border-bottom: 2px solid #d2d2d2;
	cursor: pointer;
	/*height: 40px;*/
    display: block;
}
.table-bordered tfoot tr td{
	background: #fff;
}
.table-bordered tfoot tr td:hover {
    background: #fff;
    cursor: default;
}
.table-bordered > tfoot > tr.insertrow td{
    background: #ededed; /* Old browsers */
}
.table-bordered .insertrow td {
    background: #ededed; /* Old browsers */
}
.table-bordered th.filterable {
	/*position: relative;
    padding-right: 40px;*/
    cursor: pointer;
}
.table-bordered .pages {background: #fff;}

.toggleFilter,
.toggleStatusFilter {
    border: 1px solid #dfdfdf;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 10px;
    clear: both;
    display: block;
    float: left;
}
.toggleFilter .wrapup,
.toggleStatusFilter .wrapup {
    padding: 5px;
    overflow: hidden;
}
.toggleFilter li,
.toggleStatusFilter li {
    border: 1px solid #fff;
    font-size: 12px;
    color: #7d7d7d;
    display: inline-block;
    background: #f5f5f5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    padding: 5px 10px;
    float: left;
}
.toggleFilter .selectCollapsed,
.toggleStatusFilter .selectCollapsed {
    float: left;
    padding: 7px 10px;
}
.toggleFilter .borderBtw,
.toggleStatusFilter .borderBtw {
    width: 1px;
    background: #dfdfdf;
    margin: 2px 5px;
    float: left;
}
.toggleActive {
    border: 1px solid #d2d2d2 !important;
    -moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
    box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
    background: #f6f6f6 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #e6e6e6 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e6e6e6 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f6f6 0%,#e6e6e6 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#e6e6e6 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #f6f6f6 0%,#e6e6e6 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=0 ) !important; /* IE6-9 */
}

@media only screen and (max-width: 800px) {
	#unseen table td:nth-child(2), 
	#unseen table th:nth-child(2) {display: none;}
}
 
@media only screen and (max-width: 640px) {
	#unseen table td:nth-child(4),
	#unseen table th:nth-child(4),
	#unseen table td:nth-child(7),
	#unseen table th:nth-child(7),
	#unseen table td:nth-child(8),
	#unseen table th:nth-child(8){display: none;}
	#unseen table .pages {display: none;}
	#unseen table tfoot {display: none;}
}

@media only screen and (max-width: 800px) {
	
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	
	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: middle; }
	#flip-scroll th { text-align: left; }
	
	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
	#flip-scroll .Sortable {display: none;}
	#flip-scroll table .pages {display: none;}
 
	/* sort out borders */
 
	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
	
	#flip-scroll  table tfoot {display: none;}
	
}

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#no-more-tables  table tfoot {display: none;}
	
	#no-more-tables tr { border-bottom: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

/* table grid 
.grid
{
	border:1px solid #d2d2d2;  width:99%; background:#fdfdfd; border-radius:3px;
}
.grid input {
	box-sizing:border-box;										
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	height:30px;
}
.grid tr{
	
}
.grid th{
		background: #fff url(../images/general/th.jpg) repeat-x top; 
			border-bottom: 1px solid #d2d2d2; vertical-align:middle;
			height: 30px;border-right: 1px solid #d2d2d2;
			border-left: 1px solid #fafafa;padding:3px; position: relative;
}
.grid td{
	vertical-align:middle; border-top: 1px solid #fff; 
		border-bottom: 1px solid #d2d2d2;		
			padding:4px;
				border-right: 1px solid #d2d2d2;
			border-left: 1px solid #fafafa;
			
}
.grid tr td:last-child, .grid th:last-child {
	border-right:0;
}
.grid tr:nth-child(odd){
	background:#f9f9f9
}
.grid tr:hover td{
	background:#efefef
}
.grid tr.Sortable th {
	background:  #efefef;
	border-bottom: 2px solid #d2d2d2;
	height: 45px;
}
.grid .arrow, .grid .filter {
	float: right;
	text-align: right;
	height: 15px;
	padding: 1px 3px 0 0;
}
.grid .arrow a {
	text-decoration: none;
}
.grid tr:last-of-type td:hover {background: none;} 
*/

/* dataList table */

.dataListTable {
    border:1px solid #d2d2d2; 
    border-right:0; 
    border-bottom:0; 
    border-radius:3px;
}
.dataListHeader th {
    background:#eae9e9; 
    font-weight:bold
}
.dataListTable th, 
.dataListTable td
{
    border-top: 1px solid #fff; 
	border-bottom: 1px solid #d2d2d2;		
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #fafafa;padding:4px
}
.dataListTable tr:nth-child(odd){
	background:#fdfdfd
}
.dataListTotal th, 
.dataListTotal td {
    font-weight:bold; 
    font-size:14px; 
    background:#fcfded
}
.table-list {
    border: 1px solid #d2d2d2;
	border-collapse: separate;
	border-radius: 3px;
	width:100%; 
	background:#fdfdfd; 
}
.table-list th { 
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaeaea 1%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eaeaea), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaeaea 1%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaeaea 1%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaeaea 1%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaeaea 1%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	/*height: 30px;*/
	padding: 6px 6px;
	vertical-align: middle;
}
.table-list thead tr th{
	border-bottom: 1px solid #ccc; 
	border-left: 1px solid #ccc;
    cursor: auto;
    padding: 10px;
}
.table-list thead tr th:first-of-type, .table-bordered tr th:first-of-type{
	border-left: none;
}
.table-list td, th { 
	padding: 6px; 
	text-align: left; 
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table-list tr td {
	box-shadow:inset 1px 1px 0px 0px #fff;
    vertical-align: middle;
    padding: 10px;
}
.table-list tr td:first-of-type{
	border-left: none;
}
.table-list table tr:last-of-type {
	border-bottom: none;
}
.table-list tr:nth-of-type(odd) { 
	background: #f9f9f9; 
}
/*.table-list tr:hover {
	background: #efefef;
	cursor: pointer;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;
}*/
.table-list tfoot tr td {
    background: #fff;
}
.table-list .arrow, 
.table-list .filter {
	float: right;
	text-align: right;
	height: 15px;
	padding: 1px 3px 0 0;
}
.table-list .arrow a {
	text-decoration: none;
}

.template-view {
	width:100%; 
}
.template-view thead{
    background: #eaeaea;
}
.template-view tbody tr td{
    border-bottom: 1px solid #eee;
}
.template-view thead tr > td, 
.template-view thead tr > th {
    padding: 15px;
    padding-left: 10px;
    border: 0px;
}
.template-view tfoot tr > td ,
.template-view tbody tr > td {
    padding: 15px;
    padding-left: 2px;
    padding-right: 2px;
}
.template-view .pagination-bottom .refresh {
    border: 0px;
}
/********************************************************/
/*                 17. LISTS & TAGS                     */
/********************************************************/


/********************************************************/
/*                  18. MESSAGES                        */
/********************************************************/



/********************************************************/
/*                  19. LOADERS                         */
/********************************************************/



/********************************************************/
/*               20. NOTIFICATIONS                      */
/********************************************************/
.allbox{
	font-size:12px;
	line-height:17px;
	box-shadow:0px 1px 0px #F7F7F7;
	position:relative;
	margin:1px 1px;
	padding:14px 42px;
	border-radius:5px;
	margin-bottom:10px;}
.warningbox{
	background:#FFF8D8 url(../images/general/error.png) no-repeat 14px 14px;
	border:1px solid #F3D97E;
	color:#A68510;}
.warningbox div{
	color:#A68510;}
.successbox{
	background:#EBF9E2 url(../images/general/accept.png) no-repeat 14px 14px;
	border:1px solid #BEE4A5;
	color:#658C2C;}
.successbox div{
    color: #658C2C;
}
.informationbox{
	background:#E9F3F8 url(../images/general/help.png) no-repeat 14px 14px;
	border:1px solid #BBD7E4;
	color:#3876C6;}

.informationbox div{
	color:#3876C6;}
.errorbox{
	background:#F8E9E9 url(../images/general/cross.png) no-repeat 14px 14px;
	border:1px solid #E4BBBC;
	color:#BF2C11;}
.errorbox div{
	color:#BF2C11 !important;
}
.closeParent {
	position: absolute;
	top: 17px;
	right: 17px;
	background: url('../images/general/purrClose.png') no-repeat;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
	cursor: pointer;
}



/********************************************************/
/*                    21. TOOLTIPS                      */
/********************************************************/



/********************************************************/
/*                22. EXTRA STUFF                      */
/********************************************************/

.labelledForm {width:100%; padding:3px 0 5px 0; background:url(../images/general/block_bg.jpg) repeat-x bottom}
.labelledForm .first {float:left; width:32%;  max-width:150px;}
.labelledForm .first label {height:30px; padding-top:4px}
.labelledForm .second {float:left; width:62%; /*padding-right:3%;*/ min-height: 30px; line-height: 30px}
/*.labelledForm .second div { line-height: 30px; }*/
.labelledForm .second div { line-height: 30px; }
.labelledForm .third {float: left; padding-left: 2%; width: 4%; padding-top: 5px;}
.labelledForm .third span{color: #ebebeb;}
.labelledForm .third span:hover{color: #d2d2d2;}
.labelledForm .third span span{font-size: 18px;}

.formBt {}
.seperator {clear:both; display:block; margin-top:10px; margin-bottom:10px; background:url(../images/general/block_bg.jpg) repeat-x bottom; border:0; height:2px; color:transparent}
fieldet {height:100%; max-height:100%; min-height:100%}
.formField {margin-bottom:10px}
.labelledForm:last-child, .labelledFormNoBg {background-image:none}
.must { 
    
    margin-left: 4px;}
.must:before
{content: "*";}

/**/
@media only screen and (max-width: 768px) {
	.column {display:block; width:100%}
	.labelledForm .first, .labelledForm .second {}
	.iconlink {display:none}
	.settings .ico {font-size:18px}
	.help .ico {font-size:18px;}
	.help {padding-top:4px}
	.settings {padding-top:5px}
	#search {margin-left:20px}
	.mainMenu {display: none;}
	.select-menu {display: block;}
	.userName  span  a {display: none;}
	.userOperationsMenu  {left: -43px; width: auto;}
	.userName {padding-top: 4px;}
	.labelledForm .first {float:left; width:100%;}
	.labelledForm .second {float:left; width:100%; padding-left: 0;}
    .labelledForm .third {text-align: right; top: -20px;}
    .boxBt span+span, .boxBtCustom span+span, .onChangeSave span+span, .onChangeCancel span+span {display: none;}
    .boxBt span:first-child, .boxBtCustom span:first-child {/*min-width: inherit;*/}
    .boxBt, .boxBtCustom, .onChangeSave, .onChangeCancel {width: 40px;}
    .fixedColumn, .fixedLeftSavePanel {width: 60px;}
    .boxBtCont {margin-left: -20px;}
    h2.responsive-customization-button {
                margin: 0 auto;
                width: 54px;
    }
    .grid-filter .colspan1 {
	width: 6.25%;
    }
    .grid-filter .colspan2 {
	    width: 14.583333333333333%;
    }
    .grid-filter .colspan3 {
	    width: 22.916666666666667%;
    }
    .grid-filter .colspan4 {
	    width: 31.25%;
    }
    .grid-filter .colspan5 {
	    width: 39.583333333333333%;
    }
    .grid-filter .colspan6 {
	    width: 47.916666666666667%;
    }
    .grid-filter .colspan7 {
	    width: 56.25%;
    }
    .grid-filter .colspan8 {
	    width: 64.583333333333333%;
    }
    .grid-filter .colspan9 {
	    width: 72.91666666666665%;
    }
    .grid-filter .colspan10 {
	    width: 81.25%;
    }
    .grid-filter .colspan11 {
	    width: 89.583333333333333%;
    }
    .grid-filter .colspan12 {
	    width: 97.916666666666667%;
    }


    .setting-panel .colspan1 {
	width: 6.25%;
    }
    .setting-panel .colspan2 {
	    width: 14.583333333333333%;
    }
    .setting-panel .colspan3 {
	    width: 22.916666666666667%;
    }
    .setting-panel .colspan4 {
	    width: 31.25%;
    }
    .setting-panel .colspan5 {
	    width: 39.583333333333333%;
    }
    .setting-panel .colspan6 {
	    width: 47.916666666666667%;
    }
    .setting-panel .colspan7 {
	    width: 56.25%;
    }
    .setting-panel .colspan8 {
	    width: 64.583333333333333%;
    }
    .setting-panel .colspan9 {
	    width: 72.91666666666665%;
    }
    .setting-panel .colspan10 {
	    width: 81.25%;
    }
    .setting-panel .colspan11 {
	    width: 89.583333333333333%;
    }
    .setting-panel .colspan12 {
	    width: 97.916666666666667%;
    }
    .tab-error {
        border: 1px solid #CC0000 !important;
    }
}


.resizeAll {
	box-sizing:border-box;										/* FOR BOX RESIZING */
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
    resize: both;
}


/* SINGLE-TITLED CONTAINER DIVS */

.titled-container {
	float: left;
	width: 100%;
	border: 1px solid #dadada;
	margin-bottom: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.titled-container .top {
	background: #EEE;
	float: left;
	width: 100%;
	border-bottom: 1px solid #dadada;
}
.titled-container .icon, .titled-container .text {
	float: left;
	height: 30px;
	padding-top: 10px;
}
.titled-container .icon {
	width: 40px;
	text-align: center;
	border-right: 1px solid #dadada;
}
.titled-container .text {
	padding-left: 15px;
}
.titled-container .content {
	width: 100%;
	clear: both;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	padding: 12px;
    background: #fff;
}

/* PAGINATION STYLES */


.pagination {
	width: 100%;
	/*margin-top: 15px;*/
	text-align: left;
}
.inner {
	padding: 3px 0;	
}
.pagination.center {text-align: center;}
.pagination.right {text-align: right;}
.pagination a{
	color: #595959;
	background-color:#efefef;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #efefef 0%, #dfdfdf);
	background: -webkit-gradient( linear, left top, left bottom, from(#efefef),to(#dfdfdf));
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	font-size: 13px; 
	padding: 3px 10px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	display:inline-block; 
	cursor:pointer; 
	position:relative;
	text-decoration: none;
	margin-right: 3px;
}
.pagination a:last-of-type {
	margin-right: 0;
}
.pagination a:hover{
	color: #666;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #fff 0%, #dfdfdf );
	background: -webkit-gradient( linear, left top, left bottom, from(#dfdfdf),to(#efefef));
}
.pagination a:active {
	position:relative;
	top:1px;
}
.pagination a.current {
	background: none;
	color: #595959;
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	font-size: 13px; 
	padding: 3px 10px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	display:inline-block; 
	position:relative;
	text-decoration: none;
}
.pagination a.current:active {
	position:relative;
	top:0;
}
.pagination-bottom {
	width: 100%;
	/*background: green;	*/
	float: left;
	padding: 5px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.pagination-bottom a{
	text-decoration: none;	
}
.pagination-bottom .refresh{
	color: #595959;
	border-right: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	font-size: 15px; 
	padding: 6px 10px 3px 0; 
	text-decoration: none;
	float: left;
	width: 15px;
    height: 21px;
}
.pagination-bottom .refresh-nb{ border-right: 0px solid #fff !important }
.pagination-bottom li:first-child {
	margin-left: 10px;	
}
.pagination-bottom li {
	float: left;
	list-style: none;
	display: inline-block;	
	margin-left: 3px;
}
.pagination-bottom li a {
	color: #595959;
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	font-size: 11px; 
	padding: 3px 10px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	display:inline-block; 
	cursor:pointer; 
	position:relative;
	text-decoration: none;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.pagination-bottom li a:hover {
	background: #efefef;
}
.pagination-bottom li a.current {
	/*border: none;*/
    background-color: #ededed;
}
.pagination-bottom li a.current:hover {
	/*border: none;
	background: none;	*/
    background-color: #ededed;
	cursor: default;
}
.pagination-bottom .text {
	float: right;
	font-size: 11px;
	padding-top: 3px;
}
.pagination-bottom .text span {
	font-size: 11px;
}

/* SMALL EDIT ICON STYLES */

a.small-edit-icon {
	display: inline-block;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 1%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fdfdfd), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 1%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 1%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 1%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 1%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	padding: 3px 5px 1px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #d2d2d2;
	text-decoration: none;
	width: 16px;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;
    margin-right: 5px;
}
a.small-edit-icon:hover {
	background: #eee;
}

a.small-edit-icon:last-child {
    margin-right: 0;
}

/********************************************************/
/*               SLIDING MESSAGE & FILTER               */
/********************************************************/    

.slidingDiv {
	font-size: 11px;
    background: #fff;
    margin-top:5px;
	position: absolute;
	z-index: 2000;
	width: 270px;
	right: -8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.25);
    display:none;
}
.slidingDiv li img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	margin: 0 7px 4px 0;
	width: 41px;
	height: 41px;
}
.slidingDiv .sender {
	font-family: 'DroidSansBold';	
    font-weight: normal;
	font-size: 12px;
	max-width: 140px; 
	float: left;
}
.slidingDiv .message {
	font-size: 11px;
}
.slidingDiv .date {
	font-size: 9px;
	background: #eee;
	text-shadow: none;
	padding: 1px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
	position: absolute;
	top: 6px;
	right: 8px;
}
.slidingDiv .inbox{
	background: #eee;
	padding: 10px;
}
.slidingDiv li {
	list-style: none;
}
.slidingDiv li a{
	display: block;
	border-bottom: 1px solid #f5f5f5;
	text-decoration: none;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	position: relative;
    padding: 7px;
}
.slidingDiv li:last-of-type a {
	border-bottom: none;	
}
.slidingDiv li a:hover{
	background: #f5f5f5;
	text-decoration: none;
}
.slidingDiv .view-all, .slidingDiv .view-all:hover {
    display: block;
	padding: 10px;
	background: #eee;	
	line-height: normal;
}

.slidingDiv li a .ico-bt{
	padding-top: 2px;
	float: right;
}
.show_hide, .hide-filter {
    display:none;
}
.grid-filter {
	width: 265px;
	border: 1px solid #ccc;
	position: absolute;
	top: 36px;
	right: 0;
	z-index: 100;
	background: #fff;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 4px 3px 7px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    4px 3px 7px rgba(50, 50, 50, 0.25);
	box-shadow:         4px 3px 7px rgba(50, 50, 50, 0.25);
	text-align: center;
}
.grid-filter .select {
	float: left;
	padding: 4px;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.grid-filter .button {
	padding: 4px 6px 4px 10px;
	margin-top: -5px;
}
/*.grid-filter input {
	margin-top: 10px;
	width: 100%;
	float: left;
	margin-right: 10px;
}*/
.grid-filter input:first-child {
	margin-top: 0;
}
.grid-filter .filter-button{
	margin-top: 10px;
	padding: 4px 14px;
}
.grid-filter .button-row button {
    float: left;
    width: 120px;
    margin: 0;
}
.grid-filter .button-row button+button {
    float: right;
}

/********************************************************/
/*                      CALENDAR                        */
/********************************************************/     

#external-events {
    /*float: left;*/
    width: 100%;
    padding: 10px 10px;
    text-align: left;
    box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
    
#external-events h4 {
    font-size: 16px;
    margin-top: 0;
}
    
.external-event { /* try to mimick the look of a real event */
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366CC;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
    
#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}
    
#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    width: 100%;
 }

/********************************************************/
/*                        LABELS                        */
/********************************************************/
.label {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	padding: 5px;
	font-size: 11px;
	-moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}
.label:hover {
	cursor: default;
}
.label-default {
	background: #999999;
}
.label-success {
	background: #00a300;
}
.label-warning {
	background: #ffc40d; 
}
.label-important {
	background: #eb3c00; 
}
.label-info {
	background: #2d89ef;
}
.label-disabled {
	background: #333333;
}

/********************************************************/
/*                    MESSAGE WIDGET                    */
/********************************************************/  

a.message-preview {
	position: relative;
	border-bottom: 1px solid #ddd;
	/*margin-bottom: 10px;*/
	cursor: pointer;
	padding: 18px 18px 12px 18px;
	display: block;
	text-decoration: none;
}
/*a.message-preview:hover {
	border-bottom: 3px solid #0088cc;
	padding: 18px 18px 10px 18px;
}*/

.previewActive {
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 3%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 3%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 3%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 3%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 3%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.previewUnread {
	background: #eee;
}
a.message-preview:first-of-type {
	margin-top: 0;
}
a.message-preview .title {
	display: block;
	font-size: 20px;
	padding-bottom: 5px;
	color: #0088cc;
	letter-spacing: -1px;
}
a.message-preview .sub-title {
	display: block;
	font-size: 12px;
	padding-bottom: 7px;
	color: #999;
}
a.message-preview .date {
	float: right;
	font-size: 11px;
	padding: 2px;
	margin-top: -5px;
}
a.message-preview .textinside {
	font-size: 12px;
	padding-bottom: 6px;
}
.message-view {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.message-view #image{
	float:left;
	width:80px;
}
.message-view #image img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.message-view .right{
	width: auto; 
	overflow: auto; 
	font-size: 12px;
	color: #999;
}
.topText {
	width: 100%;
	margin-bottom: 35px;
	font-size: 16px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	padding-top: 4px;
}
.topText a {
	float: right;
	margin-top: -4px;
}
.message-view .title {
	display: block;
	padding-bottom: 15px;
	padding-top: 2px;
	text-transform: uppercase;
}
.message-view .date {
	float: right;
	text-transform: none;
}
.fastReply {
	float: right;
	margin-top: 15px;
}

/********************************************************/
/*                      HINTS CSS                       */
/********************************************************/  

/*! Hint.css - v1.2.1 - 2013-03-24
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */

/*-------------------------------------*\
	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/labs/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 * 
 * Classes added:
 * 	1) hint
 */
.hint, [data-hint] {
	position: relative;
	display: inline-block;
	/**
	 * tooltip arrow
	 */
	/**
	 * tooltip body
	 */ 
}
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	z-index: 1000000;
	pointer-events: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease; 
}
.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
	visibility: visible;
	opacity: 1; 
}
.hint:before, [data-hint]:before {
	content: '';
	position: absolute;
	background: transparent;
	border: 6px solid transparent;
	z-index: 1000001; 
}
.hint:after, [data-hint]:after {
	content: attr(data-hint);
	background: #383838;
	color: white;
	text-shadow: 0 -1px 0px black;
	padding: 8px 10px;
	font-size: 12px;
	line-height: 12px;
	white-space: nowrap;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); 
}

/**
* source: hint-position.scss
*
* Defines the positoning logic for the tooltips.
* 
* Classes added:
* 	1) hint--top
* 	2) hint--bottom
* 	3) hint--left
* 	4) hint--right
*/
/**
* set default color for tooltip arrows
*/
.hint--top:before {
	border-top-color: #383838; 
}

.hint--bottom:before {
	border-bottom-color: #383838; 
}

.hint--left:before {
	border-left-color: #383838; 
}

.hint--right:before {
	border-right-color: #383838; 
}

/**
* top tooltip
*/
.hint--top:before {
	margin-bottom: -12px; 
}
.hint--top:after {
	margin-left: -18px; 
}
.hint--top:before, .hint--top:after {
	bottom: 100%;
	left: 50%; 
}
.hint--top:hover:before, .hint--top:hover:after {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px); 
}

/**
* bottom tooltip
*/
.hint--bottom:before {
	margin-top: -12px; 
}
.hint--bottom:after {
	margin-left: -18px; 
}
.hint--bottom:before, .hint--bottom:after {
	top: 100%;
	left: 50%; 
}
.hint--bottom:hover:before, .hint--bottom:hover:after {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px); 
}

/**
* right tooltip
*/
.hint--right:before {
	margin-left: -12px;
	margin-bottom: -6px; 
}
.hint--right:after {
	margin-bottom: -14px; 
}
.hint--right:before, .hint--right:after {
	left: 100%;
	bottom: 50%; 
}
.hint--right:hover:before, .hint--right:hover:after {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px); 
}

/**
* left tooltip
*/
.hint--left:before {
	margin-right: -12px;
	margin-bottom: -6px; 
}
.hint--left:after {
	margin-bottom: -14px; 
}
.hint--left:before, .hint--left:after {
	right: 100%;
	bottom: 50%; 
}
.hint--left:hover:before, .hint--left:hover:after {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px); 
}

/**
* source: hint-color-types.scss
*
* Contains tooltips of various types based on color differences.
* 
* Classes added:
* 	1) hint--error
* 	2) hint--warning
* 	3) hint--info
* 	4) hint--success
* 	
*/
/**
* Error
*/
.hint--error:after {
	background-color: #eb3c00;
	text-shadow: 0 -1px 0px #5a2626; 
}
.hint--error.hint--top:before {
	border-top-color: #eb3c00; 
}
.hint--error.hint--bottom:before {
	border-bottom-color: #eb3c00; 
}
.hint--error.hint--left:before {
	border-left-color: #eb3c00; 
}
.hint--error.hint--right:before {
	border-right-color: #eb3c00; 
}

/**
* Warning
*/
.hint--warning:after {
	background-color: #ffc40d;
	text-shadow: 0 -1px 0px #6d5228; 
}
.hint--warning.hint--top:before {
	border-top-color: #ffc40d; 
}
.hint--warning.hint--bottom:before {
	border-bottom-color: #ffc40d; 
}
.hint--warning.hint--left:before {
	border-left-color: #ffc40d; 
}
.hint--warning.hint--right:before {
	border-right-color: #ffc40d; 
}

/**
* Info
*/
.hint--info:after {
	background-color: #2d89ef;
	text-shadow: 0 -1px 0px #193c4c; 
}
.hint--info.hint--top:before {
	border-top-color: #2d89ef; 
}
.hint--info.hint--bottom:before {
	border-bottom-color: #2d89ef; 
}
.hint--info.hint--left:before {
	border-left-color: #2d89ef; 
}
.hint--info.hint--right:before {
	border-right-color: #2d89ef; 
}

/**
* Success
*/
.hint--success:after {
	background-color: #00a300;
	text-shadow: 0 -1px 0px #1a331a; 
}
.hint--success.hint--top:before {
	border-top-color: #00a300; 
}
.hint--success.hint--bottom:before {
	border-bottom-color: #00a300; 
}
.hint--success.hint--left:before {
	border-left-color:##00a300; 
}
.hint--success.hint--right:before {
	border-right-color: #00a300; 
}

/**
* source: hint-always.scss
*
* Defines a persisted tooltip which shows always.
* 
* Classes added:
* 	1) hint--always
* 	
*/

.hint--always:after, .hint--always:before {
	opacity: 1;
	visibility: visible; 
}
.hint--always.hint--top:after, .hint--always.hint--top:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px); 
}
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px); 
}
.hint--always.hint--left:after, .hint--always.hint--left:before {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px); 
}
.hint--always.hint--right:after, .hint--always.hint--right:before {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px); 
}

/**
* source: hint-rounded.scss
*
* Defines rounded corner tooltips.
* 
* Classes added:
* 	1) hint--rounded
*  
*/
.hint--rounded:after {
	border-radius: 3px; 
}


/********************************************************/
/*                 FIXED LEFT NAVIGATION                */
/********************************************************/  

.fixedBox {
	position: relative;
    width: 80px;
}
.boxBtCont {
	background: #3C4049;
	background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049));
	background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: -o-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: -ms-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: linear-gradient(top, #4A515B 0%,#3C4049 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
	display: none;
	position: absolute;
	z-index: 70;
	top: 0;
	left: 90px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px #dadada;
	-moz-box-shadow:    0px 1px 2px #dadada;
	box-shadow:         0px 1px 2px #dadada;
	padding: 2px;
}
.boxBtCont li {
    list-style: none
}
.boxBtCont li a {
	white-space: nowrap;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	min-width: 140px;
}
.boxBtCont li a:hover {
	background: #08c;
	color: #fff;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.boxBtCont:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	border-right-color: #4A515B;
	right: 100%;
	top: 10px;
}


/* CUSTOM BOX BUTTON */

.boxBtCustom {
	font-size: 12px; 
	padding: 8px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	display:inline-block; 
	cursor:pointer; 
	position:relative;
	margin-bottom:10px;
	color: #fff;
	background: #3C4049;
	background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049));
	background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: -o-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: -ms-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: linear-gradient(top, #4A515B 0%,#3C4049 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
	border: 1px solid #181b21;
	text-shadow:0px 1px 0px #000;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px #868d9c;
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px #868d9c;
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px #868d9c;

}
.boxBtCustom:hover  {
	background: #5c636c; /* Old browsers */
	background: -moz-linear-gradient(top,  #5c636c 0%, #50535c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c636c), color-stop(100%,#50535c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5c636c 0%,#50535c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5c636c 0%,#50535c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5c636c 0%,#50535c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5c636c 0%,#50535c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c636c', endColorstr='#50535c',GradientType=0 ); /* IE6-9 */
}
.boxBtCustom .ico {
	display:block; font-size:16px; margin-bottom:5px
}
.boxBtCustom span {
	font-size: 12px;
	color: #fff;
	display:block; 
	text-align:center; 
	line-height:16px; 
	text-shadow:0 1px 0 #000;
	max-width: 62px !important; 
}


ul#largeLeftBox li ul {
    background: #f2f2f2;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
}
ul#largeLeftBox li ul li a {
    background: none;
    box-shadow: none;
    margin-bottom: 0;
    border: none;
}
ul#largeLeftBox li ul li a:hover {
    background: #e5e5e5;
}
#largeLeftBox {
    float: left;
}
#largeLeftBox li a span{
    padding-right: 7px;
}
#largeLeftBox li a {
    min-width: 120px !important;
    font-size: 13px;
    padding: 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
    color: #595959;
    background-color: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0 );
    background: -moz-linear-gradient( top, #efefef 0%, #dfdfdf);
    background: -webkit-gradient( linear, left top, left bottom, from(#efefef),to(#dfdfdf));
    border: 1px solid #ccc;
    text-shadow: 0px 1px 0px #ffffff;
    -moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
    box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
    text-decoration: none;
}
#largeLeftBox li a:hover {
    color: #666;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #fff 0%, #dfdfdf );
	background: -webkit-gradient( linear, left top, left bottom, from(#dfdfdf),to(#efefef));
}
#largeLeftBox li a.active {
	color: #fff;
	background: #3C4049;
	background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049));
	background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: -o-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: -ms-linear-gradient(top, #4A515B 0%,#3C4049 100%);
	background: linear-gradient(top, #4A515B 0%,#3C4049 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
	border: 1px solid #181b21;
	text-shadow:0px 1px 0px #000;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px #868d9c;
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px #868d9c;
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px #868d9c;
}
#largeLeftBox li a.active:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 7px solid transparent;
	border-top-color: #3d414a;
	left: 7px;
	top: 30px;
}
#largeLeftBox li a.active span {
    color: #fff;
}
#largeLeftBox li ul {
    display: none; 
}
#largeLeftBox li ul li a {
    background: #ececec;
    border-bottom: 1px dotted #ccc;
}

.fixedLeftSavePanel {

}
.fixLeftSaveCancel {
    position: fixed;
    bottom: 50px;
}
.fixedSavePanel {
    position: fixed;
    bottom: 0;
    width: 100%;
    visibility: hidden;
    z-index: 11;
}
.fixedSavePanel .wrapper {
    width: 200px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0px -1px 25px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px -1px 25px rgba(50, 50, 50, 0.4);
    box-shadow:         0px -1px 25px rgba(50, 50, 50, 0.4);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px;
    text-align: center;
}
.fixedSavePanel p {
    margin-top: 0;
}

.onChangeSave {
    max-width: 62px;
    margin-top: 20px;
	font-size: 14px; 
    padding: 5px 8px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;	
    display:block; 
    cursor:pointer; 
    position:relative;
    margin-bottom:10px;
    color: #ffffff;
	background-color:#69b85f;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc884', endColorstr='#55af4a', GradientType=0 );
	background: -moz-linear-gradient( top, #8cc884 0%, #55af4a);
	background: -webkit-gradient( linear, left top, left bottom, from(#8cc884),to(#55af4a));
	border: 1px solid #3b8e31;
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(206,232,202,1);
}
.onChangeSave .ico {
	display:block; font-size:20px; margin-bottom:5px; color: #fff;
}
.onChangeSave span {
	display:block; text-align:center; line-height:16px; color: #fff; 
}
.onChangeSave:hover  {
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55af4a', endColorstr='#8cc884', GradientType=0 );
	background: -moz-linear-gradient( top, #55af4a 0%, #8cc884);
	background: -webkit-gradient( linear, left top, left bottom, from(#55af4a),to(#8cc884));
	box-shadow:inset 0px 1px 1px rgba(255,255,255,1), 0px 0px 6px rgba(59,142,49,0.6); -webkit-box-shadow:inset 0px 1px 1px rgba(255,255,255,1), 0 0 6px rgba(59, 142, 49, 0.6); -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,1), 0 0 6px rgba(59, 142, 49, 0.6)
}
.onChangeCancel {
    max-width: 62px;
	font-size: 14px; 
    padding: 5px 8px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;	
    display:block; 
    cursor:pointer; 
    position:relative;
    margin-bottom:10px;
    background-color:#646464;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#545454', GradientType=0 );
	background: -moz-linear-gradient( top, #7c7c7c 0%, #545454);
	background: -webkit-gradient( linear, left top, left bottom, from(#7c7c7c),to(#545454));
	border: 1px solid #464646;
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 1px rgba(174,174,174,1);
}
.onChangeCancel .ico {
	display:block; font-size:20px; margin-bottom:5px; color: #fff;
}
.onChangeCancel span {
	display:block; text-align:center; line-height:16px; color: #fff; 
}
.onChangeCancel:hover  {
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#7c7c7c', GradientType=0 );
	background: -moz-linear-gradient( top, #545454 0%, #7c7c7c);
	background: -webkit-gradient( linear, left top, left bottom, from(#545454),to(#7c7c7c));
	box-shadow:inset 0px 1px 1px rgba(174,174,174,1), 0px 0px 6px rgba(70,70,70,0.6); -webkit-box-shadow:inset 0px 1px 1px rgba(174,174,174,1), 0 0 6px rgba(70, 70, 70, 0.6); -moz-box-shadow:inset 0px 1px 1px rgba(174,174,174,1), 0 0 6px rgba(70, 70, 70, 0.6)
}
.whenScrolledShow {
    visibility: hidden;
}
.buttonAdd {
    float: left;
    width: 4%;
    margin-left: 1%;
    padding: 4px 0;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    text-align: center;
    color: #595959;
	background-color:#efefef;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #efefef 0%, #dfdfdf);
	background: -webkit-gradient( linear, left top, left bottom, from(#efefef),to(#dfdfdf));
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,1);
    cursor: pointer;
}
.buttonAdd:hover  {
	color: #666;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #fff 0%, #dfdfdf );
	background: -webkit-gradient( linear, left top, left bottom, from(#dfdfdf),to(#efefef));
}
.buttonAdd i {
    color: #595959;
}
/********************************************************/
/*                      WALL POST                       */
/********************************************************/  

textarea.expandBottom {
	height: 50px;
	-moz-transition: height 0.3s ease;
	-webkit-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	transition: height 0.3s ease;
}
textarea.expandBottom:focus {
	height: 100px;
}
.wall-post {
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 80px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.wall-post img{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.wall-post a.author, .date-comment a{
	color: #0088cc;
	text-decoration: none;
}
.wall-post:last-of-type {
	margin-bottom: 0;
	border-bottom: none;

}
.wall-post-indent {
	position: relative;
	/*min-height: 40px !important;*/
	padding: 7px 7px 7px 57px;
	border-bottom: 1px solid #fff;
	background: #eee;
}
.wall-post-indent img {
	width: 40px;
	height: 40px;
	top: 7px;
	left: 7px;
}
.date-comment {
	font-size: 11px;
	display: block;
	color: #bbb;
	padding-top: 5px;
	margin-bottom: 10px;
}
.wall-post-indent .date-comment {
	padding-top: 0;
	margin-bottom: 0;
}
.date-comment a {
	font-size: 11px;
}
/*.wall-post-indent:first-of-type:after{
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 6px solid transparent;
	border-bottom-color: #eee;
	bottom: 100%;
	left: 10px;
}*/
.showAllComments {
	display: block;
	padding: 7px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
.showAllComments:hover {
	background: #eaeaea;
}


.historyText {
}
.historyText ul {
    list-style: none;
}
.historyText ul li {
    background: #f6f6f6;
    margin-bottom:2px;
    padding:7px;
}
.historyText ul li .author {
    color: #0088cc;
    display: block;
    padding-bottom: 5px;
}
.historyText ul li .comment {
    font-weight: bold;
    font-size: 12px;
}
.historyText ul li .date {
    display: block;
    color: #bbb;
    font-size: 11px;
}
.historyText ul li.color1 {
    background: #ccebff;
}
.historyText ul li.color2 {
    background: #ffeecc;
}
.historyText ul li.color3 {
    background: #ffe6e6;
}

/********************************************************/
/*                  RESPONSIVE TABS                     */
/********************************************************/  

/* REQUIRED for core functionality */

.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item { display: inline; cursor:pointer;}


@media (max-width: 767px) {
	.responsive-tabs__list { display: none;}
	.responsive-tabs__heading { display: block; cursor: pointer; }
	.responsive-tabs__panel--closed-accordion-only { display: none;}
}

@media (min-width: 768px) {
	.responsive-tabs__panel--closed-accordion-only { display: block !important;}
}

/* END - Required for core functionality */


/* OPTIONAL - Basic Skin */

.responsive-tabs-wrapper { 
	/*clear: both;*/
	zoom: 1; 
	position: relative;
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
    content: "";
    display: table;
} 
.responsive-tabs-wrapper:after {
    clear: both;
}

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus { outline: none;  }

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus { outline: none !important;}

.responsive-tabs__list { margin: 19px 0 0 0; padding: 0; border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 14px;}
.responsive-tabs__list__item { background:url(../images/general/tabs.png) repeat-x top; padding: 8px 20px;  margin-right: 4px; border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; display: inline-block;}
/*.responsive-tabs__list__item:hover {background: #efefef }*/
.responsive-tabs__list__item--active, 
.responsive-tabs__list__item--active:hover {  background: #fff; border-bottom-color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; border-top: 1px solid #ddd;}

.responsive-tabs__panel { margin-top: -12px; background: #fff; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 15px; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1); /*overflow: hidden;*/}

@media (max-width: 767px) {
	.responsive-tabs__heading {
		margin-top: 10px; 
		padding: 10px; border-radius: 3px; border: 1px solid #ccc; /*box-shadow: 0px 2px 3px rgba(0,0,0,0.4);*/
		background: #ddd;
		position: relative;
		margin-bottom: 5px;
	}
    .responsive-tabs__heading:first-of-type {
        margin-top: 20px; 
    }

	.responsive-tabs__heading:after {
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 40%;
		width: 0; 
		height: 0; 
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #000;
	}
	.responsive-tabs__heading:hover,
	.responsive-tabs__heading--active:hover { background-color: #efefef}
	.responsive-tabs__heading--active { background: #fff;}
	.responsive-tabs__heading--active:after {
		border-bottom: 10px solid #000;
		border-top:0;
	 }
	 .responsive-tabs__panel {
	 	margin-top: -7px;
	 	box-shadow: none;
	 	border-bottom-left-radius: 3px;
	 	border-bottom-right-radius: 3px;
	 }

    .ui-tabs-vertical .ui-tabs-nav {
        display: block;
        width: 100%;
    }

    .ui-tabs-vertical .ui-tabs-nav li {
        clear: left;
        width: 100%;
        padding: 10px;
        border: 1px solid #c7c7c7 !important;
        border-radius: 3px;
        list-style: none;

        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .ui-tabs-vertical .ui-tabs-panel {
        width: 100%;
        left: 0;
        border-radius: 3px;
    }
}
/* END - Optional - Basic Skin */


/********************************************************/
/*                     MODAL BOXES                      */
/********************************************************/  

/*	--------------------------------------------------
Reveal Modals
-------------------------------------------------- */
	
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #fff;
	position: absolute;
	z-index: 101;
	/*padding: 30px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal h1 {
	font-size: 15px;
	border-bottom: 1px solid #e6e6e6;
	padding: 15px 20px;
	background: #e6e6e6;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.reveal-modal .wrapper {
	padding: 0 20px 15px 20px;
}
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 18px;
	right: 15px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	} 
/*
	
NOTES

Close button entity is &#215;

Example markup

<div id="myModal" class="reveal-modal">
	<h2>Awesome. I have it.</h2>
	<p class="lead">Your couch.  I it's mine.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
	<a class="close-reveal-modal">&#215;</a>
</div>

*/


 
/********************************************************/
/*                    ERROR SCREENS                     */
/********************************************************/

.toast-container {
	width: 280px;
	z-index: 150;
}

* html .toast-container {
	position: absolute;
}

.toast-item {
	padding: 15px 25px;
	height: auto;
	background: #fff;
	border-radius: 5px;
	position: relative;
	margin: 0 0 12px 0;
	box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.25);
}

.toast-item p {
    text-align: left;
}

.toast-item-close {
    background:url(../images/general/purrClose.png);
    width:11px;
    height:11px;
    position: absolute;
    top:15px;
    right:15px;
    cursor: pointer;
}

.toast-item-image {
    width:32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}


/**
 * toast types
 *
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
.toast-type-notice {
    color: #444;
}

.toast-type-success {
    background: #d0e98e; /* Old browsers */
	background: -moz-linear-gradient(top,  #d0e98e 0%, #c1da7f 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e98e), color-stop(99%,#c1da7f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d0e98e 0%,#c1da7f 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d0e98e 0%,#c1da7f 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d0e98e 0%,#c1da7f 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #d0e98e 0%,#c1da7f 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e98e', endColorstr='#c1da7f',GradientType=0 ); /* IE6-9 */
	color: #658C2C;
	border: 1px solid #accc5d;
}

.toast-type-warning {
    background: #ffd27b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd27b 0%, #ffa645 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd27b), color-stop(100%,#ffa645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd27b 0%,#ffa645 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd27b 0%,#ffa645 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd27b 0%,#ffa645 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffd27b 0%,#ffa645 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd27b', endColorstr='#ffa645',GradientType=0 ); /* IE6-9 */
	color: #c2721b;
	border: 1px solid #f9b516;
}

.toast-type-error {
    background: #f28686; /* Old browsers */
	background: -moz-linear-gradient(top,  #f28686 0%, #e27676 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f28686), color-stop(100%,#e27676)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f28686 0%,#e27676 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f28686 0%,#e27676 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f28686 0%,#e27676 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f28686 0%,#e27676 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28686', endColorstr='#e27676',GradientType=0 ); /* IE6-9 */
	color: #b52525;
	border: 1px solid #dc4e4d;
}

/**
 * positions
 *
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 *
 */
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-bottom-left {
    position: fixed;
    left: 20px;
    bottom: 20px;
}

.toast-position-bottom-center {
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-bottom-right {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.input-xxlarge { width: 530px; }

.nAutocompleteResults {
    margin-top: 10px;
    border: 1px solid;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
	box-shadow        : 0 0 5px rgba(0,0,0,.3);
	border: 1px solid #d2d2d2;
}
.nAutocompleteResults ul{   
}
.nAutocompleteResults ul li {
    background: #fff;
    padding: 5px;
    display: block;
    cursor: pointer;
}
.nAutocompleteResults ul li:nth-of-type(odd) {
	background: #f7f7f7;
}
.nAutocompleteResults ul li:hover, .nAutocompleteResults ul li:nth-of-type(odd):hover {
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #4a7fb1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#4a7fb1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#4a7fb1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7db9e8 0%,#4a7fb1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7db9e8 0%,#4a7fb1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7db9e8 0%,#4a7fb1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#4a7fb1',GradientType=0 ); /* IE6-9 */
    color: #fff;
}
.nAutocompleteResults ul + ul .nAutocompleteFooter {
    background: orange;
}

#autoComplete  span{
	display: none;
}

/********************************************************/
/*                  JQUERY UI ACCORDION                 */
/********************************************************/

#accordion {  
    width: 100%;  
}
#accordion h3 {
	margin-bottom: 0;
}
:focus, :active {  
    outline: 0;  
}  
#accordion .ui-accordion-header a, #accordion .ui-state-active a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#accordion .ui-accordion-header a {  
	color: #595959;
	background-color:#efefef;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0 ); 
	background: -moz-linear-gradient( top, #efefef 0%, #dfdfdf);
	background: -webkit-gradient( linear, left top, left bottom, from(#efefef),to(#dfdfdf));
	border: 1px solid #ccc;
	text-shadow:0px 1px 0px #ffffff;
	display: block;
	text-decoration: none;
	padding: 10px 20px;
	margin-bottom: 1px;
}
#accordion .ui-state-active a{
	background: #49505a; 
	background: -moz-linear-gradient(top,  #49505a 0%, #3d424b 100%);/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49505a), color-stop(100%,#3d424b)); 
	background: -webkit-linear-gradient(top,  #49505a 0%,#3d424b 100%); 
	background: -o-linear-gradient(top,  #49505a 0%,#3d424b 100%);
	background: -ms-linear-gradient(top,  #49505a 0%,#3d424b 100%); 
	background: linear-gradient(to bottom,  #49505a 0%,#3d424b 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49505a', endColorstr='#3d424b',GradientType=0 ); 
	border: 1px solid #181b21;
}
#accordion .ui-state-active a{ 
	color: #fff;
	text-shadow: none;
	border: none;
}
#accordion .ui-accordion-content {  
    width: 100%;  
}  
#accordion .ui-accordion-content > * {  
	margin: 0;  
    padding: 20px;  
}  
#accordion .ui-accordion-content a {  
    color: #777;  
}

/* DatePicker Container */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);
	background: #fff;
    /*z-index: 9 !important;*/
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-title {
	text-align: center;
	text-shadow: none;
	height: 28px;
	padding-top: 9px;
	background: #444444;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
	/*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.51);*/
}
.ui-datepicker-title span {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 33px;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/general/arrow.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
    background-color: #444;
    margin-top: 4px;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
}
.ui-datepicker th {
	/*text-transform: uppercase;*/
	padding: 5px 0;
	color: #666666;
	/*text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);*/
	border-left: none;
	text-align: center;
}
.ui-datepicker th span {
	font-size: 12px;
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.ui-datepicker-calendar .ui-state-default {
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f1 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	font-weight: normal;
	font-size: 11px;
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #fff;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left;}
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 8px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: #f1f1f1; border: 1px solid #ccc;}
.ui-slider-horizontal .ui-slider-handle { top: -5px; width: 15px; height: 15px; margin-left: -.6em; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: #e7e7e7; border: 1px solid #ccc;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }

dd.ui_tpicker_hour, dd.ui_tpicker_minute {padding-top: 3px;}
div.ui-timepicker-div {padding: 7px; border-bottom: 1px solid #eee; margin-bottom: 7px;}
div.ui-datepicker-buttonpane {padding: 0 7px 7px 7px;}
button.ui-datepicker-close {float: right;}



.responsive-tabs {
    display: none;
}

.responsive-tabs--enabled {
    display: block;
}

.nw-hidden { display: none; }
.nw.hidden{ display: none; }

.price-list, .price-list-2 {
    float: right;
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 250px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.price-list-2 {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.price-list ul, .price-list-2 ul {
   list-style: none;
}
.price-list ul li, .price-list-2 ul li{
   padding: 5px;
}
.price-list ul li:nth-child(odd), .price-list-2 ul li:nth-child(odd){
   background: #f6f6f6;
}
.price-list .title, .price-list-2 .title {
    font-weight: bold;
}
.second.input2 .i-widget {
    width: 49%;
    float: left;
    margin-right: 2%;
}
.second.input3 .i-widget {
    width: 32%;
    float: left;
    margin-right: 2%;
}
.second.input4 .i-widget {
    width: 23.5%;
    float: left;
    margin-right: 2%;
}
.second.input5 .i-widget {
    width: 18.4%;
    float: left;
    margin-right: 2%;
}
.second .i-widget:last-of-type {
    margin-right: 0;
}
.nw.nw-gridlayout .column{
    margin-bottom: 0;
}

.loadingContent {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
.loadingContent img {
    padding: 10% 50%;
}

/***********************  GRID LAYOUT ********************************/
/***************************  Div ile tablo oluşturma ****************/
.row {
	margin-left: -2.083333333333333%; /*13 tane 3*/
	clear: both;
	zoom: 1;
	position: relative;
	margin-bottom:10px;
}
.row .row {
    margin-bottom: 0;
}
.row .row .colspan1, .row .row .colspan2, .row .row .colspan3, .row .row .colspan4, .row .row .colspan5, .row .row .colspan6, .row .row .colspan7,
.row .row .colspan8, .row .row .colspan9, .row .row  .colspan10, .row .row .colspan11, .row .row .colspan12 {
    margin-bottom: 0;
}
.colspan1, .colspan2, .colspan3, .colspan4, .colspan5, .colspan6, .colspan7, .colspan8, .colspan9, .colspan10, .colspan11, .colspan12 {
	display:inline; float:left; margin-left: 2.083333333333333%; /*padding:5px 0;*/min-height:10px;margin-bottom:10px;
}
.colspan1 {
	width: 6.25%;
}
.colspan2 {
	width: 14.583333333333333%;
}
.colspan3 {
	width: 22.916666666666667%;
}
.colspan4 {
	width: 31.25%;
}
.colspan5 {
	width: 39.583333333333333%;
}
.colspan6 {
	width: 47.916666666666667%;
}
.colspan7 {
	width: 56.25%;
}
.colspan8 {
	width: 64.583333333333333%;
}
.colspan9 {
	width: 72.91666666666665%;
}
.colspan10 {
	width: 81.25%;
}
.colspan11 {
	width: 89.583333333333333%;
}
.colspan12 {
	width: 97.916666666666667%;
}
@media only screen and (max-width: 768px) {
	.colspan1, .colspan2, .colspan3, .colspan4, .colspan5, .colspan6, .colspan7, .colspan8, .colspan9, .colspan10, .colspan11, .colspan12 
	{display:block; width:97.916666666666667%}
}


/*.jGridTable thead td {
    background: #ededed;
    border: 0px;
    border: 1px solid #ededed;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    box-shadow: none;
}

.jGridTable tbody td {
    background: white;
    padding-top: 10px; 
    padding-bottom: 10px;
    border-left: 0px;
    border-right: 0px;
}

.jGridTable tfoot td {
    background: white;
    border: 0px;
    border-top: 0px dotted #ccc;
}

.jGridTable tfoot .pagination-bottom  {
    padding: 0px;
}

.jGridTable tfoot .pagination-bottom .refresh {
    border: 0px; 
}


.jGridTable .table-bordered {
    border: 0px;
}
    */

.jGridTable .grid-data-part {
    overflow-x: auto;
    height: 240px;
    height: auto !important;
    min-height: 240px;
    width: 100.0%;
    zoom: 1;
}


.checkSwitch {
	position: relative;
	margin: 4px 0 0 2px;
	width: 70px;
	height: 21px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 1px 0 1px rgba(255,255,255,0.3);
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	background: #e9e9e9;
}

.checkSwitch:hover {
	
}

.checkSwitch input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.checkSwitchInner {
	position: absolute;
	top: 0;
	left: -45px;
	width: 115px;
	height: 100%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.checkSwitch.on .checkSwitchInner {
	left: 0;
}

.checkSwitchOn, .checkSwitchOff, .checkSwitchHandle {
	width: 45px;
	height: 100%;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	font-weight: 100;
	color: #ffffff;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.15);
	float: left;
}

.checkSwitchOn, .checkSwitchOff {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

.checkSwitchOn {
	position: relative;
	border-radius: 2px 0 0 2px;
	background: #63C663;
}

.checkSwitchOff {
	position: relative;
	border-radius: 0 2px 2px 0;
	background: #aaaaaa;
}

.checkSwitchHandle {
	position: relative;
	width: 25px;
	font-size: 16px;
	line-height: 23px;
	font-weight: 100;
	color: #4b4b4b;
	text-shadow: none;
	border-radius: 2px;
	box-shadow: inset 0 -16px 20px -10px rgba(0,0,0,0.12);
	background: #ffffff url('../images/general/drag_handle.png') center 6px no-repeat;
}


.grid-filter input[type=text] {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

img.dropicon {
height: 11px;
width: 14px;
padding-right: 10px;
}

.filterHeader {
    position: relative;
    padding-right: 35px;
}


.full-screen-customization-button {
                list-style: none;
                display: inline-block;
}
.tabstrip-customizer {
                background: url(../images/general/tabs.png) repeat-x top;
                padding: 5px 20px;
                margin-right: 4px;
                border-right: 1px solid #ddd;
                border-left: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
                display: inline-block;
                text-decoration: none;
}

.draggable-area {
    height: 185px;
    height: auto !important;
    min-height: 185px;
    border-width: 1px;
    border-style: dashed;
    border-color: #ddd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.draggable-line {
    height: 30px;
    height: auto !important;
    min-height: 30px;
    border-width: 1px;
    border-style: dashed;
    border-color: #ddd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 7px 0px 7px 0px;
}

.lower-dropable, .upper-dropable {
    float: left;
    width:100.0%;
}

.error-bubble {
    display: block;
    position: absolute;
    z-index: 99;
    width: 16px;
    height: 16px;
    right: 0;
    top: -9px;
    background: url(../images/icons/cross-circle.png) no-repeat;
}

.nw_init.error .select2-container .select2-choice,
.nw_init.error button {
    border: 1px solid #CC0000 !important;
}

.headcol {
    position:absolute; 
    width:5em; 
    right:0;
    top:auto;
    border-right: 0px none black; 
    border-top-width:3px; /*only relevant for first row*/
    margin-top:-3px; /*compensate for top border*/
}
.headcol:after{content: "Row";}

.responsive-tabs__list__item .tabBox {
    position: absolute;
    top: 1px;
    right: 5px;
    width: 50px;
    height: 29px;
    display: block;
}
.responsive-tabs__list__item.tabbedComponent {
    position: relative;
    padding: 8px 70px 8px 20px;
}


.tab-error {
border: 1px solid #CC0000;
border-bottom: none;
position: relative;
}
.tab-error .error-bubble {
right: -4px;
}


.nw-moneybox .colspan3 {
    padding: 0;
    margin-bottom: 0;
}

.nw-moneybox .row {
    margin-bottom: 0px;
}


.disabled-area {
    position: fixed;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .8;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.no-image {
    min-width: 58px;
    min-height: 58px;
    height: auto !important;
    height: 58px;
    text-align: center;
    position: relative;
}
.no-image img {
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -29px;
    margin-top: -29px;
}
.ui-datepicker-title {
color:white;

}

.filter-up-button {
  height: 25px !important;
  padding: 4px 6px 4px 5px !important;
  width: 25px !important;
  float: right;
  margin-right: 0px;
}
.nw-box .top {
    position: relative !important;
}
.boxCollapse {
    float: right;
    padding-right: 10px;
    font-size: 18px;
}

.select2-rendered__match {
  text-decoration: underline;
  background-color:yellow;
}

.select2-highlighted .select2resultselect { 
    color: white;
}

::-moz-selection {

    background: #2d89ef;

    color: white;

}

 

::-webkit-selection {

    background: #2d89ef;

    color:  white;

}

 

::Selection {

    background: #2d89ef;

    color:  white;

}  
 

@charset "utf-8";

.ui-datepicker-trigger {
    display: none;
}

.grid-hider {
    display: none;
}

.nAutocompleteResults {
    border: 1px solid red;
    z-index: 3000;
}



/*=============================================*/
/*============ BOOTSTRAP MODAL ================*/
/*=============================================*/
.modal-body {
    max-height: 500px;
    padding: 0 15px 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 110;
    width: 560px;
    margin: -250px 0 0 -280px;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
    top: 50%;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-backface-visibility: hidden !important;
}

.modal .modal-header {
    cursor: move;
    font-size: 15px;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 20px;
    background: #e6e6e6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
}

.modal-footer {
  font-size: 15px;
  border-bottom: 1px solid #e6e6e6;
  padding: 9px 20px;
  background: #e6e6e6;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 0;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-body .footer {
  margin-top: 0px;
  margin-bottom: -15px;
  margin-left: -15px;
  margin-right: -15px;
}

/*footer class'ı modal dialog içerisindeki footerı ezmeyi sağlıyor.*/
.footer {}

.modal .wrapper {
    padding: 15px 20px 15px 20px;
    max-height: 500px;
    overflow-y: auto;
}

.modal.small {
    width: 200px;
    margin-left: -140px;
}

.modal.medium {
    width: 400px;
    margin-left: -240px;
}

.modal.large {
    width: 600px;
    margin-left: -340px;
}

.modal.xlarge {
    width: 800px;
    margin-left: -440px;
}

.modal .close {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 18px;
    right: 15px;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    text-decoration: none;
    border:none;
}

.close:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.titleHolder {
  white-space: nowrap;
  font-weight: bold;
}

/* Grid master-detail*/
.jGridCont tbody tr.detailrow {
    background: #fff;
    cursor: default;
}

    .jGridCont tbody tr.detailrow:hover {
        background: #fff;
        cursor: default;
    }

/* Grid error messages*/
.jGridCont .jgrid-summary-errors > td {
    background: #fff;
    padding: 0px;
}

.jGridCont .jgrid-summary-errors .allbox {
    border-radius: 0px;
    box-shadow: none;
    margin: 0px;
}

.jGridCont .jgrid-summary-errors .errorbox {
    border: 0px;
}

a.button.nb-link {
    text-decoration: none;
}

.custom-action-button {
    margin-left: -3px;
    border-left: 1px solid #d2d2d2 !important;
}
.custom-label-part label, .custom-input-part {
    line-height:30px;
}
 
.custom-input-part div {
    margin-bottom:0px;
}
.treegrid-indent {width:16px; height: 16px; display: inline-block; position: relative;}

.treegrid-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}

.treegrid-expander-expanded{background-image: url(../img/collapse.png); }
.treegrid-expander-collapsed{background-image: url(../img/expand.png);}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

/*!
 * jQuery Menu
 *
 * Written by sizeof(cat) <sizeofcat AT riseup DOT net>
 * Licensed under the MIT license
 * Version 2.0.0
 */
 
.catMenu {
	position: absolute;
	z-index: 99999;
	border: solid 1px #979797;
	background: #f1f1f1;
	padding: 2px 0;
	margin: 0;
	top: 0;
	left: 0;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

.catMenu ul {
	list-style: none!important;
	padding: 0!important;
	margin: 0!important;
}

.catMenu li {
	margin: 1px 2px;
	padding: 1px;
	color : #333;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	list-style-type: none!important;
}

.catMenu a {
	text-decoration: none;
	color: inherit;
	display: block;
	line-height: 20px;
	height: 20px;
	outline: none;
	padding: 3px 5px 5px 5px;
	margin-left: 1px;
	/*border-left: 1px solid #e3e3e3;*/
	margin-top: -1px;
	margin-bottom: -3px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	font-size: 14px;
}

.catMenu img {
	float: left;
	margin-top: 2px;
	margin-left: 6px;
}

.catMenu li.separator a {
	border-top: 1px solid #e3e3e3;
	margin-top: -4px;
	padding-top: 5px;
}

.catMenu li.separator,
.catMenu li.separator.hover {
	margin-top: 5px;
}

.catMenu li.hover {
	background-color: #e2ecf5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #acd8e5;
	padding: 0;
	margin: 1px 2px;
	background: -moz-linear-gradient(100% 100% 90deg, #e8f2fe, #daebf3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#daebf3), to(#e8f2fe));
	background: -webkit-linear-gradient(#e8f2fe, #daebf3);
	background: -o-linear-gradient(#e8f2fe, #daebf3);
}

.catMenu li.disabled {
	color: #999;
}

.catMenu li span {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAACXBIWXMAAC4jAAAuIwF4pT92AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAADVJREFUeNpiYGBgmMmABv4zMDAsZ2BgYEMW+M/AwHCIgYFBkhHKgYE1GCpgAsuQzZiGbANgANZAC+UkBReLAAAAAElFTkSuQmCC');
	background-position: center;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
	float: right;
}

.catMenu li ul {
	margin-top: -2px;
	left: 180px;
	position: absolute;
	width: 180px;
	border: solid 1px #979797;
	background: #f1f1f1;
	display: none;
	top: 0;
	padding: 2px 0;
	margin: 0;
	-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

@font-face {
	font-family: 'icofont';
	src:url('../images/fonts/icofont.eot');
	src:url('../images/fonts/icofont.eot?#iefix') format('embedded-opentype'),
		url('../images/fonts/icofont.woff') format('woff'),
		url('../images/fonts/icofont.ttf') format('truetype'),
		url('../images/fonts/icofont.svg#icofont') format('svg');
	font-weight: normal;
	font-style: normal;}

[data-icon]:before, .ico:before {
	font-family: 'icofont';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;}

.ico {color:#666}
.icon-search:before {content: "\f002";}
.icon-envelope:before {content: "\f003";}
.icon-user:before {content: "\f007";}
.icon-th-large:before {content: "\f009";}
.icon-th:before {content: "\f00a";}
.icon-th-list:before {content: "\f00b";}
.icon-ok:before {content: "\f00c";}
.icon-remove:before {content: "\f00d";}
.icon-zoom-in:before {content: "\f00e";}
.icon-zoom-out:before {content: "\f010";}
.icon-off:before {content: "\f011";}
.icon-signal:before {content: "\f012";}
.icon-cog:before {content: "\f013";}
.icon-trash:before {content: "\f014";}
.icon-home:before {content: "\f015";}
.icon-file:before {content: "\f016";}
.icon-time:before {content: "\f017";}
.icon-road:before {content: "\f018";}
.icon-download-alt:before {content: "\f019";}
.icon-download:before {content: "\f01a";}
.icon-upload:before {content: "\f01b";}
.icon-inbox:before {content: "\f01c";}
.icon-play-circle:before {content: "\f01d";}
.icon-repeat:before {content: "\f01e";}
.icon-refresh:before {content: "\f021";}
.icon-list-alt:before {content: "\f022";}
.icon-lock:before {content: "\f023";}
.icon-flag:before {content: "\f024";}
.icon-qrcode:before {content: "\f029";}
.icon-barcode:before {content: "\f02a";}
.icon-tag:before {content: "\f02b";}
.icon-tags:before {content: "\f02c";}
.icon-book:before {content: "\f02d";}
.icon-bookmark:before {content: "\f02e";}
.icon-print:before {content: "\f02f";}
.icon-picture:before {content: "\f03e";}
.icon-pencil:before {content: "\f040";}
.icon-map-marker:before {content: "\f041";}
.icon-edit:before {content: "\f044";}
.icon-share:before {content: "\f045";}
.icon-check:before {content: "\f046";}
.icon-move:before {content: "\f047";}
.icon-step-backward:before {content: "\f048";}
.icon-fast-backward:before {content: "\f049";}
.icon-backward:before {content: "\f04a";}
.icon-play:before {content: "\f04b";}
.icon-pause:before {content: "\f04c";}
.icon-stop:before {content: "\f04d";}
.icon-forward:before {content: "\f04e";}
.icon-fast-forward:before {content: "\f050";}
.icon-step-forward:before {content: "\f051";}
.icon-eject:before {content: "\f052";}
.icon-chevron-left:before {content: "\f053";}
.icon-chevron-right:before {content: "\f054";}
.icon-plus-sign:before {content: "\f055";}
.icon-minus-sign:before {content: "\f056";}
.icon-remove-sign:before {content: "\f057";}
.icon-ok-sign:before {content: "\f058";}
.icon-question-sign:before {content: "\f059";}
.icon-info-sign:before {content: "\f05a";}
.icon-screenshot:before {content: "\f05b";}
.icon-remove-circle:before {content: "\f05c";}
.icon-ok-circle:before {content: "\f05d";}
.icon-ban-circle:before {content: "\f05e";}
.icon-arrow-left:before {content: "\f060";}
.icon-arrow-right:before {content: "\f061";}
.icon-arrow-up:before {content: "\f062";}
.icon-arrow-down:before {content: "\f063";}
.icon-share-alt:before {content: "\f064";}
.icon-resize-full:before {content: "\f065";}
.icon-resize-small:before {content: "\f066";}
.icon-plus:before {content: "\f067";}
.icon-minus:before {content: "\f068";}
.icon-asterisk:before {content: "\f069";}
.icon-exclamation-sign:before {content: "\f06a";}
.icon-gift:before {content: "\f06b";}
.icon-leaf:before {content: "\f06c";}
.icon-warning-sign:before {content: "\f071";}
.icon-calendar:before {content: "\f073";}
.icon-random:before {content: "\f074";}
.icon-comment:before {content: "\f075";}
.icon-chevron-up:before {content: "\f077";}
.icon-chevron-down:before {content: "\f078";}
.icon-retweet:before {content: "\f079";}
.icon-shopping-cart:before {content: "\f07a";}
.icon-folder-close:before {content: "\f07b";}
.icon-folder-open:before {content: "\f07c";}
.icon-resize-vertical:before {content: "\f07d";}
.icon-resize-horizontal:before {content: "\f07e";}
.icon-bar-chart:before {content: "\f080";}
.icon-key:before {content: "\f084";}
.icon-cogs:before {content: "\f085";}
.icon-comments:before {content: "\f086";}
.icon-signout:before {content: "\f08b";}
.icon-pushpin:before {content: "\f08d";}
.icon-external-link:before {content: "\f08e";}
.icon-signin:before {content: "\f090";}
.icon-upload-alt:before {content: "\f093";}
.icon-phone:before {content: "\f095";}
.icon-check-empty:before {content: "\f096";}
.icon-bookmark-empty:before {content: "\f097";}
.icon-phone-sign:before {content: "\f098";}
.icon-unlock:before {content: "\f09c";}
.icon-credit:before {content: "\f09d";}
.icon-rss:before {content: "\f09e";}
.icon-hdd:before {content: "\f0a0";}
.icon-bullhorn:before {content: "\f0a1";}
.icon-bell:before {content: "\f0a2";}
.icon-circle-arrow-left:before {content: "\f0a8";}
.icon-circle-arrow-right:before {content: "\f0a9";}
.icon-circle-arrow-up:before {content: "\f0aa";}
.icon-circle-arrow-down:before {content: "\f0ab";}
.icon-globe:before {content: "\f0ac";}
.icon-wrench:before {content: "\f0ad";}
.icon-tasks:before {content: "\f0ae";}
.icon-filter:before {content: "\f0b0";}
.icon-briefcase:before {content: "\f0b1";}
.icon-fullscreen:before {content: "\f0b2";}
.icon-group:before {content: "\f0c0";}
.icon-link:before {content: "\f0c1";}
.icon-cloud:before {content: "\f0c2";}
.icon-beaker:before {content: "\f0c3";}
.icon-cut:before {content: "\f0c4";}
.icon-copy:before {content: "\f0c5";}
.icon-paper-clip:before {content: "\f0c6";}
.icon-save:before {content: "\f0c7";}
.icon-sign-blank:before {content: "\f0c8";}
.icon-reorder:before {content: "\f0c9";}
.icon-list-ul:before {content: "\f0ca";}
.icon-list-ol:before {content: "\f0cb";}
.icon-table:before {content: "\f0ce";}
.icon-magic:before {content: "\f0d0";}
.icon-truck:before {content: "\f0d1";}
.icon-money:before {content: "\f0d6";}
.icon-caret-down:before {content: "\f0d7";}
.icon-caret-up:before {content: "\f0d8";}
.icon-caret-left:before {content: "\f0d9";}
.icon-caret-right:before {content: "\f0da";}
.icon-columns:before {content: "\f0db";}
.icon-sort:before {content: "\f0dc";}
.icon-sort-down:before {content: "\f0dd";}
.icon-sort-up:before {content: "\f0de";}
.icon-envelope-alt:before {content: "\f0e0";}
.icon-undo:before {content: "\f0e2";}
.icon-legal:before {content: "\f0e3";}
.icon-dashboard:before {content: "\f0e4";}
.icon-comment-alt:before {content: "\f0e5";}
.icon-comments-alt:before {content: "\f0e6";}
.icon-bolt:before {content: "\f0e7";}
.icon-sitemap:before {content: "\f0e8";}
.icon-paste:before {content: "\f0ea";}
.icon-lightbulb:before {content: "\f0eb";}
.icon-exchange:before {content: "\f0ec";}
.icon-cloud-download:before {content: "\f0ed";}
.icon-cloud-upload:before {content: "\f0ee";}
.icon-suitcase:before {content: "\f0f2";}
.icon-bell-alt:before {content: "\f0f3";}
.icon-file-alt:before {content: "\f0f6";}
.icon-building:before {content: "\f0f7";}
.icon-double-angle-left:before {content: "\f100";}
.icon-double-angle-right:before {content: "\f101";}
.icon-double-angle-up:before {content: "\f102";}
.icon-double-angle-down:before {content: "\f103";}
.icon-angle-left:before {content: "\f104";}
.icon-angle-right:before {content: "\f105";}
.icon-angle-up:before {content: "\f106";}
.icon-angle-down:before {content: "\f107";}
.icon-desktop:before {content: "\f108";}
.icon-laptop:before {content: "\f109";}
.icon-tablet:before {content: "\f10a";}
.icon-mobile:before {content: "\f10b";}
.icon-quote-left:before {content: "\f10d";}
.icon-quote-right:before {content: "\f10e";}
.icon-reply:before {content: "\f112";}
.icon-folder-close-alt:before {content: "\f114";}
.icon-folder-open-alt:before {content: "\f115";}
.icon-phone-2:before {content: "\e000";}
.icon-mobile-2:before {content: "\e001";}
.icon-mouse:before {content: "\e002";}
.icon-directions:before {content: "\e003";}
.icon-mail:before {content: "\e004";}
.icon-pencil-2:before {content: "\e006";}
.icon-paperclip:before {content: "\e008";}
.icon-drawer:before {content: "\e009";}
.icon-reply-2:before {content: "\e00a";}
.icon-reply-all:before {content: "\e00b";}
.icon-forward-2:before {content: "\e00c";}
.icon-user-2:before {content: "\e00d";}
.icon-users:before {content: "\e00e";}
.icon-user-add:before {content: "\e00f";}
.icon-vcard:before {content: "\e010";}
.icon-export:before {content: "\e011";}
.icon-location:before {content: "\e012";}
.icon-map:before {content: "\e013";}
.icon-compass:before {content: "\e014";}
.icon-location-2:before {content: "\e015";}
.icon-target:before {content: "\e016";}
.icon-share-2:before {content: "\e017";}
.icon-sharable:before {content: "\e018";}
.icon-heart:before {content: "\e019";}
.icon-heart-2:before {content: "\e01a";}
.icon-chat:before {content: "\e01f";}
.icon-comment-2:before {content: "\e020";}
.icon-quote:before {content: "\e021";}
.icon-house:before {content: "\e022";}
.icon-search-2:before {content: "\e024"; }
.icon-flashlight:before {content: "\e025";}
.icon-printer:before {content: "\e026";}
.icon-bell-2:before {content: "\e027";}
.icon-link-2:before {content: "\e028";}
.icon-flag-2:before {content: "\e029";}
.icon-cog-2:before {content: "\e02a";}
.icon-tools:before {content: "\e02b";}
.icon-trophy:before {content: "\e02c";}
.icon-tag-2:before {content: "\e02d";}
.icon-camera:before {content: "\e02e";}
.icon-megaphone:before {content: "\e02f";}
.icon-palette:before {content: "\e031";}
.icon-leaf-2:before {content: "\e032";}
.icon-new:before {content: "\e035";}
.icon-graduation:before {content: "\e036";}
.icon-book-2:before {content: "\e037";}
.icon-newspaper:before {content: "\e038";}
.icon-bag:before {content: "\e039";}
.icon-lifebuoy:before {content: "\e03b";}
.icon-eye:before {content: "\e03c";}
.icon-clock:before {content: "\e03d";}
.icon-microphone:before {content: "\e03e";}
.icon-calendar-2:before {content: "\e03f";}
.icon-bolt-2:before {content: "\e040";}
.icon-thunder:before {content: "\e041";}
.icon-droplet:before {content: "\e042";}
.icon-cd:before {content: "\e043";}
.icon-briefcase-2:before {content: "\e044";}
.icon-air:before {content: "\e045";}
.icon-hourglass:before {content: "\e046";}
.icon-gauge:before {content: "\e047";}
.icon-network:before {content: "\e049";}
.icon-key-2:before {content: "\e04a";}
.icon-battery:before {content: "\e04b";}
.icon-magnet:before {content: "\e04d";}
.icon-drive:before {content: "\e04e";}
.icon-brush:before {content: "\e051";}
.icon-suitcase-2:before {content: "\e052";}
.icon-cone:before {content: "\e053";}
.icon-earth:before {content: "\e054";}
.icon-keyboard:before {content: "\e055";}
.icon-browser:before {content: "\e056";}
.icon-publish:before {content: "\e057";}
.icon-progress-3:before {content: "\e058";}
.icon-progress-2:before {content: "\e059";}
.icon-brogress-1:before {content: "\e05a";}
.icon-progress-0:before {content: "\e05b";}
.icon-code:before {content: "\e05f";}
.icon-screen:before {content: "\e060";}
.icon-light-bulb:before {content: "\e062";}
.icon-credit-card:before {content: "\e063";}
.icon-database:before {content: "\e064";}
.icon-clipboard:before {content: "\e066";}
.icon-cart:before {content: "\e067";}
.icon-box:before {content: "\e068";}
.icon-ticket:before {content: "\e069";}
.icon-rss-2:before {content: "\e06a";}
.icon-signal-2:before {content: "\e06b";}
.icon-thermometer:before {content: "\e06c";}
.icon-droplets:before {content: "\e06d";}
.icon-untitled:before {content: "\e06e";}
.icon-statistics:before {content: "\e06f";}
.icon-pie:before {content: "\e070";}
.icon-bars:before {content: "\e071";}
.icon-graph:before {content: "\e072";}
.icon-lock-2:before {content: "\e073";}
.icon-lock-open:before {content: "\e074";}
.icon-logout:before {content: "\e075";}
.icon-login:before {content: "\e076";}
.icon-checkmark:before {content: "\e077";}
.icon-cross:before {content: "\e078";}
.icon-minus-2:before {content: "\e079";}
.icon-plus-2:before {content: "\e07a";}
.icon-cross-2:before {content: "\e07b";}
.icon-minus-3:before {content: "\e07c";}
.icon-plus-3:before {content: "\e07d";}
.icon-cross-3:before {content: "\e07e";}
.icon-minus-4:before {content: "\e07f";}
.icon-plus-4:before {content: "\e080";}
.icon-erase:before {content: "\e081";}
.icon-blocked:before {content: "\e082";}
.icon-info:before {content: "\e083";}
.icon-info-2:before {content: "\e084";}
.icon-question:before {content: "\e085";}
.icon-help:before {content: "\e086";}
.icon-warning:before {content: "\e087";}
.icon-cycle:before {content: "\e088";}
.icon-cw:before {content: "\e089";}
.icon-ccw:before {content: "\e08a";}
.icon-shuffle:before {content: "\e08b";}
.icon-arrow:before {content: "\e08c";}
.icon-arrow-2:before {content: "\e08d";}
.icon-retweet-2:before {content: "\e08e";}
.icon-loop:before {content: "\e08f";}
.icon-history:before {content: "\e090";}
.icon-back:before {content: "\e091";}
.icon-switch:before {content: "\e092";}
.icon-list:before {content: "\e093";}
.icon-add-to-list:before {content: "\e094";}
.icon-layout:before {content: "\e095";}
.icon-list-2:before {content: "\e096";}
.icon-text:before {content: "\e097";}
.icon-text-2:before {content: "\e098";}
.icon-document:before {content: "\e099";}
.icon-docs:before {content: "\e09a";}
.icon-landscape:before {content: "\e09b";}
.icon-pictures:before {content: "\e09c";}
.icon-folder:before {content: "\e09f";}
.icon-archive:before {content: "\e0a0";}
.icon-trash-2:before {content: "\e0a1";}
.icon-upload-2:before {content: "\e0a2";}
.icon-download-2:before {content: "\e0a3";}
.icon-disk:before {content: "\e0a4";}
.icon-install:before {content: "\e0a5";}
.icon-cloud-2:before {content: "\e0a6";}
.icon-upload-3:before {content: "\e0a7";}
.icon-bookmark-2:before {content: "\e0a8";}
.icon-bookmarks:before {content: "\e0a9";}
.icon-book-3:before {content: "\e0aa";}
.icon-play-2:before {content: "\e0ab";}
.icon-pause-2:before {content: "\e0ac";}
.icon-record:before {content: "\e0ad";}
.icon-stop-2:before {content: "\e0ae";}
.icon-next:before {content: "\e0af";}
.icon-previous:before {content: "\e0b0";}
.icon-first:before {content: "\e0b1";}
.icon-last:before {content: "\e0b2";}
.icon-resize-enlarge:before {content: "\e0b3";}
.icon-resize-shrink:before {content: "\e0b4";}
.icon-volume:before {content: "\e0b5";}
.icon-sound:before {content: "\e0b6";}
.icon-mute:before {content: "\e0b7";}
.icon-flow-cascade:before {content: "\e0b8";}
.icon-flow-branch:before {content: "\e0b9";}
.icon-flow-tree:before {content: "\e0ba";}
.icon-flow-line:before {content: "\e0bb";}
.icon-flow-parallel:before {content: "\e0bc";}
.icon-arrow-left-2:before {content: "\e0bd";}
.icon-arrow-down-2:before {content: "\e0be";}
.icon-arrow-up--upload:before {content: "\e0bf";}
.icon-arrow-right-2:before {content: "\e0c0";}
.icon-arrow-left-3:before {content: "\e0c1";}
.icon-arrow-down-3:before {content: "\e0c2"; }
.icon-arrow-up-2:before {content: "\e0c3";}
.icon-arrow-right-3:before {content: "\e0c4";}
.icon-arrow-left-4:before {content: "\e0c5";}
.icon-arrow-down-4:before {content: "\e0c6";}
.icon-arrow-up-3:before {content: "\e0c7";}
.icon-arrow-right-4:before {content: "\e0c8";}
.icon-arrow-left-5:before {content: "\e0c9";}
.icon-arrow-down-5:before {content: "\e0ca";}
.icon-arrow-up-4:before {content: "\e0cb";}
.icon-arrow-right-5:before {content: "\e0cc";}
.icon-arrow-left-6:before {content: "\e0cd";}
.icon-arrow-down-6:before {content: "\e0ce";}
.icon-arrow-up-5:before {content: "\e0cf";}
.icon-arrow-right-6:before {content: "\e0d0";}
.icon-arrow-left-7:before {content: "\e0d1";}
.icon-arrow-down-7:before {content: "\e0d2";}
.icon-arrow-up-6:before {content: "\e0d3";}
.icon-arrow-right-7:before {content: "\e0d4";}
.icon-arrow-left-8:before {content: "\e0d5";}
.icon-arrow-down-8:before {content: "\e0d6";}
.icon-arrow-up-7:before {content: "\e0d7";}
.icon-untitled-2:before {content: "\e0d8";}
.icon-arrow-left-9:before {content: "\e0d9";}
.icon-arrow-down-9:before {content: "\e0da";}
.icon-arrow-up-8:before {content: "\e0db";}
.icon-arrow-right-8:before {content: "\e0dc";}
.icon-menu:before {content: "\e0dd";}
.icon-ellipsis:before {content: "\e0de";}
.icon-dots:before {content: "\e0df";}
.icon-dot:before {content: "\e0e0";}
.icon-home-2:before {content: "\e11c";}
.icon-home-3:before {content: "\e11d";}
.icon-home-4:before {content: "\e11e";}
.icon-office:before {content: "\e11f";}
.icon-newspaper-2:before {content: "\e120";}
.icon-pencil-3:before {content: "\e121";}
.icon-quill:before {content: "\e123";}
.icon-pen:before {content: "\e124";}
.icon-blog:before {content: "\e125";}
.icon-droplet-2:before {content: "\e126";}
.icon-paint-format:before {content: "\e127";}
.icon-image:before {content: "\e128";}
.icon-image-2:before {content: "\e129";}
.icon-images:before {content: "\e12a";}
.icon-play-3:before {content: "\e12e";}
.icon-film:before {content: "\e12f";}
.icon-camera-2:before {content: "\e130";}
.icon-bullhorn-2:before {content: "\e137";}
.icon-connection:before {content: "\e138";}
.icon-podcast:before {content: "\e139";}
.icon-feed:before {content: "\e13a";}
.icon-book-4:before {content: "\e13b";}
.icon-books:before {content: "\e13c";}
.icon-library:before {content: "\e13d";}
.icon-file-2:before {content: "\e13e";}
.icon-profile:before {content: "\e13f";}
.icon-file-3:before {content: "\e140";}
.icon-file-4:before {content: "\e141";}
.icon-file-5:before {content: "\e142";}
.icon-copy-2:before {content: "\e143";}
.icon-copy-3:before {content: "\e144";}
.icon-copy-4:before {content: "\e145";}
.icon-paste-2:before {content: "\e146";}
.icon-paste-3:before {content: "\e147";}
.icon-paste-4:before {content: "\e148";}
.icon-stack:before {content: "\e149";}
.icon-folder-2:before {content: "\e14a";}
.icon-folder-open-2:before {content: "\e14b";}
.icon-tag-3:before {content: "\e14c";}
.icon-tags-2:before {content: "\e14d";}
.icon-barcode-2:before {content: "\e14e";}
.icon-qrcode-2:before {content: "\e14f";}
.icon-ticket-2:before {content: "\e150";}
.icon-cart-2:before {content: "\e151";}
.icon-cart-3:before {content: "\e152";}
.icon-cart-4:before {content: "\e153";}
.icon-coin:before {content: "\e154";}
.icon-credit-2:before {content: "\e155";}
.icon-calculate:before {content: "\e156";}
.icon-support:before {content: "\e157";}
.icon-phone-3:before {content: "\e158";}
.icon-phone-hang-up:before {content: "\e159";}
.icon-address-book:before {content: "\e15a";}
.icon-notebook:before {content: "\e15b";}
.icon-envelop:before {content: "\e15c";}
.icon-pushpin-2:before {content: "\e15d";}
.icon-location-3:before {content: "\e15e";}
.icon-location-4:before {content: "\e15f";}
.icon-compass-2:before {content: "\e160";}
.icon-map-2:before {content: "\e161";}
.icon-map-3:before {content: "\e162";}
.icon-history-2:before {content: "\e163";}
.icon-clock-2:before {content: "\e164";}
.icon-clock-3:before {content: "\e165";}
.icon-alarm:before {content: "\e166";}
.icon-alarm-2:before {content: "\e167";}
.icon-bell-3:before {content: "\e168";}
.icon-stopwatch:before {content: "\e169";}
.icon-calendar-3:before {content: "\e16a";}
.icon-calendar-4:before {content: "\e16b";}
.icon-print-2:before {content: "\e16c";}
.icon-keyboard-2:before {content: "\e16d";}
.icon-screen-2:before {content: "\e16e";}
.icon-laptop-2:before {content: "\e16f";}
.icon-mobile-3:before {content: "\e170";}
.icon-mobile-4:before {content: "\e171";}
.icon-tablet-2:before {content: "\e172";}
.icon-tv:before {content: "\e173";}
.icon-cabinet:before {content: "\e174";}
.icon-drawer-2:before {content: "\e175";}
.icon-drawer-3:before {content: "\e176";}
.icon-drawer-4:before {content: "\e177";}
.icon-box-add:before {content: "\e178";}
.icon-box-remove:before {content: "\e179";}
.icon-download-3:before {content: "\e17a";}
.icon-upload-4:before {content: "\e17b";}
.icon-disk-2:before {content: "\e17c";}
.icon-storage:before {content: "\e17d";}
.icon-undo-2:before {content: "\e17e";}
.icon-redo:before {content: "\e17f";}
.icon-flip:before {content: "\e180";}
.icon-flip-2:before {content: "\e181";}
.icon-undo-3:before {content: "\e182";}
.icon-redo-2:before {content: "\e183";}
.icon-forward-3:before {content: "\e184";}
.icon-reply-3:before {content: "\e185";}
.icon-bubble:before {content: "\e186";}
.icon-bubbles:before {content: "\e187";}
.icon-bubbles-2:before {content: "\e188";}
.icon-bubble-2:before {content: "\e189";}
.icon-bubbles-3:before {content: "\e18a";}
.icon-bubbles-4:before {content: "\e18b";}
.icon-user-3:before {content: "\e18c";}
.icon-users-2:before {content: "\e18d";}
.icon-user-4:before {content: "\e18e";}
.icon-users-3:before {content: "\e18f";}
.icon-user-5:before {content: "\e190";}
.icon-user-6:before {content: "\e191";}
.icon-quotes-left:before {content: "\e192";}
.icon-busy:before {content: "\e193";}
.icon-spinner:before {content: "\e198";}
.icon-spinner-2:before {content: "\e199";}
.icon-binoculars:before {content: "\e19a";}
.icon-search-3:before {content: "\e19b";}
.icon-zoom-in-2:before {content: "\e19c";}
.icon-zoom-out-2:before {content: "\e19d";}
.icon-expand:before {content: "\e19e";}
.icon-contract:before {content: "\e19f";}
.icon-expand-2:before {content: "\e1a0";}
.icon-contract-2:before {content: "\e1a1";}
.icon-key-3:before {content: "\e1a2";}
.icon-key-4:before {content: "\e1a3";}
.icon-lock-3:before {content: "\e1a4";}
.icon-lock-4:before {content: "\e1a5";}
.icon-unlocked:before {content: "\e1a6";}
.icon-wrench-2:before {content: "\e1a7";}
.icon-settings:before {content: "\e1a8";}
.icon-equalizer:before {content: "\e1a9";}
.icon-cog-3:before {content: "\e1aa";}
.icon-cogs-2:before {content: "\e1ab";}
.icon-cog-4:before {content: "\e1ac";}
.icon-hammer:before {content: "\e1ad";}
.icon-wand:before {content: "\e1ae";}
.icon-aid:before {content: "\e1af";}
.icon-bug:before {content: "\e1b0";}
.icon-pie-2:before {content: "\e1b1";}
.icon-stats:before {content: "\e1b2";}
.icon-bars-2:before {content: "\e1b3";}
.icon-bars-3:before {content: "\e1b4";}
.icon-leaf-3:before {content: "\e1ba";}
.icon-rocket:before {content: "\e1bb";}
.icon-meter:before {content: "\e1bc";}
.icon-meter2:before {content: "\e1bd";}
.icon-dashboard-2:before {content: "\e1be";}
.icon-hammer-2:before {content: "\e1bf";}
.icon-fire:before {content: "\e1c0";}
.icon-magnet-2:before {content: "\e1c2";}
.icon-remove-2:before {content: "\e1c3";}
.icon-remove-3:before {content: "\e1c4";}
.icon-briefcase-3:before {content: "\e1c5";}
.icon-truck-2:before {content: "\e1c7";}
.icon-road-2:before {content: "\e1c8";}
.icon-accessibility:before {content: "\e1c9";}
.icon-shield:before {content: "\e1cb";}
.icon-lightning:before {content: "\e1cc";}
.icon-switch-2:before {content: "\e1cd";}
.icon-power-cord:before {content: "\e1ce";}
.icon-signup:before {content: "\e1cf";}
.icon-list-3:before {content: "\e1d0";}
.icon-list-4:before {content: "\e1d1";}
.icon-numbered-list:before {content: "\e1d2";}
.icon-menu-2:before {content: "\e1d3";}
.icon-menu-3:before {content: "\e1d4";}
.icon-tree:before {content: "\e1d5";}
.icon-cloud-3:before {content: "\e1d6";}
.icon-cloud-download-2:before {content: "\e1d7";}
.icon-cloud-upload-2:before {content: "\e1d8";}
.icon-download-4:before {content: "\e1d9";}
.icon-upload-5:before {content: "\e1da";}
.icon-download-5:before {content: "\e1db";}
.icon-upload-6:before {content: "\e1dc";}
.icon-globe-2:before {content: "\e1dd";}
.icon-earth-2:before {content: "\e1de";}
.icon-link-3:before {content: "\e1df";}
.icon-flag-3:before {content: "\e1e0";}
.icon-attachment:before {content: "\e1e1";}
.icon-bookmark-3:before {content: "\e1e5";}
.icon-bookmarks-2:before {content: "\e1e6";}
.icon-star:before {content: "\e1ea";}
.icon-star-2:before {content: "\e1eb";}
.icon-star-3:before {content: "\e1ec";}
.icon-heart-3:before {content: "\e1ed";}
.icon-heart-4:before {content: "\e1ee";}
.icon-heart-broken:before {content: "\e1ef";}
.icon-warning-2:before {content: "\e210";}
.icon-notification:before {content: "\e211";}
.icon-question-2:before {content: "\e212";}
.icon-info-3:before {content: "\e213";}
.icon-info-4:before {content: "\e214";}
.icon-blocked-2:before {content: "\e215";}
.icon-cancel-circle:before {content: "\e216";}
.icon-checkmark-circle:before {content: "\e217";}
.icon-spam:before {content: "\e218";}
.icon-close:before {content: "\e219";}
.icon-checkmark-2:before {content: "\e21a";}
.icon-checkmark-3:before {content: "\e21b";}
.icon-minus-5:before {content: "\e21d";}
.icon-plus-5:before {content: "\e21e";}
.icon-enter:before {content: "\e21f";}
.icon-exit:before {content: "\e220";}
.icon-play-4:before {content: "\e221";}
.icon-pause-3:before {content: "\e222";}
.icon-stop-3:before {content: "\e223";}
.icon-backward-2:before {content: "\e224";}
.icon-forward-4:before {content: "\e225";}
.icon-play-5:before {content: "\e226";}
.icon-pause-4:before {content: "\e227";}
.icon-stop-4:before {content: "\e228";}
.icon-backward-3:before {content: "\e229";}
.icon-forward-5:before {content: "\e22a";}
.icon-first-2:before {content: "\e22b";}
.icon-last-2:before {content: "\e22c";}
.icon-previous-2:before {content: "\e22d";}
.icon-next-2:before {content: "\e22e";}
.icon-eject-2:before {content: "\e22f";}
.icon-loop-2:before {content: "\e237";}
.icon-loop-3:before {content: "\e238";}
.icon-loop-4:before {content: "\e239";}
.icon-shuffle-2:before {content: "\e23a";}
.icon-arrow-up-left:before {content: "\e23b";}
.icon-arrow-up-9:before {content: "\e23c";}
.icon-arrow-up-right:before {content: "\e23d";}
.icon-arrow-right-9:before {content: "\e23e";}
.icon-arrow-down-right:before {content: "\e23f";}
.icon-arrow-down-10:before {content: "\e240";}
.icon-arrow-down-left:before {content: "\e241";}
.icon-arrow-left-10:before {content: "\e242";}
.icon-arrow-up-left-2:before {content: "\e243";}
.icon-arrow-up-10:before {content: "\e244";}
.icon-arrow-up-right-2:before {content: "\e245";}
.icon-arrow-right-10:before {content: "\e246";}
.icon-arrow-down-right-2:before {content: "\e247";}
.icon-arrow-down-11:before {content: "\e248";}
.icon-arrow-down-left-2:before {content: "\e249";}
.icon-arrow-left-11:before {content: "\e24a";}
.icon-arrow-up-left-3:before {content: "\e24b";}
.icon-arrow-up-11:before {content: "\e24c";}
.icon-arrow-up-right-3:before {content: "\e24d";}
.icon-arrow-right-11:before {content: "\e24e";}
.icon-arrow-down-right-3:before {content: "\e24f";}
.icon-arrow-down-12:before {content: "\e250";}
.icon-arrow-down-left-3:before {content: "\e251";}
.icon-arrow-left-12:before {content: "\e252";}
.icon-tab:before {content: "\e253";}
.icon-checkbox-checked:before {content: "\e254";}
.icon-checkbox-unchecked:before {content: "\e255";}
.icon-checkbox-partial:before {content: "\e256";}
.icon-radio-checked:before {content: "\e257";}
.icon-radio-unchecked:before {content: "\e258";}
.icon-scissors:before {content: "\e25a";}
.icon-filter-2:before {content: "\e25b";}
.icon-filter-3:before {content: "\e25c";}
.icon-table-2:before {content: "\e266";}
.icon-table-3:before {content: "\e267";}
.icon-insert-template:before {content: "\e268";}
.icon-indent-decrease:before {content: "\e275";}
.icon-new-tab:before {content: "\e276";}
.icon-embed:before {content: "\e277";}
.icon-code-2:before {content: "\e278";}
.icon-console:before {content: "\e279";}
.icon-share-3:before {content: "\e27a";}
.icon-mail-2:before {content: "\e27b";}
.icon-mail-3:before {content: "\e27e";}
.icon-libreoffice:before {content: "\e2cd";}
.icon-file-pdf:before {content: "\e2ce";}
.icon-file-openoffice:before {content: "\e2cf";}
.icon-file-word:before {content: "\e2d0";}
.icon-file-excel:before {content: "\e2d1";}
.icon-file-zip:before {content: "\e2d2";}
.icon-file-powerpoint:before {content: "\e2d3";}
.icon-file-xml:before {content: "\e2d4";}
.icon-checklist:before {content: "\e033";}
.icon-notes:before {content: "\e034";}
.icon-folder-3:before {content: "\e005";}
.icon-locked:before {content: "\e04c";}
.icon-unlocked-2:before {content: "\e050";}