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


/*html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}*/

body{}

/* CORE LAYOUT STANDART STYLES ********************************************************************************************************** */

a, div, span, input, textarea, li, strong, button{ outline:none; text-decoration:none;
 color:#5a5a5a;
 font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif ;
/* this removes gray outline from ios safari a tags */ -webkit-tap-highlight-color: rgba(0,0,0,0);
/* this removes action panels from ios safari a tags */ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none;}
img{ border:none; border:0px;}

/* Input form*/

/* Button color*/

/*.btnBlue .ui-button-text{*/
	/*background: #6BCCED !important;*/
/*}*/

/*visibilities according to the platform*/
.ShowOnMobile{ display:none;}
.ShowOnDesktop{ display:inherit;}
.FloatNoneOnMobile{}

/* make auto of element width and/or height attribute on mobile devices with media queries */
.WidAutoOnMobile{}
.HeiAutoOnMobile{}

/* for responsive mode - if you want any element has a responsive fluid abilities with media queries you must add this class to your element*/
.Responsive{}
.Responsive50{}
.Responsive100{}

/* Text Decoration */
.Underline{ text-decoration:underline;}

/* Making Unselectable Contents */
.Unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* for on iphone safari inputs shadow problem */
input[type="text"], input[type="password"], textarea{    
	height: 25px;
	width: 100%;
    border-radius: 2px;
     -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/*.NoDisplay{display:none;}
.OnDisplay{display:block;}*/


/* Display */
.DispBlock{ display:block;}
.DispTable{ display:table; vertical-align:middle;}
.DispTableCell{ display:table-cell; vertical-align:middle;}
.DispNone{ display:none;}
.DispInlBlock{display:inline-block;}
.DisFlex{display: flex}
.DisInlFlex{display: inline-flex;}


.NoDisplay{display:none !important ;}

.block-left{
	display: block;
	float: left;
}
.block-right{
	display: block;
	float: right;
}
.inline-block{
	display: inline-block;
}

/* Position */
.PosFixed{position:fixed;}
.PosAbsolute{position:absolute;}
.PosRelative{ position:relative;}
.PosStatic{position:static;}

/* Floating */
.Fleft{ float:left !important;}
.Fright{ float:right !important;}
.Fnone{ float:none !important;}

/* Overflows */
.OvHidden{ overflow:hidden;}
.OvScroll{ overflow:scroll;}
.OvAuto{ overflow:auto;}
.OvVisible{ overflow:visible;}
.OvXScroll{ overflow-x:scroll;}
.OvYScroll{ overflow-y:scroll;}
.OvXHidden{ overflow-x:hidden;}
.OvYHidden{ overflow-y:hidden;}

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

/* Opacity */
.Opac100{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}
.Opac95{ opacity:0.95; -webkit-opacity:0.95; -moz-opacity:0.95;}
.Opac90{ opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9;}
.Opac80{ opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8;}
.Opac70{ opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7;}
.Opac60{ opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6;}
.Opac50{ opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5;}
.Opac40{ opacity:0.4; -webkit-opacity:0.4; -moz-opacity:0.4;}
.Opac30{ opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3;}
.Opac20{ opacity:0.2; -webkit-opacity:0.2; -moz-opacity:0.2;}
.Opac10{ opacity:0.1; -webkit-opacity:0.1; -moz-opacity:0.1;}
.OpacZero{ opacity:0; -webkit-opacity:0; -moz-opacity:0;}
/*Border*/
.NoBor{border: none !important}
.NoBor table{border: none !important}
.HasBor{border: solid 1px #DDDDDD !important}
.RBor{border-right: solid 1px #DDDDDD !important}
.LBor{border-left: solid 1px #DDDDDD !important}
.TBor{border-top: solid 1px #DDDDDD !important}
.BBor{border-bottom: solid 1px #DDDDDD !important}


/* Border Radius */
.BordRad3{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.BordRad4{ border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.BordRad5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.BordRad10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.BordRad15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.BordRadHalf{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}

.BordRight{ border-right:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordLeft{ border-left:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordTop{ border-top:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordBottom{ border-top:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordAll{ border:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.BorRad0{ border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
/* Width */
.Wid100{ width:100%!important;}
.Wid95{ width:95%;}
.Wid90{ width:90%;}
.Wid80{ width:80%;}
.Wid70{ width:70%;}
.Wid60{ width:60%;}
.Wid55{ width:55%;}
.Wid50{ width:50%;}
.Wid45{ width:45%;}
.Wid40{ width:40%;}
.Wid35{ width:35%;}
.Wid30{ width:30%;}
.Wid25{ width:25%;}
.Wid20{ width:20%;}
.Wid15{ width:15%;}
.Wid17{ width:17%;}
.Wid12{ width:12%;}
.Wid10{ width:10%;}
.Wid7 { width:7%;}
.Wid5 { width:5%;}
.Wid3 { width:3%;}

.MaxWid500{max-width:500px;}
.Wid200p {width:200px;}
.Wid190p {width:195px;}
.Wid150p {width:150px;}
.Wid140p {width:140px;}
.Wid135p {width:135px;}
.Wid120p {width:120px;}
.Wid110p{ width:110px;}
.Wid100p{ width:100px;}
.Wid95p{ width:95px;}
.Wid90p{ width:90px;}
.Wid85p{ width:85px;}
.Wid80p{ width:80px;}
.Wid75p{ width:75px;}
.Wid70p{ width:70px;}
.Wid65p{ width:65px;}
.Wid60p{ width:60px;}
.Wid55p{ width:55px;}
.Wid50p{ width:50px;}
.Wid45p{ width:45px;}
.Wid40p{ width:40px;}
.Wid35p{ width:35px;}
.Wid30p{ width:30px;}
.Wid25p{ width:25px;}
.Wid20p{ width:20px;}
.Wid15p{ width:15px;}
.Wid10p{ width:10px;}
.Wid5p{ width:5px;}

/* Width Special Values */
.Wid12{ width:12%;}
.Wid20{ width:20%;}
.Wid22{ width:22%;}
.Wid25{ width:25%;}
.Wid33{ width:33.3%;}

/* Height */
.Hei100{ height:100%;}
.Hei90{ height:90%;}
.Hei80{ height:80%;}
.Hei70{ height:70%;}
.Hei60{ height:60%;}
.Hei40{ height:40%;}
.Hei50{ height:50%;}
.Hei30{ height:30%;}
.Hei20{ height:20%;}
.Hei10{ height:10%;}

.Hei200p{ height: 200px;}

.Hei120p {height: 120px;}
.Hei100p{ height:100px;}
.Hei90p{ height:90px;}
.Hei80p{ height:80px;}
.Hei70p{ height:70px;}
.Hei60p{ height:60px;}
.Hei40p{ height:40px;}
.Hei50p{ height:50px;}
.Hei30p{ height:30px;}
.Hei20p{ height:20px;}
.Hei10p{ height:10px;}
/* Margins */
.MarBot5{ margin-bottom:5px;}
.MarBot10{ margin-bottom:10px;}

.MarLef5{ margin-left:5px;}
.MarLef10{ margin-left:10px;}

.MarRight5{ margin-left:5px;}
.MarRight10{ margin-left:10px;}

.MarTopPerc5{ margin-top:5%;}
.MarTopPerc10{ margin-top:10%;}
.MarTopPerc20{ margin-top:20%;}
.MarTopPerc30{ margin-top:30%;}
.MarTopPerc40{ margin-top:40%;}
.MarTopPerc50{ margin-top:50%;}

.MarAuto{ margin-left:auto; margin-right:auto;}

.MarTop5{ margin-top:5px;}
.MarTop10{ margin-top:10px;}
.MarTop20{ margin-top:20px;}
.MarTop30{ margin-top:30px;}
.MarTop40{ margin-top:40px;}
.MarTop50{ margin-top:50px;}

.MarTopQuarter{ margin-top:25%;}
.MarTopHalf{ margin-top:50%;}

.MarBot10{ margin-bottom:10px;}
.MarRight10{ margin-right:10px;}
.MarRight20{ margin-right:20px;}

.Mar1{margin: 1px}
.Mar2{margin: 2px}
.Mar5{margin: 5px}
.Mar10{margin: 10px}



/* Paddings */
.PaddingTopPercent10{ padding-top: 10%;}


.Pad1{padding: 1px !important}
.Pad2{padding: 2px !important}
.Pad3{padding: 3px !important}
.Pad4{padding: 4px !important}
.Pad5{padding: 5px !important}
.Pad6{padding: 6px !important}
.Pad7{padding: 7px !important}
.Pad8{padding: 8px !important}
.Pad9{padding: 9px !important}
.Pad10{padding: 10px !important;}
.Pad11{padding: 11px !important}
.Pad12{padding: 12px !important}
.Pad13{padding: 13px !important}
.Pad14{padding: 14px !important}
.Pad15{padding: 15px !important}
.Pad16{padding: 16px !important}
.Pad17{padding: 17px !important}
.Pad18{padding: 18px !important}
.Pad19{padding: 19px !important}
.Pad20{padding: 20px !important}
.Pad21{padding: 21px !important}
.Pad22{padding: 22px !important}
.Pad23{padding: 23px !important}
.Pad24{padding: 24px !important}
.Pad25{padding: 25px !important}
.Pad26{padding: 26px !important}
.Pad27{padding: 27px !important}
.Pad28{padding: 28px !important}
.Pad29{padding: 29px !important}
.Pad30{padding: 30px !important}
.Pad40{padding: 40px !important}
.Pad50{padding: 50px !important}





.Padr1{padding-right: 1px !important}
.Padr2{padding-right: 2px !important}
.Padr3{padding-right: 3px !important}
.Padr5{padding-right: 5px !important}
.Padr10{padding-right: 10px !important;}
.Padr15{padding-right: 15px !important;}
.Padr20{padding-right: 20px !important;}
.Padr25{padding-right: 25px !important;}
.Padr30{padding-right: 30px !important;}
.Padr40{padding-right: 40px !important;}
.Padr50{padding-right: 50px !important;}

.Padl1{padding-left: 1px !important}
.Padl2{padding-left: 2px !important}
.Padl3{padding-left: 3px !important}
.Padl5{padding-left: 5px !important}
.Padl10{padding-left: 10px !important;}
.Padl15{padding-left: 15px !important;}
.Padl20{padding-left: 20px !important;}
.Padl25{padding-left: 25px !important;}
.Padl30{padding-left: 30px !important;}
.Padl40{padding-left: 40px !important;}
.Padl50{padding-left: 50px !important;}



/* Containers */
.Container100{ width:100%;  float:left;}
.Container99{ width:99%;  float:left;}
.Container96{ width:95%;  float:left;}
.Container90{ width:90%;  float:left;}
.Container85{ width:85%;  float:left;}
.Container80{ width:80%;  float:left;}
.Container785{ width:78.5%;  float:left;}
.Container75{ width:75%;  float:left;}
.Container70{ width:70%;  float:left;}
.Container66{ width:66.6%;  float:left;}
.Container60{ width:60%;  float:left;}
.Container50{ width:50%;  float:left;}
.Container40{ width:40%;  float:left;}
.Container33{ width:33.3%;  float:left;}
.Container30{ width:30%;  float:left;}
.Container35{ width:35%;  float:left;}
.Container25{ width:25%;  float:left;}
.Container20{ width:20%;  float:left;}
.Container10{ width:10%;  float:left;}
.Container5{ width:5%;  float:left;}
.Container22{ width:22%;  float:left;}
.Container17{ width:17%;  float:left;}
.Container12{ width:12%;  float:left;}
.Container7{ width:7%;  float:left;}
.Container3{ width:3%;  float:left;}

.ContainerIndent{display:block;}

/* Text Aligns */
.TexAlCenter{ text-align:center!important;}
.TexAlLeft{ text-align:left !important;}
.TexAlRight{ text-align:right !important;}

/* Padding With Transparent Border*/
.PadWithBorder1{ border:solid 1px transparent;}
.PadWithBorder2{ border:solid 2px transparent;}
.PadWithBorder3{ border:solid 3px transparent;}
.PadWithBorder4{ border:solid 4px transparent;}
.PadWithBorder5{ border:solid 5px transparent;}
.PadWithBorder10{ border:solid 10px transparent;}

/* Box Sizing */
.BoxSizeContent{ box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
.BoxSizeBorder{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* Font Sizes */
.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs80{font-size:80px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

/* Font Type */
.FontBold{font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}

.labelEmp{
	margin-left: 30px !important;
	font-weight: bold;
}

/* Animated */
.Animated05{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.Animated1{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}


.changecolor:hover{background-color:yellowgreen; padding: 20px;}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
/******************************************************************************************************************************** */

/* MEDIA QUERIES **************************************************************************************************************** */

/* Large desktop */
@media (min-width: 960px){
	.ContainerIndent{margin:8px 10px;
	}
    
    /*visibilities according to the platform*/
	.ShowOnMobile{display:none; opacity:0;}
	.ShowOnDesktop{display:inherit; opacity:1;}
}

@media (min-width: 1295px) and (max-width:1600px){
	/* responsive support */
	.Responsive{width:33.33%; float:left; margin-left:0px !important; margin-right:0px !important;}
	
    
    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
} 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 860px) and (max-width: 1295px) {	
	.span3 {width: 45%;}
	.ContainerIndent{margin:6px 8px;}
	
    /*visibilities according to the platform*/
	.ShowOnMobile{display:inherit; opacity:1;}
	.ShowOnDesktop{display:none; opacity:0;}
    .FloatNoneOnMobile{float:none !important;}
	
	/* responsive support */
	.Responsive{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
	.Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    
    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 859px) {									  
	.ContainerIndent{margin:6px 8px;}
    .DisplayOnResponsive{display:block; float:right;}
    
    /*visibilities according to the platform*/
	.ShowOnMobile{display:inherit; opacity:1;}
	.ShowOnDesktop{display:none; opacity:0;}
    .FloatNoneOnMobile{float:none !important;}
	
	/* responsive support */
	.Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
	.Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
	.Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    
    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
}
 
/* Portrait phones and down */
@media (min-width:320px) and (max-width: 480px) {
    .span3 {width: 90%;}	
	.ContainerIndent{margin:16px 8px 0px 8px;}
    
    /*visibilities according to the platform*/
	.ShowOnMobile{display:inherit; opacity:1;}
	.ShowOnDesktop{display:none; opacity:0;}
    .FloatNoneOnMobile{float:none !important;}
	
	/* responsive support */
	.Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
	.Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
	.Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    
    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
}

/* Landscape phones */
@media (min-height:200px) and (max-height:500px) and (max-width:960px){
	
}

/* clearfix for Container */
.Container:before,.Container:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.Container:after {
    clear: both; 
}

/* Flex box layout*/

.flex-column {
	display: flex;
    flex-direction: column;
    }
.flex-row {
	display: flex;
    flex-direction: row;
}
.flexResp
{
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
}
.autohei{height:auto;}
.autowid{width:auto;}

.hasPrivilege
{
	
}
.notHasPrivilege
{
	pointer-events: none !important;
   	cursor: default !important;
   	opacity: .35;
}
.notHasPrivilegeDis
{
	display: none;
}

.colorWhite{
	color: #ffffff!important;
}