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


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

body{height:100%; width:100%;}


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

a, div, span, input, textarea, li, strong, button{ outline:none; text-decoration:none;}
img{ border:none; border:0px;}

/* 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{}

/* 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;
}

/*.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;}
.DispCon{display:contents;}

.NoDisplay{display:none;}

/* Display important */
.DispNoneImp{
	display: none !important;
}

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

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

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

/* Empty Boxes */
.EmptyBox1{ display:block; width:100%; height:1px; overflow:hidden;}
.EmptyBox2{ display:block; width:100%; height:2px; overflow:hidden;}
.EmptyBox3{ display:block; width:100%; height:3px; overflow:hidden;}
.EmptyBox4{ display:block; width:100%; height:4px; overflow:hidden;}
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox9{ display:block; width:100%; height:9px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox13{ display:block; width:100%; height:13px; 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:110px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:120px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:130px; overflow:hidden;}
.EmptyBox135{ display:block; width:100%; height:135px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:140px; overflow:hidden;}
.EmptyBox145{ display:block; width:100%; height:145px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow: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 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;}

/* Width */
.Wid100{ width:100%;}
.Wid90{ width:90% !important;}
.Wid80{ width:80% !important;}
.Wid75{ width:75% !important;}
.Wid70{ width:70% !important;}
.Wid60{ width:60% !important;}
.Wid55{ width:55% !important;}
.Wid50{ width:50% !important;}
.Wid45{ width:45% !important;}
.Wid40{ width:40% !important;}
.Wid35{ width:35% !important;}
.Wid30{ width:30% !important;}
.Wid15{ width:15% !important;}
.Wid13{ width:13% !important;}

/* Width Special Values */
.Wid96{width:96% !important;}
.Wid95{width:95% !important;}
.Wid93{ width:93% !important;}
.Wid44{ width:44% !important;}
.Wid33{ width:33.3%;}
.Wid25{ width:25%;}
.Wid20{ width:20% !important;}
.Wid17{ width:17%;}
.Wid10{ width:10%;}
.Wid7{ width:7%;}
.Wid5{ width:5%;}
.Wid2{ width:2%;}

.MaxWid500{max-width:500px;}

/* 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%;}
.Hei0{  height:0px;}

/* Margins */
.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;}
.MarRight150{ margin-right:150px;}



.PadTop4px{padding-top: 4px;}

.PadLeft2px{padding-left: 2px;}
.PadLeft3px{padding-left: 3px;}
.PadLeft4px{padding-left: 4px;}

.Pad20 {padding: 20px;}
.PadRight20 {padding-right: 20px;}

.MarLeft5 {margin-left: 5%;}
.MarLeft10 {margin-left: 10%;}
.MarLeft15 {margin-left: 15%;}
.MarLeft17 {margin-left: 17%;}
.MarLeft18 {margin-left: 18%;}
.MarLeft19 {margin-left: 19%;}
.MarLeft20 {margin-left: 20%;}
.MarLeft30 {margin-left: 30%;}
.MarLeft40 {margin-left: 40%;}

.MarLeft2px {margin-left: 2px;}
.MarLeft5px{margin-left: 5px;}
.MarLeft10px {margin-left: 10px;}
.MarLeft11px {margin-left: 11px;}
.MarLeft15Px {margin-left: 15px;}

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

/* Containers */
.Container100{ width:100%; overflow:hidden; float:left;}
.Container98{ width:98%; overflow:hidden; float:left;}
.Container97{ width:97%; overflow:hidden; float:left;}
.Container96{ width:96%; overflow:hidden; float:left;}
.Container92{ width:92%; overflow:hidden; float:left;}
.Container90{ width:90%; overflow:hidden; float:left;}
.Container89{ width:89%; overflow:hidden; float:left;}
.Container86{ width:86%; overflow:hidden; float:left;}
.Container85{ width:85%; overflow:hidden; float:left;}
.Container81{ width:81%; overflow:hidden; float:left;}
.Container80{ width:80%; overflow:hidden; float:left;}
.Container75{ width:75%; overflow:hidden; float:left;}
.Container70{ width:70%; overflow:hidden; float:left;}
.Container67{ width:67%; overflow:hidden; float:left;}
.Container65{ width:65%; overflow:hidden; float:left;}
.Container63{ width:63%; overflow:hidden; float:left;}
.Container60{ width:60%; overflow:hidden; float:left;}
.Container58{ width:58%; overflow:hidden; float:left;}
.Container50{ width:50%; overflow:hidden; float:left;}
.Container47{ width:47%; overflow:hidden; float:left;}
.Container45{ width:45%; overflow:hidden; float:left;}
.Container40{ width:40%; overflow:hidden; float:left;}
.Container38{ width:38%; overflow:hidden; float:left;}
.Container35{ width:35%; overflow:hidden; float:left;}
.Container33{ width:33.3%; overflow:hidden; float:left;}
.Container30{ width:30%; overflow:hidden; float:left;}
.Container25{ width:25%; overflow:hidden; float:left;}
.Container20{ width:20%; overflow:hidden; float:left;}
.Container19{ width:19%; overflow:hidden; float:left;}
.Container18{ width:18%; overflow:hidden; float:left;}
.Container15{ width:15%; overflow:hidden; float:left;}
.Container12{ width:12%; overflow:hidden; float:left;}
.Container10{ width:10%; overflow:hidden; float:left;}
.Container8{ width:8%; overflow:hidden; float:left;}
.Container7{ width:7%; overflow:hidden; float:left;}
.Container6{ width:6%; overflow:hidden; float:left;}
.Container5{ width:5%; overflow:hidden; float:left;}
.Container4{ width:4%; overflow:hidden; float:left;}
.Container3{ width:3%; overflow:hidden; float:left;}
.Container2{ width:2%; overflow:hidden; float:left;}
.Container1{ width:1%; overflow:hidden; float:left;}

.Container58 {
    width: 58%;
    overflow: hidden;
    float: left;
}

.Container50 {
    width: 50%;
    overflow: hidden;
    float: left;
}

.Container47 {
    width: 47%;
    overflow: hidden;
    float: left;
}

.Container45 {
    width: 45%;
    overflow: hidden;
    float: left;
}

.Container40 {
    width: 40%;
    overflow: hidden;
    float: left;
}

.Container35 {
    width: 35%;
    overflow: hidden;
    float: left;
}

.Container33 {
    width: 33.3%;
    overflow: hidden;
    float: left;
}

.Container30 {
    width: 30%;
    overflow: hidden;
    float: left;
}

.Container25 {
    width: 25%;
    overflow: hidden;
    float: left;
}

.Container27 {
    width: 27%;
    overflow: hidden;
    float: left;
}

.Container20 {
    width: 20%;
    overflow: hidden;
    float: left;
}

.Container19 {
    width: 19%;
    overflow: hidden;
    float: left;
}

.Container18 {
    width: 18%;
    overflow: hidden;
    float: left;
}

.Container15 {
    width: 15%;
    overflow: hidden;
    float: left;
}

.Container12 {
    width: 12%;
    overflow: hidden;
    float: left;
}

.Container10 {
    width: 10%;
    overflow: hidden;
    float: left;
}

.Container8 {
    width: 8%;
    overflow: hidden;
    float: left;
}

.Container7 {
    width: 7%;
    overflow: hidden;
    float: left;
}

.Container6 {
    width: 6%;
    overflow: hidden;
    float: left;
}

.Container5 {
    width: 5%;
    overflow: hidden;
    float: left;
}

.Container4 {
    width: 4%;
    overflow: hidden;
    float: left;
}

.Container3 {
    width: 3%;
    overflow: hidden;
    float: left;
}

.Container2 {
    width: 2%;
    overflow: hidden;
    float: left;
}

.Container1 {
    width: 1%;
    overflow: hidden;
    float: left;
}

.ContainerIndent {
    width: auto;
    overflow: hidden;
    display: block;
    margin: 8px 10px;
}

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

/* 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;}
.Fs70{font-size:70px !important;}
.Fs80{font-size:80px !important;}
.Fs90{font-size:90px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}
.Fs250{font-size:250px !important;}
.Fs700{font-size:700px !important;}

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

/* 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;
}

#layout-header{position: absolute;}

.JustCen{
	justify-content: center;
}

.JustEnd{
	justify-content: end;
}

.NoWrap{
	white-space: nowrap;
}

.flexDirectionCol{
	flex-direction: column;
}

/* Top */

.TopMin10 {position: relative; top: -10px;}
.TopMin17 {position: relative; top: -17px;}
.TopMin32 {position: relative; top: -32px;}
.TopMin35 {position: relative; top: -35px;}
.TopMin38 {position: relative; top: -38px;}

/*Line heights */
.LineHeight22{line-height: 22px;}
.LineHeight30{line-height: 30px;}
/******************************************************************************************************************************** */

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

/* Large desktop */
@media (min-width: 960px){

	#mainForm\:documentActionsMenu {
		position: fixed !important;
	}

	#layout-header{position: fixed;}

	.documentSwitcherHelperContainer .documentSwitcherContainer {
		margin-left: -320px;
		position: fixed !important;
	}

	.documentSwitcherHelperContainer .documentSwitcherContent {
		margin-left: 320px;
	}

	.documentSwitcherHelperContainer .documentSwitcherContainer.smallSizeSwitcherContainer {
		margin-left: -100px;
	}

	.documentSwitcherHelperContainer .documentSwitcherContent.smallSizeSwitcherContent {
		margin-left: 100px;
	}

	.cursor-default {
		cursor: default;
	}

    .alignItemsCenter {
        align-items: center;
    }

}