/* ========================== Empty Boxes ========================== */
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

/*====================================================================*/

/* ========================== Panel Grid ========================== */

body .ui-panelgrid .ui-panelgrid-cell {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

body .ui-panel.custom-hiddden .ui-panel-content {
    padding: 0px !important;
}

body .ui-panel.custom-hiddden {
    border: 0px;
    padding: 0px !important;
    background-color: #F4F4F4;
}

body .ui-panel.custom-hiddden {
    border: 0px;
    padding: 0px !important;
    background-color: #F4F4F4;
}

body .ui-panel.custom-hiddden .ui-panel-content{
    border: 0px;
}

.layout-main {
	margin-bottom: 50px !important;
}

/*====================================================================*/


/* ========================== Message ========================== */
.ui-messages{
	margin: 0 !important;
}

.ui-messages div{
	margin: 0 0 1em 0 !important;
}
/*====================================================================*/

/* =================================================================================================
	ui-grid-col width text align copy from core.css spark
  ============================================================================================== */

.ui-grid-col-1c,.ui-grid-col-2c,.ui-grid-col-3c,.ui-grid-col-4c,.ui-grid-col-5c,.ui-grid-col-6c,.ui-grid-col-7c,.ui-grid-col-8c,.ui-grid-col-9c,.ui-grid-col-10c,.ui-grid-col-11c,.ui-grid-col-12c,
.ui-grid-col-1r,.ui-grid-col-2r,.ui-grid-col-3r,.ui-grid-col-4r,.ui-grid-col-5r,.ui-grid-col-6r,.ui-grid-col-7r,.ui-grid-col-8r,.ui-grid-col-9r,.ui-grid-col-10r,.ui-grid-col-11r,.ui-grid-col-12r{
	float:left;
	box-sizing:border-box;
}

.ui-grid-col-1c,.ui-grid-col-2c,.ui-grid-col-3c,.ui-grid-col-4c,.ui-grid-col-5c,.ui-grid-col-6c,.ui-grid-col-7c,.ui-grid-col-8c,.ui-grid-col-9c,.ui-grid-col-10c,.ui-grid-col-11c,.ui-grid-col-12c{
	text-align: center;
}

.ui-grid-col-1r,.ui-grid-col-2r,.ui-grid-col-3r,.ui-grid-col-4r,.ui-grid-col-5r,.ui-grid-col-6r,.ui-grid-col-7r,.ui-grid-col-8r,.ui-grid-col-9r,.ui-grid-col-10r,.ui-grid-col-11r,.ui-grid-col-12r{
	text-align: right;
}

.ui-grid-col-1c, .ui-grid-col-1r{
	width:8.33333%;
}

.ui-grid-col-2c, .ui-grid-col-2r{
	width:16.66666%;/*! text-align: center; */
}

.ui-grid-col-3c, .ui-grid-col-3r{
	width:25%;
}

.ui-grid-col-4c, .ui-grid-col-4r{
	width:33.33333%;
}

.ui-grid-col-5c, .ui-grid-col-5r{
	width:41.66666%;
}

.ui-grid-col-6c, .ui-grid-col-6r{
	width:50%;
}

.ui-grid-col-7c, .ui-grid-col-7r{
	width:58.33333%;
}

.ui-grid-col-8c, .ui-grid-col-8r{
	width:66.66666%;
}

.ui-grid-col-9c, .ui-grid-col-9r{
	width:75%;
}

.ui-grid-col-10c, .ui-grid-col-10r{
	width:83.33333%;
}

.ui-grid-col-11c, .ui-grid-col-11r{
	width:91.66666%;
}

.ui-grid-col-12c ,.ui-grid-col-12r{
	width:100%;
}

@media (max-width:640px){
	
	.ui-grid-responsive .ui-grid-col-1c,.ui-grid-responsive .ui-grid-col-2c,.ui-grid-responsive .ui-grid-col-3c,.ui-grid-responsive .ui-grid-col-4c,.ui-grid-responsive .ui-grid-col-5c,.ui-grid-responsive .ui-grid-col-6c,.ui-grid-responsive .ui-grid-col-7c,.ui-grid-responsive .ui-grid-col-8c,.ui-grid-responsive .ui-grid-col-9c,.ui-grid-responsive .ui-grid-col-10c,.ui-grid-responsive .ui-grid-col-11c,.ui-grid-responsive .ui-grid-col-12c,
	.ui-grid-responsive .ui-grid-col-1r,.ui-grid-responsive .ui-grid-col-2r,.ui-grid-responsive .ui-grid-col-3r,.ui-grid-responsive .ui-grid-col-4r,.ui-grid-responsive .ui-grid-col-5r,.ui-grid-responsive .ui-grid-col-6r,.ui-grid-responsive .ui-grid-col-7r,.ui-grid-responsive .ui-grid-col-8r,.ui-grid-responsive .ui-grid-col-9r,.ui-grid-responsive .ui-grid-col-10r,.ui-grid-responsive .ui-grid-col-11r,.ui-grid-responsive .ui-grid-col-12r{
		width:100%;
		float:none;
	}
}
/*================================================================*/


/*================ 50 Grid with ui-grid-col =======================*/

@media screen and ( min-width : 641px) {
	.ui-grid-col-special50-1 {width: 2%;}
	.ui-grid-col-special50-1r {width: 2%; text-align: right}
	.ui-grid-col-special50-2 {width: 4%;}
	.ui-grid-col-special50-2r {width: 4%;  text-align: right}
	.ui-grid-col-special50-3 {width: 6%;}
	.ui-grid-col-special50-3r {width: 6%; text-align: right}
	.ui-grid-col-special50-4 {width: 8%;}
	.ui-grid-col-special50-4r {width: 8%; text-align: right}
	.ui-grid-col-special50-5 {width: 10%;}
	.ui-grid-col-special50-5r {width: 10%; text-align: right}
	.ui-grid-col-special50-6 {width: 12%;}
	.ui-grid-col-special50-6r {width: 12%; text-align: right}
	.ui-grid-col-special50-7 {width: 14%;}
	.ui-grid-col-special50-7r {width: 14%; text-align: right}
	.ui-grid-col-special50-8 {width: 16%;}
	.ui-grid-col-special50-8r {width: 16%; text-align: right}
	.ui-grid-col-special50-9 {width: 18%;}
	.ui-grid-col-special50-9r {width: 18%; text-align: right}
	.ui-grid-col-special50-10 {width: 20%;}
	.ui-grid-col-special50-10r {width: 20%; text-align: right}
	.ui-grid-col-special50-11 {width: 22%;}
	.ui-grid-col-special50-12 {width: 24%;}
	.ui-grid-col-special50-13 {width: 26%;}
	.ui-grid-col-special50-14 {width: 28%;}
	.ui-grid-col-special50-15 {width: 30%;}
	.ui-grid-col-special50-16 {width: 32%;}
	.ui-grid-col-special50-16r {width: 32%; text-align: right}
	.ui-grid-col-special50-17 {width: 34%;}
	.ui-grid-col-special50-17r {width: 34%; text-align: right}
	.ui-grid-col-special50-18 {width: 36%;}
	.ui-grid-col-special50-19 {width: 38%;}
	.ui-grid-col-special50-20 {width: 40%;}
	.ui-grid-col-special50-21 {width: 42%;}
	.ui-grid-col-special50-22 {width: 44%;}
	.ui-grid-col-special50-23 {width: 46%;}
	.ui-grid-col-special50-24 {width: 48%;}
	.ui-grid-col-special50-24r {width: 48%; text-align: right}
	.ui-grid-col-special50-25 {width: 50%;}
	.ui-grid-col-special50-26 {width: 52%;}
	.ui-grid-col-special50-27 {width: 54%;}
	.ui-grid-col-special50-28 {width: 56%;}
	.ui-grid-col-special50-29 {width: 58%;}
	.ui-grid-col-special50-30 {width: 60%;}
	.ui-grid-col-special50-31 {width: 62%;}
	.ui-grid-col-special50-32 {width: 64%;}
	.ui-grid-col-special50-33 {width: 66%;}
	.ui-grid-col-special50-34 {width: 68%;}
	.ui-grid-col-special50-35 {width: 70%;}
	.ui-grid-col-special50-36 {width: 72%;}
	.ui-grid-col-special50-37 {width: 74%;}
	.ui-grid-col-special50-38 {width: 76%;}
	.ui-grid-col-special50-39 {width: 78%;}
	.ui-grid-col-special50-40 {width: 80%;}
	.ui-grid-col-special50-41 {width: 82%;}
	.ui-grid-col-special50-42 {width: 84%;}
	.ui-grid-col-special50-43 {width: 86%;}
	.ui-grid-col-special50-44 {width: 88%;}
	.ui-grid-col-special50-45 {width: 90%;}
	.ui-grid-col-special50-46 {width: 92%;}
	.ui-grid-col-special50-47 {width: 94%;}
	.ui-grid-col-special50-48 {width: 96%;}
	.ui-grid-col-special50-49 {width: 98%;}
	.ui-grid-col-special50-50 {width: 100%;}
	
	.ui-grid-col-special50-1, .ui-grid-col-special50-1r, .ui-grid-col-special50-2, .ui-grid-col-special50-2r,
	.ui-grid-col-special50-3, .ui-grid-col-special50-3r, .ui-grid-col-special50-4, .ui-grid-col-special50-4r,
	.ui-grid-col-special50-5, .ui-grid-col-special50-5r, .ui-grid-col-special50-6, .ui-grid-col-special50-7,
	.ui-grid-col-special50-8, .ui-grid-col-special50-9, .ui-grid-col-special50-10, .ui-grid-col-special50-11,
	.ui-grid-col-special50-12, .ui-grid-col-special50-13, .ui-grid-col-special50-14, .ui-grid-col-special50-15,
	.ui-grid-col-special50-16, .ui-grid-col-special50-17, .ui-grid-col-special50-18, .ui-grid-col-special50-19,
	.ui-grid-col-special50-20, .ui-grid-col-special50-21, .ui-grid-col-special50-22, .ui-grid-col-special50-23,
	.ui-grid-col-special50-24, .ui-grid-col-special50-25, .ui-grid-col-special50-26, .ui-grid-col-special50-27,
	.ui-grid-col-special50-28, .ui-grid-col-special50-29, .ui-grid-col-special50-30, .ui-grid-col-special50-31,
	.ui-grid-col-special50-32, .ui-grid-col-special50-33, .ui-grid-col-special50-34, .ui-grid-col-special50-35, 
	.ui-grid-col-special50-36, .ui-grid-col-special50-37, .ui-grid-col-special50-38, .ui-grid-col-special50-39,
	.ui-grid-col-special50-40, .ui-grid-col-special50-41, .ui-grid-col-special50-42, .ui-grid-col-special50-43,
	.ui-grid-col-special50-44, .ui-grid-col-special50-45, .ui-grid-col-special50-46, .ui-grid-col-special50-47,
	.ui-grid-col-special50-48, .ui-grid-col-special50-49, .ui-grid-col-special50-50, .ui-grid-col-special50-8r,
	.ui-grid-col-special50-6r, .ui-grid-col-special50-7r, .ui-grid-col-special50-16r, .ui-grid-col-special50-9r,
	.ui-grid-col-special50-10r, .ui-grid-col-special50-17r, .ui-grid-col-special50-24r {
		box-sizing: border-box;
	}
	
	
}

@media screen and  ( max-width : 640px) {
	.ui-grid-col-special50-1, .ui-grid-col-special50-1r, .ui-grid-col-special50-2, .ui-grid-col-special50-2r,
	.ui-grid-col-special50-3, .ui-grid-col-special50-3r, .ui-grid-col-special50-4, .ui-grid-col-special50-4r,
	.ui-grid-col-special50-5, .ui-grid-col-special50-5r, .ui-grid-col-special50-6, .ui-grid-col-special50-7,
	.ui-grid-col-special50-8, .ui-grid-col-special50-9, .ui-grid-col-special50-10, .ui-grid-col-special50-11,
	.ui-grid-col-special50-12, .ui-grid-col-special50-13, .ui-grid-col-special50-14, .ui-grid-col-special50-15,
	.ui-grid-col-special50-16, .ui-grid-col-special50-17, .ui-grid-col-special50-18, .ui-grid-col-special50-19,
	.ui-grid-col-special50-20, .ui-grid-col-special50-21, .ui-grid-col-special50-22, .ui-grid-col-special50-23,
	.ui-grid-col-special50-24, .ui-grid-col-special50-25, .ui-grid-col-special50-26, .ui-grid-col-special50-27,
	.ui-grid-col-special50-28, .ui-grid-col-special50-29, .ui-grid-col-special50-30, .ui-grid-col-special50-31,
	.ui-grid-col-special50-32, .ui-grid-col-special50-33, .ui-grid-col-special50-34, .ui-grid-col-special50-35, 
	.ui-grid-col-special50-36, .ui-grid-col-special50-37, .ui-grid-col-special50-38, .ui-grid-col-special50-39,
	.ui-grid-col-special50-40, .ui-grid-col-special50-41, .ui-grid-col-special50-42, .ui-grid-col-special50-43,
	.ui-grid-col-special50-44, .ui-grid-col-special50-45, .ui-grid-col-special50-46, .ui-grid-col-special50-47,
	.ui-grid-col-special50-48, .ui-grid-col-special50-49, .ui-grid-col-special50-50, .ui-grid-col-special50-8r,
	.ui-grid-col-special50-6r, .ui-grid-col-special50-7r, .ui-grid-col-special50-16r, .ui-grid-col-special50-9r,
	.ui-grid-col-special50-10r, .ui-grid-col-special50-17r, .ui-grid-col-special50-24r {
	    box-sizing: border-box;
		width: 100%;
	}
}


@media  screen and ( min-width : 641px) {
	.ui-grid-col-special50-md-1 {width: 2%;}
	.ui-grid-col-special50-md-1r {width: 2%; text-align: right}
	.ui-grid-col-special50-md-2 {width: 4%;}
	.ui-grid-col-special50-md-2r {width: 4%;  text-align: right}
	.ui-grid-col-special50-md-3 {width: 6%;}
	.ui-grid-col-special50-md-3r {width: 6%; text-align: right}
	.ui-grid-col-special50-md-4 {width: 8%;}
	.ui-grid-col-special50-md-4r {width: 8%; text-align: right}
	.ui-grid-col-special50-md-5 {width: 10%;}
	.ui-grid-col-special50-md-5r {width: 10%; text-align: right}
	.ui-grid-col-special50-md-6 {width: 12%;}
	.ui-grid-col-special50-md-6r {width: 12%; text-align: right}
	.ui-grid-col-special50-md-7 {width: 14%;}
	.ui-grid-col-special50-md-7r {width: 14%; text-align: right}
	.ui-grid-col-special50-md-8 {width: 16%;}
	.ui-grid-col-special50-md-8r {width: 16%; text-align: right}
	.ui-grid-col-special50-md-9 {width: 18%;}
	.ui-grid-col-special50-md-9r {width: 18%; text-align: right}
	.ui-grid-col-special50-md-10 {width: 20%;}
	.ui-grid-col-special50-md-10r {width: 20%; text-align: right}
	.ui-grid-col-special50-md-11 {width: 22%;}
	.ui-grid-col-special50-md-12 {width: 24%;}
	.ui-grid-col-special50-md-13 {width: 26%;}
	.ui-grid-col-special50-md-14 {width: 28%;}
	.ui-grid-col-special50-md-15 {width: 30%;}
	.ui-grid-col-special50-md-16 {width: 32%;}
	.ui-grid-col-special50-md-16r {width: 32%; text-align: right}
	.ui-grid-col-special50-md-17 {width: 34%;}
	.ui-grid-col-special50-md-17r {width: 34%; text-align: right}
	.ui-grid-col-special50-md-18 {width: 36%;}
	.ui-grid-col-special50-md-18r {width: 36%; text-align: right}
	.ui-grid-col-special50-md-19 {width: 38%;}
	.ui-grid-col-special50-md-20 {width: 40%;}
	.ui-grid-col-special50-md-20r {width: 40%; text-align: right}
	.ui-grid-col-special50-md-21 {width: 42%;}
	.ui-grid-col-special50-md-22 {width: 44%;}
	.ui-grid-col-special50-md-23 {width: 46%;}
	.ui-grid-col-special50-md-24 {width: 48%;}
	.ui-grid-col-special50-md-25 {width: 50%;}
	.ui-grid-col-special50-md-26 {width: 52%;}
	.ui-grid-col-special50-md-27 {width: 54%;}
	.ui-grid-col-special50-md-28 {width: 56%;}
	.ui-grid-col-special50-md-29 {width: 58%;}
	.ui-grid-col-special50-md-30 {width: 60%;}
	.ui-grid-col-special50-md-31 {width: 62%;}
	.ui-grid-col-special50-md-32 {width: 64%;}
	.ui-grid-col-special50-md-33 {width: 66%;}
	.ui-grid-col-special50-md-34 {width: 68%;}
	.ui-grid-col-special50-md-35 {width: 70%;}
	.ui-grid-col-special50-md-36 {width: 72%;}
	.ui-grid-col-special50-md-37 {width: 74%;}
	.ui-grid-col-special50-md-38 {width: 76%;}
	.ui-grid-col-special50-md-39 {width: 78%;}
	.ui-grid-col-special50-md-40 {width: 80%;}
	.ui-grid-col-special50-md-41 {width: 82%;}
	.ui-grid-col-special50-md-42 {width: 84%;}
	.ui-grid-col-special50-md-43 {width: 86%;}
	.ui-grid-col-special50-md-44 {width: 88%;}
	.ui-grid-col-special50-md-45 {width: 90%;}
	.ui-grid-col-special50-md-46 {width: 92%;}
	.ui-grid-col-special50-md-47 {width: 94%;}
	.ui-grid-col-special50-md-48 {width: 96%;}
	.ui-grid-col-special50-md-49 {width: 98%;}
	.ui-grid-col-special50-md-50 {width: 100%;}
	
	.ui-grid-col-special50-md-1, .ui-grid-col-special50-md-1r, .ui-grid-col-special50-md-2, .ui-grid-col-special50-md-2r,
	.ui-grid-col-special50-md-3, .ui-grid-col-special50-md-3r, .ui-grid-col-special50-md-4, .ui-grid-col-special50-md-4r,
	.ui-grid-col-special50-md-5, .ui-grid-col-special50-md-5r, .ui-grid-col-special50-md-6, .ui-grid-col-special50-md-7,
	.ui-grid-col-special50-md-8, .ui-grid-col-special50-md-9, .ui-grid-col-special50-md-10, .ui-grid-col-special50-md-11,
	.ui-grid-col-special50-md-12, .ui-grid-col-special50-md-13, .ui-grid-col-special50-md-14, .ui-grid-col-special50-md-15,
	.ui-grid-col-special50-md-16, .ui-grid-col-special50-md-17, .ui-grid-col-special50-md-18, .ui-grid-col-special50-md-19,
	.ui-grid-col-special50-md-20, .ui-grid-col-special50-md-21, .ui-grid-col-special50-md-22, .ui-grid-col-special50-md-23,
	.ui-grid-col-special50-md-24, .ui-grid-col-special50-md-25, .ui-grid-col-special50-md-26, .ui-grid-col-special50-md-27,
	.ui-grid-col-special50-md-28, .ui-grid-col-special50-md-29, .ui-grid-col-special50-md-30, .ui-grid-col-special50-md-31,
	.ui-grid-col-special50-md-32, .ui-grid-col-special50-md-33, .ui-grid-col-special50-md-34, .ui-grid-col-special50-md-35, 
	.ui-grid-col-special50-md-36, .ui-grid-col-special50-md-37, .ui-grid-col-special50-md-38, .ui-grid-col-special50-md-39,
	.ui-grid-col-special50-md-40, .ui-grid-col-special50-md-41, .ui-grid-col-special50-md-42, .ui-grid-col-special50-md-43,
	.ui-grid-col-special50-md-44, .ui-grid-col-special50-md-45, .ui-grid-col-special50-md-46, .ui-grid-col-special50-md-47,
	.ui-grid-col-special50-md-48, .ui-grid-col-special50-md-49, .ui-grid-col-special50-md-50, .ui-grid-col-special50-md-8r,
	.ui-grid-col-special50-md-6r, .ui-grid-col-special50-md-7r, .ui-grid-col-special50-md-16r, .ui-grid-col-special50-md-9r,
	.ui-grid-col-special50-md-10r, .ui-grid-col-special50-md-17r, .ui-grid-col-special50-md-18r, .ui-grid-col-special50-md-20r {
		box-sizing: border-box;
	}
}

@media screen and  ( min-width : 1025px) {
	.ui-grid-col-special50-lg-1 {width: 2%;}
	.ui-grid-col-special50-lg-1r {width: 2%; text-align: right}
	.ui-grid-col-special50-lg-2 {width: 4%;}
	.ui-grid-col-special50-lg-2r {width: 4%;  text-align: right}
	.ui-grid-col-special50-lg-3 {width: 6%;}
	.ui-grid-col-special50-lg-3r {width: 6%; text-align: right}
	.ui-grid-col-special50-lg-4 {width: 8%;}
	.ui-grid-col-special50-lg-4r {width: 8%; text-align: right}
	.ui-grid-col-special50-lg-5 {width: 10%;}
	.ui-grid-col-special50-lg-5r {width: 10%; text-align: right}
	.ui-grid-col-special50-lg-6 {width: 12%;}
	.ui-grid-col-special50-lg-6r {width: 12%; text-align: right}
	.ui-grid-col-special50-lg-7 {width: 14%;}
	.ui-grid-col-special50-lg-7r {width: 14%; text-align: right}
	.ui-grid-col-special50-lg-8 {width: 16%;}
	.ui-grid-col-special50-lg-8r {width: 16%; text-align: right}
	.ui-grid-col-special50-lg-9 {width: 18%;}
	.ui-grid-col-special50-lg-9r {width: 18%; text-align: right}
	.ui-grid-col-special50-lg-10 {width: 20%;}
	.ui-grid-col-special50-lg-10r {width: 20%; text-align: right}
	.ui-grid-col-special50-lg-11 {width: 22%;}
	.ui-grid-col-special50-lg-12 {width: 24%;}
	.ui-grid-col-special50-lg-13 {width: 26%;}
	.ui-grid-col-special50-lg-14 {width: 28%;}
	.ui-grid-col-special50-lg-15 {width: 30%;}
	.ui-grid-col-special50-lg-16 {width: 32%;}
	.ui-grid-col-special50-lg-16r {width: 32%; text-align: right}
	.ui-grid-col-special50-lg-17 {width: 34%;}
	.ui-grid-col-special50-lg-17r {width: 34%; text-align: right}
	.ui-grid-col-special50-lg-18 {width: 36%;}
	.ui-grid-col-special50-lg-18r {width: 36%; text-align: right}
	.ui-grid-col-special50-lg-19 {width: 38%;}
	.ui-grid-col-special50-lg-20 {width: 40%;}
	.ui-grid-col-special50-lg-20r {width: 40%; text-align: right}
	.ui-grid-col-special50-lg-21 {width: 42%;}
	.ui-grid-col-special50-lg-22 {width: 44%;}
	.ui-grid-col-special50-lg-23 {width: 46%;}
	.ui-grid-col-special50-lg-24 {width: 48%;}
	.ui-grid-col-special50-lg-24r {width: 48%; text-align: right}
	.ui-grid-col-special50-lg-25 {width: 50%;}
	.ui-grid-col-special50-lg-26 {width: 52%;}
	.ui-grid-col-special50-lg-27 {width: 54%;}
	.ui-grid-col-special50-lg-28 {width: 56%;}
	.ui-grid-col-special50-lg-29 {width: 58%;}
	.ui-grid-col-special50-lg-30 {width: 60%;}
	.ui-grid-col-special50-lg-31 {width: 62%;}
	.ui-grid-col-special50-lg-32 {width: 64%;}
	.ui-grid-col-special50-lg-33 {width: 66%;}
	.ui-grid-col-special50-lg-34 {width: 68%;}
	.ui-grid-col-special50-lg-35 {width: 70%;}
	.ui-grid-col-special50-lg-36 {width: 72%;}
	.ui-grid-col-special50-lg-37 {width: 74%;}
	.ui-grid-col-special50-lg-38 {width: 76%;}
	.ui-grid-col-special50-lg-39 {width: 78%;}
	.ui-grid-col-special50-lg-40 {width: 80%;}
	.ui-grid-col-special50-lg-41 {width: 82%;}
	.ui-grid-col-special50-lg-42 {width: 84%;}
	.ui-grid-col-special50-lg-43 {width: 86%;}
	.ui-grid-col-special50-lg-44 {width: 88%;}
	.ui-grid-col-special50-lg-45 {width: 90%;}
	.ui-grid-col-special50-lg-46 {width: 92%;}
	.ui-grid-col-special50-lg-47 {width: 94%;}
	.ui-grid-col-special50-lg-48 {width: 96%;}
	.ui-grid-col-special50-lg-49 {width: 98%;}
	.ui-grid-col-special50-lg-50 {width: 100%;}
	
	.ui-grid-col-special50-lg-1, .ui-grid-col-special50-lg-1r, .ui-grid-col-special50-lg-2, .ui-grid-col-special50-lg-2r,
	.ui-grid-col-special50-lg-3, .ui-grid-col-special50-lg-3r, .ui-grid-col-special50-lg-4, .ui-grid-col-special50-lg-4r,
	.ui-grid-col-special50-lg-5, .ui-grid-col-special50-lg-5r, .ui-grid-col-special50-lg-6, .ui-grid-col-special50-lg-7,
	.ui-grid-col-special50-lg-8, .ui-grid-col-special50-lg-9, .ui-grid-col-special50-lg-10, .ui-grid-col-special50-lg-11,
	.ui-grid-col-special50-lg-12, .ui-grid-col-special50-lg-13, .ui-grid-col-special50-lg-14, .ui-grid-col-special50-lg-15,
	.ui-grid-col-special50-lg-16, .ui-grid-col-special50-lg-17, .ui-grid-col-special50-lg-18, .ui-grid-col-special50-lg-19,
	.ui-grid-col-special50-lg-20, .ui-grid-col-special50-lg-21, .ui-grid-col-special50-lg-22, .ui-grid-col-special50-lg-23,
	.ui-grid-col-special50-lg-24, .ui-grid-col-special50-lg-25, .ui-grid-col-special50-lg-26, .ui-grid-col-special50-lg-27,
	.ui-grid-col-special50-lg-28, .ui-grid-col-special50-lg-29, .ui-grid-col-special50-lg-30, .ui-grid-col-special50-lg-31,
	.ui-grid-col-special50-lg-32, .ui-grid-col-special50-lg-33, .ui-grid-col-special50-lg-34, .ui-grid-col-special50-lg-35, 
	.ui-grid-col-special50-lg-36, .ui-grid-col-special50-lg-37, .ui-grid-col-special50-lg-38, .ui-grid-col-special50-lg-39,
	.ui-grid-col-special50-lg-40, .ui-grid-col-special50-lg-41, .ui-grid-col-special50-lg-42, .ui-grid-col-special50-lg-43,
	.ui-grid-col-special50-lg-44, .ui-grid-col-special50-lg-45, .ui-grid-col-special50-lg-46, .ui-grid-col-special50-lg-47,
	.ui-grid-col-special50-lg-48, .ui-grid-col-special50-lg-49, .ui-grid-col-special50-lg-50, .ui-grid-col-special50-lg-8r,
	.ui-grid-col-special50-lg-6r, .ui-grid-col-special50-lg-7r, .ui-grid-col-special50-lg-16r, .ui-grid-col-special50-lg-9r,
	.ui-grid-col-special50-lg-10r, .ui-grid-col-special50-lg-17r, .ui-grid-col-special50-lg-18r, .ui-grid-col-special50-lg-20r,
	.ui-grid-col-special50-lg-24r {
		box-sizing: border-box;
	}
}

@media screen and ( min-width : 1441px) {
	.ui-grid-col-special50-xl-1 {width: 2%;}
	.ui-grid-col-special50-xl-1r {width: 2%; text-align: right}
	.ui-grid-col-special50-xl-2 {width: 4%;}
	.ui-grid-col-special50-xl-2r {width: 4%;  text-align: right}
	.ui-grid-col-special50-xl-3 {width: 6%;}
	.ui-grid-col-special50-xl-3r {width: 6%; text-align: right}
	.ui-grid-col-special50-xl-4 {width: 8%;}
	.ui-grid-col-special50-xl-4r {width: 8%; text-align: right}
	.ui-grid-col-special50-xl-5 {width: 10%;}
	.ui-grid-col-special50-xl-5r {width: 10%; text-align: right}
	.ui-grid-col-special50-xl-6 {width: 12%;}
	.ui-grid-col-special50-xl-6r {width: 12%; text-align: right}
	.ui-grid-col-special50-xl-7 {width: 14%;}
	.ui-grid-col-special50-xl-7r {width: 14%; text-align: right}
	.ui-grid-col-special50-xl-8 {width: 16%;}
	.ui-grid-col-special50-xl-8r {width: 16%; text-align: right}
	.ui-grid-col-special50-xl-9 {width: 18%;}
	.ui-grid-col-special50-xl-9r {width: 18%; text-align: right}
	.ui-grid-col-special50-xl-10 {width: 20%;}
	.ui-grid-col-special50-xl-10r {width: 20%; text-align: right}
	.ui-grid-col-special50-xl-11 {width: 22%;}
	.ui-grid-col-special50-xl-12 {width: 24%;}
	.ui-grid-col-special50-xl-13 {width: 26%;}
	.ui-grid-col-special50-xl-14 {width: 28%;}
	.ui-grid-col-special50-xl-15 {width: 30%;}
	.ui-grid-col-special50-xl-16 {width: 32%;}
	.ui-grid-col-special50-xl-16r {width: 32%; text-align: right}
	.ui-grid-col-special50-xl-17 {width: 34%;}
	.ui-grid-col-special50-xl-17r {width: 34%; text-align: right}
	.ui-grid-col-special50-xl-18 {width: 36%;}
	.ui-grid-col-special50-xl-18r {width: 36%; text-align: right}
	.ui-grid-col-special50-xl-19 {width: 38%;}
	.ui-grid-col-special50-xl-20 {width: 40%;}
	.ui-grid-col-special50-xl-20r {width: 40%; text-align: right}
	.ui-grid-col-special50-xl-21 {width: 42%;}
	.ui-grid-col-special50-xl-22 {width: 44%;}
	.ui-grid-col-special50-xl-23 {width: 46%;}
	.ui-grid-col-special50-xl-24 {width: 48%;}
	.ui-grid-col-special50-xl-24r {width: 48%; text-align: right}
	.ui-grid-col-special50-xl-25 {width: 50%;}
	.ui-grid-col-special50-xl-26 {width: 52%;}
	.ui-grid-col-special50-xl-27 {width: 54%;}
	.ui-grid-col-special50-xl-28 {width: 56%;}
	.ui-grid-col-special50-xl-29 {width: 58%;}
	.ui-grid-col-special50-xl-30 {width: 60%;}
	.ui-grid-col-special50-xl-31 {width: 62%;}
	.ui-grid-col-special50-xl-32 {width: 64%;}
	.ui-grid-col-special50-xl-33 {width: 66%;}
	.ui-grid-col-special50-xl-34 {width: 68%;}
	.ui-grid-col-special50-xl-35 {width: 70%;}
	.ui-grid-col-special50-xl-36 {width: 72%;}
	.ui-grid-col-special50-xl-37 {width: 74%;}
	.ui-grid-col-special50-xl-38 {width: 76%;}
	.ui-grid-col-special50-xl-39 {width: 78%;}
	.ui-grid-col-special50-xl-40 {width: 80%;}
	.ui-grid-col-special50-xl-41 {width: 82%;}
	.ui-grid-col-special50-xl-42 {width: 84%;}
	.ui-grid-col-special50-xl-43 {width: 86%;}
	.ui-grid-col-special50-xl-44 {width: 88%;}
	.ui-grid-col-special50-xl-45 {width: 90%;}
	.ui-grid-col-special50-xl-46 {width: 92%;}
	.ui-grid-col-special50-xl-47 {width: 94%;}
	.ui-grid-col-special50-xl-48 {width: 96%;}
	.ui-grid-col-special50-xl-49 {width: 98%;}
	.ui-grid-col-special50-xl-50 {width: 100%;}
	
	.ui-grid-col-special50-xl-1, .ui-grid-col-special50-xl-1r, .ui-grid-col-special50-xl-2, .ui-grid-col-special50-xl-2r,
	.ui-grid-col-special50-xl-3, .ui-grid-col-special50-xl-3r, .ui-grid-col-special50-xl-4, .ui-grid-col-special50-xl-4r,
	.ui-grid-col-special50-xl-5, .ui-grid-col-special50-xl-5r, .ui-grid-col-special50-xl-6, .ui-grid-col-special50-xl-7,
	.ui-grid-col-special50-xl-8, .ui-grid-col-special50-xl-9, .ui-grid-col-special50-xl-10, .ui-grid-col-special50-xl-11,
	.ui-grid-col-special50-xl-12, .ui-grid-col-special50-xl-13, .ui-grid-col-special50-xl-14, .ui-grid-col-special50-xl-15,
	.ui-grid-col-special50-xl-16, .ui-grid-col-special50-xl-17, .ui-grid-col-special50-xl-18, .ui-grid-col-special50-xl-19,
	.ui-grid-col-special50-xl-20, .ui-grid-col-special50-xl-21, .ui-grid-col-special50-xl-22, .ui-grid-col-special50-xl-23,
	.ui-grid-col-special50-xl-24, .ui-grid-col-special50-xl-25, .ui-grid-col-special50-xl-26, .ui-grid-col-special50-xl-27,
	.ui-grid-col-special50-xl-28, .ui-grid-col-special50-xl-29, .ui-grid-col-special50-xl-30, .ui-grid-col-special50-xl-31,
	.ui-grid-col-special50-xl-32, .ui-grid-col-special50-xl-33, .ui-grid-col-special50-xl-34, .ui-grid-col-special50-xl-35, 
	.ui-grid-col-special50-xl-36, .ui-grid-col-special50-xl-37, .ui-grid-col-special50-xl-38, .ui-grid-col-special50-xl-39,
	.ui-grid-col-special50-xl-40, .ui-grid-col-special50-xl-41, .ui-grid-col-special50-xl-42, .ui-grid-col-special50-xl-43,
	.ui-grid-col-special50-xl-44, .ui-grid-col-special50-xl-45, .ui-grid-col-special50-xl-46, .ui-grid-col-special50-xl-47,
	.ui-grid-col-special50-xl-48, .ui-grid-col-special50-xl-49, .ui-grid-col-special50-xl-50, .ui-grid-col-special50-xl-8r,
	.ui-grid-col-special50-xl-6r, .ui-grid-col-special50-xl-7r, .ui-grid-col-special50-xl-16r, .ui-grid-col-special50-xl-9r,
	.ui-grid-col-special50-xl-10r, .ui-grid-col-special50-xl-17r, .ui-grid-col-special50-xl-18r, .ui-grid-col-special50-xl-20r,
	.ui-grid-col-special50-xl-24r {
		box-sizing: border-box;
	}
}

/*================================================================*/


/*================ 24 Grid with ui-grid-col =======================*/

@media ( min-width : 641px) {
.ui-grid-col-special24-1 {width: 4.16666%;}          
.ui-grid-col-special24-2 {width: 8.33333%;}          
.ui-grid-col-special24-3 {width: 12.5%;}           
.ui-grid-col-special24-4 {width: 16.666665%;}        
.ui-grid-col-special24-5 {width: 20.83333%;}   		
.ui-grid-col-special24-6 {width: 25%;}  				
.ui-grid-col-special24-7 {width: 29.166665%;}		
.ui-grid-col-special24-8 {width: 33.33333%;}    		
.ui-grid-col-special24-9 {width: 37.5%;}				
.ui-grid-col-special24-10 {width: 41.66666%;}		
.ui-grid-col-special24-11 {width: 45.83333%;}		
.ui-grid-col-special24-12 {width: 50%;}				
.ui-grid-col-special24-13  {width: 54.16666%;}
.ui-grid-col-special24-14  {width: 58.33333%;}
.ui-grid-col-special24-15  {width: 62.5%;}
.ui-grid-col-special24-16  {width: 66.66666%;}
.ui-grid-col-special24-17  {width: 70.83333%;}
.ui-grid-col-special24-18  {width: 75%;}
.ui-grid-col-special24-19  {width: 79.16666%;}
.ui-grid-col-special24-20  {width: 83.33333%;}
.ui-grid-col-special24-21  {width: 87.5%;}
.ui-grid-col-special24-22  {width: 91.66666%;}
.ui-grid-col-special24-23  {width: 95.83333%;}
.ui-grid-col-special24-24  {width: 100%;}
 
.ui-grid-col-special24-1,.ui-grid-col-special24-2,.ui-grid-col-special24-3,.ui-grid-col-special24-4,.ui-grid-col-special24-5,.ui-grid-col-special24-6,
.ui-grid-col-special24-7,.ui-grid-col-special24-8,.ui-grid-col-special24-9,.ui-grid-col-special24-10,.ui-grid-col-special24-11,.ui-grid-col-special24-12,
.ui-grid-col-special24-13,.ui-grid-col-special24-14,.ui-grid-col-special24-15,.ui-grid-col-special24-16,.ui-grid-col-special24-17,.ui-grid-col-special24-18,
.ui-grid-col-special24-19,.ui-grid-col-special24-20,.ui-grid-col-special24-21,.ui-grid-col-special24-22,.ui-grid-col-special24-23,.ui-grid-col-special24-24 {
  	float: left;
	box-sizing: border-box
 }
 
 
}

@media ( max-width : 640px) {
 .ui-grid-col-special24-1,.ui-grid-col-special24-2,.ui-grid-col-special24-3,.ui-grid-col-special24-4,.ui-grid-col-special24-5,.ui-grid-col-special24-6,
.ui-grid-col-special24-7,.ui-grid-col-special24-8,.ui-grid-col-special24-9,.ui-grid-col-special24-10,.ui-grid-col-special24-11,.ui-grid-col-special24-12,
.ui-grid-col-special24-13,.ui-grid-col-special24-14,.ui-grid-col-special24-15,.ui-grid-col-special24-16,.ui-grid-col-special24-17,.ui-grid-col-special24-18,
.ui-grid-col-special24-19,.ui-grid-col-special24-20,.ui-grid-col-special24-21,.ui-grid-col-special24-22,.ui-grid-col-special24-23,.ui-grid-col-special24-24 {
  box-sizing: border-box;
  width: 100%;
 }
}

@media ( min-width : 641px) {
	.ui-grid-col-right{
		text-align: right;
	}
}


/*================================================================*/

/*=============================================================================*/
/*========================== 50 Grid CSS =========================================*/
/*=============================================================================*/

.ui-g-sp-1 { width: 2%;}
.ui-g-sp-2 { width: 4%;}
.ui-g-sp-3 { width: 6%;}
.ui-g-sp-4 { width: 8%;}
.ui-g-sp-5 { width: 10%;}
.ui-g-sp-6 { width: 12%;}
.ui-g-sp-7 { width: 14%;}
.ui-g-sp-8 { width: 16%;}
.ui-g-sp-9 { width: 18%;}
.ui-g-sp-10 { width: 20%;}
.ui-g-sp-11 { width: 22%;}
.ui-g-sp-12 { width: 24%;}
.ui-g-sp-13 { width: 26%;}
.ui-g-sp-14 { width: 28%;}
.ui-g-sp-15 { width: 30%;}
.ui-g-sp-16 { width: 32%;}
.ui-g-sp-17 { width: 34%;}
.ui-g-sp-18 { width: 36%;}
.ui-g-sp-19 { width: 38%;}
.ui-g-sp-20 { width: 40%;}
.ui-g-sp-21 { width: 42%;}
.ui-g-sp-22 { width: 44%;}
.ui-g-sp-23 { width: 46%;}
.ui-g-sp-24 { width: 48%;}
.ui-g-sp-25 { width: 50%;}
.ui-g-sp-26 { width: 52%;}
.ui-g-sp-27 { width: 54%;}
.ui-g-sp-28 { width: 56%;}
.ui-g-sp-29 { width: 58%;}
.ui-g-sp-30 { width: 60%;}
.ui-g-sp-31 { wigh: 62%;}
.ui-g-sp-32 { width: 64%;}
.ui-g-sp-33 { width: 66%;}
.ui-g-sp-34 { width: 68%;}
.ui-g-sp-35 { width: 70%;}
.ui-g-sp-36 { width: 72%;}
.ui-g-sp-37 { width: 74%;}
.ui-g-sp-38 { width: 76%;}
.ui-g-sp-39 { width: 78%;}
.ui-g-sp-40 { width: 80%;}
.ui-g-sp-41 { width: 82%;}
.ui-g-sp-42 { width: 84%;}
.ui-g-sp-43 { width: 86%;}
.ui-g-sp-44 { width: 88%;}
.ui-g-sp-45 { width: 90%;}
.ui-g-sp-46 { width: 92%;}
.ui-g-sp-47 { width: 94%;}
.ui-g-sp-48 { width: 96%;}
.ui-g-sp-49 { width: 98%;}
.ui-g-sp-50 { width: 100%;}

.ui-g-sp-1, .ui-g-sp-2, .ui-g-sp-3, .ui-g-sp-4, .ui-g-sp-5, .ui-g-sp-6, .ui-g-sp-7, .ui-g-sp-8, .ui-g-sp-9, .ui-g-sp-10,
.ui-g-sp-11, .ui-g-sp-12, .ui-g-sp-13, .ui-g-sp-14, .ui-g-sp-15, .ui-g-sp-16, .ui-g-sp-17, .ui-g-sp-18, .ui-g-sp-19, .ui-g-sp-20
.ui-g-sp-21, .ui-g-sp-22, .ui-g-sp-23, .ui-g-sp-24, .ui-g-sp-25, .ui-g-sp-26, .ui-g-sp-27, .ui-g-sp-28, .ui-g-sp-29, .ui-g-sp-30,
.ui-g-sp-31, .ui-g-sp-32, .ui-g-sp-33, .ui-g-sp-34, .ui-g-sp-35, .ui-g-sp-36, .ui-g-sp-37, .ui-g-sp-38, .ui-g-sp-39, .ui-g-sp-40,
.ui-g-sp-41, .ui-g-sp-42, .ui-g-sp-43, .ui-g-sp-44, .ui-g-sp-45, .ui-g-sp-46, .ui-g-sp-47, .ui-g-sp-48, .ui-g-sp-49, .ui-g-sp-50 {
	float: left;
	box-sizing: border-box;
	padding-left: .3em;
	padding-right: .3em;
	padding-bottom: .3em;
}  

.padding-none {
	padding : 0px !important;
}

.right-g {
		text-align: right;
}

@media screen and (max-width: 40em){ /* 640px */
	.ui-sm-sp-1 { width: 2%;}
	.ui-sm-sp-2 { width: 4%;}
	.ui-sm-sp-3 { width: 6%;}
	.ui-sm-sp-4 { width: 8%;}
	.ui-sm-sp-5 { width: 10%;}
	.ui-sm-sp-6 { width: 12%;}
	.ui-sm-sp-7 { width: 14%;}
	.ui-sm-sp-8 { width: 16%;}
	.ui-sm-sp-9 { width: 18%;}
	.ui-sm-sp-10 { width: 20%;}
	.ui-sm-sp-11 { width: 22%;}
	.ui-sm-sp-12 { width: 24%;}
	.ui-sm-sp-13 { width: 26%;}
	.ui-sm-sp-14 { width: 28%;}
	.ui-sm-sp-15 { width: 30%;}
	.ui-sm-sp-16 { width: 32%;}
	.ui-sm-sp-17 { width: 34%;}
	.ui-sm-sp-18 { width: 36%;}
	.ui-sm-sp-19 { width: 38%;}
	.ui-sm-sp-20 { width: 40%;}
	.ui-sm-sp-21 { width: 42%;}
	.ui-sm-sp-22 { width: 44%;}
	.ui-sm-sp-23 { width: 46%;}
	.ui-sm-sp-24 { width: 48%;}
	.ui-sm-sp-25 { width: 50%;}
	.ui-sm-sp-26 { width: 52%;}
	.ui-sm-sp-27 { width: 54%;}
	.ui-sm-sp-28 { width: 56%;}
	.ui-sm-sp-29 { width: 58%;}
	.ui-sm-sp-30 { width: 60%;}
	.ui-sm-sp-31 { width: 62%;}
	.ui-sm-sp-32 { width: 64%;}
	.ui-sm-sp-33 { width: 66%;}
	.ui-sm-sp-34 { width: 68%;}
	.ui-sm-sp-35 { width: 70%;}
	.ui-sm-sp-36 { width: 72%;}
	.ui-sm-sp-37 { width: 74%;}
	.ui-sm-sp-38 { width: 76%;}
	.ui-sm-sp-39 { width: 78%;}
	.ui-sm-sp-40 { width: 80%;}
	.ui-sm-sp-41 { width: 82%;}
	.ui-sm-sp-42 { width: 84%;}
	.ui-sm-sp-43 { width: 86%;}
	.ui-sm-sp-44 { width: 88%;}
	.ui-sm-sp-45 { width: 90%;}
	.ui-sm-sp-46 { width: 92%;}
	.ui-sm-sp-47 { width: 94%;}
	.ui-sm-sp-48 { width: 96%;}
	.ui-sm-sp-49 { width: 98%;}
	.ui-sm-sp-50 { width: 100%;}
	.ui-sm-sp-hide { display: none; }
	
	.ui-sm-sp-1, .ui-sm-sp-2, .ui-sm-sp-3, .ui-sm-sp-4, .ui-sm-sp-5, .ui-sm-sp-6, .ui-sm-sp-7, .ui-sm-sp-8, .ui-sm-sp-9, .ui-sm-sp-10,
	.ui-sm-sp-11, .ui-sm-sp-12, .ui-sm-sp-13, .ui-sm-sp-14, .ui-sm-sp-15, .ui-sm-sp-16, .ui-sm-sp-17, .ui-sm-sp-18, .ui-sm-sp-19, .ui-sm-sp-20
	.ui-sm-sp-21, .ui-sm-sp-22, .ui-sm-sp-23, .ui-sm-sp-24, .ui-sm-sp-25, .ui-sm-sp-26, .ui-sm-sp-27, .ui-sm-sp-28, .ui-sm-sp-29, .ui-sm-sp-30,
	.ui-sm-sp-31, .ui-sm-sp-32, .ui-sm-sp-33, .ui-sm-sp-34, .ui-sm-sp-35, .ui-sm-sp-36, .ui-sm-sp-37, .ui-sm-sp-38, .ui-sm-sp-39, .ui-sm-sp-40,
	.ui-sm-sp-41, .ui-sm-sp-42, .ui-sm-sp-43, .ui-sm-sp-44, .ui-sm-sp-45, .ui-sm-sp-46, .ui-sm-sp-47, .ui-sm-sp-48, .ui-sm-sp-49, .ui-sm-sp-50 {
	    padding-left: .3em;
	    padding-right: .3em;
	    padding-bottom: .3em;
	}
	
	.right-sm {
		text-align: right;
	}
	
	.left-sm {
		text-align: left;
	}
}
    
@media screen and (min-width: 40.063em){ /* 641px */
	.ui-md-sp-1 { width: 2%;}
	.ui-md-sp-2 { width: 4%;}
	.ui-md-sp-3 { width: 6%;}
	.ui-md-sp-4 { width: 8%;}
	.ui-md-sp-5 { width: 10%;}
	.ui-md-sp-6 { width: 12%;}
	.ui-md-sp-7 { width: 14%;}
	.ui-md-sp-8 { width: 16%;}
	.ui-md-sp-9 { width: 18%;}
	.ui-md-sp-10 { width: 20%;}
	.ui-md-sp-11 { width: 22%;}
	.ui-md-sp-12 { width: 24%;}
	.ui-md-sp-13 { width: 26%;}
	.ui-md-sp-14 { width: 28%;}
	.ui-md-sp-15 { width: 30%;}
	.ui-md-sp-16 { width: 32%;}
	.ui-md-sp-17 { width: 34%;}
	.ui-md-sp-18 { width: 36%;}
	.ui-md-sp-19 { width: 38%;}
	.ui-md-sp-20 { width: 40%;}
	.ui-md-sp-21 { width: 42%;}
	.ui-md-sp-22 { width: 44%;}
	.ui-md-sp-23 { width: 46%;}
	.ui-md-sp-24 { width: 48%;}
	.ui-md-sp-25 { width: 50%;}
	.ui-md-sp-26 { width: 52%;}
	.ui-md-sp-27 { width: 54%;}
	.ui-md-sp-28 { width: 56%;}
	.ui-md-sp-29 { width: 58%;}
	.ui-md-sp-30 { width: 60%;}
	.ui-md-sp-31 { width: 62%;}
	.ui-md-sp-32 { width: 64%;}
	.ui-md-sp-33 { width: 66%;}
	.ui-md-sp-34 { width: 68%;}
	.ui-md-sp-35 { width: 70%;}
	.ui-md-sp-36 { width: 72%;}
	.ui-md-sp-37 { width: 74%;}
	.ui-md-sp-38 { width: 76%;}
	.ui-md-sp-39 { width: 78%;}
	.ui-md-sp-40 { width: 80%;}
	.ui-md-sp-41 { width: 82%;}
	.ui-md-sp-42 { width: 84%;}
	.ui-md-sp-43 { width: 86%;}
	.ui-md-sp-44 { width: 88%;}
	.ui-md-sp-45 { width: 90%;}
	.ui-md-sp-46 { width: 92%;}
	.ui-md-sp-47 { width: 94%;}
	.ui-md-sp-48 { width: 96%;}
	.ui-md-sp-49 { width: 98%;}
	.ui-md-sp-50 { width: 100%;}
	
	.ui-md-sp-1, .ui-md-sp-2, .ui-md-sp-3, .ui-md-sp-4, .ui-md-sp-5, .ui-md-sp-6, .ui-md-sp-7, .ui-md-sp-8, .ui-md-sp-9, .ui-md-sp-10,
	.ui-md-sp-11, .ui-md-sp-12, .ui-md-sp-13, .ui-md-sp-14, .ui-md-sp-15, .ui-md-sp-16, .ui-md-sp-17, .ui-md-sp-18, .ui-md-sp-19, .ui-md-sp-20
	.ui-md-sp-21, .ui-md-sp-22, .ui-md-sp-23, .ui-md-sp-24, .ui-md-sp-25, .ui-md-sp-26, .ui-md-sp-27, .ui-md-sp-28, .ui-md-sp-29, .ui-md-sp-30,
	.ui-md-sp-31, .ui-md-sp-32, .ui-md-sp-33, .ui-md-sp-34, .ui-md-sp-35, .ui-md-sp-36, .ui-md-sp-37, .ui-md-sp-38, .ui-md-sp-39, .ui-md-sp-40,
	.ui-md-sp-41, .ui-md-sp-42, .ui-md-sp-43, .ui-md-sp-44, .ui-md-sp-45, .ui-md-sp-46, .ui-md-sp-47, .ui-md-sp-48, .ui-md-sp-49, .ui-md-sp-50 {
	     padding-left: .3em;
	    padding-right: .3em;
	    padding-bottom: .3em;
	}
	
	.right-md {
		text-align: right;
	}
	
	.left-md {
		text-align: left;
	}
}

@media screen and (min-width: 40.063em) and (max-width: 64em){ 
	.ui-md-sp-hide { display: none; }
}
		
@media screen and (min-width: 64.063em){ /* 1025px */
	.ui-lg-sp-1 { width: 2%;}
	.ui-lg-sp-2 { width: 4%;}
	.ui-lg-sp-3 { width: 6%;}
	.ui-lg-sp-4 { width: 8%;}
	.ui-lg-sp-5 { width: 10%;}
	.ui-lg-sp-6 { width: 12%;}
	.ui-lg-sp-7 { width: 14%;}
	.ui-lg-sp-8 { width: 16%;}
	.ui-lg-sp-9 { width: 18%;}
	.ui-lg-sp-10 { width: 20%;}
	.ui-lg-sp-11 { width: 22%;}
	.ui-lg-sp-12 { width: 24%;}
	.ui-lg-sp-13 { width: 26%;}
	.ui-lg-sp-14 { width: 28%;}
	.ui-lg-sp-15 { width: 30%;}
	.ui-lg-sp-16 { width: 32%;}
	.ui-lg-sp-17 { width: 34%;}
	.ui-lg-sp-18 { width: 36%;}
	.ui-lg-sp-19 { width: 38%;}
	.ui-lg-sp-20 { width: 40%;}
	.ui-lg-sp-21 { width: 42%;}
	.ui-lg-sp-22 { width: 44%;}
	.ui-lg-sp-23 { width: 46%;}
	.ui-lg-sp-24 { width: 48%;}
	.ui-lg-sp-25 { width: 50%;}
	.ui-lg-sp-26 { width: 52%;}
	.ui-lg-sp-27 { width: 54%;}
	.ui-lg-sp-28 { width: 56%;}
	.ui-lg-sp-29 { width: 58%;}
	.ui-lg-sp-30 { width: 60%;}
	.ui-lg-sp-31 { width: 62%;}
	.ui-lg-sp-32 { width: 64%;}
	.ui-lg-sp-33 { width: 66%;}
	.ui-lg-sp-34 { width: 68%;}
	.ui-lg-sp-35 { width: 70%;}
	.ui-lg-sp-36 { width: 72%;}
	.ui-lg-sp-37 { width: 74%;}
	.ui-lg-sp-38 { width: 76%;}
	.ui-lg-sp-39 { width: 78%;}
	.ui-lg-sp-40 { width: 80%;}
	.ui-lg-sp-41 { width: 82%;}
	.ui-lg-sp-42 { width: 84%;}
	.ui-lg-sp-43 { width: 86%;}
	.ui-lg-sp-44 { width: 88%;}
	.ui-lg-sp-45 { width: 90%;}
	.ui-lg-sp-46 { width: 92%;}
	.ui-lg-sp-47 { width: 94%;}
	.ui-lg-sp-48 { width: 96%;}
	.ui-lg-sp-49 { width: 98%;}
	.ui-lg-sp-50 { width: 100%;}
			
	.ui-lg-sp-1, .ui-lg-sp-2, .ui-lg-sp-3, .ui-lg-sp-4, .ui-lg-sp-5, .ui-lg-sp-6, .ui-lg-sp-7, .ui-lg-sp-8, .ui-lg-sp-9, .ui-lg-sp-10,
	.ui-lg-sp-11, .ui-lg-sp-12, .ui-lg-sp-13, .ui-lg-sp-14, .ui-lg-sp-15, .ui-lg-sp-16, .ui-lg-sp-17, .ui-lg-sp-18, .ui-lg-sp-19, .ui-lg-sp-20
	.ui-lg-sp-21, .ui-lg-sp-22, .ui-lg-sp-23, .ui-lg-sp-24, .ui-lg-sp-25, .ui-lg-sp-26, .ui-lg-sp-27, .ui-lg-sp-28, .ui-lg-sp-29, .ui-lg-sp-30,
	.ui-lg-sp-31, .ui-lg-sp-32, .ui-lg-sp-33, .ui-lg-sp-34, .ui-lg-sp-35, .ui-lg-sp-36, .ui-lg-sp-37, .ui-lg-sp-38, .ui-lg-sp-39, .ui-lg-sp-40,
	.ui-lg-sp-41, .ui-lg-sp-42, .ui-lg-sp-43, .ui-lg-sp-44, .ui-lg-sp-45, .ui-lg-sp-46, .ui-lg-sp-47, .ui-lg-sp-48, .ui-lg-sp-49, .ui-lg-sp-50 {
	     padding-left: .3em;
	    padding-right: .3em;
	    padding-bottom: .3em;
	}
	
	.right-lg {
		text-align: right;
	}
	
	.left-lg {
		text-align: left;
	}
}

@media screen and (min-width: 64.063em) and (max-width: 90em){ 
	.ui-lg-sp-hide { display: none; }
}

@media screen and (min-width: 90.063em){ /* 1441px */
	.ui-xl-sp-1 { width: 2%;}
	.ui-xl-sp-2 { width: 4%;}
	.ui-xl-sp-3 { width: 6%;}
	.ui-xl-sp-4 { width: 8%;}
	.ui-xl-sp-5 { width: 10%;}
	.ui-xl-sp-6 { width: 12%;}
	.ui-xl-sp-7 { width: 14%;}
	.ui-xl-sp-8 { width: 16%;}
	.ui-xl-sp-9 { width: 18%;}
	.ui-xl-sp-10 { width: 20%;}
	.ui-xl-sp-11 { width: 22%;}
	.ui-xl-sp-12 { width: 24%;}
	.ui-xl-sp-13 { width: 26%;}
	.ui-xl-sp-14 { width: 28%;}
	.ui-xl-sp-15 { width: 30%;}
	.ui-xl-sp-16 { width: 32%;}
	.ui-xl-sp-17 { width: 34%;}
	.ui-xl-sp-18 { width: 36%;}
	.ui-xl-sp-19 { width: 38%;}
	.ui-xl-sp-20 { width: 40%;}
	.ui-xl-sp-21 { width: 42%;}
	.ui-xl-sp-22 { width: 44%;}
	.ui-xl-sp-23 { width: 46%;}
	.ui-xl-sp-24 { width: 48%;}
	.ui-xl-sp-25 { width: 50%;}
	.ui-xl-sp-26 { width: 52%;}
	.ui-xl-sp-27 { width: 54%;}
	.ui-xl-sp-28 { width: 56%;}
	.ui-xl-sp-29 { width: 58%;}
	.ui-xl-sp-30 { width: 60%;}
	.ui-xl-sp-31 { width: 62%;}
	.ui-xl-sp-32 { width: 64%;}
	.ui-xl-sp-33 { width: 66%;}
	.ui-xl-sp-34 { width: 68%;}
	.ui-xl-sp-35 { width: 70%;}
	.ui-xl-sp-36 { width: 72%;}
	.ui-xl-sp-37 { width: 74%;}
	.ui-xl-sp-38 { width: 76%;}
	.ui-xl-sp-39 { width: 78%;}
	.ui-xl-sp-40 { width: 80%;}
	.ui-xl-sp-41 { width: 82%;}
	.ui-xl-sp-42 { width: 84%;}
	.ui-xl-sp-43 { width: 86%;}
	.ui-xl-sp-44 { width: 88%;}
	.ui-xl-sp-45 { width: 90%;}
	.ui-xl-sp-46 { width: 92%;}
	.ui-xl-sp-47 { width: 94%;}
	.ui-xl-sp-48 { width: 96%;}
	.ui-xl-sp-49 { width: 98%;}
	.ui-xl-sp-50 { width: 100%;}
	.ui-xl-sp-hide { display: none; }
	
	.ui-xl-sp-1, .ui-xl-sp-2, .ui-xl-sp-3, .ui-xl-sp-4, .ui-xl-sp-5, .ui-xl-sp-6, .ui-xl-sp-7, .ui-xl-sp-8, .ui-xl-sp-9, .ui-xl-sp-10,
	.ui-xl-sp-11, .ui-xl-sp-12, .ui-xl-sp-13, .ui-xl-sp-14, .ui-xl-sp-15, .ui-xl-sp-16, .ui-xl-sp-17, .ui-xl-sp-18, .ui-xl-sp-19, .ui-xl-sp-20
	.ui-xl-sp-21, .ui-xl-sp-22, .ui-xl-sp-23, .ui-xl-sp-24, .ui-xl-sp-25, .ui-xl-sp-26, .ui-xl-sp-27, .ui-xl-sp-28, .ui-xl-sp-29, .ui-xl-sp-30,
	.ui-xl-sp-31, .ui-xl-sp-32, .ui-xl-sp-33, .ui-xl-sp-34, .ui-xl-sp-35, .ui-xl-sp-36, .ui-xl-sp-37, .ui-xl-sp-38, .ui-xl-sp-39, .ui-xl-sp-40,
	.ui-xl-sp-41, .ui-xl-sp-42, .ui-xl-sp-43, .ui-xl-sp-44, .ui-xl-sp-45, .ui-xl-sp-46, .ui-xl-sp-47, .ui-xl-sp-48, .ui-xl-sp-49, .ui-xl-sp-50 {
	    padding-left: .3em;
	    padding-right: .3em;
	    padding-bottom: .3em;
	}
	
	.right-xl {
		text-align: right;
	}
	
	.left-xl {
		text-align: left;
	}
}


.autoComplete-multiple-like-text-area .ui-inputfield {
	width: 100% !important;
	overflow-y: auto;
}

.textarea-down{}


.upload-image-panel .upload-image-btn {
	margin-top: -6px;
}

.upload-image-panel .upload-image-del-btn {
	width: 60px;
	margin-bottom: -26px !important;
	margin-left: 90px !important;
}

.upload-image-panel .upload-image-del-btn .ui-button-text, .upload-image-panel .upload-image-scan-btn .ui-button-text{
	border-radius: 5px !important;
}

.upload-image-panel .upload-image-scan-btn {
	width:80px; 
	margin-bottom: -26px !important; 
	margin-left: 95px !important;
}

.upload-image-panel.attachment-panel-margin-top {
	 margin-top:17px !important;
}