/* -- CommunityCustomStyle:customFonts.css -- */
/* Custom Fonts for Community Platform */

/* Unit Office Font Family - Appway's licensed version of the font*/

/* Regular */
@font-face {
    font-family: 'UnitOffc';
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Regular.eot/LatestCommittedFilter/UnitOffc-Regular.eot');
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Regular.eot/LatestCommittedFilter/UnitOffc-Regular.eot?#iefix') format('embedded-opentype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Regular.woff/LatestCommittedFilter/UnitOffc-Regular.woff') format('woff'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Regular.woff2/LatestCommittedFilter/UnitOffc-Regular.woff2') format('woff2'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Regular-TTF/LatestCommittedFilter/UnitOffc-Regular.ttf') format('truetype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Regular-OTF/LatestCommittedFilter/UnitOffc-Regular.otf') format('opentype');
    font-weight: regular;
    font-style: normal;
}

/* Light */
@font-face {
    font-family: 'UnitOffc';
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Light.eot/LatestCommittedFilter/UnitOffc-Light.eot');
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Light.eot/LatestCommittedFilter/UnitOffc-Light.eot?#iefix') format('embedded-opentype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Light.woff2/LatestCommittedFilter/UnitOffc-Light.woff2') format('woff2'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Light.ttf/LatestCommittedFilter/UnitOffc-Light.ttf') format('truetype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Light.otf/LatestCommittedFilter/UnitOffc-Light.otf') format('opentype')
    font-weight: 300;
    font-style: normal;
}


/* Thin */

@font-face {
    font-family: 'UnitOffc';
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Thin.eot/LatestCommittedFilter/UnitOffc-Thin.eot');
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Thin.eot/LatestCommittedFilter/UnitOffc-Thin.eot?#iefix') format('embedded-opentype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Thin.woff/LatestCommittedFilter/UnitOffc-Thin.woff') format('woff'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Thin.woff2/LatestCommittedFilter/UnitOffc-Thin.woff2') format('woff2'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Thin.ttf/LatestCommittedFilter/UnitOffc-Thin.ttf') format('truetype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Thin.otf/LatestCommittedFilter/UnitOffc-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: 'UnitOffc';
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Medium.eot/LatestCommittedFilter/UnitOffc-Medium.eot');
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Medium.eot/LatestCommittedFilter/UnitOffc-Medium.eot?#iefix') format('embedded-opentype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Medium.woff/LatestCommittedFilter/UnitOffc-Medium.woff') format('woff'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Medium.woff2/LatestCommittedFilter/UnitOffc-Medium.woff2') format('woff2'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Medium.ttf/LatestCommittedFilter/UnitOffc-Medium.ttf') format('truetype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Medium.otf/LatestCommittedFilter/UnitOffc-Medium.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: 'UnitOffcBold';
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Bold.eot/LatestCommittedFilter/UnitOffc-Bold.eot');
    src: url('/resource/object/CommunityCustomStyle%3AUnitOffc-Bold.eot/LatestCommittedFilter/UnitOffc-Bold.eot?#iefix') format('embedded-opentype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Bold.woff/LatestCommittedFilter/UnitOffc-Bold.woff') format('woff'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Bold.woff2/LatestCommittedFilter/UnitOffc-Bold.woff2') format('woff2'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Bold.ttf/LatestCommittedFilter/UnitOffc-Bold.ttf') format('truetype'),
    url('/resource/object/CommunityCustomStyle%3AUnitOffc-Bold.otf/LatestCommittedFilter/UnitOffc-Bold.otf') format('opentype');
    font-style: normal;
}

body, td, th, span, div, a, input, select, option, textarea, ul, p, li, button, h1,h2,h3,h4,h5,h6 { 
        font-family: 'UnitOffc', sans-serif;
}

h1.Label, h1{
	font-weight:100;
	font-size:36px;

}
h2.Label, h2{
	font-weight:100;
	font-size:32px;
}

h3.Label, h3{
	font-weight:700;
}

h4.Label, h4{
	font-family: 'UnitOffcBold';
}

h5.Label, h5{
	font-weight:normal;
	font-size:16px;
}

p{
	font-weight:300;
	font-size:16px;
	line-height:19px;
}



.Label{
	line-height:19px;
}

/* -- simplegrid.css -- */
.container,.container-fluid {
    margin-right:auto;
    margin-left:auto;
}

.container-fluid {
    padding-right:32px;
    padding-left:32px}

.row {
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-8px;
    margin-left:-8px}

.row.reverse {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse}
.col.reverse {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse}

.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9 {
    box-sizing:border-box;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    padding-right:8px;
    padding-left:8px}

.col-xs {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%}

.col-xs-1 {
    -ms-flex-preferred-size:8.33333333%;
    flex-basis:8.33333333%;
    max-width:8.33333333%}

.col-xs-2 {
    -ms-flex-preferred-size:16.66666667%;
    flex-basis:16.66666667%;
    max-width:16.66666667%}

.col-xs-3 {
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%}

.col-xs-4 {
    -ms-flex-preferred-size:33.33333333%;
    flex-basis:33.33333333%;
    max-width:33.33333333%}

.col-xs-5 {
    -ms-flex-preferred-size:41.66666667%;
    flex-basis:41.66666667%;
    max-width:41.66666667%}

.col-xs-6 {
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%}

.col-xs-7 {
    -ms-flex-preferred-size:58.33333333%;
    flex-basis:58.33333333%;
    max-width:58.33333333%}

.col-xs-8 {
    -ms-flex-preferred-size:66.66666667%;
    flex-basis:66.66666667%;
    max-width:66.66666667%}

.col-xs-9 {
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%}

.col-xs-10 {
    -ms-flex-preferred-size:83.33333333%;
    flex-basis:83.33333333%;
    max-width:83.33333333%}

.col-xs-11 {
    -ms-flex-preferred-size:91.66666667%;
    flex-basis:91.66666667%;
    max-width:91.66666667%}

.col-xs-12 {
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%}

.col-xs-offset-0 {
    margin-left:0}

.col-xs-offset-1 {
    margin-left:8.33333333%}

.col-xs-offset-2 {
    margin-left:16.66666667%}

.col-xs-offset-3 {
    margin-left:25%}

.col-xs-offset-4 {
    margin-left:33.33333333%}

.col-xs-offset-5 {
    margin-left:41.66666667%}

.col-xs-offset-6 {
    margin-left:50%}

.col-xs-offset-7 {
    margin-left:58.33333333%}

.col-xs-offset-8 {
    margin-left:66.66666667%}

.col-xs-offset-9 {
    margin-left:75%}

.col-xs-offset-10 {
    margin-left:83.33333333%}

.col-xs-offset-11 {
    margin-left:91.66666667%}

.start-xs {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    text-align:start}

.center-xs {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center}

.end-xs {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:end}

.top-xs {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start}

.middle-xs {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center}

.bottom-xs {
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end}

.around-xs {
    -ms-flex-pack:distribute;
    justify-content:space-around}

.between-xs {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between}

.first-xs {
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1}

.last-xs {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1}

@media only screen and (min-width:768px) {
    .container {
    width:784px}

.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9 {
    box-sizing:border-box;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    padding-right:8px;
    padding-left:8px}

.col-sm {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%}

.col-sm-1 {
    -ms-flex-preferred-size:8.33333333%;
    flex-basis:8.33333333%;
    max-width:8.33333333%}

.col-sm-2 {
    -ms-flex-preferred-size:16.66666667%;
    flex-basis:16.66666667%;
    max-width:16.66666667%}

.col-sm-3 {
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%}

.col-sm-4 {
    -ms-flex-preferred-size:33.33333333%;
    flex-basis:33.33333333%;
    max-width:33.33333333%}

.col-sm-5 {
    -ms-flex-preferred-size:41.66666667%;
    flex-basis:41.66666667%;
    max-width:41.66666667%}

.col-sm-6 {
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%}

.col-sm-7 {
    -ms-flex-preferred-size:58.33333333%;
    flex-basis:58.33333333%;
    max-width:58.33333333%}
.col-sm-8 {
    -ms-flex-preferred-size:66.66666667%;
    flex-basis:66.66666667%;
    max-width:66.66666667%}
.col-sm-9 {
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%}
.col-sm-10 {
    -ms-flex-preferred-size:83.33333333%;
    flex-basis:83.33333333%;
    max-width:83.33333333%}
.col-sm-11 {
    -ms-flex-preferred-size:91.66666667%;
    flex-basis:91.66666667%;
    max-width:91.66666667%}
.col-sm-12 {
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%}
.col-sm-offset-0 {
    margin-left:0}
.col-sm-offset-1 {
    margin-left:8.33333333%}
.col-sm-offset-2 {
    margin-left:16.66666667%}
.col-sm-offset-3 {
    margin-left:25%}
.col-sm-offset-4 {
    margin-left:33.33333333%}
.col-sm-offset-5 {
    margin-left:41.66666667%}
.col-sm-offset-6 {
    margin-left:50%}
.col-sm-offset-7 {
    margin-left:58.33333333%}
.col-sm-offset-8 {
    margin-left:66.66666667%}
.col-sm-offset-9 {
    margin-left:75%}
.col-sm-offset-10 {
    margin-left:83.33333333%}
.col-sm-offset-11 {
    margin-left:91.66666667%}
.start-sm {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    text-align:start}
.center-sm {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center}
.end-sm {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:end}
.top-sm {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start}
.middle-sm {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center}
.bottom-sm {
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end}
.around-sm {
    -ms-flex-pack:distribute;
    justify-content:space-around}
.between-sm {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between}
.first-sm {
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1}
.last-sm {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1}
}

@media only screen and (min-width:1024) {
    .container {
    width:1040px}

.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9 {
    box-sizing:border-box;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    padding-right:8px;
    padding-left:8px}
.col-md {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%}
.col-md-1 {
    -ms-flex-preferred-size:8.33333333%;
    flex-basis:8.33333333%;
    max-width:8.33333333%}
.col-md-2 {
    -ms-flex-preferred-size:16.66666667%;
    flex-basis:16.66666667%;
    max-width:16.66666667%}
.col-md-3 {
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%}
.col-md-4 {
    -ms-flex-preferred-size:33.33333333%;
    flex-basis:33.33333333%;
    max-width:33.33333333%}
.col-md-5 {
    -ms-flex-preferred-size:41.66666667%;
    flex-basis:41.66666667%;
    max-width:41.66666667%}
.col-md-6 {
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%}
.col-md-7 {
    -ms-flex-preferred-size:58.33333333%;
    flex-basis:58.33333333%;
    max-width:58.33333333%}
.col-md-8 {
    -ms-flex-preferred-size:66.66666667%;
    flex-basis:66.66666667%;
    max-width:66.66666667%}
.col-md-9 {
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%}
.col-md-10 {
    -ms-flex-preferred-size:83.33333333%;
    flex-basis:83.33333333%;
    max-width:83.33333333%}
.col-md-11 {
    -ms-flex-preferred-size:91.66666667%;
    flex-basis:91.66666667%;
    max-width:91.66666667%}
.col-md-12 {
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%}
.col-md-offset-0 {
    margin-left:0}
.col-md-offset-1 {
    margin-left:8.33333333%}
.col-md-offset-2 {
    margin-left:16.66666667%}
.col-md-offset-3 {
    margin-left:25%}
.col-md-offset-4 {
    margin-left:33.33333333%}
.col-md-offset-5 {
    margin-left:41.66666667%}
.col-md-offset-6 {
    margin-left:50%}
.col-md-offset-7 {
    margin-left:58.33333333%}
.col-md-offset-8 {
    margin-left:66.66666667%}
.col-md-offset-9 {
    margin-left:75%}
.col-md-offset-10 {
    margin-left:83.33333333%}
.col-md-offset-11 {
    margin-left:91.66666667%}
.start-md {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    text-align:start}
.center-md {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center}
.end-md {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:end}
.top-md {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start}
.middle-md {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center}
.bottom-md {
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end}
.around-md {
    -ms-flex-pack:distribute;
    justify-content:space-around}
.between-md {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between}
.first-md {
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1}
.last-md {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1}
}
@media only screen and (min-width:1200px) {
    .container {
    width:1216px}
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9 {
    box-sizing:border-box;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    padding-right:8px;
    padding-left:8px}
.col-lg {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%}
.col-lg-1 {
    -ms-flex-preferred-size:8.33333333%;
    flex-basis:8.33333333%;
    max-width:8.33333333%}
.col-lg-2 {
    -ms-flex-preferred-size:16.66666667%;
    flex-basis:16.66666667%;
    max-width:16.66666667%}
.col-lg-3 {
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%}
.col-lg-4 {
    -ms-flex-preferred-size:33.33333333%;
    flex-basis:33.33333333%;
    max-width:33.33333333%}
.col-lg-5 {
    -ms-flex-preferred-size:41.66666667%;
    flex-basis:41.66666667%;
    max-width:41.66666667%}
.col-lg-6 {
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%}
.col-lg-7 {
    -ms-flex-preferred-size:58.33333333%;
    flex-basis:58.33333333%;
    max-width:58.33333333%}
.col-lg-8 {
    -ms-flex-preferred-size:66.66666667%;
    flex-basis:66.66666667%;
    max-width:66.66666667%}
.col-lg-9 {
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%}
.col-lg-10 {
    -ms-flex-preferred-size:83.33333333%;
    flex-basis:83.33333333%;
    max-width:83.33333333%}
.col-lg-11 {
    -ms-flex-preferred-size:91.66666667%;
    flex-basis:91.66666667%;
    max-width:91.66666667%}
.col-lg-12 {
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%}
.col-lg-offset-0 {
    margin-left:0}
.col-lg-offset-1 {
    margin-left:8.33333333%}
.col-lg-offset-2 {
    margin-left:16.66666667%}
.col-lg-offset-3 {
    margin-left:25%}
.col-lg-offset-4 {
    margin-left:33.33333333%}
.col-lg-offset-5 {
    margin-left:41.66666667%}
.col-lg-offset-6 {
    margin-left:50%}
.col-lg-offset-7 {
    margin-left:58.33333333%}
.col-lg-offset-8 {
    margin-left:66.66666667%}
.col-lg-offset-9 {
    margin-left:75%}
.col-lg-offset-10 {
    margin-left:83.33333333%}
.col-lg-offset-11 {
    margin-left:91.66666667%}
.start-lg {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    text-align:start}
.center-lg {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center}
.end-lg {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:end}
.top-lg {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start}
.middle-lg {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center}
.bottom-lg {
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end}
.around-lg {
    -ms-flex-pack:distribute;
    justify-content:space-around}
.between-lg {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between}
.first-lg {
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1}
.last-lg {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1}
}

/* -- flexbox-grid-helpers -- */
.flex-center {
    -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
            justify-content: center!important;
    -webkit-box-align: center!important;
        -ms-flex-align: center!important;
            align-items: center!important
}
.flex-center__x {
    -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
            justify-content: center!important
}
.flex-center__y {
    -webkit-box-align: center!important;
        -ms-flex-align: center!important;
            align-items: center!important
}
.flex-column__lg,
.flex-column__md,
.flex-column__sm {
    display: none!important
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}
@media (max-width: 48em) {
    .flex-column__xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column
    }
}
@media (min-width: 48em) and (max-width: 64em) {
    .flex-column__sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column
    }
}
@media (min-width: 64em) and (max-width: 75em) {
    .flex-column__md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column
    }
}
@media (min-width: 75em) {
    .flex-column__lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column
    }
}
.visible-xs-block {
    display: none!important
}
@media (max-width: 48em) {
    .visible-xs-block {
        display: block!important
    }
}
.visible-sm-block {
    display: none!important
}
@media (min-width: 48em) and (max-width: 64em) {
    .visible-sm-block {
        display: block!important
    }
}
.visible-md-block {
    display: none!important
}
@media (min-width: 64em) and (max-width: 75em) {
    .visible-md-block {
        display: block!important
    }
}
.visible-lg-block {
    display: none!important
}
@media (min-width: 75em) {
    .visible-lg-block {
        display: block!important
    }
}
.visible-xs-inline {
    display: none!important
}
@media (max-width: 48em) {
    .visible-xs-inline {
        display: inline-block!important
    }
}
.visible-sm-inline {
    display: none!important
}
@media (min-width: 48em) and (max-width: 64em) {
    .visible-sm-inline {
        display: inline-block!important
    }
}
.visible-md-inline {
    display: none!important
}
@media (min-width: 64em) and (max-width: 75em) {
    .visible-md-inline {
        display: inline-block!important
    }
}
.visible-lg-inline {
    display: none!important
}
@media (min-width: 75em) {
    .visible-lg-inline {
        display: inline-block!important
    }
}
.visible-xs-inline {
    display: none!important
}
@media (max-width: 48em) {
    .visible-xs-inline {
        display: inline!important
    }
}
.visible-sm-inline {
    display: none!important
}
@media (min-width: 48em) and (max-width: 64em) {
    .visible-sm-inline {
        display: inline!important
    }
}
.visible-md-inline {
    display: none!important
}
@media (min-width: 64em) and (max-width: 75em) {
    .visible-md-inline {
        display: inline!important
    }
}
.visible-lg-inline {
    display: none!important
}
@media (min-width: 75em) {
    .visible-lg-inline {
        display: inline!important
    }
}
.visible-xs {
    display: none!important
}
@media (max-width: 48em) {
    .visible-xs {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}
.visible-sm {
    display: none!important
}
@media (min-width: 48em) and (max-width: 64em) {
    .visible-sm {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}
.visible-md {
    display: none!important
}
@media (min-width: 64em) and (max-width: 75em) {
    .visible-md {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}
.visible-lg {
    display: none!important
}
@media (min-width: 75em) {
    .visible-lg {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}
@media (max-width: 48em) {
    .hidden-xs {
        display: none!important
    }
}
@media (min-width: 48em) and (max-width: 64em) {
    .hidden-sm {
        display: none!important
    }
}
@media (min-width: 64em) and (max-width: 75em) {
    .hidden-md {
        display: none!important
    }
}
@media (min-width: 75em) {
    .hidden-lg {
        display: none!important
    }
}

/* -- main-global-stylesheet.css -- */
/**************************** Hiding Browser scrollbars ****************************/

/*::-webkit-scrollbar{
display: none;
}*/

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_center {
	/*margin-right: -15px !important;
	right:15px !important;*/
	overflow-y: auto;
	overflow-x: auto;
}

body{
	overflow:hidden;
}

h2.Label {
	font-size: 32px;
	line-height: 1em;
}

/**************************** Header ****************************/

#awHeader_version_selector {
	min-width: auto;
	border-radius:5px 5px 5px 5px;
	font-family: UnitOffc, sans-serif;
	font-size: 14px;
	font-weight: 300;
}

#awHeader_version_selector .aw_ext_componentextension_dropdownlist2_chosen{
	border-right-color:transparent;
}

#mobileVersionDrop #awHeader_version_selector {
	margin-left: 2px;
	margin-right: 2px;
}

.aw_ext_componentextension_dropdownlist2_spacer, .aw_ext_componentextension_dropdownlist2_chosen{
	padding:0.2em 0.4em 0.2em 0.4em;
}

ppHeader_toolBarArea headerField .awDisplayComponent, .aw_display_component, div.select2-container.DropdownList.discreteComponent.awDisplayComponent, div.select2-container.DropdownList.discreteComponent.aw_display_component{
	margin-left:20px;
}

.awBetaTag{
	padding:5px 10px;
	position:absolute;
	top:0;
	right:20px;
	background-color:#F04338;
	border-radius:0px 0px 4px 4px;
}

.awDevTag{
	padding:5px 10px;
	position:absolute;
	top:0;
	right:20px;
	background-color:#54ff67;
	border-radius:0px 0px 4px 4px;
}

.awPlaygroundTag{
	padding:5px 10px;
	position:absolute;
	top:0;
	right:20px;
	background-color:#CE8FE0;
	border-radius:0px 0px 4px 4px;
}

.awUatTag{
	padding:5px 10px;
	position:absolute;
	top:0;
	right:20px;
	background-color:#FFBF00;
	border-radius:0px 0px 4px 4px;
}

.awBetaText{
	margin: 0 4px;
	color: #ffffff;
	font-size: 14px;
}


/*.awHeader_leftMenu_level1, .awHeader_leftMenu_level2 {
position:absolute;
left:12%;
z-index:200;
}

.awHeader_leftMenu_level1{
top: -4px;
left:85px;
}

.awHeader_leftMenu_level2{
top: 34px;
left: 0px;
}*/

.awHeader_leftMenu_level1{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.awHeader_leftMenu_level1 > .Button , .awHeader_leftMenu_level2 > .Button {
	text-decoration: none;
	color: #323232;
	padding-bottom:10px;
	cursor: pointer;
}

.awHeader_leftMenu_level1 > .Button{
	font-size:19px;
	padding-left: 0;
	padding-right: 0;
}

.awHeader_leftMenu_level2{
	position: absolute;
	top: 52px;
}


.awHeader_leftMenu_level2 > .Button{

	font-size:16px;
	margin-top: -11px;
}


.awHeader_leftMenu_level2 > .aw1ButtonActivated{

	position: relative;
	/*bottom: -24px;*/
}

.awHeader_leftMenu_level2 > .awNoButtonActivated{

	position: relative;
	/*bottom: 5px;*/
}

.awHeader_leftMenu_level2 > .Button > span,
.awHeader_leftMenu_level2 > a.Button {
	font-weight:300;
	font-family: 'UnitOffc', sans-serif;
	color: rgb(50,50,50);
}

.awHeader_leftMenu_level2 >.aw_display_component.inlineComponent:first-child{
	margin-left:0;
	padding-left:0;
}

.awHeader_bgBehind_1level,.awHeader_bgBehind_2levels{
	background-color:#FFFFFF;
	width:100%;
	position:absolute;
	top:0;
	border-bottom:1px  solid #DBDBDB;
}

.awHeader_bgBehind_1level{
	height:52px;

}

.awHeader_bgBehind_2levels{
	height:75px;
}

.awHeaderGroupLeft{
	margin-left:0px;
}

/*@media (max-width: 991px) {
.awHeaderGroupLeft{
margin-left:30px;
}
}*/

.awHeader_user_tooltipBox{
	float: right;
	position: absolute;
	top:40px;
	right: 0px;
	text-align: -webkit-left;
	min-width: 100px;
	padding:1% 0;
	background-color: #ffffff;
	border: 1px solid #DBDBDB;
	z-index: 1;
}

.awHeader_user_tooltipBox > .Button{
	margin:0;
	text-decoration: none;
	color: #323232;
}

.awHeader_user_tooltipBox > .Button:hover{
	color:#ffffff;
	background-color:#35A7E5;
	width:100%;
	text-align: -webkit-left;
	border-radius:0;
}


/******** SIGN IN **********/
.awSignIn_Button{
	text-decoration: none;
	color: #35A7E5;
	font-size: 16px;
	border: none;
	box-shadow: none;
	background: transparent;
	cursor: pointer;
}

.awSignIn_Button .aw_button_text{
	color: #35A7E5;
}

.awSignInRegister_PopupCard{
	position: relative;
	top: 60px;
	margin: 0 auto;
	width: 350px;
	padding: 0px 0 30px;
	z-index: 200;
}

.awSignInTab .FloatLayoutElement.FloatLayoutElementLeft,
.awRegisterTab .FloatLayoutElement.FloatLayoutElementLeft{
	width: 100%;
}

.awSignInTab .FloatLayoutElement.FloatLayoutElementLeft .aw_display_component,
.awSignInTab .FloatLayoutElement.FloatLayoutElementLeft .awTextField_textInput,
.awRegisterTab .FloatLayoutElement.FloatLayoutElementLeft .aw_display_component,
.awRegisterTab .FloatLayoutElement.FloatLayoutElementLeft .awTextField_textInput{
	margin-left:35px;
}

.awSignInTab .FloatLayoutElement.FloatLayoutElementLeft .awTextField_textInput,
.awRegisterTab .FloatLayoutElement.FloatLayoutElementLeft .awTextField_textInput{
	width:80%;
}


.awSignInTab .awFooter_Text.row,
.awRegisterTab .awFooter_Text.row {
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
}

.awAlmostThereText p{
	margin-left:10px;
	padding-top:15px;
	width:85%;
	word-wrap: break-word;
}

.awSignInRegister_Overlay{
	position: absolute;
	bottom: -2000px;
	top: 0;
	width: 500%;
	opacity: 0.3;
	background: #000000;
	left: -2000px;
}

#popup .awSignInRegister_PopupCard {
	top: 10%;
	max-height: 80vh;
	overflow-x: hidden;
	overflow-y: scroll;
}

.awSignInRegister_PopupCard .FloatLayoutElement.FloatLayoutElementLeft p{
	padding-bottom:10px;
}

.ppHeader_1stLevel{
	/*display: -ms-flexbox;
	display:flex;
	justify-content:space-between;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	align-items:center;*/


	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.ppHeader_logoMenuArea{
	display: -ms-flexbox;
	display:flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	align-items: center;
}

.ppHeader_1stLevel .ppHeader_toolBarArea {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: auto;
	margin-bottom: auto;
}
.ppHeader_toolBarArea .Button.WorkspaceIcon.aw_button_style_haslabel svg{
	width:24px;
	height:24px;
}
.ppHeader_toolBarArea .NotificationPopup{
	margin-right:0px;
}

.pp2ndlevelSelected{
	border-bottom:4px solid #3ca8e2;
	padding-bottom:4px;
}

.pp2ndlevelUnselected{
	border-bottom:0px solid #3ca8e2;
	padding-bottom:0px;
}

#user-avatar {
	margin-right: 0px;
}

@media screen and (max-width: 767px) {
	#user-avatar {
		margin-right: 15px;
	}
	.awHeader_user_tooltipBox {
		margin-right: 15px;
	}
}

/**************************** Wrapper and Border Layout Managers ****************************/

.awMainWrapper{
	max-width:1230px;
	padding: 0 25px;
	box-sizing: border-box;
	min-height:100%;
	margin:0 auto;
        position:relative;
}

.aw_BorderLayoutManager_north  .awMainWrapper {
	padding-top: 0;
	padding-bottom:0;
	padding-left:40px;
	padding-right:10px;
}

.aw_BorderLayoutManager_north {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #DBDBDB;
}

@media (max-width: 767px) {
	.awMainWrapper,
	.aw_BorderLayoutManager_north  .awMainWrapper{
		padding: 0 15px;
	}
	
}

@media screen and (max-width: 590px) {
	#homeWrapper .awMainWrapper.aw_component.aw_container_component {
			padding: 0 16px;
		}
	.searchFieldContainerHeader{
		display:none !important;
	}
}

.aw_BorderLayoutManager_container{
	background-color:transparent;
}

.awMainWrapper > .aw_BorderLayoutManager_container > .aw_BorderLayoutManager_north{
	max-width: 1180px;
	position: fixed;
	margin: 0 auto;
}


.awHeaderBurger{
	padding-right:0px;
}

.awMainWrapper >.aw_BorderLayoutManager_small .awHeaderBurger{
	display:none;
}

@media (max-width: 991px) {
	.awMainWrapper >.aw_BorderLayoutManager_small .awHeaderBurger{
		display:table-cell;
	}
}


.awMainWrapper_Backend .awHeaderLogoContainer{
	padding-left:16px;
}

/*.awMainWrapper .aw_BorderLayoutManager_container > .aw_BorderLayoutManager_east, .aw_BorderLayoutManager_container > .aw_BorderLayoutManager_east > .aw_BorderLayoutManager_content{
border-left:1px  solid #DBDBDB;
background:#ffffff;
}*/

.awIndividualTicketWrapper {
	position: relative;
	height: 100%;
}

.awIndividualTicketWrapper .aw_BorderLayoutManager_container{
	top: 32px;
}

.awIndividualTicketWrapper .aw_BorderLayoutManager_container > .aw_BorderLayoutManager_east{
	border-left: 1px  solid #DBDBDB;
	background:#ffffff;
}

/*.awIndividualTicketWrapper .aw_PhaseChevron_container{
width:100%;
}*/

.awIndividualTicketWrapper_centerContent{
	border-right: 1px solid #DBDBDB;
	width: 70%;
	float: left;
	box-sizing: border-box;
}
.awIndividualTicketWrapper_rightSideContent{
	padding-top: 30px;
	width: 29.5%;
	float: left;
	border-left: 1px solid #DBDBDB;
}

.aw2col_template .awContentDiv_Left{
	width: 70%;
	margin-right:5%;
}

.aw2col_template .awContentDiv_Right{
	width: 25%;
}

.awContentDiv_Left, .awContentDiv_Right {
	display:inline-block;
	float:left;
}

.awPaddingAboveScreenTitle h1.aw_text_component.aw_display_component {
	padding: 60px 25px 0px;
}

.aw2col_template .awPaddingAboveScreenTitle h1.aw_text_component.aw_display_component {
	padding: 20px 0px 0px;
}

.aw2col_template {
	padding: 0 25px;
}


/**************************** Component Modifications ****************************/

.HomePage_welcomeTitle {
	margin-bottom: 120px;
	margin-top: 60px;
	text-align: center;
}


/* Responsive Images */

.aw_BorderLayoutManager_center img.Image.aw_component.aw_display_component{
	height: auto;
	max-width: 100%;
}

.Link{
	text-decoration:none;
}

.awWavesBg{
	background: url("/resource/object/DesignAsset-Waves_Graphic/LatestCommittedFilter/wavesHomepage.png");
	background-repeat: no-repeat;
	z-index: -10;
	//padding: 0 5px;
	background-size: contain;
	background-position:10% 6% !important;
	width:100%;

}

.awhomepageBottomContent .FloatLayoutElement:nth-child(1){
	width:60%;
}

.awhomepageBottomContent .FloatLayoutElement:nth-child(2){
	width:40%;
}

.awGuidingBoxes .Link, .awRightSide_Content .Link{
	font-size:16px;
}

.awIndividualTicketContent{
	padding:0 5px;
}

.awPaddingAboveScreenTitle{
	padding: 36px 10px 0px;
}


.awTicketChevron{
	padding-top:24px;
	margin-bottom:30px;
}


.aw_PhaseChevron_container p{
	line-height:30px;
}

.awPaddingAboveScreenTitle h1.aw_text_component.aw_display_component{
	margin: 0;
	padding: 20px 25px 0px;
	font-size: 36px;
}

.awCustom11pxText{
	font-size: 11px;
}


.awCustom14pxText{
	font-size: 14px;
	line-height: 16px;
}

.awCustom12pxText{
	font-size: 12px;
}

.awCustom13pxText{
	font-size: 13px;
	font-weight:300;
}

.awCustom14pxText{
	font-size: 14px;
	font-weight:300;
}

.awCustom14pxText p{
	font-size: 14px;
	font-weight:300;
	line-height: 16px;
}

.awCustom15pxText{
	font-size: 15px;
	font-weight:300;
}



.awGuidingBoxes, .awFeaturesBoxes{
	//padding:60px 0;
	padding: 60px 0 20px;
}

.awGuidingBoxes h2.aw_text_component.aw_display_component{
	margin:0;
	padding:10px 0;
	color:#35556F;
	line-height: 1.1;
	display: inline;
}

.awGuidingBoxes h5.aw_text_component.aw_display_component{
	margin: 0;
	padding: 20px 0 5px;
}

.awGuidingBoxes p{
	margin: 0;
}

.awGuidingBoxes p, .awFeaturesBoxes p{
	padding-top: 0;
}

.awGuidingBoxes .aw_display_component.inlineComponent:first-child{
	margin-left: 0;
	padding-right: 10px;
	margin-right: 0;
}

.awGuidingBoxes .Link{
	margin-left: 0;
	padding-top: 12px;
}

.awGuidingBoxes_content{
	// min-height:260px;
	padding:20px 0;
}

.awGuidingBoxes_content > .aw_container_component .aw_group_component_small:first-child{
	padding-top:20px;
	//padding-left: 5px;
}

.awGuidingBox_3boxes + .awGuidingBox_3boxes,
.awGuidingBox_2_1boxes + .awGuidingBox_3boxes{
	border-left:1px  solid #DBDBDB;
}

.awGuidingBoxes h2.awBorderless_Title.aw_text_component.aw_display_component {
	display: block;
	margin-bottom: -15px;
	padding-left: 25px;
	width: 70%;
}

.awGuidingBoxes_Borderless .awGuidingBox_3boxes + .awGuidingBox_3boxes,
.awGuidingBoxes_Borderless .awGuidingBox_2_1boxes + .awGuidingBox_3boxes {
	border-left-width: 0;
}

.awGuidingBoxes_Borderless .awGuidingBox_minHeight {
	min-height: 0;
}

.birdLayout .FloatLayoutElement:nth-of-type(1) {
	min-width: 31%;
	max-width: 100%;
	width: calc((342px - 100%) * 342);
	text-align: center;
}

.birdLayout .FloatLayoutElement:nth-of-type(2) {
	min-width: 69%;
	max-width: 100%;
	width: calc((342px - 100%) * 342);
}

/* Custom Layout Manager */

.awGuidingBox_row {
	display: inline-block;
	width: 100%;
}

.awGuidingBox_iconAndHeader > img{
	margin-bottom: -13px;
}

/* Box Layouts RGE */

.awGuidingBox_3boxes {
	width: 33.333%;
	box-sizing: border-box;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
}


.awGuidingBox_2boxes {
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding-right: 25px;
}

.awGuidingBox_2_1boxes {
	width: 66.666%;
	box-sizing: border-box;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
}

.awGuidingBox_minHeight{
	min-height:470px;
}

.awGuidingBox_left, .awGuidingBox_right{
	min-height: 340px;
}

.awGuidingBox_left{
	float:left;
	width:62.4%;
}

.awGuidingBox_right{
	float:right;
	width:35%;
}

.awGuidingBoxWider60 .FloatLayoutElement.FloatLayoutElementLeft, .awGuidingBoxWider40 .FloatLayoutElement.FloatLayoutElementLeft   {
	width:60%;
}

.awGuidingBoxWider60 img{
	width:70%;
}

.awGuidingBoxWider40 .FloatLayoutElement.FloatLayoutElementLeft:first-child {
	width:40%;
}

.awGuidingBoxWider40 img{
	width:70%;
}

.awGuidingBoxWider6040 .FloatLayoutElement.FloatLayoutElementLeft:first-child{
	width:60%;
}

.awGuidingBoxWider6040 .FloatLayoutElement.FloatLayoutElementLeft:nth-child(2){
	width:40%;
}

.awEntityComponent.awArticle a.awArticle_title{
	font-size: 16px;
	color: #323232;
	margin-left: 0;
	//padding: 20px 0 5px 0;
}

.awEntityComponent.awArticle a.awArticle_title.supportNewsArticleTitle {
	font-size: 32px;
	line-height: 32px;
}

.awEntityComponent.awArticle a.awArticle_title:hover, .awPublicationInfos .Link:hover{
	color: #3CA8E2;
}

.awGuidingBoxWider_2columns{
	margin-bottom:4%;
}

.awGuidingBoxWider_2columns .FloatLayoutElement.FloatLayoutElementLeft {
	width:40%;
	margin-right:5%;
}


.awFeaturesBoxes .aw_display_component.inlineComponent:first-child{
	margin-right:20px;
}


.awFeatureBoxSingle h3.aw_text_component.aw_display_component{
	color:#35556F;
	font-size:24px;
}


.awGuidingBoxes p, .awGuidingBoxWider_2columns p, .awFeaturesBoxes p{
	color:#323232;
}

.awImgUploaded img{
	border:1px solid #DBDBDB;
}

.awImgUploaded .aw_display_component.inlineComponent:first-child{
	margin-left:0;
}

.awAttachmentBox{
	background-color:#DBDBDB;
	border-radius: 2px;
	padding: 20px 0;
}

.awAttachmentBox .Infobox .InfoboxLabel .InfoBoxPadding{
	padding: 0;
	margin-left:20px;
}

.aw_FileUpload-LabelPath{
	font-weight: 300;
}

.awAddAttachment .aw_ext_componentextension_dropdownlist2_DropdownList{
	margin-left:0;
}


.awUploadedAttachments .aw_group_component_small:first-child:last-child{
	padding-top:10px;
	padding-bottom:10px;
}

.awUploadedAttachments table.aw_AutoLayoutTable > * > tr {
	border-bottom:0;
}

.awUploadedAttachments table.aw_AutoLayoutTable > tbody > tr > td{
	padding-left:0;
}

.awUploadedAttachments table.aw_AutoLayoutTable > tbody > tr > td h5.aw_text_component.aw_display_component{
	margin-left:0;
}

.awCancelButton{
	margin-left:100%;
}

.awCancelButton .Button.WorkspaceIcon svg{
	width: 24px;
	height: 24px;
}

.awAddAttachment {
	/*margin-right: 20px;
	margin-left: 20px;*/
}

.row.select-type-file .awAddAttachment{
	margin-left: 25px;
	padding-left: 0;
}

.awAddAttachment .FloatLayoutElementRight{
	margin-right: 3.4%;
}

.awSupport_Forum{
	margin-bottom:30px;
}

.awSupport_MyTickets h5.aw_text_component.aw_display_component,
.awSupport_Forum h5.aw_text_component.aw_display_component{
	margin-left:0px;
	/*color: #707070;*/
}

.awSupport_Forum>.Link.aw_display_component{
	margin-left: 0px;
	margin-top: 15px;
}

.awRightSide_Content{
	padding-top:90px;
	padding-bottom: 25px;
}

.awRightSide_Content img{
	margin:15px 0 0;
}

.awRightSide_Content .Link{
	margin-left:10px;
	padding-top: 35px;
}

.awRightSide_Content h2.Label, .awRightSide_Content h2, .awIndividualTicketWrapper h2 {
	font-size:24px;
	margin-left:0;
}

.awRightSide_Content h2.aw_text_component.aw_display_component{
	margin:0;
	padding-top:0;
}

.awRightSide_Content .Link+button{
	margin-right: 0px;
}

.awFiltersBox .Infobox .InfoboxLabel .InfoBoxPadding{
	padding-left:0;
}

.awIndividualTicketContent h1.aw_text_component.aw_display_component, .awIndividualTicketContent h6.aw_text_component.aw_display_component{
	margin:0;
	padding-top:0;
}

.awIndividualTicketContent .awDisplayComponent, .awIndividualTicketContent  .aw_display_component{
	margin-left:0;
	margin-right:0;
}

.awMarkdownViewer p{
	word-wrap:break-word;
}

.awVerticalSeparator_Left .message-board-code{
	overflow: scroll;
	overflow-x: auto;
	overflow-y: auto;
	white-space: pre;
}

.awVerticalSeparator_Left .message-board-quote-content{
	font-weight:300;
}

.awVerticalSeparator_Left img{
	max-width:100%;
}

.awIndividualTicketContent .aw_group_component_small{
	padding-top:0;
}

.awIndividualTicketContent_repliesArea{
	padding:30px 0 0;
}

.awIndividualTicketContent_addRepliesArea{
	margin-right:1%;
	padding:0 0 30px;
}

.awIndividualTicketContent_replies{
	/*margin-bottom:20px;*/
	min-height:100px;
}

.awIndividualTicketContent_legacyReply{
	margin: 0;
	padding: 5px 0 4px;
	word-wrap:break-word;
}

#bird {
	flex: 0 1 auto;
	position: relative;
	left: 20%;
	margin-top: 10px;
	max-height: 145px;
}

/* Makes the select dropdown list height twice as big as the font-size used */
select.DropdownList {
	display: inline;
	width: auto;
	height: 32px;
}


/* AUTHOR AVATAR */

img.awAuthorAvatar {
	border-radius: 50%;
}

/*.awIndividualTicketContent_replies .aw_container_component .FloatLayoutElement.FloatLayoutElementLeft:nth-child(2){
width:80%;
}*/

.awIndividualTicketContent_displayAuthor .aw_container_component .FloatLayoutElement.FloatLayoutElementLeft:first-child{
	width:42%;
}


/*.awIndividualTicketContent_displayAuthor .aw_container_component .FloatLayoutElement.FloatLayoutElementLeft:nth-child(2){
width:58%;
}*/

.awIndividualTicketContent_displayAuthor{
	margin-left:10px;
	padding-top:10px;
	width:100px;
	font-size:14px;
}

.awIndividualTicketContent_checkboxes{
	margin-top:30px;
	margin-bottom:10px;
}


.awIndividualTicketContent_checkboxes .CheckboxLabel, .awIndividualTicketContent_replies .CheckboxLabel, .awIndividualTicketContent_repliesInternal .CheckboxLabel, .awIndividualTicketContent_markdown .CheckboxLabel{
	font-size:14px;
	color:#707070;
}



/*.awIndividualTicketContent_repliesInternal .aw_container_component .FloatLayoutElement.FloatLayoutElementLeft:nth-child(2){
width:80%;
}*/

/*.awIndividualTicketContent_repliesInternal .awIndividualTicketContent_displayAuthor .aw_container_component .FloatLayoutElement.FloatLayoutElementLeft:nth-child(2){
width:58%;
}*/


.awIndividualTicketContent_checkboxes .FloatLayoutGroup.FloatLayoutGroupRight{
	margin-right:2%;
}

/*.AdaptiveFlowLayoutContainer .Infobox .InfoboxLabel .InfoBoxPadding{
padding-left:0;
}*/

.awMarkdownViewer p{
	font-weight: 300;
	font-size: 16px;
	color: #000000;
}

.awMarkdownViewer h1, h2, h3, h4, h5, h6{
	color:#707070;
}

.awVerticalSeparator_Left{
	border-left:1px  solid #DBDBDB;
	padding-left:25px;
	margin-left:25px;
	font-size:16px;
	word-break: break-word;
	/*min-height:90px;*/

}

.awVerticalSeparator_Left p{
	font-weight:300px;
}

.awTicketDetails_Creation{
	padding-top:5%;
}



.awTicketDetails_Creation p{
	margin:0;
	padding: 5px 0px 0;

}

.awTicketDetails_Creation .FloatLayoutElement.FloatLayoutElementRight{
	width:85%;
}

.awTicketDetails_Creation .aw_group_component_small:first-child:last-child{
	margin-right:20%;
}

.awTicketDetails_Creation .aw_group_component{
	margin-bottom:0;
}

.awTicketDetails_references, .awTicketDetails_attachments
{
	padding:5px;
	border-radius:2px;
	width:100%;
	margin-top:10px;
}

.awTicketDetails_attachments{
	background-color:#DBDBDB;
}

.awTicketDetails_attachments p{
	margin-left: 10px;
	padding-top: 0;
	font-size: 12px;
	padding-bottom: 0;
}

.awTicketDetails_attachments .Link{
	padding-top: 2px;
	padding-left: 5px;
}

.awTicketDetails_attachments .aw_container_component .FloatLayoutElement.FloatLayoutElementLeft:nth-child(2){
	width:auto;
}


.awUserBadges .awDisplayComponent, .awUserBadges .aw_display_component{
	/*margin-left:5px;*/
	margin-left: 0;
}

.awUserBadges{
	margin-left: auto;
	width: 40%;
}

.awRelatedInformation{
	margin-top:20px;
}

.awRelatedInformation .InfoboxLabel, .awRelatedInformation .aw_InfoBoxV2Content{
	float:left;
}

.awRelatedInformation .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding > .Label.discreteComponent{
	margin-top:3px;
	color:#000000;
}


.awRelatedInformation .aw_display_component{
	margin-left:10px;
}

.awRelatedInformation_lifeTime h1.aw_text_component.aw_display_component{
	padding:0;
	margin-right:10px;
	color:#35A7E5;
}

.awRelatedInformation_lifeTime .aw_display_component.inlineComponent:first-child{
	margin-left:0;
	color:#000000;
}

.awRelatedInformation_lifeTime .FloatLayoutGroup.FloatLayoutGroupLeft{
	margin-right:0;
}

.awRelatedInformation_participantsText{
	color:#000000;
	font-size:16px;
	margin-bottom:5px;
	margin-top:5px
}

.awAlmostThere .FloatLayoutElement:nth-child(1) {
	width:30%;
	min-width: 100px;
}
.awAlmostThere .FloatLayoutElement:nth-child(2) {
	width:70%;
}

.awCompleteRegistrationForm_paddingLeft .AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge{
	margin-left:0;
}

.awCompleteRegistration_confirmationMessage{
	margin-left: 33%;
	padding: 5px;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.19);
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.19);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 33%;

	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}


@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.customLayout_radiobuttonlist .RadiobuttonList{
	display: -webkit-inline-box;
	padding-left: 0;
}

.select2-container-disabled{
	border:none !important;
}
.select2-container-disabled .select2-choices{
	box-shadow:none !important;
}


.awUnselectable {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
}

#AppwayLogo{
	margin-top:6px;
	margin-left: 0;
	margin-bottom: 12px;
}


.amsVersionDraft {
	background-image: url("/resource/object/draftTicket_Icon/LatestCommittedFilter/draftTicketIcon.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 30px;
	display: block;

}

.amsVersionPublished {
	background-image: url("/resource/classpath/DefaultIcons/ok/16.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 30px;
	display: block;
}


.amsVersionRetired {

	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 30px;
	display: block;
}


/* CHECK BOXES */
/* Fix margin on label */
.Checkbox label.CheckboxLabel {
	display: block;
	margin-left: 10px;
}

.academy-landing-page-training-map-container .awGuidingBoxes:first-child {
	padding-top: 0;
}

/**************************** Mobile Component Modifications ****************************/

@media (min-width: 1126px) {
	.awHide_Desktop {
		display:none !important;
	}
}

@media (max-width: 400px){
	.awSignInRegister_PopupCard {
		width: 94%;
	}
}

@media (max-width: 1125px) {

	/* LOGIN POPUP */
	#popup.active {
		/* overflow-y: scroll; */
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		overflow: hidden;
		z-index: 3;
	}

	/* Sign In & Sign Up Popup */
	#popup.active .awSignInRegister_PopupCard {
		top: 10%;
		margin-top: 10%;
		padding-bottom: 10%;
		height: 80%;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.awSignInRegister_Overlay{
		left: 0px;
	}


	#AppwayLogo{
		margin-top:10px;
	}

	.awBetaTag, .awDevTag, .awPlaygroundTag, .awUatTag {
		top: 80px;
		right: 0;
		border-radius: 4px 0px 0px 4px;
	}

	.awHide_Mobile {
		display:none !important;
	}

	#community-title-landing-page .landing-page-titles{
		position: relative;
	}

	.HomePage_welcomeTitle {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.awPaddingAboveScreenTitle h1.aw_text_component.aw_display_component{
		padding: 0px 0px 0px;
	}


	/* box layout */

	.awGuidingBox_3boxes,
	.awGuidingBox_2_1boxes {
		width: 100%;
		padding: 15px 0;
		border-width:0;
	}

	.awGuidingBoxes_Borderless .awGuidingBox_3boxes,
	.awGuidingBoxes_Borderless .awGuidingBox_2_1boxes{
		padding: 0;
	}

	.awGuidingBox_3boxes + .awGuidingBox_3boxes, .awGuidingBox_2_1boxes + .awGuidingBox_3boxes {
		border-left-width: 0;
	}

	.awGuidingBox_minHeight{
		min-height:0 ;
	}

	.awGuidingBoxes h2.awBorderless_Title.aw_text_component.aw_display_component {
		padding-left: 0;
		width: 100%;
	}

	.awGuidingBoxes, .awFeaturesBoxes {
		padding: 0;
	}

	.awGuidingBoxes:last-of-type{
		padding-bottom: 20px;
	}

	.awGuidingBoxes_content {
		padding: 5px 0;
	}

	.awAlmostThere .FloatLayoutElement.FloatLayoutElementLeft:first-child,
	.birdLayout .FloatLayoutElement.FloatLayoutElementLeft,
	.aw2col_template .awContentDiv_Left,
	.aw2col_template .awContentDiv_Right{
		width: 100%;
	}

	.awAlmostThere .FloatLayoutElement.FloatLayoutElementLeft:nth-child(2) {
		width:100%;
		margin: 0;
	}


	.awGuidingBoxWider60 .FloatLayoutElement.FloatLayoutElementLeft, .awGuidingBoxWider40 .FloatLayoutElement.FloatLayoutElementLeft,
	.awGuidingBoxWider40 .FloatLayoutElement.FloatLayoutElementLeft:first-child {
		width:100%;
	}

	.awRightSide_Content {
		border-top: 1px solid #dbdbdb;
		padding: 30px 15px;
	}

	.aw2col_template {
		padding: 0;
	}

	/*** BUTTON FULL WIDTH MOBILE ***/
	.buttonMobileFullWidth {
		width: 100%;
		margin: 0;
		padding: 20px 10px 20px 10px;

		font-size: 16px;
	}

	.hide-on-small { display: none; }
	/*.hide-in-large { display: block !important;}*/


	/* BUTTON EDIT MY PROFILE */
	#edit-my-profile {
		min-height: 48px;
		min-width: 48px;

		font-size: 16px;
	}

}

@media screen and (min-width: 768px) {
	/*.hide-on-small { display: block; }*/
	.hide-in-large { display: none !important;}

}


/* FIX THE OVERFLOW OF TEXT ON 3 COLUMNS WITH IMAGE */
@media screen and (min-width: 768px) and (max-width: 808px) {
	#icon_coursesSmall_Icon,
	#icon_eAcademySmall_Icon,
	#icon_certificationSmall_Icon,
	#icon_documentation_Icon {
		padding: 0;
	}
}

/**************************** Footer ****************************/

.awFooter{
	padding:10px 0;
	border-top:1px  solid #DBDBDB;

}

.awFooter.footerDistributed {
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	padding: 15px;
	margin-top: 20px;
}

.footerDistributed .footerLeft p{
	color:  #969696;
	font-size: 12px;
	margin: 0;
	padding-top: 0;
}


/* Footer links */

.footerDistributed div.footerLinks{
	font-size:12px;
	font-weight: bold;
	color:  #969696;
	margin: 0 0 10px;
	padding: 0;
}

.footerDistributed div.footerLinks a.Link,
.footerDistributed div.footerLinks span{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	margin-left: 0px;
	color: inherit;
	margin-right: 10px;
}

.footerDistributed div.footerLinks a.Link:last-child {
	margin-right: 0;
}


.footerDistributed .footerRight{
	float: right;
	margin-top: 6px;
	max-width: 180px;
}

.footerDistributed .footerRight a{
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-left: 3px;
}


@media (max-width: 600px) {

	.footerDistributed .footerLeft,
	.footerDistributed .footerRight{
		text-align: center;
	}

	.footerDistributed .footerRight{
		float: none;
		margin: 0 auto 20px;
	}

	.footerDistributed .footerLeft p.footerLinks{
		line-height: 1.8;
	}
}

/**************************** END Footer ****************************/


/*************************** HELPER CLASS ***************************/

/*.hide-in-large {display: none;}
.hide-in-small {display: block;}*/

/**************************** Markdown Viewer Modifications ****************************/

.awMarkdownViewer h1 a, .awMarkdownViewer h2 a, .awMarkdownViewer h3 a, .awMarkdownViewer h4 a, .awMarkdownViewer h5 a, .awMarkdownViewer h6 a{
	font-weight:bold;
}

.awMarkdownViewer pre {
	overflow: scroll;
	overflow-x: auto;
	overflow-y: auto;
}

.awMarkdownViewer p, .awMarkdownViewer ol , .awMarkdownViewer ul, .awMarkdownViewer li{
	color: #000;
	font-size: 16px;
	font-weight:300;
}

.awMarkdownViewer p{
	padding-bottom:10px;
}

.awMarkdownViewer a{
	color: #3CA8E2;
}

.awMarkdownViewer h1, .awMarkdownViewer h2, .awMarkdownViewer h3, .awMarkdownViewer h4, .awMarkdownViewer h5, .awMarkdownViewer h6{
	margin-left:0;
	color: #000;
}

.awMarkdownViewer table {
	display: block;
	overflow: scroll;
	overflow-y: auto;
	overflow-x: auto;
	word-break: normal;
}

/* This will make markdown editor not taller than 220px in ticket and support forum pages*/
.awIndividualTicketContent div.CodeMirror,
.awIndividualTicketContent div.CodeMirror .CodeMirror-scroll {
	box-sizing: border-box;
	height: 220px;
}

/* This will make markdown editor not taller than 250px in package description pages*/
.awPackageDescription div.CodeMirror,
.awPackageDescription div.CodeMirror .CodeMirror-scroll {
	box-sizing: border-box;
	height: 250px;
}

/* This will make markdown editor not taller than 220px in package what's new sectiom*/
.awPackageReleaseNotes div.CodeMirror,
.awPackageReleaseNotes div.CodeMirror .CodeMirror-scroll {
	box-sizing: border-box;
	height: 220px;
}

/* Quick fix for css on touch screen*/
div.CodeMirror .CodeMirror-code {
	border: none;
	border-radius: 0;
	border-image: none;
	border-top: none;
	min-width: 100%;
}


/********************* UTILS **********************/

.text-truncate {
	max-width: 100%; /* 1 */
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	word-wrap: normal !important; /* 2 */
}

.row.column-direction {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.row.column-direction-reverse {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

/********* Custom Appway 7 ***********/

.AdaptiveFlowLayoutFullWidthElement {
	max-width: none !important;
}

.aw_ext_componentextension_dropdownlist2_placeholder .aw_ext_componentextension_dropdownlist2_chosen_isPlaceholder{
	color:#000;
}


/********* PackageDetails ***********/

#returnIcon span {
    margin-left: 0px;
    margin-right: 20px;
}

/********************/


/********* Infobox ***********/

.Infobox.awInfoboxMandatory.aw_infobox_childHasValidationError > .InfoboxLabel > .InfoBoxPadding{
	background:none;
	font-weight:300;
}

.Infobox.awInfoboxMandatory.aw_infobox_childHasValidationError > .InfoboxLabel > .InfoBoxPadding:before{
	background: url(/img/workspace/infobox/tag_red.png) no-repeat;
    	font-weight: 300;
}


.awInfoboxMandatory .InfoboxLabel .InfoBoxPadding:before{
	float: left;
   	position: relative;
    	padding-right: 4px;
    	margin-left: -14px;
    	background: url(/img/workspace/infobox/tag_grey.png) no-repeat;
    	content: "";
    	width: 10px;
    	height: 8px;
    	top: 4px;
}

.Infobox.awInfoboxMandatory > .InfoboxLabel > .InfoBoxPadding{
	background: none;
}

.inlineInfoBox .Infobox .InfoboxLabel{
	float: left;
    	width: 120px;
    	white-space: normal;
    	margin: 0;
    	padding: 0;
    	display: table;
    	table-layout: fixed;
    	height: 40px;
}

.inlineInfoBox .Infobox .InfoboxLabel .InfoBoxPadding{
	display:table-cell;
	vertical-align: bottom;
    	padding-bottom: 11px;
    	line-height: 16px;
}

.inlineInfoBox .Infobox .aw_InfoBoxV2Content{
	float: right;
    	width: 980px;
    	margin: 0;
    	padding: 0
}

.ticketMetaData .Infobox .aw_InfoBoxV2Content{
	width:1020px;
}

.articleInformation .inlineInfoBox .Infobox .aw_InfoBoxV2Content{
	width:611px;
}

.inlineInfoBox .Infobox .aw_form_field,
.inlineInfoBox .Infobox input.TextField,
.inlineInfoBox .Infobox textarea,
.inlineInfoBox .Infobox div.select2-container.DropdownList.discreteComponent.aw_display_component{
	max-width:500px;
}

/************ FONT AWESOME **************/

.icon-youtube:before {
	content:'\f167';
	font-size: 24px;
	color: #ffffff;
}


/* BANNER PLATEFORM INFO */
.banner {
	clear: both;
	text-align: center;
	/*z-index: -1;
	position: absolute;*/
}

.banner span.Label {
	display: inline-block;

	margin-top: 5px;
	padding: 5px 10px;

	border-radius: 4px;
	background-color: #f1b447;
}

/* Handle the case where there is the 2nd level menu */
.awHeader_leftMenu_level2 ~ .banner {
	margin-top: 21px;
}


/*************** community filter ********************/
.awEntityComponent .Card.community-card-filter,
.Card.community-card-filter {
	padding: 15px 15px;
	background-color: #eee;
	border-radius: 3px;
	box-shadow: none;
}


/************** Search engine ****************/

.awEntityComponent .awsearchResult_header .Label{
	margin-top:5px;
	margin-bottom:20px;
}

.awEntityComponent .awsearchResult_header .awTagComponent .Label{
	margin-top:0;
	margin-bottom:0;
}

.awEntityComponent .awsearchResult_header .awTagInternalComponent .Label{
	margin-top:0;
	margin-bottom:0;
}


.awEntityComponent .awsearchResult_header .tagResult .Label{
	margin-top:0;
	margin-bottom:0;
}
.awEntityComponent .awsearchResult_header .Label img{
	display:none;
}

.awsearchResult_header .awGuidingBoxes{
	padding:0;
}

.awsearchResult_header .awGuidingBox_3boxes{	
	padding-left:0;
	padding-right:0;
	width: 25%;
}

.awsearchResult_header .awGuidingBox_3boxes img{
	vertical-align:middle;
}

.awsearchResult_header .awGuidingBox_3boxes .Label{
	vertical-align: -webkit-baseline-middle;
	font-weight: 300;
	font-size: 18px;
}

.awsearchResult_header .awGuidingBox_2_1boxes{
	padding-left:0;
	padding-right:0;
	width: 75%;
}

.awsearchResult_header .awGuidingBox_2_1boxes .Label{
	margin-right:0;
}


.searchResults .Link{
	margin-left:0;
	font-size:16px;
}

.searchResults .Link p{
	color: #3CA8E2;
	font-weight:400;
	cursor:pointer;
	margin-top:0;
	margin-bottom:0;
}


.searchResults .Label .match{
	background-color:rgba(255,177,29,0.3);
	font-weight:300;
}

.searchResults .Label br:nth-child(2n + 2){
	display:none;
}

.searchResults .Link .match{
	background-color:rgba(255,177,29,0.3);
	color:#3CA8E2;
	font-weight:400;
}

.showOnlyCheckboxes .FloatLayout{
	display: inline-flex;
}

.showOnlyCheckboxes .FloatLayoutElement{
	display: table;
}


/********** IFRAME FOR EMBEDDED VIDEOS IN MARKDOWN **********/

iframe{
	border:none;
	width: -webkit-fill-available;
	height: -webkit-fill-available;
}

/********* STYLE FOR COOKIES DIV **********/
.mapContainer a{
padding: 10px 20px;
    border-radius: 30px;
    font-weight: normal;
    background-color: #f2f2f2;
    color: black;
    cursor: pointer;
}

/* -- TEMPORAL-header.css -- */
/**************************** Header ****************************/
@media (max-width: 860px) {
	.awHeader_leftMenu_level1 > .Button {
		margin-right: 5px;
		margin-left: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
}

.mobileDropdown_Activatior {
	position: absolute;
	left: 50%;
	margin-left: -44px;
	top: 0;
}

.mobileDropdown_Activatior .Button{
    	font-size: 18px;
    	text-decoration: none;
    	margin: 0;
	margin-top: 3px;
	color: black;
}

.mobileDropdown {
	background: #ffffff;
    	position: absolute; 	
	box-sizing: border-box;
	padding: 5px 15px;
	top: 46px;
	left: -40px;
    	border-bottom: 1px solid #dbdbdb;
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.15);
    	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.15);
    	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
	z-index: 2;

}

.mobileDropdown .awHeader_mobileMenuItem.Button {
    width: 100%;
    margin: 0 !important;
    text-align: left;
    text-decoration: none;
    color: black;
    padding: 10px;
    font-size: 15px;
    border-bottom: 1px solid #f1f1f1;	
    border-radius: 0;
}

.mobileDropdown .awHeader_mobileMenuItem.Button:last-of-type {
	border-bottom-width: 0;
}

.mobileDropdown .awHeader_mobileMenuItem.Button:hover {
	background-color: #3DA8E2;
	color: #ffffff;
}

img.mobileArrow {
	position: relative;
    right: -70px;
    margin: 0;
    top: -22px;
}

/* -- support-stylesheet.css -- */
/***************** TICKET LIST *************************/

.awEntityComponent .Card {
    border-radius: 3px;
    padding: 15px 15px;
    margin: 10px 1px;
}
.awEntityComponent .aw_shadow_level2 {
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.19);
}

.awEntity_Status .Label {
    font-size: 11.2px;
    width: 100%;
    margin: 0 auto;
}
.awEntityComponent .awImg {
    margin: 0 auto;
}
/*.awEntityComponent .discreteComponent {
display:table-cell;
}
*/

.awEntity_Status {
    width: 10%;
    padding-right: 3px;
    box-sizing: border-box;
    float: left;
    text-align: center;
}
.awEntity_Status .awSvgSpanIcon {
    margin: 0 auto;
}
.awEntityDetails {
    width: 50%;
    padding-left: 3%;
    box-sizing: border-box;
    float: left;
}
.awEntity_creator_activity {
    width: 40%;
    box-sizing: border-box;
    float: left;
}
.awEntityDetails h5.Label {
    font-size: 22px;
    line-height: normal;
}
.awEntityDetails h5.aw_text_component.aw_display_component {
    /*padding:0 0 10px 0;
    */

    padding: 0;
    margin-bottom: 10px;
    /* title for the entity Max 2 lines */

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 19.2px;
    line-height: 120%;
    /* fallback */

    max-height: 240%;
    /* fallback */

    -webkit-line-clamp: 2;
    /* number of lines to show */

    -webkit-box-orient: vertical;
}
.awEntityDetails .aw_display_component.inlineComponent:first-child {
    margin-left: 0;
}
.awEntityComponent .aw_display_component.inlineComponent {
    margin: 0;
}
.awEntity_CreationDetails,
.awEntity_ActivityDetails {
    margin-bottom: 5px;
    text-align: right;
}
div.awEntityDetails_CategoryProject {
    clear: both;
    max-width: 57%;
}
/*img.awImg.discreteComponent.aw_component.aw_display_component {
width:50%;
height:auto;
max-width:40px;
}*/

@media only screen and (max-width: 1024px) {} @media (max-width: 767px) {
    .awEntity_Status {
        width: 20%;
        padding-right: 10px;
    }
    .awEntity_Status .Label {
        font-size: 11px;
    }
    .awEntityDetails h5.aw_text_component.aw_display_component {
        padding: 0;
        margin-bottom: 10px;
        /* title for the entity Max 2 lines */

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
    }
    .awEntityDetails {
        width: 80%;
        float: left;
        padding-left: 5%;
        box-sizing: border-box;
    }
    .awEntity_creator_activity {
        padding-top: 10px;
        width: 100%;
        margin-top: 10px;
        border-top: solid #f1f1f1 2px;
        float: left;
    }
    .awEntity_CreationDetails,
    .awEntity_ActivityDetails {
        text-align: left;
    }
    div.awEntityDetails_CategoryProject {
        max-width: 100%;
        padding-top: 10px;
    }
    /* Title H5 */

    .awSupport_MyTickets h5.aw_text_component.aw_display_component.Label {
        /*margin-left: 16px;*/
    }
    /* Forum right side content */

    .awRightSide_Content {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

}
@media (max-width: 480px) {
    .awEntity_Status .Label {
        font-size: 9px;
    }
}
@media (max-width: 320px) {
    .awEntity_Status .Label {
        font-size: 7px;
    }
}
/***************** TICKET FILTERS *********************/

.ticket-filters-container {
    background-color: #eee !important;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
}
button.aw_component.btn-ticket-filters-navbar {
    padding: 18px 18px;
    border: none;
    background-color: inherit;
    box-shadow: none;
    font-size: 16px;
}
button.aw_component.btn-ticket-filters-navbar:before {
    font-family: 'FontAwesome';
    content: '';
    padding-right: 5px;
    position: relative;
}
button.aw_component.btn-ticket-filters-navbar.btn-back:before {
    content: '\f053';
}
button.aw_component.btn-ticket-filters-navbar.btn-clear:before {
    content: '\f057';
}
.ticket-filters-title {
    white-space: nowrap;
    text-overflow: ellipsis;
}
/**************** TICKET DETAILS ********************/

.awIndividualTicketContent {
    padding: 0 8px;
}
.awRelatedInformation .awTagComponent .aw_display_component {
    margin-left: 0px;
}
.awRoleTitle .InfoboxLabel .InfoBoxPadding {
    padding-left: 8px;
}
.message-board-code {
    font-family: "Lucida Console", "Courier New", courier, monospace;
    overflow-x: scroll;
}
.message-board-code-lines {
    text-align: right;
    color: #222288;
    padding-right: 10px;
}
.message-board-quote-content {
    font-style: italic;
    padding-left: 40px;
}
#btn-open-ticket-details {
    float: right;
    font-size: 24px;
    padding: 0 10px 10px 0;
    margin: 0;
}
#support-ticket-meta-menu {
    display: initial;
}
#support-ticket-meta-menu .ticket-meta-menu-participant {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/* RESOLUTION */

.awResolutionSummaryBox {
    background-color: {
        #aw.generic.TooltipBackground
    }
    ;
    margin-top:20px;
    padding-top:5px;
    width:100%;
}
.awResolutionSummaryBox.ticket-status-solved {
	background-color:#ADD47E;
}

.awResolutionSummaryBox.ticket-status-rejected {
	background-color:#ff817b;
}

/* ATTACHMENTS */

.awTicketDetails_references,
.awTicketDetails_attachments {
    padding: 5px;
    border-radius: 2px;
    /*width:100%;*/

    margin-top: 10px;
    padding-right: 0;
}
.awResolutionSummaryBox .Infobox .InfoboxLabel {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.awResolutionSummaryBox .Infobox .aw_InfoBoxV2Content {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}
.awResolutionSummaryBox .row.awResolutionSummaryBoxButtonsGroup {
    margin-left: 0;
    margin-right: 0;
    background-color: #ffffff;
}
.awResolutionSummaryBox {
    background-color: {
        #aw.generic.TooltipBackground
    }
    ;
    margin-top:20px;
    /*padding-top:20px;*/

    width:99%;
}
.awResolutionSummaryBox .Infobox.ticket-details-resolution-area {} .awResolutionSummaryBox .Infobox.ticket-details-resolution-area .aw_InfoBoxV2Content .InfoBoxPadding {
    margin: 10px 10px;
}
/* REPLIES */
.internalAnswerEditor .CodeMirror{
	/*background-color: rgba(53, 167, 229, 0.1);*/
	background: repeating-linear-gradient( 45deg, #F7F8F5, #F7F8F5 10px, white 10px, white 20px );
	
}

.CodeMirror span{
	color:#000;
	font-size:16px;
}

.awIndividualTicketContent_repliesInternal {
	/*background-color: rgba(53, 167, 229, 0.1);*/
	
	background: repeating-linear-gradient( 45deg, white, white 10px, #DBDBDB 10px, #DBDBDB 20px );
    margin-right: 1%;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    min-height: 100px;
}


/*ST-1610009298446 quick fix*/
 .embedContainer { 
	height: auto; 
}

/*ST-1610009298446 quick fix*/
.embedContainer iframe, .embedContainer object, .embedContainer embed { 
	position: static;
	height: 350px;
}

.awIndividualTicketContent_repliesInternal .awMarkdownViewer{
	position:relative;
	background: repeating-linear-gradient( 45deg, #F7F8F5, #F7F8F5 10px, white 10px, white 20px );
}

.awIndividualTicketContent_repliesInternal .CodeMirror{
	/*background-color: rgba(53, 167, 229, 0.1);*/
	background: repeating-linear-gradient( 45deg, #F7F8F5, #F7F8F5 10px, white 10px, white 20px );
	
}


.awIndividualTicketContent_repliesInternal .awMarkdownViewer p{
	color:#000;
}
.awIndividualTicketContent_replies {
    /*margin-bottom:20px;*/

    min-height: 100px;
    padding-left: 10px;
}
/* CHANGE STATUS LIST */

.customLayout_radiobuttonlist .RadiobuttonList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px 0 10px;
    width: 100%;
    max-width: 100%;
}
.ticket-status-change-actions .aw_ext_componentextension_dropdownlist2_DropdownList {
    width: 100%;
    max-width: none;
}
/* System messages */

.awTicketDetails_SystemMessages_Container {
    margin-top: 20px;
    margin-right: 1%;
}

.awTicketDetails_SystemMessages_Container .info-date {
    font-size: 16px;
}

.awTicketDetails_SystemMessages {
    padding: 0;
    /*margin-top: 10px;*/
    margin-bottom: 5px;
}
.awTicketDetails_SystemMessages.awVerticalSeparator_Left p:first-child {
    padding: 0;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 16px;
}
.awTicketDetails_SystemMessages.awVerticalSeparator_Left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    min-height: 50px;
    padding-left: 20px;
    margin-left: 20px;
    margin-right: 10px;
}

/* AUTHOR INFO */
.awAuthorInfo {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style-type: none;

    /* Fix for long word in name underneath */
    min-width: 1px;
    max-width: 100%;
}
.awTicketDetails_Creation .row,
.awAuthorInfo .row {
    margin-right: 0;
    margin-left: 0;
}
.awAuthorInfo > .awAuthorInfo_fullname {
    margin-top: 2px;
    max-width: 100%;
}

.awAuthorInfo .username-link {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .awAuthorInfo {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;

        margin-bottom: 5px;
    }
    .awAuthorInfo > .awAuthorInfo_fullname {
        margin-left: 20px;
    }

    .awTicketDetails_SystemMessages.awVerticalSeparator_Left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        min-height: 50px;
        max-width: 90vw;
        padding-left: 20px;
        margin-left: 10px;
        margin-right: 10px;

    }


}


.awUserBadges {
    width: auto !important;
    margin-left: 5px;
}

/************************** CREATE TICKETS **********************/
/*#addAttachment,
#fileSelection {
margin: 0 5px 0 5px;
}*/
/* Fix weird behavior overlay of code blocks when meta menu is open*/
/*#support-ticket-meta-menu.active code*/


/* FORUM */

.forum-pinned-thread .awEntityComponent .aw_shadow_level2 {
 
    box-shadow: 0px 2px 2px 3px rgba(0, 0, 0, 0.19), 0 0 0 1px #35a7e5 inset;
}

.forum-pinned-thread .Card {
border-color: #000000;
}

/* FORUM SORT/GROUP BY */

.awSupportGroupSort .row {
    margin: 0;
}
.awSupportGroupSort select.DropdownList {
    display: inline;
    width: auto;
    height: 32px;
}

.awSupportGroupSort .DropdownList{
    margin-left:0;
}

.awSupportGroupSort .awDisplayComponent .inlineComponent:first-child,
.awSupportGroupSort .aw_display_component.inlineComponent:first-child{
    font-weight:300;
    line-height: 38px;
    margin-right: 15px;
    margin-left:40px;
}




/*************************************************************/
/**************** COMPANY PROFILE PAGE *****************/
/*************************************************************/
.company-profile-page-container {

}

.company-profile-page-container .company-header-name {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.company-profile-page-container .max-4-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 19.2px;
    max-height: calc(3 * 19.2px);
}


.company-profile-page-container h1.aw_text_component.aw_display_component,
.company-profile-page-container h2.aw_text_component.aw_display_component,
.company-profile-page-container h3.aw_text_component.aw_display_component, {
    margin-left: 0;
}

.company-profile-page-container h5.aw_group_component_small:first-child {
    padding-top: 15px;
}

.company-profile-page-container .company-description .Label.aw_text_component {
    margin-left: 25px;
    margin-right: 25px;
}

.company-profile-page-container .company-main-contacts .user-profile-contact-card {
    margin: 0 inherit;
}


/* RIGHT SIDE */
.company-profile-page-container .company-right-side-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 20px;
}

.company-profile-page-container .company-contact-container {
    margin: 10px 0;
}
.company-profile-page-container .company-right-side-container .company-contact-container .Label,
.company-profile-page-container .company-right-side-container .company-contact-container .Link  {
    font-size: 12.8px;
    margin: 0;
}

.company-profile-page-container .Infobox {
    margin-left: 14px;
}
.company-profile-page-container .Infobox .InfoboxLabel {
    font-size: 16px;
    font-weight: bold;
}

.company-location {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

    margin-left: 25px;
    margin-top: 15px;
}

.company-location span {
    font-weight: 300;
}

.company-location .Label {
    margin-left: 0;
    margin-right: 0;
}

.company-appway-developers-card {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.company-appway-developers-card .appway-developpers-rounded {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    width: 75px;
    height: 75px;

    border-radius: 50%;
    text-align: center;
}
.company-appway-developers-card .appway-developers-certified {
    background-color: #35A7E5;
}

.company-appway-developers-card .appway-developers-trained {
    background-color: #0AAB65;
}

.company-appway-developers-card .appway-developpers-rounded span {
    color: white;
    font-size: 32px;
}


/* ICONS COMPANY */
.company-profile-page-container .company-image-container {
    height: 160px;
    width: 160px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.company-profile-page-container .company-image-container img {
}


.company-profile-page-container .company-social-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;


    margin-top: 16px;
}


.company-profile-page-container .company-social-container .aw_ext_icon_IconComponent,
.company-profile-page-container .company-social-container .icon-social-container img {
    margin: 0;
    width: 20px !important;
    height: 20px !important;
}

.company-profile-page-container .company-social-container .icon-social-container {
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
}

.company-profile-page-container .company-social-container .icon-social-container .after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(150, 150, 150, 0.7);
}

.company-profile-page-container .company-consultants-profiles-container .appway-developers-text {
    margin-top: 16px;
    text-align: center;
    /* This is to fix the ie11         http://stackoverflow.com/questions/35111090/why-ie11-doesnt-wrap-the-text-in-flexbox
    */
    width: 100%;
}

.company-profile-page-container .company-consultants-profiles-container .appway-developers-text .Label{
    margin: 0;
}


/* RIGHT SIDE COMMUNITY USERS */
.company-profile-page-container .appway-layout-2-1-right-content #userRoles h3 {
    padding-top: 20px;
}

@media only screen and (max-width: 767px) {
    .company-profile-page-container .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    /* COMPANY */
    /*.row.company-main-info-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    }*/
}

/*************************************************************/
/******************* User profile contact *********************/
/*************************************************************/
.user-profile-contact-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;

    margin: 10px 15px;
}
.user-profile-contact-card.bordered {
    border-radius: 3px;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.19);
}

.user-profile-contact-card .user-profile-avatar {

}
.user-profile-contact-card .user-profile-avatar img {
    margin: 0
}

.user-profile-contact-card .user-profile-contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    padding-left: 16px;
}
.user-profile-contact-card .user-profile-contact-info span.Label {
    margin: 0;
    white-space: nowrap;
}

/*************************************************************/
/************************** My projects **********************/
/*************************************************************/

.Card .card-left-side h5,
.Card .card-left-side .Label  {
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.Card .card-left-side .Button,
.Card .card-left-side .Link {
    margin: 0 0;
}



@media screen and (max-width: 480px) {
    /* hide the categories as inline list for small screens */
    /*ul.aw_tabs.aw_desktop {
    display: none;
    }*/

    /* show the categories as a menu for small screens */
    /*.aw_ext_adaptiveTab.aw_mobile > ul.aw_tabs.aw_hide, .aw_ext_adaptiveTab > ul.aw_tabs.aw_lead {
    display: block;
    }*/
}
/* hide side menu close button */

#support-ticket-metadata-menu-close-container {
    display: none;
}
@media screen and (max-width: 767px) {
    .awIndividualTicketContent h1.aw_text_component.aw_display_component {
        margin: 10px;
        font-size: 32px;

    }


    #support-ticket-metadata-menu-close-container {
        /*box-sizing: border-box;
        background-color: #ffffff;
        z-index: 5;
        margin-top: 24px;
        display: flex;
        flex-direction: row-reverse;
        position: relative;
        left: 10%;
        width: 90%;

        border-left: 1px solid #ffffff;*/

        box-sizing: content-box;
        background-color: #ffffff;
        z-index: 5;
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        position: relative;
        /* left: 10%; */

        width: 90%;
        /* border-left: 1px solid white; */

        right: 0;
        float: right;
        border-left: 1px solid #DBDBDB;
    }
    #support-ticket-meta-menu-close {
        z-index: 6;
        position: inherit;
        margin: 0;
        border: 0;
        padding: 10px;
        font-size: 24px;
    }
    #btn-open-ticket-details {
        display: inline-block;
    }
    div.awIndividualTicketWrapper_centerContent.aw_component.aw_container_component {
        width: 100%;
    }
    #support-ticket-meta-menu.active {
        display: inline-block;
        background-color: rgba(100, 100, 100, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    #support-ticket-meta-menu {
        display: none;
    }
    div.awIndividualTicketWrapper_rightSideContent.aw_component.aw_container_component {
        box-sizing: content-box;
        position: absolute;
        right: 0;
        background-color: #ffffff;
        width: 90%;
        height: 100%;
        z-index: 5;
        /* This was to make the border transparent on the left side */
        /*border-left:500px solid rgba(0, 0, 0, 0.5);
        -moz-background-clip:padding;
        -webkit-background-clip:padding;
        background-clip:padding-box;*/
    }
    /* In this case we do want to remove the padding for the main wrapper component*/

    .awMainWrapper.aw_component.aw_container_component {
        padding: 0;
    }
    /* TICKET DETAIL CENTER */

    .awTicketDetails_Creation .FloatLayoutElement {
        width: 100%;
    }
    .awTicketDetails_Creation .FloatLayoutElement.FloatLayoutElementRight {
        width: 100%;
    }
    /* we make the content separator top and no left */

    .awTicketDetails_Creation .awVerticalSeparator_Left {
        min-height: 90px;
        padding-top: 2%;
        padding-left: 0;
        border-top: 2px solid #DBDBDB;
        border-left: 0;
        margin-top: 2%;
        margin-left: 2%;
        font-size: 16px;
    }
    /* Display author */

    .awIndividualTicketContent_displayAuthor {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        width: 100%;
        font-size: 16px;
    }
    /* Replies Title */

    .awIndividualTicketContent_checkboxes {
        padding: 0 2%;
    }
    /* Related information */
    /* Participant related information */

    .Infobox.awRoleTitle {
        margin-left: 2%;
        margin-right: 2%;
    }
    .awRelatedInformation .Infobox.awRoleTitle .InfoboxLabel {
        float: none;
    }
    .Infobox.awRoleTitle {
        margin-left: 2%;
        margin-right: 2%;
    }
    .Infobox .aw_InfoBoxV2Content .InfoBoxPadding {
        margin-right: 2%;
    }
    .awRelatedInformation .aw_display_component {
        margin-left: 2%;
        margin-right: 2%;
    }
    .aw_InfoBoxV2Content .Label {
        font-size: 16px;
    }
    .avatar-username-ticket-details {
        margin-left: 8px;
    }
    /* INFO BOX IN META MENU */

    #metaData .InfoboxLabel,
    #metaData .aw_InfoBoxV2Content {
        width: 100% !important;
        margin-left: 2%;
        clear: both;
    }
    #metaData .InfoBoxPadding {
        padding: 0;
    }
    #support-ticket-meta-menu .AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .aw_InfoBoxV2Content {
        padding: 2% 0 0 0;
    }
    #support-ticket-meta-menu .AdaptiveFlowLayoutContainer .Infobox.awRoleTitle .aw_InfoBoxV2Content {
        float: none;
    }
    .buttonOpenNewTicket {
        margin: 0;
        padding: 20px 10px 20px 10px;
        font-size: 16px;
    }

    /**************** MY PROJECTS *****************/
    .Card .card-right-side {
        padding-top: 10px;
        margin-top: 10px;
        border-top: solid #f1f1f1 2px;
    }

}
@media screen and (min-width: 768px) {
    #btn-open-ticket-details {

        display: none;
    }
}
/**** RIGHT MOBILE MENU ANIMATION *****/

#support-ticket-meta-menu.active {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: slidein;
    animation-name: slidein;
}
@-webkit-keyframes slidein {
    from {
        width: 0;

    }
    to {
        width: 100%;

    }
}
@keyframes slidein {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}




/************************************************************/
/*******************   KNOWLEDGE BASE   *********************/
/************************************************************/

/* 1st amd 2nd level PAGE */
/* GRID SYSTEM */

/* header with dropdown */
.knowledge-base .row {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 25px;
}

.knowledge-base .row h1.aw_text_component.aw_display_component {
    padding-left: 0;
}

.knowledge-base .row .aw_ext_componentextension_dropdownlist2_DropdownList {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}

.groups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    padding-top: 16px;
}

.groups .group-item {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    margin-bottom: 32px;
    text-align: center;

    -webkit-transition-duration: all .5s ease-in;

    transition-duration: all .5s ease-in;

    cursor: default;
}

.groups .group-item .group-image-container {
    border: 2px solid #35556F;
    border-radius: 50%;
    display: inline-block;
    padding: 24px;
}

.groups .group-item .group-image-container img.Image.aw_component.aw_display_component{
    margin: 0;
    width: 96px;
    height: 96px;
}

.groups .group-item .group-image-container:hover {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

/* Way of doing kb image when images already have rounded border withing */
.groups .group-item .group-image-container-no-border {
    display: inline-block;
}

.groups .group-item .group-image-container-no-border img.Image.aw_component.aw_display_component{
    margin: 0;
    width: 176px;
    height: 176px;
}

.groups .group-item .group-image-container-no-border:hover {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}


.groups .group-item .group-title {
    margin-top: 16px;
}

.groups .group-item .group-title .Label {
    color: #35A7E5;
}


/* KB 2nd level */
.kb-second-level-container .groups .group-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.kb-second-level-container .groups .group-item .description {
    color: #707070;
}

@media (max-width: 400px) {
    .groups .group-item .group-image-container img {
        margin: 0;
        width: 64px;
    }
}

@media (max-width: 767px) {
    .groups .group-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .groups .group-item .group-image-container:hover {
        -webkit-transform: none;
        transform: none;
    }

}

/* KB Landing page description */

.kbMarkdownViewer span {
    margin-left: 25px;
}

.kbMarkdownViewer .awMarkdownViewer p {
    font-weight: 400;
    color: #707070;
    font-weight: 300;
}

.kbMarkdownViewer .awMarkdownViewer a {
    text-decoration: none;
}

.kbMarkdownViewer .awMarkdownViewer strong {
     font-weight: normal;
}

/* Article summary */

.knowledge-base-article-summary .awEntityComponent.awArticle:last-child {
    margin-bottom: 0;
}


/* INTERNAL ACTIVITIES WITH STRIPES */

/*.xCommunityCustomStylex_xActivityAuthorContainerInternalVisiblex{
	background: repeating-linear-gradient( 45deg, white, white 10px, #DBDBDB 10px, #DBDBDB 20px );
}*/

.xCommunityCustomStylex_xActivityGlobalContainerx{
	overflow:hidden;
}
.xCommunityCustomStylex_xActivityInternalTagx{
	position: absolute;
	left: 30rem;
    	width: -webkit-fill-available;
	display:inline-flex;
	height:40rem;
	justify-content:center;
	background: repeating-linear-gradient( 45deg, white, white 10px, #DBDBDB 10px, #DBDBDB 20px );
	transform: rotate(90deg);
	transform-origin: left top 0;
}

div.RadiobuttonList{
	padding-left:0;
}

/* -- Community:SearchRichHtmlDropdown.css -- */
/* REMEMBER TO UPDATE richsuggestionfielddropdown_Home.css ACCORDINGLY */
@media (max-width: 331px) {
	.homePageField{
		width: 250px;
	}
}
@media (min-width: 332px) {
	.homePageField{
		width: 300px;
	}
}
@media (min-width: 382px) {
	.homePageField{
		width: 350px;
	}
}
@media (min-width: 432px) {
	.homePageField{
		width: 400px;
	}
}
@media (min-width: 482px) {
	.homePageField{
		width: 450px;
	}
}
/*********************************************************************/

.homePageField .searchFieldContainer{
	display: inline-flex;
	width:100%;
}

.homePageField .Button{
	margin-left:0;
	margin-right:0;
}

.richsuggestionfieldparentdiv, searchIconField{
	flex:1 100%;
}

.richsuggestionfieldparentdiv{
	position:relative;
	display:inline;
	margin-right:0;
	margin-left:0;
}

.homePageField .richhtmlsuggestionfield_input_container{
	width:100%;
}

.homePageField .richhtmlsuggestionfield_input_container  input{
	padding-right: 0;
   	padding-left: 10px;
   	margin-right: 0;
   	width: 80%;
   	margin-top: 6px;
   	margin-bottom: 0;
   	margin-left: 0;
   	height: 25px;
}

.headerField .richhtmlsuggestionfield_input_container  input{
	border-left:none;
	border-right: none;
	border-top: none;
	box-shadow: none;
   	margin-left: 0;
	width: 175px;
}

.richhtmlsuggestionfield_input_container  input::placeholder{
	color: #BEBEBE;
}

.headerField .richhtmlsuggestionfield_input_container  input:focus{
	border-left:none;
	border-right: none;
	border-top: none;
	box-shadow: none;
	width: 175px;
}

.richhtmlsuggestionfield_input_container .Button {
	height: 33px;
	position: relative;
	left: -2px;
}

.richsuggestionentry{
	padding: 0;
  	margin: 0;
  	list-style: none;
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-flow: row wrap;
  	flex-wrap: nowrap;
  	-webkit-flex-wrap: nowrap;
}

.richsuggestionentry .richsuggestiontitle{
	display: inline-block;
	color: #3CA8E2;
	line-height: 19px;
	font-size: 16px;
	padding:4px;
}

.richsuggestionentry .richsuggestionimage{
	display: inline-block;
	min-width:20px;
	height:20px;
}

.richsuggestionentry.hover .richsuggestiontitle{
	text-decoration: underline
}


.richsuggestionviewallresults {
	margin-top:10px;
	cursor:pointer;
	line-height: 19px;
	font-size: 16px;
	font-weight:400;
	color:#3CA8E2;
}

.homePageField #queryMessage{
	position:relative;
	top:100%;
}
.headerField #queryMessage{
	position:absolute;
	top:80%;
}

/* -- richsuggestionfielddropdown_Header.css -- */
.richsuggestionfielddropdown {
	padding: 5px;
    	background-color:#FFFFFF;
	border-style: solid;
	border-width:1px;
   	border-color:#DBDBDB;
	width:300px;
}

/* -- articleDisplay.css -- */
.awEntityComponent.awArticle{
	margin-bottom: 10px;
}

.awEntityComponent.awArticle:last-child{
	margin-bottom: 30px;
}

.awEntityComponent.awArticle .Label{
	margin-left: 0;
}

.awEntityComponent.awArticle a.awArticle_title{
	font-size: 32px;
	color: #323232;
	margin-left: 0;
	padding: 35px 0 5px 0;
	line-height:normal;
}

.awEntityComponent.awArticle a.awArticle_title:hover, .awPublicationInfos .Link:hover{
	color: #3CA8E2;
}

.awEntityComponent.awArticle .awArticle_header>.aw_container_component.FloatLayout:first-child +.aw_container_component.FloatLayout .Label{
	margin-bottom: 5px;
}


.awEntityComponent.awArticle .awArticle_description>.FloatLayout:first-child>.FloatLayoutElement{
	width:100%;
}

.awEntityComponent.awArticle .awArticle_description .Label{
	color: #000;
}


.awEntityComponent.awArticle h3.Label{
	padding-bottom: 0px;
}

.awEntityComponent.awArticle .awThumbnailMask{
		margin-bottom: 10px;
	margin-top: 5px;
	overflow: hidden;
	width: 100%;
    	height: 100%;
	max-width: 780px;	
}

.awEntityComponent.awArticle .awThumbnailMaskimg{
	display: block;
	margin:0;
	max-width:100%;
	max-height: 350px
}

.awPublicationInfos{
	margin-bottom: 5px;
}

.awPublicationInfos .Label{
	margin-right: 0;
}

.awPublicationInfos .Link{
	color: #707070;
}

.awArticle .aw_display_component.awCategory{
	color: #35556F;
	font-weight: bold;
	margin: 0 10px 0 0;
}

.awEntityComponent .Paragraph p{ 
	font-size: 22px;
	line-height:26px;
}

.awArticle .awArticle_description .awMarkdownViewer{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.awArticle .awArticle_description .awMarkdownViewer p, .awArticle .awArticle_description .awMarkdownViewer ol{
	color: #000;
	font-size: 16px;
	font-weight: normal;
	font-weight:300;
}

.awArticle .awArticle_description .awMarkdownViewer a{
	color: #3CA8E2;
}

.awArticle_description .awMarkdownViewer h1, .awArticle_description .awMarkdownViewer h2, .awArticle_description .awMarkdownViewer h3, .awArticle_description .awMarkdownViewer h4, .awArticle_description .awMarkdownViewer h5, .awArticle_description .awMarkdownViewer h6 {
	margin-left:0;
}

.awArticle .awArticle_description .awMarkdownViewer p, .awArticle .awArticle_description .awMarkdownViewer ol, .awArticle .awArticle_description .awMarkdownViewer li{
	font-size:22px;
	line-height:26px;
	color:#000000;
}

.awArticle .awArticle_description .awMarkdownViewer table thead tr th{
	text-align:left;
}

.awArticle .awArticle_description .awMarkdownViewer table thead tr th, .awArticle .awArticle_description .awMarkdownViewer table tbody tr td{
	font-size:22px;
	line-height:26px;
	color:#000000;
	width: 800px;
    	max-width: 400px;
    	word-wrap: break-word;
}

.awArticle .awArticle_description .awMarkdownViewer table tbody tr td{
	font-weight:300;
}


.awArticle .awArticle_description .awMarkdownViewer p, .awArticle .awArticle_description .awMarkdownViewer ol, .awArticle .awArticle_description .awMarkdownViewer ul  {
	padding-bottom:10px;
}

.awArticle .awArticle_description .awMarkdownViewer li{
	font-weight:300;
	color:#000000;
}

.awArticle .awArticle_description .awMarkdownViewer h1 a, .awArticle .awArticle_description .awMarkdownViewer h2 a, .awArticle .awArticle_description .awMarkdownViewer h3 a, .awArticle .awArticle_description .awMarkdownViewer h4 a, .awArticle .awArticle_description .awMarkdownViewer h5 a, .awArticle .awArticle_description .awMarkdownViewer h6 a{
	color:#000000;
}

.awArticle .awArticle_description .awMarkdownViewer h3 a, .awArticle .awArticle_description .awMarkdownViewer h4 a, .awArticle .awArticle_description .awMarkdownViewer h5 a, .awArticle .awArticle_description .awMarkdownViewer h6 a{
	font-size:24px;

}

.awArticle .awArticle_description .awMarkdownViewer h2 a{
	font-size:26px;

}

.awArticle .awArticle_description .awMarkdownViewer h1 a{
	font-size:28px;

}

.awArticle .awArticle_description .awMarkdownViewer h1 a:hover, .awArticle .awArticle_description .awMarkdownViewer h2 a:hover, .awArticle .awArticle_description .awMarkdownViewer h3 a:hover, .awArticle .awArticle_description .awMarkdownViewer h4 a:hover, .awArticle .awArticle_description .awMarkdownViewer h5 a:hover, .awArticle .awArticle_description .awMarkdownViewer h6 a:hover {
	color: #3CA8E2;
}

/******************************************/
/************* ARTICLE EDIT ***************/
/******************************************/


/************ LEFT MENU *****************/


/*FILTER*/
.awFilterContent {
	margin-top: 20px;
}

.awFilterContainer {
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

/* MEDIA */


.awMediaGroup {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

.awEntity_MediaCard {
	margin: 10px 0;
}

.awEntity_MediaCard .Card {
	margin: 5px 0;
	padding: 8px 10px;
}

.awEntity_MediaCard .Card .awEntity_CreationDetails span {
	margin-left: 15px;
	margin-right: 15px;
}
.awEntity_MediaCard .Card a {
	font-size: 16px;
	margin: 0;
}

/* MEDIA USED IN CURRENT ARTICLE */

.awEntity_MediaCard.awEntity_MediaCard_UsedInArticle .Card {
	background-color: #35556F;
}
.awEntity_MediaCard.awEntity_MediaCard_UsedInArticle .Card a,
.awEntity_MediaCard.awEntity_MediaCard_UsedInArticle .Card span {
	color: white;
	font-weight: 800;
}


/************ RIGHT MENU *****************/

#usageList {
	padding: 0 8px;
}

/* container of the right side menu */
.edit-media-right-sidebar-container .aw_tabContent {
	padding-top: 10px;
}

.edit-media-right-sidebar-container .aw_tabContent .Card {
	padding: 10px;
	margin: 10px 0;
}
.edit-media-right-sidebar-container .aw_tabContent .Card a.aw_display_component {
	margin-left: 10px;
	margin-right: 0;
}

/* VERSIONS TAB */
/*VERSIONS CARDS */
.Card.ams-version-card {
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.Card.ams-version-card < .row:not(:last-child) {
	padding-bottom: 5px;
}

.Card.ams-version-card .ams-version-card-status {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: -webkit-left;
}

.Card.ams-version-card .ams-version-card-date {
	text-align: -webkit-right;
}

.row.ams-version-actions {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}


/********************* POPUP **********************/
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 2;

	transition: opacity 500ms;
}

#reasonPopup {
	left: 35vw;
	top: 30vh;
	right: 35vw;
	z-index: 200;
	max-height: 100vh;
	max-width: 100vw;
	width: 30vw;

	position: fixed;
	overflow: auto;
	padding: 15px;
	background-color: #f3f3f3;

	transition: all 1s ease-in-out;
}

#reasonPopup .reason-content {
	margin-bottom: 30px;
}

#reasonPopup input[type=text] {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#reasonPopup .actions-bar {
	margin-left: 0;
	margin-right: 0;
}

#reasonPopup .actions-bar button {
	margin: 0;
}


/**************** CUSTOM CHANGES FOR MARKDOWN ****************/

/****** GENERAL CHANGES ******/

.awArticle .awArticle_description .awMarkdownViewer .noteTagText li, 
.awArticle .awArticle_description .awMarkdownViewer .infoTagText li, 
.awArticle .awArticle_description .awMarkdownViewer .exampleTagText li, 
.awArticle .awArticle_description .awMarkdownViewer .warningTagText li{
	color: #707070;
	font-weight: 400;
	font-size: 16px;
	line-height:19px;
}

/****** INFO TAG ******/


.awMarkdownViewer .infoTag {
    	padding:10px;
    	background-color:#fffdf6;
    	border-style:solid;
    	border-width:1px;
	margin-bottom:10px;
	border-radius: 5px;
    	border-color:#FFEAAE;
}
.awMarkdownViewer .infoTagText {
    	position:relative;
    	padding-left:20px;
	font-size: 16px;
	line-height: 19px;
}
.awMarkdownViewer .infoTagText:before {
    	content:"\f05a";
    	font-family:FontAwesome;
    	position:absolute;
    	left:0;
    	color:#594300;
    	font-size:16px;
}

/****** NOTE TAG ******/


.awMarkdownViewer .noteTag {
    	padding:10px;
    	background-color:#FCFCFC;
    	border-style:solid;
    	border-width:1px;
	margin-bottom:10px;
	border-radius: 5px;
    	border-color:#AAB8C6;
} 

.awMarkdownViewer .noteTagText {
    	position:relative;
    	padding-left:20px;
	font-size: 16px;
	line-height: 19px;
}
.awMarkdownViewer .noteTagText:before {
    	content:"\f08d";
    	font-family:FontAwesome;
    	position:absolute;
    	left:0;
    	color:#4A6785;
    	font-size:16px;
}

/****** EXAMPLE TAG ******/

.awMarkdownViewer .exampleTag, .awMarkdownViewer pre {
    	padding:10px;
   	background-color:#f3f9f4;
    	border-style:solid;
    	border-width:1px;
	margin-bottom:10px;
	border-radius: 5px;
    	border-color:#91c89c;
}
.awMarkdownViewer .exampleTagText{
    	position:relative;
    	padding-left:20px;
	font-size: 16px;
	line-height: 19px;
}
.awMarkdownViewer pre{
	position:relative;
    	padding-left:30px;
	padding-top:30px;
}

.awMarkdownViewer pre:before{
	content:"\f085";
    	font-family:FontAwesome;
    	position:absolute;
    	left:10px;
	top:10px;
    	color:#14892c;
    	font-size:16px;
}
.awMarkdownViewer .exampleTagText:before {
    	content:"\f085";
    	font-family:FontAwesome;
    	position:absolute;
    	left:0;
    	color:#14892c;
    	font-size:16px;
}

/****** CUSTOMCODE TAG ******/

.awMarkdownViewer pre {
    	padding:10px;
    	background-color:#eff0f1;
    	border-style:solid;
    	border-width:1px;
	margin-bottom:10px;
	border-radius: 5px;
    	border-color:#CACBCC;
	font-size: 16px;
	line-height: 19px;
}

.awMarkdownViewer pre{
	position:relative;
    	padding-left: 30px;
	color: black;
	counter-reset: code-counter;
}

.awMarkdownViewer pre.numbering{
    	padding-left: 50px;
}

.awMarkdownViewer pre:before{
	content:"";
    	font-family:FontAwesome;
    	position:absolute;
    	left:10px;
	top:10px;
    	color:#586C7F;
    	font-size:16px;
}

.awMarkdownViewer pre.numbering code:before {
    counter-increment: code-counter;
    content: counter(code-counter) "";
    color: #707070;
    position: absolute;
    left: 5px;
    width:30px;
    text-align: right;
}

/****** WARNING TAG ******/


.awMarkdownViewer .warningTag {
    	padding:10px;
    	background-color:#fff8f7;
    	border-style:solid;
    	border-width:1px;
	margin-bottom:10px;
	border-radius: 5px;
    	border-color:#d04437;
}
.awMarkdownViewer .warningTagText {
    	position:relative;
    	padding-left:20px;
	font-size: 16px;
	line-height: 19px;
}
.awMarkdownViewer .warningTagText:before {
    	content:"\f071";
    	font-family:FontAwesome;
    	position:absolute;
    	left:0;
    	color:#cf4336;
    	font-size:16px;
}

/****** Modal Image ******/

.awMarkdownViewer_zoomable_image {
  	cursor: zoom-in;
}
.awMarkdownViewer_modal_overlay {
  	z-index: 1000;
  	display: none;
  	position: fixed; 
  	top: 0px;
  	left: 0px;
  	right: 0px;
  	bottom: 0px;
  	background: rgba(0,0,0,0.5);
	cursor: zoom-out;
}
.awMarkdownViewer_modal_overlay img {
  	max-width: none;
	display: block;
    	margin: 0 auto;	
}

.awMarkdownViewer_modal {
  	position: absolute; 
    	display: flex;
  	top: 0px;
  	left: 0px;
  	right: 0px;
  	bottom: 0px;
  	margin: 24px;
}

/*.awMarkdownViewer_modal_header {
  	height: 48px;
  	flex-shrink: 0;
  	flex-grow: 0;
 	background: rgba(0,0,0,0.7);
}
.awMarkdownViewer_modal_header_title {
  	color: #FFF;
  	line-height: 48px;
  	margin-left:24px;
}*/

.awMarkdownViewer_modal_content {
  	overflow: auto;
}
/*# sourceMappingURL= */