.ui-header 
{
    background: #1E1E1E;
    border-bottom: 1px solid #000000;
    width:100%;  
}

.ui-header-item
{
    background: #1E1E1E !important;
    border:none;
    content: "";
    clear: both;    
    color: #fff;      
    padding-top: 7px;
}

.ui-header-item:focus, .ui-header-item:hover {
    background-color: #4D4D4D !important;
}

.ui-header-item-image
{    
    margin-top: -18px;
    background-size: 28px;	
    background-position: left center !important;
    width: 28px !important;
    height: 28px;
}

.ui-header-create-request
{
    background: #3572b0 !important;
	  border:none;
    content: "";
    clear: both;
    color: #fff !important;	
    padding-top: 7px;  
}
.ui-header-create-request:focus, .ui-header-create-request:hover {
  background-color: #1A4067 !important;
}

.ui-header-create-schedule
{
    background: #F27E2F !important;   
    border:none;
    content: "";
    clear: both;
    color: #fff !important;  
    padding-top: 7px;     
}
.ui-header-create-schedule:focus, .ui-header-create-schedule:hover {
  background-color: #A85319 !important;
}

.ui-header-create-project
{
    background: #46B035 !important;
	  border:none;
    content: "";
    clear: both;
    color: #fff !important;
    padding-top: 7px;
}
.ui-header-create-project:focus, .ui-header-create-project:hover {
  background-color: #1A6725 !important;
}

.ui-header-history
{
    background: #B70100 !important;
    border:none;
    content: "";
    clear: both;
    color: #fff !important;
    padding-top: 7px;
}
.ui-header-history:focus, .ui-header-history:hover {
  background-color: #C33B23 !important;
}


.ui-header-help
{
    background: #0246cd !important;
    border:none;
    content: "";
    clear: both;
    color: #000 !important;
    padding-top: 7px;
}
.ui-header-help:focus, .ui-header-help:hover {
  background-color: #0058af !important;
}



.dash-grid-header
{
    padding: 6px 8px 6px 8px !important;	
    background: #3572b0;	
}

.dash-grid-header-title
{
    font-size: 12px;
    color: #fff;	
}

.gfrActive { background: #0070C0; color: #FFFFFF;	}
.gfrDeactive { background: #00B050; color: #000000;	}
.gfrFinished { background: #262626; color: #FFFFFF;	}
.gfrUnanswered { background: #FFFF00; color: #000000;	}

.rsNew { background: #9ECB60; color: #000000;	}
.rsOpen { background: #0082C6; color: #FFFFFF;	}
.rsOnHold { background: #EDDC1C; color: #000000;	}
.rsTesting { background: #34BFB4; color: #000000;	}
.rsResolved { background: #FB8533; color: #000000;	}
.rsDuplicate { background: #E7A6FF; color: #000000;	}
.rsInvalid { background: #C3C3C3; color: #000000;	}
.rsWontFix { background: #ED1C24; color: #FFFFFF;	}
.rsClosed { background: #626666; color: #FFFFFF;	}
.rsCustomerTest { background: #30928A; color: #FFFFFF;	}
.rsFinished { background: #000000; color: #FFFFFF;	}
.rsUnsettled { background: #C7E38B; color: #FFFFFF;	}
.rsInReview { background: #00B2C6; color: #000000;	}
.rsInAnalysis { background: #7D00A9; color: #FFFFFF;	}

.psNew { background: #9ECB60; color: #000000;	}
.psOpen { background: #0082C6; color: #FFFFFF;	}
.psOnHold { background: #EDDC1C; color: #000000;	}
.psTesting { background: #34BFB4; color: #000000;	}
.psClosed { background: #626666; color: #FFFFFF;	}
.psCustomerTest { background: #30928A; color: #FFFFFF;	}
.psFinished { background: #000000; color: #FFFFFF;	}

.stSetup { background: #880015; color: #FFFFFF;	}
.stEducation { background: #22B14C; color: #000000;	}
.stOnSiteSupport { background: #A349A4; color: #FFFFFF;	}
.stPeriodicVisit { background: #976448; color: #FFFFFF;	}
.stDatabaseError { background: #ED1C24; color: #FFFFFF;	}
.stSoftwareError { background: #FF7F27; color: :#000000;	}
.stMeeting { background: #414141; color: #FFFFFF;	}
.stInterview { background: #A8A92C; color: #000000;	}


.grid-request-header
{
    padding: 6px 8px 6px 8px !important;	
    background: #3572b0;	
}
.grid-request-header-title
{
    font-size: 12px;
    color: #fff !important;	
}

.grid-workflow-header
{
    padding: 6px 8px 6px 8px !important;	
    background: #fad73e;	
}
.grid-workflow-header-title
{
    font-size: 12px;
    color: #000 !important;	
}


.ui-header-notification
{
    content: "";
    clear: both;
}

.ui-header-notification:hover
{
    background: #ffffff;
    border-color: #fa3e3e;
}




.ui-header .ui-quicksearch {
    padding: 0 10px;
}

.ui-header .ui-quicksearch .x-form-trigger-default
{
    background-color: #1E1E1E;
    color: #FFFFFF
}

.ui-header .ui-quicksearch input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background: #707070;
    border: 0;
    border-radius: 5em;
    box-shadow: inset 1px 2px 3px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    vertical-align: baseline;
}

.ui-header .ui-quicksearch input:focus {
    background-color: #fff;
    outline: 0;
}
.ui-header .ui-quicksearch {
    position: relative;
}

.ui-header .ui-quicksearch input[type='text'] {
    background: #3F3F46;
    border-radius: 3px;
    box-shadow: none;
    color: #f5f5f5;
    height: 100%;    
    padding-right: 26px;
}

.ui-header .ui-quicksearch input[type='text']::-webkit-input-placeholder {
    color: #f5f5f5;
}

.ui-header .ui-quicksearch input[type='text']::-moz-placeholder {
    color: #f5f5f5;
}

.ui-header .ui-quicksearch input[type='text']:-ms-input-placeholder {
    color: #f5f5f5;
}

.ui-header .ui-quicksearch input[type='text'][type='text']:focus {
    background: #3F3F46;
    color: #fff;
}

.ui-header .ui-quicksearch input[type='text']:focus::-webkit-input-placeholder {
    color: #fff;
}

.ui-header .ui-quicksearch input[type='text']:focus::-moz-placeholder {
    color: #fff;
}

.ui-header .ui-quicksearch input[type='text']:focus:-ms-input-placeholder {
    color: #fff;
}

.stayontop
{
     z-index: 999999;
}

.z100
{
     z-index: 100;
}

/* ========================================================================== */
/* ---------->>>                        BOX CONTROL
/* ========================================================================== */

.aCenter { text-align:center; }
.aRight { text-align:right; }
.aLeft { text-align:left; }
.vCenter { vertical-align:middle; }
.vTop { vertical-align:top; }
.vBottom { vertical-align:bottom; }
.vTopLeft { vertical-align:top; text-align:left; }
.vTopCenter { vertical-align:top; text-align:center; }

.clear { clear:both; }
.lfloat { float:left }
.rfloat { float:right }
.fix { display:block; }
.hide {display:none;}
.posab { position:absolute !important; }
.posfix { position:fixed !important; }
.posrelative { position:relative !important; }
.b { font-weight:bold; }
.pointer { cursor:pointer; }
.noBorder { border:none !important; }
.noBorderLeft { border-left:none !important; }
.noBorderRight { border-right:none !important; }
.noBorderBottom { border-bottom:none !important; }
.noBG { background:transparent !important; }
.borderRadius { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; }
.noSpace { border-spacing:0px; }

.defaultBG{ background:#f2f2f2 !important; }

.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
/*              Box Control end       */

/* ========================================================================== */
/* ---------->>>                        HACKS
/* ========================================================================== */

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } 

.scrollVertical { overflow: auto; overflow-x: hidden; -ms-overflow-x: hidden; }
.scrollHorizontal { overflow: auto; overflow-y: hidden; -ms-overflow-y: hidden; }
.scrollBoth { overflow: auto; }
.noScroll { overflow: hidden; }

.noWordWrap { white-space:nowrap;overflow:visible; }

.fitPicture { object-fit:cover; }

/*              Hacks end       */

/* ========================================================================== */
/* ---------->>>                        FONT SIZE STARTING
/* ========================================================================== */

.f7 { font-size: 7pt !important; }
.f8 { font-size: 8pt !important; }
.f9 { font-size: 9pt !important; }
.f10 { font-size: 10pt !important; }
.f11 { font-size: 11pt !important; }
.f12 { font-size: 12pt !important; }
.f16 { font-size: 16pt !important; }
.f18 { font-size: 18pt !important; }
.f24 { font-size: 24pt !important; }
.f32 { font-size: 32pt !important; }

/*              Font size end       */

/* ========================================================================== */
/* ---------->>>                        WIDTH STARTING
/* ========================================================================== */

.w1  { width:1px; }
.w3  { width:3px; }
.w5  { width:5px; }
.w10 { width:10px; }
.w15 { width:15px; }
.w20 { width:20px; }
.w25 { width:25px; }
.w30 { width:30px; }
.w35 { width:35px; }
.w40 { width:40px; }
.w45 { width:45px; }
.w50 { width:50px; }
.w54 { width:54px; } /* date */
.w60 { width:60px; }
.w65 { width:65px; }
.w70 { width:70px; }
.w75 { width:75px; }
.w80 { width:80px; }
.w85 { width:85px; }
.w90 { width:90px; }
.w95 { width:95px; }
.w100 { width:100px; }
.w115 { width:115px; }
.w125 { width:125px; }
.w130 { width:130px; }
.w135 { width:135px; }
.w140 { width:140px; }
.w145 { width:145px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w175 { width:175px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w215 { width:215px; }
.w225 { width:225px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w275 { width:275px; }
.w300 { width:300px; }
.w320 { width:320px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w420 { width:420px; }
.w450 { width:450px; }
.w480 { width:480px; }
.w500 { width:500px; }
.w520 { width:520px; }
.w525 { width:525px; }
.w550 { width:550px; }
.w580 { width:580px; }
.w600 { width:600px; }
.w620 { width:620px; }
.w640 { width:640px; }
.w650 { width:650px; }
.w700 { width:700px; }
.w720 { width:720px; }
.w740 { width:740px; }
.w750 { width:750px; }
.w760 { width:760px; }
.w900 { width:900px; }
.w950 { width:950px; }
.w1000 { width:1000px; }
.wauto { width:auto; }
.wfull { width:100%; }
.wp50{width:50%;}
.wp30{width:30%;}
.wp70{width:70%;}
/*              Width end       */

/* ========================================================================== */
/* ---------->>>                        HEIGHT STARTING
/* ========================================================================== */
.h5  { height:5px; }
.h10 { height:10px; }
.h15 { height:15px; }
.h20 { height:20px; }
.h25 { height:25px; }
.h30 { height:30px; }
.h35 { height:35px; }
.h40 { height:40px; }
.h45 { height:45px; }
.h50 { height:50px; }
.h60 { height:60px; }
.h70 { height:70px; }
.h75 { height:75px; }
.h80 { height:80px; }
.h85 { height:85px; }
.h100 { height:100px; }
.h120 { height:120px; }
.h125 { height:125px; }
.h150 { height:150px; }
.h175 { height:175px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
.h480 { height:480px; }
.h520 { height:520px; }
.hauto { height:auto; }
.hfull { height:100%; }
.hmin {min-height:100px;}
.hmin500 {min-height:500px;}
.hmax {max-height:100px;}
.hmax150 {max-height:150px;}
.hmax240 {max-height:240px;}
.hmax320 {max-height:320px;}
.hnone { height:0px; }
/*              height end       */

/* ========================================================================== */
/* ---------->>>                        PADDING STARTING
/* ========================================================================== */

/* padding style start */
.nopad {padding:0px; }
.pad1 {padding:1px; }
.pad2 {padding:2px; }
.pad3 {padding:3px; }
.pad4 {padding:4px; }
.pad5 {padding:5px; }
.pad6 {padding:6px; }
.pad7 {padding:7px; }
.pad8 {padding:8px; }
.pad9 {padding:9px; }
.pad10 {padding:10px; }
.pad15 {padding:15px; }
.pad20 {padding:20px; }
.pad25 {padding:25px; }
.pad30 {padding:30px; }
.pad50 {padding:50px; }
/* padding style end */

/* padding-left style start */
.padL1 {padding-left:1px; }
.padL2 {padding-left:2px; }
.padL3 {padding-left:3px; }
.padL4 {padding-left:4px; }
.padL5 {padding-left:5px; }
.padL6 {padding-left:6px; }
.padL7 {padding-left:7px; }
.padL8 {padding-left:8px; }
.padL9 {padding-left:9px; }
.padL10 {padding-left:10px; }
.padL15 {padding-left:15px; }
.padL20 {padding-left:20px; }
.padL25 {padding-left:25px; }
.padL30 {padding-left:30px; }
.padL35 {padding-left:35px; }
/* padding-left style end */

/* padding-right style start */
.padR1 {padding-right:1px; }
.padR2 {padding-right:2px; }
.padR3 {padding-right:3px; }
.padR4 {padding-right:4px; }
.padR5 {padding-right:5px; }
.padR6 {padding-right:6px; }
.padR7 {padding-right:7px; }
.padR8 {padding-right:8px; }
.padR9 {padding-right:9px; }
.padR10 {padding-right:10px; }
.padR15 {padding-right:15px; }
.padR20 {padding-right:20px; }
.padR50 {padding-right:50px; }
/* padding-right style end */

/* padding-top style start */
.padT1 {padding-top:1px; }
.padT2 {padding-top:2px; }
.padT3 {padding-top:3px; }
.padT4 {padding-top:4px; }
.padT5 {padding-top:5px; }
.padT6 {padding-top:6px; }
.padT7 {padding-top:7px; }
.padT8 {padding-top:8px; }
.padT9 {padding-top:9px; }
.padT10 {padding-top:10px; }
.padT11 {padding-top:11px; }
.padT12 {padding-top:12px; }
.padT13 {padding-top:13px; }
.padT14 {padding-top:14px; }
.padT15 {padding-top:15px; }
.padT20 {padding-top:20px; }
.padT30 {padding-top:30px; }
.padT40 {padding-top:40px; }
.padT50 {padding-top:50px; }
.padT100 {padding-top:100px; }
.padT125 {padding-top:125px; }
.padT150 {padding-top:150px; }
.padT175 {padding-top:175px; }
.padT200 {padding-top:200px; }
.padT250 {padding-top:250px; }
/* padding-top style end */

/* padding-bottom style start */
.padB1 {padding-bottom:1px; }
.padB2 {padding-bottom:2px; }
.padB3 {padding-bottom:3px; }
.padB4 {padding-bottom:4px; }
.padB5 {padding-bottom:5px; }
.padB6 {padding-bottom:6px; }
.padB7 {padding-bottom:7px; }
.padB8 {padding-bottom:8px; }
.padB9 {padding-bottom:9px; }
.padB10 {padding-bottom:10px; }
.padB12 {padding-bottom:12px; }
.padB15 {padding-bottom:15px; }
.padB30 {padding-bottom:30px; }
.padB40 {padding-bottom:40px; }
.padB50 {padding-bottom:50px; }

.shortPadBottom{padding-bottom: 0.5em;}
/* padding-bottom style end */

/* PADDING END */

/* ========================================================================== */
/* ---------->>>                        MARGIN STARTING
/* ========================================================================== */

/* margin style start */
.marLRauto { margin-left:auto; margin-right:auto; }
.nomar {margin:0px; }
.mar1 {margin:1px; }
.mar2 {margin:2px; }
.mar3 {margin:3px; }
.mar4 {margin:4px; }
.mar5 {margin:5px; }
.mar6 {margin:6px; }
.mar7 {margin:7px; }
.mar8 {margin:8px; }
.mar9 {margin:9px; }
.mar10 {margin:10px; }
.mar15 {margin:15px; }
.mar30 {margin:30px; }
.mar50 {margin:50px; }
/* margin style end */

/* margin-left style start */
.marL1 {margin-left:1px; }
.marL2 {margin-left:2px; }
.marL3 {margin-left:3px; }
.marL4 {margin-left:4px; }
.marL5 {margin-left:5px; }
.marL6 {margin-left:6px; }
.marL7 {margin-left:7px; }
.marL8 {margin-left:8px; }
.marL9 {margin-left:9px; }
.marL10 {margin-left:10px; }
.marL15 {margin-left:15px; }
.marL16 {margin-left:16px; }
.marL20 {margin-left:20px; }
.marL25 {margin-left:25px; }
.marL30 {margin-left:30px; }
.marL35 {margin-left:35px; }
.marL40 {margin-left:40px; }
.marL45 {margin-left:45px; }
.marL50 {margin-left:50px; }
.marL70 {margin-left:70px; }
.marL75 {margin-left:75px; }
.marL100 {margin-left:100px; }
.marL135 {margin-left:135px; }
.marL145 {margin-left:145px; }
.marL150 {margin-left:150px; }
.marL155 {margin-left:155px; }
.marL160 {margin-left:160px; }
.marL190 {margin-left:190px; }
.marL200 {margin-left:200px; }
.marL225 {margin-left:225px; }
.marL300 {margin-left:300px; }
.marL330 {margin-left:330px; }
.marL360 {margin-left:360px; }
.marL400 {margin-left:400px; }
.marL420 {margin-left:420px; }
.marL425 {margin-left:425px; }
.marL450 {margin-left:450px; }
.marL500 {margin-left:500px; }
.marL525 {margin-left:525px; }
.marL650 {margin-left:650px; }
.marL700 {margin-left:700px; }
.marL720 {margin-left:720px; }
.marL750 {margin-left:750px; }
/* margin-left style end */

/* margin-right style start */
.marR1 {margin-right:1px; }
.marR2 {margin-right:2px; }
.marR3 {margin-right:3px; }
.marR4 {margin-right:4px; }
.marR5 {margin-right:5px; }
.marR6 {margin-right:6px; }
.marR7 {margin-right:7px; }
.marR8 {margin-right:8px; }
.marR9 {margin-right:9px; }
.marR10 {margin-right:10px; }
.marR15 {margin-right:15px; }
.marR20 {margin-right:20px; }
.marR30 {margin-right:30px; }
.marR40 {margin-right:40px; }
.marR50 {margin-right:50px; }
.marR75 {margin-right:75px; }
.marR100 {margin-right:100px; }
.marR115 {margin-right:115px; }
/* margin-right style end */

/* margin-top style start */
.marT1 {margin-top:1px; }
.marT2 {margin-top:2px; }
.marT3 {margin-top:3px; }
.marT4 {margin-top:4px; }
.marT5 {margin-top:5px; }
.marT6 {margin-top:6px; }
.marT7 {margin-top:7px; }
.marT8 {margin-top:8px; }
.marT9 {margin-top:9px; }
.marT10 {margin-top:10px; }
.marT12 {margin-top:12px; }
.marT15 {margin-top:15px; }
.marT20 {margin-top:20px; }
.marT25 {margin-top:25px; }
.marT30 {margin-top:30px; }
.marT35 {margin-top:35px; }
.marT40 {margin-top:40px; }
.marT50 {margin-top:50px; }
.marT80 {margin-top:80px; }
.marT100 {margin-top:100px; }
/* margin-top style end */

.marTM7 { margin-top:-7px;}
.marTM20 { margin-top:-20px;}

/* margin-bottom style start */
.marB1 {margin-bottom:1px; }
.marB2 {margin-bottom:2px; }
.marB3 {margin-bottom:3px; }
.marB4 {margin-bottom:4px; }
.marB5 {margin-bottom:5px; }
.marB6 {margin-bottom:6px; }
.marB7 {margin-bottom:7px; }
.marB8 {margin-bottom:8px; }
.marB9 {margin-bottom:9px; }
.marB10 {margin-bottom:10px; }
.marB15 {margin-bottom:15px; }
.marB20 {margin-bottom:20px; }
.marB30 {margin-bottom:30px; }
.marB50 {margin-bottom:50px; }
.marB80 {margin-bottom:80px; }
/* margin-bottom style end */

/* margin END */

/* ========================================================================== */
/* ---------->>>                        ROUND STARTING
/* ========================================================================== */
.rnd1 { -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }
.rnd2 { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.rnd3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.rnd4 { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.rnd5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.rnd6 { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.rnd7 { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
.rnd8 { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.rnd9 { -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; }
.rnd10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

.rndL1 { -moz-border-top-left-radius:1px; -webkit-border-top-left-radius:1px; border-top-left-radius:1px; -moz-border-bottom-left-radius:1px; -webkit-border-bottom-left-radius:1px; border-bottom-left-radius:1px; }
.rndL2 { -moz-border-top-left-radius:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; -moz-border-bottom-left-radius:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; }
.rndL3 { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.rndL4 { -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; }
.rndL5 { -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; }
.rndL6 { -moz-border-top-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; }
.rndL7 { -moz-border-top-left-radius:7px; -webkit-border-top-left-radius:7px; border-top-left-radius:7px; -moz-border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; border-bottom-left-radius:7px; }
.rndL8 { -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px; -moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px; }
.rndL9 { -moz-border-top-left-radius:9px; -webkit-border-top-left-radius:9px; border-top-left-radius:9px; -moz-border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px; border-bottom-left-radius:9px; }
.rndL10 { -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; }

.rndT1 { -moz-border-top-left-radius:1px; -webkit-border-top-left-radius:1px; border-top-left-radius:1px; -moz-border-top-right-radius:1px; -webkit-border-top-right-radius:1px; border-top-right-radius:1px; }
.rndT2 { -moz-border-top-left-radius:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; }
.rndT3 { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; }
.rndT4 { -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }
.rndT5 { -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; }
.rndT6 { -moz-border-top-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-top-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius:6px; }
.rndT7 { -moz-border-top-left-radius:7px; -webkit-border-top-left-radius:7px; border-top-left-radius:7px; -moz-border-top-right-radius:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px; }
.rndT8 { -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px; -moz-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; }
.rndT9 { -moz-border-top-left-radius:9px; -webkit-border-top-left-radius:9px; border-top-left-radius:9px; -moz-border-top-right-radius:9px; -webkit-border-top-right-radius:9px; border-top-right-radius:9px; }
.rndT10 { -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; }

.rndR1 { -moz-border-top-right-radius:1px; -webkit-border-top-right-radius:1px; border-top-right-radius:1px; -moz-border-bottom-right-radius:1px; -webkit-border-bottom-right-radius:1px; border-bottom-right-radius:1px; }
.rndR2 { -moz-border-top-right-radius:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; -moz-border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px; }
.rndR3 { -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.rndR4 { -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }
.rndR5 { -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; }
.rndR6 { -moz-border-top-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius:6px; -moz-border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px; }
.rndR7 { -moz-border-top-right-radius:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px; -moz-border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; border-bottom-right-radius:7px; }
.rndR8 { -moz-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; -moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px; }
.rndR9 { -moz-border-top-right-radius:9px; -webkit-border-top-right-radius:9px; border-top-right-radius:9px; -moz-border-bottom-right-radius:9px; -webkit-border-bottom-right-radius:9px; border-bottom-right-radius:9px; }
.rndR10 { -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-right-radius:10px; }

.rndB1 { -moz-border-bottom-left-radius:1px; -webkit-border-bottom-left-radius:1px; border-bottom-left-radius:1px; -moz-border-bottom-right-radius:1px; -webkit-border-bottom-right-radius:1px; border-bottom-right-radius:1px; }
.rndB2 { -moz-border-bottom-left-radius:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; -moz-border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px; }
.rndB3 { -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.rndB4 { -moz-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }
.rndB5 { -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; }
.rndB6 { -moz-border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px; }
.rndB7 { -moz-border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; border-bottom-left-radius:7px; -moz-border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; border-bottom-right-radius:7px; }
.rndB8 { -moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px; -moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px; }
.rndB9 { -moz-border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px; border-bottom-left-radius:9px; -moz-border-bottom-right-radius:9px; -webkit-border-bottom-right-radius:9px; border-bottom-right-radius:9px; }
.rndB10 { -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; }

.rndTL1 { -moz-border-top-left-radius:1px; -webkit-border-top-left-radius:1px; border-top-left-radius:1px; }
.rndTL2 { -moz-border-top-left-radius:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; }
.rndTL3 { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; }
.rndTL4 { -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; }
.rndTL5 { -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; }
.rndTL6 { -moz-border-top-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; }
.rndTL7 { -moz-border-top-left-radius:7px; -webkit-border-top-left-radius:7px; border-top-left-radius:7px; }
.rndTL8 { -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px; }
.rndTL9 { -moz-border-top-left-radius:9px; -webkit-border-top-left-radius:9px; border-top-left-radius:9px; }
.rndTL10 { -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; }

.rndTR1 { -moz-border-top-right-radius:1px; -webkit-border-top-right-radius:1px; border-top-right-radius:1px; }
.rndTR2 { -moz-border-top-right-radius:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; }
.rndTR3 { -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; }
.rndTR4 { -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }
.rndTR5 { -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; }
.rndTR6 { -moz-border-top-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius:6px; }
.rndTR7 { -moz-border-top-right-radius:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px; }
.rndTR8 { -moz-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; }
.rndTR9 { -moz-border-top-right-radius:9px; -webkit-border-top-right-radius:9px; border-top-right-radius:9px; }
.rndTR10 { -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; }

.rndBL1 { -moz-border-bottom-left-radius:1px; -webkit-border-bottom-left-radius:1px; border-bottom-left-radius:1px; }
.rndBL2 { -moz-border-bottom-left-radius:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; }
.rndBL3 { -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.rndBL4 { -moz-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; }
.rndBL5 { -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; }
.rndBL6 { -moz-border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; }
.rndBL7 { -moz-border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; border-bottom-left-radius:7px; }
.rndBL8 { -moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px; }
.rndBL9 { -moz-border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px; border-bottom-left-radius:9px; }
.rndBL10 { -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; }

.rndBR1 { -moz-border-bottom-right-radius:1px; -webkit-border-bottom-right-radius:1px; border-bottom-right-radius:1px; }
.rndBR2 { -moz-border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px; }
.rndBR3 { -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.rndBR4 { -moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }
.rndBR5 { -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; }
.rndBR6 { -moz-border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px; }
.rndBR7 { -moz-border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; border-bottom-right-radius:7px; }
.rndBR8 { -moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px; }
.rndBR9 { -moz-border-bottom-right-radius:9px; -webkit-border-bottom-right-radius:9px; border-bottom-right-radius:9px; }
.rndBR10 { -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; }

/* round END */

/* line height start */

.lh10 { line-height: 10px; }
.lh12 { line-height: 12px; }
.lh15 { line-height: 15px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }

/* line height end */


/* z-index style start */
.z10000 { z-index: 10000; }
.z15000 { z-index: 15000; }
.z20000 { z-index: 20000; }
.z25000 { z-index: 25000; }

/* z-index  */

.shadowTop 
{
-webkit-box-shadow: -7px 14px 8px -16px rgba(0, 0, 0, 0.75) inset;
-moz-box-shadow: -7px 14px 8px -16px rgba(0, 0, 0, 0.75) inset;
box-shadow: -7px 14px 8px -16px rgba(0, 0, 0, 0.75) inset;
}

.shadowTopLeft
{
	-webkit-box-shadow:inset 2px 2px 2px -2px #242424;
	box-shadow:inset 2px 2px 2px -2px #242424;
}

.shadowTopRight
{
	-webkit-box-shadow:inset -2px 2px 2px -2px #242424;
	box-shadow:inset -2px 2px 2px -2px #242424;
}

.shadowLBR
{
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.49);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.49);
}

.one-edge-shadow 
{
    -moz-box-shadow: 0 0 2px 3px #888;
    -webkit-box-shadow: 0 0 2px 3px#888;
    box-shadow: 0 0 2px 3px #888;
}
    
/* ========================================================================== */
/* ---------->>>                        BORDER STARTING
/* ========================================================================== */

.borderAll {border: 1px solid #AAAAAA !important;}
.borderBottom {border-bottom: 1px solid #AAAAAA;}
.borderTop {border-top: 1px solid #AAAAAA;}
.borderLeft {border-left: 1px solid #AAAAAA;}
.borderRight {border-right: 1px solid #AAAAAA;}

.redborder {border:1px solid #D84735;}
.redborderTop {border-top:1px solid #D84735;}
.redborderLeft {border-left:1px solid #D84735;}
.redborderRight {border-right:1px solid #D84735;}
.redborderBottom {border-bottom:1px solid #D84735;}

.gridborderAll {border: 1px solid #99BCE8;}
.gridborderBottom {border-bottom: 1px solid #99BCE8;}
.gridborderTop {border-top: 1px solid #99BCE8;}
.gridborderLeft {border-left: 1px solid #99BCE8;}
.gridborderRight {border-right: 1px solid #99BCE8;}


.removeTopBorder {border-top:none !important;}

/* border END */

/* ========================================================================== */
/* ---------->>>                        USEFULL
/* ========================================================================== */
.panelheader {border:1px solid #8BA0BC;color:#003399;background: #D7E5F3 url("/images/panel_bg.gif") repeat-x top left;text-align: center;min-height: 24px;padding-top: 6px; width:auto;}
.panelsubheader {background: #D7E5F3; border:1px solid #8BA0BC; padding:5px;}

.panelbackground {background: #D7E5F3;}

.panelborder {border:1px solid #8BA0BC;}
.panelborderTop {border-top:1px solid #8BA0BC;}
.panelborderLeft {border-left:1px solid #8BA0BC;}
.panelborderRight {border-right:1px solid #8BA0BC;}
.panelborderBottom {border-bottom:1px solid #8BA0BC;}

.preview{background-color:#fbffbe;color:#4C4C4C;font-family: tahoma;font-size: 7pt;text-align: left;padding:0px;}
.loading{background: #fff url("/images/loading.gif") no-repeat center center;min-height:80px;}

.selected{background: #ffe7a2;border: solid 1px #ffbd69;}
.notselected{background: #ffffff;border: solid 1px;}
.description{color: #4C4C4C;font-family: tahoma;font-size: 7pt;text-align: left;}
.priority{text-align: center; border: 1px solid #000000;background-color: Red;color: #FFFFFF;}
.warning{border: 1px solid #000000; background-color: #dc2525; padding:5px; color: #FFFFFF;}
.highlight{-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;background-color:#F3F13E;color:#070707;}

.error{color: Red;text-align:left;}

.greenText{color: #22b14c;}
.orangeText{color: #ff7f27;}
.redText{color: Red;}
.whiteText{color: #ffffff;}
.blackText{color: #000000 !important; }

.formbody{background: none repeat scroll 0 0 #EBF3FF;border-top: 1px solid #D8D8D8;font-family: verdana;font-size: 1.0em;padding: 3px 6px 4px;vertical-align: middle;line-height: 1.3em;}

.quote {
  font: 9pt italic helvetica, sans-serif;
  color:GrayText;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
  padding-left: 15px;
  border-left: 3px solid #ccc;  
} 

.hidden{visibility:hidden;}
.visible{visibility:visible;}

.menuBorder { border-left: 1px solid #5A5A5A; }
.hoverBorder { border: 1px solid #AAAAAA; }

.hoverBackground { background-image: none !important; background-color: #5A5A5A !important; }

.whitebackground { background-color: #FFFFFF; }
.redbackground { background-color: #D84735; color:#FFFFFF; }
.yellowbackground { background-color: #ffe7a2; }
.gridbackground { background-color: #99BCE8; }
.lightgraybackground { background-color: #FAFAFA; }
.resolvedbg { background-color: #C8EFD4; }
.treatedbg { background-color: #C8EBFA; }

.link {display:block;cursor:pointer;}
.labellink{text-decoration:underline;color:#6699FF;}
.imagelink{text-decoration:none;display:block;cursor:pointer;}
.smalltext{font-family: tahoma;font-size:3pt;}
.normaltext{font-family: tahoma;font-size:9pt;}
.largetext{font-family: tahoma;font-size:14pt;}
.numbertext{font-weight:bold;color:rgb(48, 98, 160);}

.horizontalList {display:inline-block;margin-top:-5px;}
.horizontalList ul {list-style-type:none;clear: both;padding:0px;}
.horizontalList ul li {float:left; margin-right:4px;}
.horizontalList .label, .horizontalList .data, .horizontalList .colon{text-align:left;vertical-align:top} /* padding:3px 0 1px 0; */
.horizontalList ul .data{padding-top:5px}
.horizontalList .label{color:#666;font-weight:bold;padding-right:10px;}
.horizontalList .colon{color:#666;font-weight:bold;padding-right:8px;}
.horizontalList ul .label, .horizontalList ul .colon{padding-top:6px}

.verticalList {display:table;}
.verticalList ul {list-style-type:none;}

.toolbar {float:right;}
.toolbar ul { padding:0px; margin:0px; width:100%; list-style:none; font-size:small; }
.toolbar ul li { padding:0px; margin:0px; float:left; position:relative; }
.toolbar img { vertical-align:middle; margin-top:3px; cursor:pointer; }

.uiBox{background-color:#f2f2f2;border:1px solid #ccc;padding:10px;}
.uiEmptyBox{background-color:#ffffff;border:none;padding:10px;}
.uiPanelBox { -moz-box-shadow: 0 0 3px 0 #888; -webkit-box-shadow: 0 0 3px 0 #888; box-shadow: 0 0 3px 0 #888; border:1px solid #ccc; }
.uiTable{border-spacing:0;width:100%;}
.uiTable .spacer td{padding:5px 0}
.uiTable .title, .uiTable .label, .uiTable .data, .uiTable .colon, .uiTable .description{padding:3px 0 1px 0;text-align:left;vertical-align:top}
.uiTable .dataRow .data{padding-top:5px}
.uiTable .title{color:#E81123;font-weight:bold;font-size:13px;padding-right:10px;}
.uiTable .label{color:#666;font-weight:bold;padding-right:10px;}
.uiTable .colon{color:#666;font-weight:bold;padding-right:8px;}
.uiTable .description{color:#666;font-size:9px;padding-right:10px;}
.uiTable .dataRow .label, .uiTable .dataRow .colon, .uiTable .dataRow .description{padding-top:6px}

.messageCount {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #F12711;
    color: #FFFFFF;
    font-weight:bold;
    text-align: center;
    margin-top: -7px;
}

/* usefull END */

.wfAuthor {font-size:16px; color:#3B5998;}
.wfAuthorSmall {font-size:14px; color:#3B5998;}
.wfDescription {font-size:13px; color:#343C4A;}
.wfComment {font-size:12px; color:#343C4A;}
.wfInformation {font-size:11px; color:#808080;}
.wfTime {font-size:11px; color:#9D9D9D;}
.wfCompany {font-size:11px; color:#333333;}
.wfTitle {font-size:13px; color:#3B5998; margin:1px;}
.wfImportant {background:#F12711;}
.wfPrivate {background:#eff1f7;}


.commentUser {font-size:14px;font-weight:bold;color:#333333;}
.commentInfo {font-size:11px;color:#9D9D9D;}

.rcTicketNo {font-size:12px;color:#FF7F27;font-weight:bold;}
.rcStatus {font-size:11px;color:#343C4A;}
.rcTotalCost {padding:3px;background-color:#ED1C24;font-size:11px;color:#EFE4B0;font-weight:bold;}

.workitemTable {
    font: 9pt italic helvetica, sans-serif;    
    border-collapse: collapse;
    width: 100%;
}

.workitemTable td {
    padding: 3px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.workitemTable tr:hover{background-color:#f5f5f5}

.workitemTable .itemId{color:#666;font-weight:bold;}
.workitemTable .typeMeta{color:#666;}
.workitemTable .dueDate{color:#E81123;font-weight:bold;}
.workitemTable .startDate{color:#0B8D11;}
.workitemTable .finishDate{color:#09510C;}

.verticalLineLeft {
    border-left: 1px solid #ddd;
    padding-top:3px;
    padding-bottom:3px;    
  }

.verticalLineRight {
    border-right: 1px solid #ddd;
    padding-top:3px;
    padding-bottom:3px;    
}  

.imageButton
{
    border: 1px solid transparent;
    clear:both;
}
.imageButton:hover 
{
    cursor: pointer;
    border: 1px solid #c5c5c5; 
    background-color: #FFFFFF;
}


.clearMenuButton
{
    background: transparent !important;
    border:none !important;
    content: "";
    clear: both;       
    padding-top: 7px;
}

.clearMenuButton:focus, .clearMenuButton:hover {
    background-color: transparent !important;
    border:none !important;
}

.clearMenuButton .x-btn-arrow-el
{
  background: transparent !important;
  border:none !important;
  width: 0px;
  height: 0px;
}

.aid-grid-row {
    padding: 2px;
    margin: 3px 0;
    font-size:12px; 
}

.aid-grid-row .private {
    background-color:#eff1f7;
}

.aid-grid-row .resolved {
    background-color: #C8EFD4; 
}

.aid-grid-row .information {
    font-size:11px;
    color: #0066b2;
}

.aid-grid-row .timedetail {
  font-size:11px;
  color: #116909;
}

.aid-grid-row .article {
    max-height:96px;
    overflow:auto;
}

.aid-grid-row .important { 
    color: red;
}

.aid-grid-row::after {
    content: "";
    clear: both;
    display: table;
}

.aid-grid-row img {
    float: left;
    max-width: 30px;
    max-height: 30px;
    width: 100%;
    margin-right: 5px;
    border-radius: 50%;
}

.aid-grid-row img.right {
    float: right;
    margin-left: 5px;
    margin-right:0;
}

.aid-grid-row div.rightBox
{
    float: right;
    margin-left: 5px;
    margin-right:0;
}

.aid-grid-row span.time
{
    font-size:11px; color:#9D9D9D;
}

.aid-grid-row div.sender
{
    font-weight: bold;
    color: #222529;
}

.aid-grid-row div.files
{
    white-space: nowrap;
}

.aid-grid-row a
{
    display: block;
    float: left;
    margin: 2px;
}

.aid-grid-row img.file
{
    border-radius: 0% !important;
    border:1px solid #FFA300;  
}

.aid-grid-row div.statusLine
{  
    min-width:3px;
    min-height: 42px;
    float: left;
    margin-top: 7px;
    margin-right: 2px;
}

.aid-grid-row div.iconsLine
{  
    min-width:13px;
    max-width:13px;    
    min-height: 36px;
    float: left;
    margin-top: 7px;
    margin-right: 2px;       
    display: table;
}

.aid-grid-row div.iconsLine img { display: table-cell; width: 12px; height:12px; margin-bottom: 3px; }

.aid-grid-info-row span.keyValue
{
    font-size:14px; 
    color:#242424;
    font-weight:bold;
}

.aid-grid-info-row span.keyValue
{
    font-size:14px; 
    color:#242424;
    font-weight:bold;
}

.aid-grid-info-row span.renewed {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

.aid-grid-info-row span.company
{
    font-size:14px; 
    color:#09510C;
}

.aid-grid-info-row span.product
{
    font-size:14px; 
    color:#B70100;
}

.aid-grid-info-row span.deadline
{
    font-size:11px; 
    padding: 3px;
    background-color: red;    
    color:whitesmoke;
    -moz-border-radius:2px; 
    -webkit-border-radius:2px;
    border-radius:2px;
    text-align:center;
}

.aid-grid-info-row span.status
{  
    font-size:11px; 
    color:#242424;
    display: inline-block;
    width: 86px;
    text-align: center;
    vertical-align: middle;
}

.aid-grid-info-row img {
    float: left;
    max-width: 16px;
    max-height: 16px;
    width: 100%;
    margin-right: 3px;
    margin-top: 4px;    
    white-space: nowrap;    
}



.aid-card {
    background-color: #f1f3ed;
    color: #252422;
    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
    padding: 10px 10px 5px 10px;
    -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
}

.aid-card::after {
    content: "";
    clear: both;
    display: table;
}

.aid-card-content
{
    min-height: 56px;
    max-height: 56px;
}
.aid-card-content::after {
    content: "";
    clear: both;
    display: block;
}

.aid-card-content img {
    float: left;
    margin-top: 5px;
    max-width: 48px;
    max-height: 48px;
    width: 100%;
}

.aid-card-content div.textarea {
    float: right;
    text-align: right;
}

.aid-card-content span.title {
    font-size: 16px;
    line-height: 1.4em;
}

.aid-card-content span.info {
    font-size: 2em;
}

.aid-card-footer
{
    padding-left: 3px;
    padding-right: 3px;
}

.aid-card-footer span.time
{
    margin-top: -3px;
    font-size:11px; color:#9D9D9D;
}




.aid-card-simple {
    color: #252422;
    padding: 6px 6px 3px 6px;
}

.aid-card-simple::after {
    content: "";
    clear: both;
    display: table;
}

.aid-card-simple-content
{
    min-height: 42px;
    max-height: 42px;
}
.aid-card-simple-content::after {
    content: "";
    clear: both;
    display: block;
}

.aid-card-simple-content img {
    float: left;
    margin-top: 3px;
    max-width: 36px;
    max-height: 36px;
    width: 100%;
}

.aid-card-simple-content div.textarea {
    float: right;
    text-align: right;
}

.aid-card-simple-content span.title {
    font-size: 14px;
    line-height: 1.4em;
}

.aid-card-simple-content span.info {
    font-size: 1.8em;
}



.indicatorLine
{  
    min-width:5px;
    min-height: 24px;
    float: right;
    margin-top: 2px;
    margin-left: 9px;
    margin-right: 2px;
}



.graph {
    width: 100%; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
    height: 24px;
    border: 1px solid #888; 
    background: rgb(168,168,168);
    background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    background: -o-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
    background: linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    position: relative;
}
#bar {
    height: 22px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
    background: rgb(255,197,120);     
    background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(244,128,38,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(244,128,38,1))); 
    background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
    background: -o-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
    background: -ms-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
    background: linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%);
    border-top: 1px solid #fceabb;
}
#bar p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 24px; }
.error {
    /* These styles are arbitrary */
    background-color: #fceabb;
    padding: 1em;
    font-weight: bold;
    color: red;
    border: 1px solid red;
}


.flyout {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    font-size: 11px;
    margin-top: 10px;
    padding: 9px 11px;
    position: fixed;
    width: 310px;    
    z-index: 999999;
}
.flyout #tip {
    background-image: url("/images/tip.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 11px;
    left: 10px;
    position: absolute;
    top: -11px;
    width: 20px;
}
.flyout h2 {
    color: #666;
    font-size: 1.2em;
    padding-bottom: 5px;
    margin-bottom: 12px; 
    text-transform: uppercase;
    vertical-align:middle; 
}
.flyout #info {
    left: 12px;
    position: absolute;
    top: 36px;
}
.flyout p {
    border-top: 1px solid #dcdbda;
    color: #222;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.infoout {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    font-size: 11px;
    margin-top: 10px;
    padding: 9px 11px;
    width: 310px;    
	 z-index: 999999;
}
.infoout p {
    color: #222;
    font-size: 1.1em;
    padding-bottom: 25px;
}

.Notifications {
    position:fixed; 
    bottom:0px; 
    right:30px; 
    z-index:9999; 
    padding:3px 3px 0px 3px;
    border-top: solid 1px #b5b5b5;
    border-left: solid 1px #b5b5b5;
    border-right: solid 1px #b5b5b5;
    background: #FFFFFF url("/images/background.gif") repeat-x;    
    
    -moz-border-top-left-radius:5px; 
    -moz-border-top-right-radius:5px; 
    -webkit-border-top-left-radius:5px; 
    -webkit-border-top-right-radius:5px; 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ShortCuts {
    position:fixed; 
    bottom:0px; 
    left:30px; 
    z-index:9999;
    padding:3px 3px 0px 3px;
    border-top: solid 1px #b5b5b5;
    border-left: solid 1px #b5b5b5;
    border-right: solid 1px #b5b5b5;
    background: #FFFFFF url("/images/background.gif") repeat-x;    
    
    -moz-border-top-left-radius:5px; 
    -moz-border-top-right-radius:5px; 
    -webkit-border-top-left-radius:5px; 
    -webkit-border-top-right-radius:5px; 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.fn-gantt .ganttRed {
    background-color: #F9C4E1;
}
.fn-gantt .ganttRed .fn-label {
    color: #78436D !important;
}

.fn-gantt .ganttGreen {
    background-color: #D8EDA3;
}
.fn-gantt .ganttGreen .fn-label {
    color: #778461 !important;
}

.fn-gantt .ganttOrange {
    background-color: #FCD29A;
}
.fn-gantt .ganttOrange .fn-label {
    color: #714715 !important;
}


.projectTable
{
    background-color:white;
    border:1px solid #d1d1d1;
    color:#292929;
    font:12px Arial;
}

.projectTable .headTd1
{
    padding:10px;
    padding-bottom:0;
    height: 60px;
}

.projectTable .headTd2
{
    border-bottom:1px solid #d1d1d1;
    height: 20px;
}

.projectTable .formTitle
{
    text-align: center; 
    color:#0f0f0f;
    font-size:20px;
    font-weight:bold;
}

.projectTable .createTime
{
    color:#7f7f7f;
    font-size:11px; 
    width: 100px;
}

.projectTable .formBody
{
    font:12px Arial;
    padding:10px 30px;
}

.projectTable .formFooter
{
    border-top:1px solid #ebebeb;
    font-size:11px;
    color:#7f7f7f;
    padding:8px;
    line-height:15px;
}

.projectTable .hdL
{
    font-size:18px;
    margin:5px 0
}

.projectTable .txtL
{
    font-size:14px;
    margin:0 0 5px 0;
}

.projectTable .hdDetail
{
    margin:0 0 5px 0;
    color:#d7292f;
    font-size:14px;
    font-weight:bold;
}

.roadmapTable, .roadmapTable td, .roadmapTable th {
  border: 1px solid black;
}

.roadmapTable {
  border-collapse: collapse;
}






/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}


 /* The switch - the box around the slider */
 .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 



.baseModal {
  position: absolute;
  z-index: 9;
}

.baseModalHeader {
  cursor: move;
  z-index: 10;
}