.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/*
 * Generate Margin Class
 * margin, margin-top, margin-bottom, margin-left, margin-right
 */
.m-0 {
  margin: 0px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-50 {
  margin: 50px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.m-r-50 {
  margin-right: 50px !important;
}
.m-t-60 {
  margin-top: 60px !important;
}
.m-b-60 {
  margin-bottom: 60px !important;
}
.m-l-60 {
  margin-left: 60px !important;
}
.m-r-60 {
  margin-right: 60px !important;
}
.m-t-70 {
  margin-top: 70px !important;
}
.m-b-70 {
  margin-bottom: 70px !important;
}
.m-l-70 {
  margin-left: 70px !important;
}
.m-r-70 {
  margin-right: 70px !important;
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}
.m-l-80 {
  margin-left: 80px !important;
}
.m-r-80 {
  margin-right: 80px !important;
}
.m-t-90 {
  margin-top: 90px !important;
}
.m-b-90 {
  margin-bottom: 90px !important;
}
.m-l-90 {
  margin-left: 90px !important;
}
.m-r-90 {
  margin-right: 90px !important;
}
.m-t-100 {
  margin-top: 100px !important;
}
.m-b-100 {
  margin-bottom: 100px !important;
}
.m-l-100 {
  margin-left: 100px !important;
}
.m-r-100 {
  margin-right: 100px !important;
}

/*
 * Generate Padding Class
 * padding, padding-top, padding-bottom, padding-left, padding-right
 */
.p-5 {
  padding: 5px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}

.p-40 {
  padding: 40px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}

.p-0 {
  padding: 0px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
/*
 * Font Weight
 */
.f-300 {
  font-weight: 300 !important;
}
.f-400 {
  font-weight: 400 !important;
}
.f-500 {
  font-weight: 500 !important;
}
.f-700 {
  font-weight: 700 !important;
}
.f-900 {
  font-weight: 900 !important;
}
.f-bold {
  font-weight: bold !important;
}
/*
 * Position Classes
 */
.p-relative {
  position: relative !important;
}
.p-absolute {
  position: absolute !important;
}
.p-fixed {
  position: fixed !important;
}
.p-static {
  position: static !important;
}
/*
 * Overflow
 */
.o-hidden {
  overflow: hidden !important;
}
.o-visible {
  overflow: visible !important;
}
.o-auto {
  overflow: auto !important;
}
/*
 * Display
 */
.d-block {
  display: block !important;
}
.di-block {
  display: inline-block !important;
}
/* 
 * Material Background Colors
 */
.bgm-white {
  background-color: #ffffff !important;
}
.c-white {
  color: #ffffff !important;
}
.bgm-black {
  background-color: #000000 !important;
}
.c-black {
  color: #000000 !important;
}
.bgm-brown {
  background-color: #795548 !important;
}
.c-brown {
  color: #795548 !important;
}
.bgm-pink {
  background-color: #e91e63 !important;
}
.c-pink {
  color: #e91e63 !important;
}
.bgm-red {
  background-color: #f44336 !important;
}
.c-red {
  color: #f44336 !important;
}
.bgm-blue {
  background-color: #2196f3 !important;
}
.c-blue {
  color: #2196f3 !important;
}
.bgm-purple {
  background-color: #9c27b0 !important;
}
.c-purple {
  color: #9c27b0 !important;
}
.bgm-deeppurple {
  background-color: #673ab7 !important;
}
.c-deeppurple {
  color: #673ab7 !important;
}
.bgm-lightblue {
  background-color: #03a9f4 !important;
}
.c-lightblue {
  color: #03a9f4 !important;
}
.bgm-cyan {
  background-color: #00bcd4 !important;
}
.c-cyan {
  color: #00bcd4 !important;
}
.bgm-teal {
  background-color: #009688 !important;
}
.c-teal {
  color: #009688 !important;
}
.bgm-green {
  background-color: #4caf50 !important;
}
.c-green {
  color: #4caf50 !important;
}
.bgm-lightgreen {
  background-color: #8bc34a !important;
}
.c-lightgreen {
  color: #8bc34a !important;
}
.bgm-lime {
  background-color: #cddc39 !important;
}
.c-lime {
  color: #cddc39 !important;
}
.bgm-yellow {
  background-color: #ffeb3b !important;
}
.c-yellow {
  color: #ffeb3b !important;
}
.bgm-amber {
  background-color: #ffc107 !important;
}
.c-amber {
  color: #ffc107 !important;
}
.bgm-orange {
  background-color: #ff9800 !important;
}
.c-orange {
  color: #ff9800 !important;
}
.bgm-deeporange {
  background-color: #ff5722 !important;
}
.c-deeporange {
  color: #ff5722 !important;
}
.bgm-gray {
  background-color: #9e9e9e !important;
}
.c-gray {
  color: #9e9e9e !important;
}
.bgm-bluegray {
  background-color: #607d8b !important;
}
.c-bluegray {
  color: #607d8b !important;
}
.bgm-indigo {
  background-color: #3f51b5 !important;
}
.c-indigo {
  color: #3f51b5 !important;
}
.bg-none {
	background: url(none); 
}


.c-dark {
  color: #222 !important;
}
  

.bgm-red-50{
  background-color: #FFEBEE !important;
}
.bgm-red-100{
  background-color: #FFCDD2 !important;
}
.bgm-red-200{
  background-color: #EF9A9A !important;
}
.bgm-red-300{
  background-color: #E57373 !important;
}
.bgm-red-400{
  background-color: #EF5350 !important;
}
.bgm-red-500{
  background-color: #F44336 !important;
}
.bgm-red-600{
  background-color: #E53935 !important;
}
.bgm-red-700{
  background-color: #D32F2F !important;
}
.bgm-red-800{
  background-color: #C62828 !important;
}
.bgm-red-900{
  background-color: #B71C1C !important;
}
.bgm-red-A100{
  background-color: #FF8A80 !important;
}
.bgm-red-A200{
  background-color: #FF5252 !important;
}
.bgm-red-A400{
  background-color: #FF1744 !important;
}
.bgm-red-A700{
  background-color: #D50000 !important;
}

.bgm-green-50{
  background-color: #E8F5E9 !important;
}
.bgm-green-100{
  background-color: #C8E6C9 !important;
}
.bgm-green-200{
  background-color: #A5D6A7 !important;
}
.bgm-green-300{
  background-color: #81C784 !important;
}
.bgm-green-400{
  background-color: #66BB6A !important;
}
.bgm-green-500{
  background-color: #4CAF50 !important;
}
.bgm-green-600{
  background-color: #43A047 !important;
}
.bgm-green-700{
  background-color: #388E3C !important;
}
.bgm-green-800{
  background-color: #2E7D32 !important;
}
.bgm-green-900{
  background-color: #1B5E20 !important;
}
.bgm-green-A100{
  background-color: #B9F6CA !important;
}
.bgm-green-A200{
  background-color: #69F0AE !important;
}
.bgm-green-A400{
  background-color: #00E676 !important;
}
.bgm-green-A700{
  background-color: #00C853 !important;
}

.bgm-blue-50{
  background-color: #E3F2FD !important;
}
.bgm-blue-100{
  background-color: #BBDEFB !important;
}
.bgm-blue-200{
  background-color: #90CAF9 !important;
}
.bgm-blue-300{
  background-color: #64B5F6 !important;
}
.bgm-blue-400{
  background-color: #42A5F5 !important;
}
.bgm-blue-500{
  background-color: #2196F3 !important;
}
.bgm-blue-600{
  background-color: #1E88E5 !important;
}
.bgm-blue-700{
  background-color: #1976D2 !important;
}
.bgm-blue-800{
  background-color: #1565C0 !important;
}
.bgm-blue-900{
  background-color: #0D47A1 !important;
}
.bgm-blue-A100{
  background-color: #82B1FF !important;
}
.bgm-blue-A200{
  background-color: #448AFF !important;
}
.bgm-blue-A400{
  background-color: #2979FF !important;
}
.bgm-blue-A700{
  background-color: #2962FF !important;
}

.bgm-bluegray-50{
  background-color: #ECEFF1 !important;
}
.bgm-bluegray-100{
  background-color: #CFD8DC !important;
}
.bgm-bluegray-200{
  background-color: #B0BEC5 !important;
}
.bgm-bluegray-300{
  background-color: #90A4AE !important;
}
.bgm-bluegray-400{
  background-color: #78909C !important;
}
.bgm-bluegray-500{
  background-color: #607D8B !important;
}
.bgm-bluegray-600{
  background-color: #546E7A !important;
}
.bgm-bluegray-700{
  background-color: #455A64 !important;
}
.bgm-bluegray-800{
  background-color: #37474F !important;
}
.bgm-bluegray-900{
  background-color: #263238 !important;
}

/*
 * Background Colors
 */
.bg-black-trp {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-gray {
  background-color:#fafafa !important;
}

.bg-none {
 background: url(none); 
}
.bg-box-gray {
    border: #fff 1px solid;
    padding: 10px; 
    padding-top: 0px;
    background: url(../Image/bg-form-box.png) repeat-x 0px -100px; 
    background-color:#fff;
    border-top-left-radius: 0.5em;     
    border-top-right-radius: 0.5em;    
    border-bottom-left-radius: 0.5em;     
    border-bottom-right-radius: 0.5em;  
	                        font-family: Tahoma, sans-serif;    
                        font-family: Verdana, Arial, Helvetica, sans-serif;  
}
/*
 * Border
 */
.b-0 {
  border: 0 !important;
}
.b-1 {
  border: 1 !important;
}
.b-red {
  border: 1px solid red;
}
/*
 * width
 */
.w-100 {
  width: 100% !important;
}
/*
 * Border Radius 
 */
.brd-2 {
  border-radius: 2px;
}
.brd-3 {
  border-radius: 0.3em !important;
}
.brd-5 {
  border-radius: 0.5em !important;
}

.brd-t-2 {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;    
}
.brd-t-3 {
  border-top-left-radius: 0.3em !important;
  border-top-right-radius: 0.3em !important;  
}
.brd-t-5 {
  border-top-left-radius: 0.5em !important;
  border-top-right-radius: 0.5em !important;  
}

/*
 * Text Transform
 */
.t-uppercase {
  text-transform: uppercase;
}



/*
.user::before {content:"*"; color:blue; float:left; margin-right:0.5em;}
.user::after {content:attr(name); color:red; float:left; margin-right:0.5em;}
*/

.required::before {content:"*"; color:red; float:left; margin-right:1px; font-size:11px; font-weight:bold; margin-left:-10px; padding-top:4px;}

.form .label
{
	font-size:11px;
	height:19px;
	padding-top:5px;
	vertical-align:middle;	
	
	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	
	font-size:13px;
}
.form  .field {
	font-size:11px;
	height:22px;	
	padding-top:2px;	
	vertical-align:middle;

	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	
	font-size:13px;    												
}

.grid .row .label
{
	font-size:11px;
	height:24px;
	padding-top:5px;
	vertical-align:middle;	
	
	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	
	font-size:13px;
	white-space:nowrap;
}
.grid .row .field {
	font-size:11px;
	height:27px;	
	padding-top:2px;	
	vertical-align:middle;

	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	
	font-size:13px;    												
	height:100%;	
}

/*
 * width
 */
 .w-100 {
  width: 100% !important;
}

.h-10 {  height: 10px !important; }
.h-20 {  height: 20px !important; }
.h-30 {  height: 30px !important; }
.h-40 {  height: 40px !important; }
.h-50 {  height: 50px !important; }


.w-20 {  width: 20px !important; }
.w-40 {  width: 40px !important; }
.w-60 {  width: 60px !important; }
.w-80 {  width: 80px !important; }
.w-100 {  width: 100px !important; }
.w-120 {  width: 120px !important; }
.w-140 {  width: 140px !important; }
.w-160 {  width: 160px !important; }
.w-180 {  width: 180px !important; }
.w-200 {  width: 200px !important; }
.w-220 {  width: 220px !important; }
.w-240 {  width: 240px !important; }
.w-260 {  width: 260px !important; }
.w-280 {  width: 280px !important; }
.w-300 {  width: 300px !important; }
.w-320 {  width: 320px !important; }
.w-340 {  width: 340px !important; }
.w-360 {  width: 360px !important; }
.w-380 {  width: 380px !important; }
.w-400 {  width: 400px !important; }
.w-420 {  width: 420px !important; }
.w-440 {  width: 440px !important; }
.w-460 {  width: 460px !important; }
.w-480 {  width: 480px !important; }
.w-500 {  width: 500px !important; }
.w-520 {  width: 520px !important; }
.w-540 {  width: 540px !important; }
.w-560 {  width: 560px !important; }
.w-580 {  width: 580px !important; }
.w-600 {  width: 600px !important; }
.w-620 {  width: 620px !important; }
.w-640 {  width: 640px !important; }
.w-660 {  width: 660px !important; }
.w-680 {  width: 680px !important; }
.w-700 {  width: 700px !important; }
.w-720 {  width: 720px !important; }
.w-740 {  width: 740px !important; }
.w-760 {  width: 760px !important; }
.w-780 {  width: 780px !important; }
.w-800 {  width: 800px !important; }
.w-820 {  width: 820px !important; }
.w-840 {  width: 840px !important; }
.w-860 {  width: 860px !important; }
.w-880 {  width: 880px !important; }
.w-900 {  width: 900px !important; }
.w-920 {  width: 920px !important; }
.w-940 {  width: 940px !important; }
.w-960 {  width: 960px !important; }
.w-980 {  width: 980px !important; }
.w-1000 {  width: 1000px !important; }
.w-1020 {  width: 1020px !important; }

.l-20 {  left: 20px !important; }
.l-40 {  left: 40px !important; }
.l-60 {  left: 60px !important; }
.l-80 {  left: 80px !important; }
.l-100 {  left: 100px !important; }
.l-120 {  left: 120px !important; }
.l-140 {  left: 140px !important; }
.l-160 {  left: 160px !important; }
.l-180 {  left: 180px !important; }
.l-200 {  left: 200px !important; }
.l-220 {  left: 220px !important; }
.l-240 {  left: 240px !important; }
.l-260 {  left: 260px !important; }
.l-280 {  left: 280px !important; }
.l-300 {  left: 300px !important; }
.l-320 {  left: 320px !important; }
.l-340 {  left: 340px !important; }
.l-360 {  left: 360px !important; }
.l-380 {  left: 380px !important; }
.l-400 {  left: 400px !important; }
.l-420 {  left: 420px !important; }
.l-440 {  left: 440px !important; }
.l-460 {  left: 460px !important; }
.l-480 {  left: 480px !important; }
.l-500 {  left: 500px !important; }
.l-520 {  left: 520px !important; }
.l-540 {  left: 540px !important; }
.l-560 {  left: 560px !important; }
.l-580 {  left: 580px !important; }
.l-600 {  left: 600px !important; }
.l-620 {  left: 620px !important; }
.l-640 {  left: 640px !important; }
.l-660 {  left: 660px !important; }
.l-680 {  left: 680px !important; }
.l-700 {  left: 700px !important; }
.l-720 {  left: 720px !important; }
.l-740 {  left: 740px !important; }
.l-760 {  left: 760px !important; }
.l-780 {  left: 780px !important; }
.l-800 {  left: 800px !important; }
.l-820 {  left: 820px !important; }
.l-840 {  left: 840px !important; }
.l-860 {  left: 860px !important; }
.l-880 {  left: 880px !important; }
.l-900 {  left: 900px !important; }
.l-920 {  left: 920px !important; }
.l-940 {  left: 940px !important; }
.l-960 {  left: 960px !important; }
.l-980 {  left: 980px !important; }
.l-1000 {  left: 1000px !important; }
.l-1020 {  left: 1020px !important; }

.g-c-6 {  width: 240px !important; }
.g-c-10 {  width: 400px !important; }
.g-c-12 {  width: 480px !important; }
.g-c-14 {  width: 560px !important; }
.g-c-16 {  width: 640px !important; }
.g-c-20 {  width: 800px !important; }
.g-c-24 {  width: 960px !important; }



.text-left {
  text-align: left  !important;
}
.text-right {
  text-align: right  !important;
}
.text-center {
  text-align: center  !important;
}
.text-justify {
  text-align: justify  !important;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}

.text-uppercase INPUT {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #2196f3;
}
.text-success {
  color: #4caf50;
}
.text-info {
  color: #2196f3;
}
.text-warning {
  color: #ff9800;
}
.text-danger {
  color: #f44336;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}


small {
  font-size: 80%;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 33px;
}
h2,
.h2 {
  font-size: 27px;
}
h3,
.h3 {
  font-size: 23px;
}
h4,
.h4 {
  font-size: 17px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 12px;
}


/*
 * Font Weight
 */
.f-10 {
  font-size: 10px !important;
}  
.f-12 {
  font-size: 12px !important;
} 
.f-14 {
  font-size: 14px !important;
} 
.f-16 {
  font-size: 16px !important;
}
.f-18 {
  font-size: 18px !important;
}
.f-20 {
  font-size: 20px !important;
}
.f-22 {
  font-size: 22px !important;
}
.f-24 {
  font-size: 24px !important;
}
.f-26 {
  font-size: 26px !important;
}
.f-28 {
  font-size: 28px !important;
}
.f-30 {
  font-size: 30px !important;
}
.f-32 {
  font-size: 32px !important;
}
.f-34 {
  font-size: 34px !important;
}
.f-36 {
  font-size: 36px !important;
}
.f-38 {
  font-size: 38px !important;
}
.f-40 {
  font-size: 40px !important;
}
.f-42 {
  font-size: 42px !important;
}
.f-44 {
  font-size: 44px !important;
}
.f-46 {
  font-size: 46px !important;
}
.f-48 {
  font-size: 48px !important;
}
.f-50 {
  font-size: 50px !important;
}
.f-52 {
  font-size: 52px !important;
}
.f-54 {
  font-size: 54px !important;
}
.f-56 {
  font-size: 56px !important;
}
.f-58 {
  font-size: 58px !important;
}
.f-60 {
  font-size: 60px !important;
}






div[id^=gridPanel] .x-panel-body {
    border:0px solid red;                
}           
.x-grid3-summary-row  {
    background-color: #59CBEE; 
    background-color: #9F1813;
    background-color: #262b36!important; 
    
    __border:1px solid #4298B2;
    min-height: 30px;    
    padding-right: 3px !important;                        
    margin-left:-2px;
        }
              
.x-grid3-summary-row .x-grid3-cell-inner 
{
    min-height: 30px;    
    color: white;
    font-weight:bold;
    font-size:11px;    
    padding-bottom:5px;   
}                    


.card
{   
    border-spacing: 0px;
    border-collapse: separate;
    font-size:12px; white-space:nowrap;
    width: 100%;
    margin-bottom:25px;
    }
.card .title
{
    background:#b23232;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    line-height:35px;
    moz-border-radius: 5px 5px 0 0; 
    -webkit-border-radius: 5px 5px 0 0; 
    border-radius: 5px 5px 0 0;   
    text-align: center;
    }

.card .topic
{
	border: #F0F0F0 1px solid;
    border-left: #ddd 1px solid;	
    border-right: #ddd 1px solid;	    
    border-top: 0;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	height:32px;	
	color:#666;	            
    }

.card .label
{
	border: #F0F0F0 1px solid;
    border-left: #ddd 1px solid;	
    border-top: 0;border-right: 0;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	width:135px;
	min-width:135px;
	max-width: 135px;
	height:32px;	
	color:#666;	            
    }
.card .labelBottom
{
	border: #ddd 1px solid;
    border-top: 0;border-right: 0;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	width:135px;
	min-width:135px;
	max-width: 135px;
	height:32px;	
	color:#666;	 	
    -moz-border-radius: 0 0 0 5px; 
    -webkit-border-radius: 0 0 0 5px; 	
    }    

.card .left
{
    border: #F0F0F0 1px solid;
    border-right: #ddd 1px solid;
    border-top: 0;
    background-color:#fefcfa;  height:32px;		            
    color:#666;
	white-space:normal;
    }

.card .leftBottom
{
    border: #ddd 1px solid;    
    border-left: #F0F0F0 1px solid;    
    border-top: 0;
    background-color:#fefcfa;  height:32px;		            
    color:#666;
	white-space:normal;
    -moz-border-radius: 0 0 5px 0; 
    -webkit-border-radius: 0 0 5px 0; 
    border-radius: 0 0 5px 0;     
    }
    
.card .info
{
    width:175px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    text-align:center;
    }    
.card .infoRT
{
    width:175px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    text-align:right;
    }        

	
	
    .Cinza{
    color:#787878;
    }    
    .Verde{
    color:#32CD32 ;
    }
    .Vermelho{
    color:red;
    }
    .Azul{
    color:DodgerBlue;
    }    
    .Amarelo{
    color: #FFD905;
    }     
    .Roxo
    {
    color:Purple;    
    }       
    .Laranja{
    color:Orange;
    }  
    .Preto{
    color:black;
    }    
    	
		
		

    
.x-grid3-cell { 
    /* TD is defaulted to word-wrap. Turn it off so 
       it can be turned on for specific columns. */ 
    white-space:nowrap; 
    } 
.x-grid3-cell-inner { 
    /* Inherit DIV's white-space from TD parent, since 
       DIV's inline style is not accessible in the column 
       definition. */ 
    white-space:inherit; 
    min-height: 24px;
    font-size:11px;    
    }       
.x-grid3-cell-inner, .x-grid3-hd-inner { 
  white-space: normal; /* changed from nowrap */ 
  
}     		
.x-grid3-cell-inner 
{    
    min-height: 24px;        
    vertical-align   : center;
}    
    
	
    #regionSouth .x-panel-body {
        margin-top: 0px;
        border:0px solid red;                
    }
    
    #regionWest .x-panel-body {
        background-color:#fafafa;
        border-right:1px solid #d1d1d1;                
    }
     
    #regionWest .x-panel-body {
        background-color:#fafafa;
    }     
            
    #panelNorth .x-panel-body {
        margin-top: -1px;
        border-top:0px solid;                
        border-left:0px solid;        
        border-right:0px solid; 
        background-color:#fafafa !important;                      
        border: 1px #fafafa solid !important;     
    }
    
    #panelSouth .x-panel-body {
        margin-top: 0px;
        border-top:0px solid;                        
        border-bottom:0px solid;                
        border-left:0px solid;        
        border-right:0px solid;  
        background-image: url(<%=Html.ContentUrl%>/Image/bg-page-title-large.gif);
        background-repeat:repeat-x;
        background-position: 0px -20px;
        font-size:11px;
        font-style:italic;
        color: #555555;   
        background-color:#fafafa;                      
    }   
    
    #panelFilter .x-panel-body {
        border:0px green solid;                
    }        
    
    #panelBottom .x-panel-body {
        border:0px green solid;                
    }            
    
    #panelDetails .x-panel-body {
        border:0px lime solid;                
    }                    
    #panelSouthLeft .x-panel-body 
    {
        background-color:#fafafa;
        border-top:1px #d9d9d9 solid;                
        border-left:1px #d9d9d9 solid;                
        border-right:0px #d9d9d9 solid;                        
        border-bottom:1px #d9d9d9 solid;                                
    }                
    
    #panelSouthRigth .x-panel-body 
    {
        border-top:1px #d9d9d9 solid;                
        border-right:1px #d9d9d9 solid;                
        border-bottom:1px #d9d9d9 solid;                                
    }  	
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.alert {
  padding: 15px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #dff0d8;
  color: #4caf50;
}
.alert-success hr {
  border-top-color: #d0e9c6;
}
.alert-success .alert-link {
  color: #3d8b40;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #d9edf7;
  color: #2196f3;
}
.alert-info hr {
  border-top-color: #c4e3f3;
}
.alert-info .alert-link {
  color: #0c7cd5;
}
.alert-warning {
  background-color: #ffedd6;
  border-color: #ffedd6;
  color: #ff9800;
}
.alert-warning hr {
  border-top-color: #ffe2bd;
}
.alert-warning .alert-link {
  color: #cc7a00;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #f2dede;
  color: #f44336;
}
.alert-danger hr {
  border-top-color: #ebcccc;
}
.alert-danger .alert-link {
  color: #ea1c0d;
}    



.select-placeholder { font-size: 12px !important; color: #8c8c8c !important; padding: 0px 0px !important; }                                                            
.select-placeholder option { font-size: 13px !important;color: #000 !important;  padding: 4px 0px !important; }    
.select-placeholder option:first-child  { font-size: 12px !important; color: #8c8c8c !important; padding: 4px 0px !important; }    
                      
.select-noplaceholder { font-size: 13px !important; color: #000 !important; }                           
.select-noplaceholder option { font-size: 13px !important; color: #000 !important; }                           
.select-noplaceholder option:first-child { font-size: 12px !important; color: #8c8c8c !important; }