@font-face {
  font-family: 'AdihausDINRegular';
  src: url('fonts/AdihausDIN-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/AdihausDIN-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/AdihausDIN-Regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/AdihausDIN-Regular.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/AdihausDIN-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/AdihausDIN-Regular.svg#AdihausDINRegular') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'AdihausDINBold';
  src: url('fonts/AdihausDIN-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/AdihausDIN-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/AdihausDIN-Bold.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/AdihausDIN-Bold.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/AdihausDIN-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/AdihausDIN-Bold.svg#AdihausDINBold') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'AdihausDINCn';
  src: url('fonts/AdihausDIN-Cn.eot'); /* IE9 Compat Modes */
  src: url('fonts/AdihausDIN-Cn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/AdihausDIN-Cn.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/AdihausDIN-Cn.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/AdihausDIN-Cn.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/AdihausDIN-Cn.svg#AdihausDINCn') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'AdihausDINCnMedium';
  src: url('fonts/AdihausDIN-CnMedium.eot'); /* IE9 Compat Modes */
  src: url('fonts/AdihausDIN-CnMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/AdihausDIN-CnMedium.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/AdihausDIN-CnMedium.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/AdihausDIN-CnMedium.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/AdihausDIN-CnMedium.svg#AdihausDINCnMedium') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'AdihausDINCnBold';
  src: url('fonts/AdihausDIN-CnBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/AdihausDIN-CnBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/AdihausDIN-CnBold.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/AdihausDIN-CnBold.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/AdihausDIN-CnBold.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/AdihausDIN-CnBold.svg#AdihausDINCnBold') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'adineuePRORegular';
  src: url('fonts/adineuePRO-RegularWeb.eot'); /* IE9 Compat Modes */
  src: url('fonts/adineuePRO-RegularWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/adineuePRO-RegularWeb.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/adineuePRO-RegularWeb.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/adineuePRO-RegularWeb.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/adineuePRO-RegularWeb.svg#adineuePRORegular') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'adineuePROLight';
  src: url('fonts/adineuePRO-LightWeb.eot'); /* IE9 Compat Modes */
  src: url('fonts/adineuePRO-LightWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/adineuePRO-LightWeb.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/adineuePRO-LightWeb.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/adineuePRO-LightWeb.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/adineuePRO-LightWeb.svg#adineuePROLight') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'adineuePROBlack';
  src: url('fonts/adineuePRO-BlackWeb.eot'); /* IE9 Compat Modes */
  src: url('fonts/adineuePRO-BlackWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/adineuePRO-BlackWeb.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/adineuePRO-BlackWeb.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/adineuePRO-BlackWeb.svg#adineuePROBlack') format('svg'); /* Legacy iOS */
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
a {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
 }
body {position:relative;margin:0;padding:0;background:#ffffff; font-weight: 400; font-size:13px; font-family:'AdihausDINRegular', sans-serif;}
html, body, #root {height:100%;width:100%;}
form,
p {margin:0;padding:0}
input, textarea, button {font-family:'AdihausDINRegular', sans-serif;}
/*BASICS*/
.heretocreate {margin:0;padding:0 0 15px 0;font-weight:600;font-size:2em;line-height:1.2em;color:#c53622;text-transform:uppercase;font-family:'AdihausDINCnMedium', sans-serif;}
h1,
.dashboard-hellow .counters .number {margin:0;padding:0;font-weight:800; font-size:3.23em; line-height:1em; color:#252626; text-transform:uppercase;}
h4,
.shedule-list .headbox .hour {margin:0;padding:0;font-family:'AdihausDINCnMedium', sans-serif; font-weight:400; font-size:1em;line-height:1.2em; color:#363738; text-transform:uppercase; letter-spacing:0.5px;}
h5 {margin:0;padding:0; font-weight:400; font-size:1em; color:#363738; }
a {text-decoration:none}

.darkestgrey {color:#363738}
.mediumgrey {color:#9a9b9b}
.red {color:#c53622;}
.test {color:#c5bb33;}
/*end BASICS*/


/*LAYOUT*/
.dashboard-wrap {
	min-height: 100%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: column;
}
.header,
main {
/* these are flex items
    // flex: 1; same as:
    // flex-grow: 1;
    // flex-shrink: 1;
    // flex-basis: auto;
    // flex: 1 1 auto;*/
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
    flex: 1;
}
.header {
	padding-left:15px;
    justify-content: center;
    flex-direction: row;
	justify-content:center;
	min-height:60px;
	height:60px;
	max-height:60px;
	font-size:1em; line-height:1.1em;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}
.header > div {
	display:flex;
	align-items: center;
	flex-direction: row;
	padding-left:15px;
	padding-right:15px;
}

.header-adidas  {flex:5}
.header-adidas h4 {margin:0;padding:0;}
.header-middle {flex:3; justify-content: center}
.header-right {flex:4;display: flex;justify-content: flex-end; }
.header-right >div {
	display:flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
}


/*DASHBOARD MAIN COLUMNS and CELLS*/
main {background:#f9f9f9; }
main .main-col {
	width:33.3333%;
	min-height: 100%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: column;
}



/*STYLES ANI DASHBOARD-TEAMFEED*/
.double-col{
	width:66.666%;
	min-height: 100%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: column;
}
.dashboard-teamfeed .top-col-cell {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	width:100%;
	display:flex;
	/* background-color: red */
}
.dashboard-teamfeed .top-middle-cell {
	position: relative;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
    flex-direction: row;
	width:100%;
	flex-wrap:wrap;
	background-color: #F9F9F9
}
.dashboard-teamfeed  .circle-container{display:flex;flex:4;justify-content: flex-end;padding-right: 15px;}
.dashboard-teamfeed .circle{width:120px;height:120px;border-radius: 60px;background-color: #C8CBCC;position: absolute;top:-60px}
.dashboard-teamfeed .top-middle-cell .header-container{display:flex;flex:7;flex-direction:column;padding-top:15px}
.dashboard-teamfeed h1{
    margin: 0;
    padding: 0;
    font-weight: 800;
    font-size: 3.23em;
    line-height: 1em;
    color: #252626;
    text-transform: uppercase;
}
.dashboard-teamfeed .header-container p{color:#C53622; padding-top:15px; padding-bottom: 15px }
.dashboard-teamfeed .silver-header{color: #616363}
.dashboard-teamfeed .top-middle-cell .message-container{
	display:flex;
	flex:5;
	flex-direction:column;
	padding-left: 15px;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 15px;
}
.dashboard-teamfeed .top-middle-cell .message-envelope{flex-direction:row;display:flex;}
.dashboard-teamfeed .top-middle-cell .message-container .cell-team  .button-sm {padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;margin-bottom:15px}
.dashboard-teamfeed .top-middle-cell .message-container .message{color:#616363}
.dashboard-teamfeed .envelope{margin-right: 8px}
.dashboard-teamfeed .test{width:100%;flex-direction: column;flex:1;margin-top:10px}
.dashboard-teamfeed .main-col-team {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	width:100%;
	position: relative;
	justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.dashboard-teamfeed .user-details {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	width:80%;
	flex-direction: row	;
	padding-top: 30px;
	justify-content: center;
	align-items: flex-start;
	border-top: 0.1px solid #616363;
	flex-wrap:wrap
}
.dashboard-teamfeed .user-details-header{padding-bottom: 15px}
.dashboard-teamfeed .team-feed{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	width:80%;
	flex-direction: row	;
	padding-top: 30px;
	padding-bottom:15px;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
}
.dashboard-teamfeed .idea{flex:7; padding-right:30px;}
.dashboard-teamfeed .idea-p{color:#616363; margin-bottom: 15px;}
.dashboard-teamfeed .players{flex:4;}
.dashboard-teamfeed .players-list{padding: 0 10px 15px 0;}
.dashboard-teamfeed .players-list .players-list-name{font-size:12px}
.dashboard-teamfeed .players-list-position{color:#616363;padding-top:5}
.dashboard-teamfeed .user-details .links{flex:4}
.dashboard-teamfeed .user-details .H4 {padding-bottom:15px;}
.dashboard-teamfeed .look-for{color:#C53622;font-size: 12px;}
.dashboard-teamfeed .click{color:#616363;font-size:10px}
.dashboard-teamfeed .looking-head{margin-top:20px;margin-bottom: 15px}
.dashboard-teamfeed .main-col-cell {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	width:100%;
	position: relative;
	justify-content: center;
	align-items: center
}
/*STYLES ANI DASHBOARD-MYTEAM*/



/*STYLES ANI DASHBOARD-MYTEAM*/
.dashboard-myteam .top-col-cell {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	width:100%;
	display:flex;
	flex-direction: column;
	align-items: flex-end;
	position: relative;
}
.dashboard-myteam .top-middle-cell {
	position: relative;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
    flex-direction: row;
	width:100%;
	flex-wrap:wrap;
	align-items: flex-start;
	margin-bottom:20px
}
.dashboard-myteam .top-col-cell .picture-pencil{position: absolute;bottom:7px;right:7px;display: flex}
.dashboard-myteam  .circle-container{display:flex;flex:4;justify-content: flex-end;padding-right: 15px;}
.dashboard-myteam  .circle-container .inner-pencil{right:-10px;position:absolute}
.dashboard-myteam .circle{width:120px;height:120px;border-radius: 60px;background-color: #C8CBCC;position: absolute;top:-60px;justify-content: flex-end;display: flex;padding-top:30px;position:relative}
.dashboard-myteam .top-middle-cell .header-container{display:flex;flex:7;flex-direction:column;padding-top:15px}
.dashboard-myteam .top-middle-cell .message-container{display:flex;flex:5;flex-direction:column;padding-left: 15px;align-items: flex-start;justify-content: flex-start;padding: 15px;}
.dashboard-myteam .content {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	width:100%;
	display:flex;
	position: relative;
	justify-content: center;
	align-items: center
}
.dashboard-myteam .contetnt-box{width:90%;justify-content:flex-start;align-items:flex-start ;display: flex;flex-direction:row }
.dashboard-myteam .team-handle{flex-direction: column;flex:9;}
.dashboard-myteam .user-details-mail{margin-top:5px;}
.dashboard-myteam .chat-message {background:white; height:40px; max-height:40px;width:90%}
.dashboard-myteam .chat-message > div {position:relative;}
.dashboard-myteam .chat-message .chat-message {width:100%; height:100%; background:transparent; border:0; padding:14px 10px 5px 10px ; margin:0; color:#9a9b9b; }
.dashboard-myteam .idea{flex:7; padding-right:30px; width:90%;padding:20px; background-color: white;box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);}
.dashboard-myteam .idea-p{color:#616363; margin-bottom: 15px;   }
.dashboard-myteam .user-details-header{padding-bottom: 15px;padding-top:30px}
.dashboard-myteam .chat-small-message {height:46px; max-height:46px;width:96%;flex-direction: row;justify-content:flex-start;align-content: center;display:flex}
.dashboard-myteam .placeholder{max-height:40px;height:40px;width:50%;padding: 15px 5px 5px 10px;margin:3px;border:0;box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15)}
.dashboard-myteam .name-role{max-height:20px;height:20px;width:50%;padding-left:15px;display:flex;color: #616363}
.dashboard-myteam .box-name{ height:25px; max-height:25px;width:96%;flex-direction: row;justify-content:center;align-content: center;display:flex}
.dashboard-myteam .icon-container{height:40px;width:40px;justify-content: center;align-content: center;display:flex;padding-top:10px;margin:3px}
.dashboard-myteam .add-myteam {display:flex; flex-direction: row;align-items: center;justify-content: space-between	}
.dashboard-myteam .testt{align-self: flex-end;display:flex}
.dashboard-myteam .links-content{display:flex;justify-content: center;flex-direction: column}
.dashboard-myteam .cell-date-myteam {color:#9a9b9b; font-size:0.76em; }
.dashboard-myteam .add-row{display:flex; flex-direction: row}
.dashboard-myteam .line-myteam {width:90%; height:1px; background-color: #9a9b9b;display:flex;margin-top:30px }
.dashboard-myteam .resources-links{flex-direction: column;flex:4;display:flex;justify-content: flex-start}
.dashboard-myteam .resources-links-box{flex-direction: row;display:flex;justify-content:space-around;width:100%;height:50px;align-items: center}
/*STYLES ANI DASHBOARD-PLAYERFEED END*/


/*STYLES ANI DASHBOARD-JOIN THE GAME ---START*/
.header-joinTheGame{
	padding-left:15px;
    justify-content: center;
	flex-direction: row;
	align-items: center;
	height:30px;
	max-height:30px;
	font-size:1em; line-height:1.1em;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
	background-color: #c53622;
	display: flex
}
.dashboard-joinTheGame .top-img-container{display:flex;position:relative}
.header-joinTheGame .header-adidas H4{ flex:10;color:white}
.header-joinTheGame .header-login {flex:1;flex-direction:row;display:flex;justify-content: flex-end;align-items:center;margin-right:10px}
.header-joinTheGame .user-name{color:white;margin-left:10px;margin-right:10px}
.header-joinTheGame .header > div {
	display:flex;
	align-items: center;
	flex-direction: row;
	padding-left:15px;
	padding-right:15px;
}
.dashboard-joinTheGame{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
    flex: 1;
	flex-direction: column;
	width:100%
}
.dashboard-joinTheGame .top-img-cell{width:100%;display: flex;;position:relative;height:200px}
.dashboard-joinTheGame .main-container{
	flex-direction: row;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
    flex: 1;
}
.dashboard-joinTheGame .absolute-text{position:absolute;top:200px;left:300px}
.dashboard-joinTheGame .left-container{flex:2;}
.dashboard-joinTheGame .center-container{flex:2;padding-top:45px;padding-bottom:80px}
.dashboard-joinTheGame .right-container{flex:7;padding-top:60px}

.dashboard-joinTheGame .right-container .cell-team  .button-sm {padding:8px 20px 8px 20px;margin-top:10px;outline: none}
.dashboard-joinTheGame .right-container .silver{color:#9a9b9b;padding-bottom:1px}
.dashboard-joinTheGame .right-container .silver-name{font-size:0.76em;color:#9a9b9b;}
.dashboard-joinTheGame .right-container .red-border{width:60%;border-bottom:2px solid #c53622;}

.dashboard-joinTheGame .right-description{width:500px;background-color: white;box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);padding:30px }
.dashboard-joinTheGame .component-row{display: flex;flex-direction: row;align-items: center;}
.dashboard-joinTheGame .text-container{flex:4;flex-direction: row;display: flex;justify-content: flex-end}
.dashboard-joinTheGame .component-text{color:#9a9b9b;}
.dashboard-joinTheGame .component-number{flex:1;justify-content: center;align-items: center;display: flex;flex-direction: row}
.dashboard-joinTheGame .number-container{font-size:11px;margin:10px;color:white;width:20px;height:20px;border-radius: 10px;background-color: #9a9b9b;justify-content: center;align-items:center;display: flex }

.dashboard-joinTheGame .component-progress{flex:4;display: flex;flex-direction: row}
.dashboard-joinTheGame .component-progress .red{background-color:#c53622}
.dashboard-joinTheGame .component-number .red{background-color:#c53622}
.dashboard-joinTheGame .component-square{width:8px;height:8px;background-color:#9a9b9b;margin:0.5px }
.dashboard-joinTheGame .component-line{height:60px;width:2px;background-color: #ebebeb; }
.dashboard-joinTheGame .placeholder{max-height:20px;margin-top: 3px;height:20px;width:100%;border:0;outline: none;justify-content: flex-end;flex-direction: column;display: flex;font-size:13px}
/*STYLES ANI DASHBOARD-JOIN THE GAME ---END*/

/*STYLES ANI POPUP HEY ---START*/
.dashboard-hey .hey-popup{margin-top:50px;width:600px;display: flex;flex-direction: column;box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15)}
.dashboard-hey .hey-popup .hey-popup-header{flex-direction: row;display: flex;justify-content: space-between}
.dashboard-hey .hey-popup .header-text{padding-top:10px;padding-left:10px;font-size:11px}
.dashboard-hey .hey-popup .hey-popup-header .spam{color:#c53622}
.dashboard-hey .black-cross{padding: 0;margin: 0;border: 0;outline: none;background-color: transparent}
.dashboard-hey .hey-popup-content{padding:20px; }
.dashboard-hey .hey-popup-button-cont{width:100%;display: flex;flex-direction: row;justify-content: flex-end;background-color:#ebebeb }
.dashboard-hey .button-bt {cursor:pointer; background-color:#c53622; border:0; font-weight:400; font-size:1.1em; color:#ffffff; text-transform:uppercase; letter-spacing:0.5px; font-family:'AdihausDINCnBold', sans-serif;padding:8px 13px 10px 15px}
.dashboard-hey .buttonn { line-height:1em; }
.dashboard-hey .chat-message{width:100%;outline: none; }
.dashboard-hey .chat-message .chat-message {width:100%; height:100%; background:transparent; border:0; padding:20px 10px 5px 25px ; margin:0; color:#9a9b9b; font-size:0.76em;outline: none; }
.dashboard-hey .hey-popup-button-cont .white-send{padding-top:3px;}

.dashboard-popup-welcome {margin-top:50px;width:600px;display: flex;flex-direction: column;box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15)}
.dashboard-popup-welcome .hey-popup-header{flex-direction: row;display: flex;justify-content: space-between;background-color: white}
.dashboard-popup-welcome .header-text{padding-top:10px;padding-left:10px;font-size:11px}
.dashboard-popup-welcome .hey-popup-header .spam{color:#c53622}
.dashboard-popup-welcome .black-cross{padding: 0;margin: 0;border: 0;outline: none;background-color: transparent}
.dashboard-popup-welcome .hey-popup-content{padding:20px; }
.dashboard-popup-welcome .hey-popup-button-cont{width:100%;display: flex;flex-direction: row;justify-content: flex-end;background-color:#ebebeb }
.dashboard-popup-welcome .button-bt {cursor:pointer; background-color:#c53622; border:0; font-weight:400; font-size:1.1em; color:#ffffff; text-transform:uppercase; letter-spacing:0.5px; font-family:'AdihausDINCnBold', sans-serif;padding:8px 13px 10px 15px}
.dashboard-popup-welcome .buttonn { line-height:1em; }
.dashboard-popup-welcome .silver-name{color:#9a9b9b;font-size:0.76em;padding-bottom:5px;padding-top:5px}
.dashboard-popup-welcome .silver{color:#9a9b9b;padding-bottom:1px;padding-left:10px;}
.dashboard-popup-welcome .red-border{width:100%;border-bottom:2px solid #c53622;}
.dashboard-popup-welcome .name-surname {width:50%;background-color: white;justify-content: flex-start;align-items: flex-start;margin-top:20px;margin-bottom:3px}
.dashboard-popup-welcome .chat-message{width:50%;height:45px;outline: none;}
.dashboard-popup-welcome .chat-message .chat-message {width:100%; height:100%; background:transparent; border:0; padding:20px 10px 5px 10px ; margin:0; color:#9a9b9b; font-size:0.76em;outline: none;}
.dashboard-popup-welcome .right-container .silver-name{font-size:0.76em;color:#9a9b9b;}
.dashboard-popup-welcome .right-container .red-border{width:60%;border-bottom:2px solid #c53622;}
.dashboard-popup-welcome .placeholder{max-height:20px;margin-top: 5px;height:20px;width:100%;border:0;outline: none;justify-content: flex-end;flex-direction: column;display: flex;font-size:13px}



.dashboard-popup-notif {margin-top:50px;width:600px;display: flex;flex-direction: column;box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);align-items: center;background-color: white;justify-content: flex-start}
.dashboard-popup-notif .hey-popup-header{flex-direction: row;display: flex;justify-content: space-between;width:100%;margin-bottom:20px}
.dashboard-popup-notif .header-text{padding-top:10px;padding-left:30px;}
.dashboard-popup-notif .hey-popup-header .spam{color:#c53622;}
.dashboard-popup-notif .black-cross{padding: 0;margin: 0;border: 0;outline: none;background-color: transparent}
.dashboard-popup-notif .hey-popup-content{padding:20px; }
.dashboard-popup-notif .hey-popup-button-cont{width:100%;display: flex;flex-direction: row;justify-content: flex-end;background-color:#ebebeb }
.dashboard-popup-notif .button-bt {cursor:pointer; background-color:#c53622; border:0; font-weight:400; font-size:1.1em; color:#ffffff; text-transform:uppercase; letter-spacing:0.5px; font-family:'AdihausDINCnBold', sans-serif;padding:8px 13px 10px 15px}
.dashboard-popup-notif .buttonn { line-height:1em; }
.dashboard-popup-notif .line{display:flex;width:90%;flex-direction: row;margin-top:10px;margin-bottom:10px}
.dashboard-popup-notif .left{flex:1; }
.dashboard-popup-notif .center{flex:8;padding-left:15px}
.dashboard-popup-notif .right{flex:2;flex-direction: row;display: flex;justify-content: flex-end}
.dashboard-popup-notif .arrow{margin-right:10px}
.dashboard-popup-notif .silver-line{width:90%;height:2px;background-color:#ebebeb }
.dashboard-popup-notif .chat-message{width:100%;outline: none;}
.dashboard-popup-notif .chat-message .chat-message {width:100%; height:100%; background:transparent; border:0; padding:20px 10px 5px 30px ; margin:0; color:#9a9b9b; font-size:0.76em;outline: none;}
.dashboard-popup-notif .pop-message-container{width:90%;height:200px;background-color:#F9F9F9;margin-bottom:20px }
.dashboard-popup-notif .cell-date {color:#9a9b9b; font-size:0.76em; }
.dashboard-popup-notif .white-send{padding-top:3px;}
.dashboard-popup-notif	.dashboard-players2{ display:flex;flex-direction:column;flex:1;min-height: 100%;background-color:#F9F9F9 ;padding:15px}
.dashboard-popup-notif .y-scroll-wrap2{display: flex;flex-direction:column;flex:1;position: relative}
.dashboard-popup-notif .y-scroll2{z-index: 1;position: absolute;height: 100%;overflow-y: auto;left:0;right: 0}
.dashboard-popup-notif .dashboard-players-row2{display: flex;flex-direction:column;margin-bottom:10px}



main .main-col > div {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
    flex: 1;
	flex-direction: column;
}/*width:100%;*/

main .main-col > div .main-col-cell {
	position: relative;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
    flex: 1;
	flex-direction: column;
	padding-left:15px;
}/*width:100%;*/

main .main-col:nth-child(1) > div {padding-bottom:20px;}
main .main-col:nth-child(1) > div > .main-col-cell:nth-child(1) {min-height: 310px; max-height: 310px; height: 310px; }
main .main-col:nth-child(2) > div {padding-top:20px;}
main .main-col:nth-child(2) > div > .main-col-cell {padding-bottom:20px;}

/*end DASHBOARD MAIN COLUMNS and CELLS*/


/*end LAYOUT*/


/*MAIN NAVIGATION*/
.nav-main {display:flex;height:100%;align-items:stretch;font-family:'AdihausDINCnMedium', sans-serif; }
.nav-main .item {
	display: flex;
	flex-direction: row;
	align-items:stretch;
	padding-left:5px;
	padding-right:5px;
}
.nav-main a {
	display:flex;
	flex-direction:row;
	align-items:stretch;
	color:#363738;
	text-decoration:none;
	align-items: center;
	padding-top:3px;
	border-bottom: 3px solid #ffffff;
	padding-left:10px;
	padding-right:10px;

}
.nav-main a.active,
.nav-main a:hover {color:#c53622; border-bottom:3px solid #c53622;}
/*end MAIN NAVIGATION*/

/*ACCOUNT NAVIGATION*/
.nav-account,
.nav-account .nav {
	display:flex;
	flex-direction: row;
	align-items:stretch;

}
.nav-account .nav .item {padding:0 10px;}
.nav-account .nav .link {position:relative; text-align:center; display:block; width:35px;font-size:1em;line-height:1.2em; text-transform:uppercase; letter-spacing: 0.5px;}
.nav-account .nav .link img {display:block;margin:auto;}
.nav-account .nav .link .synced,
.nav-account .nav .link .referal {position:absolute; padding:1px;bottom:7px; left:0; right:0;margin:auto;background:#ffffff;line-height:1em;
text-align:center;}
.nav-account .nav .link .synced img,
.nav-account .nav .link .referal img {display:block;margin:auto;}
.nav-account .nav .item .num {
	position:absolute; top:-2px; right:-1px; displa:block;
	background:#c53622; border-radius:100%;
	width:13px; height:13px;
	font-size:10px; line-height:12px;
	color:#ffffff; text-align:center;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.15);
}
.nav-account .divider {padding:0 10px; color:#c8cbcc;}
.nav-account .user {
	display:flex;
	flex-direction: row;
	align-items:center
}
.nav-account .user > div {}
.nav-account .user-photo {overflow:hidden; height:24px; width:24px; background:#9a9b9b; border-radius:100%; }
.nav-account .user-photo .user-info {height:24px;}
.nav-account .user .user-name {position:relative; padding:5px 15px 5px 5px; color:#616363; font-size:.0.6em; }
.nav-account .user .user-name:after {
	z-index:1; content: "";
	position:absolute;
	display:block;
	right:0; top:8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
  border-top: 5px solid #616363;
  cursor: pointer;
}
/*end ACCOUNT NAVIGATION*/


/*DASHBOARD CELLS - CONTENT*/

.dashboard-shedule-row,
.shedule-list .headbox,
.notifications-header,
.dashboard-notifications-row,
.dashboard-teams-row,
.teams-header,
.dashboard-teams .headline .row,
.players-header,
.dashboard-players-row,
.dashboard-chat .chat-tabs,
.row {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: row;
}
.shedule-list .headbox,
.shedule-list .content,
.dashboard-notifications,
.dashboard-teams,
.dashboard-players,
.dashboard-chat {
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);
}
.dashboard-notifications,
.dashboard-teams,
.dashboard-players {background-color:#ffffff;}

.dashboard-shedule,
.dashboard-notifications,
.dashboard-teams,
.dashboard-players,
.dashboard-chat {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: column;
	flex:1;
	min-height: 100%;
	align-content:stretch;
}
.dashboard-shedule > div,
.dashboard-notifications > div,
.dashboard-teams > div ,
.dashboard-players > div,
.dashboard-chat > div {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex:1;
	flex-direction: column;
}

.dashboard-shedule > .headline,
.dashboard-notifications > .headline,
.dashboard-teams > .headline,
.dashboard-players > .headline  {padding:15px; height:55px; max-height:55px;}

.y-scroll-wrap {position:relative;}
.y-scroll {z-index:1; position: absolute; height:100%; overflow-y:auto; left:0; right:0; }

.dashboard-notifications .y-scroll-wrap,
.dashboard-teams .y-scroll-wrap,
.dashboard-players .y-scroll-wrap,
.dashboard-chat .y-scroll-wrap {margin-left:10px; margin-right:10px; margin-bottom:10px;}
.dashboard-chat .y-scroll-wrap {margin-right:0;}
.dashboard-notifications .y-scroll-wrap .y-scroll,
.dashboard-teams .y-scroll-wrap .y-scroll,
.dashboard-players .y-scroll-wrap .y-scroll {border-top:1px solid #c8cbcc; background-color:#f9f9f9; }

/*HELLOW*/
.dashboard-hellow {margin:0; padding:22px 15px 22px 0; background:url(imgs/map.png) no-repeat center center; background-size:contain}
.dashboard-hellow .counters > div {float:left; width:33.3333%;}
.dashboard-hellow h1,
.dashboard-hellow .counters {padding-bottom:40px;}
.dashboard-hellow .counters {clear:both; overflow:hidden}
.dashboard-hellow .counters .number {color:#c53622}
.dashboard-hellow .counters .label {font-family:'AdihausDINCnMedium',sans-serif; text-transform:uppercase}
/*end HELLOW*/

/*SCHEDULE*/
.dashboard-shedule-list .shedule-day {position:relative; padding:7px 10px 15px 15px; width:30%;  }
.dashboard-shedule-list .shedule-day:before {position:absolute; z-index:4; content:""; top:10px; left:-3px; background:#9a9b9b; border-radius:100%; width:5px; height:5px; }
.dashboard-shedule-list .shedule-day h4 {color:#9a9b9b}
.dashboard-shedule-list .shedule-day.darkestgrey h4 {color:#363738}
.dashboard-shedule-list .shedule-day.darkestgrey:before {background-color:#363738}

.dashboard-shedule-list .shedule-list {width:70%;}
.dashboard-shedule-list h4 {color:#363738; }

.dashboard-shedule-list .dashboard-shedule-row {position:relative; margin-left:3px; border-left:1px dotted #9a9b9b; padding-bottom:22px;}
.dashboard-shedule-list .dashboard-shedule-row:last-child {padding-bottom:0;}

.shedule-list > div {position:relative;}
.shedule-list > div > .headbox {padding:15px; background-color:#ffffff; color:#616363;
	justify-content:space-between;
}
.shedule-list > div > .headbox .hour-cell {width:35px; padding-right:5px;}
.shedule-list > div > .headbox .title-cell {width:70%; }
.shedule-list > div > .headbox .ico-cell {width:15px;}
.shedule-list > div > .headbox .ico {position:relative;float:right;padding-left:10px;}
.shedule-list > div > .headbox .ico:after {z-index:1; display:block; position:absolute; top:-4px; right:0; content:"+"; color:#c53622; font-size:23px; line-height:23px; font-weight:500;}
.shedule-list > div > .content {opacity:0; height:0; visibility:hidden; overflow:hidden; margin:2px 0 0 0; background-color:#ebebeb; font-size:0.77em; }
.shedule-list .show-content .headbox .ico:after {content:"-"}
.shedule-list .show-content .content {padding:15px; opacity:1; height:auto; visibility:visible; overflow:visible;}

.shedule-list .happening-now {margin-top:23px; z-index:1; border-left:3px solid #c53622 }
.shedule-list .happening-now .happening-now-box {z-index:3; display:block; position:absolute; top:-22px; right:0; background-color:#c53622; color:#ffffff; font-size:0.85em; line-height:1em; padding:5px 0 4px 0; text-align:center; width:100px; }
.shedule-list .happening-now .happening-now-box:before {content:" "; z-index:3; display:block; position:absolute; bottom:-6px; right:45px;   height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #c53622;}

.shedule-list .show-ico-group .ico-group {z-index:3; position:absolute; top:10px; left:-30px; width:21px; height:21px; display:block; background:url("imgs/icon-team.png") no-repeat 0 0 ; }
.shedule-list .show-ico-group .ico-group img {display:block;}

.shedule-list .rsvp {display:inline-block; margin-top:-2px;border:1px solid #c53622; color:#c53622; text-transform:uppercase; font-size:0.85em;  font-weight:600; padding:2px 5px 1px 5px; }
/*end SCHEDULE*/


/*NOTIFICATION*/
.dashboard-notifications {}
.dashboard-notifications .headline {}
.dashboard-notifications .headline h4 {padding-bottom:7px;}

.notifications-header {color:#9a9b9b;font-size:0.76em;}
.notifications-header .cell-name {width:32%; }
.notifications-header .cell-subject {width:40%;}
.notifications-header .cell-time {width:28%}

.dashboard-notifications-row {align-content:space-between; border-bottom:1px solid #ebebeb}
.dashboard-notifications-row:hover {background-color:#ebebeb; }
.dashboard-notifications-row:hover .user-name,
.dashboard-notifications-row:hover .cell-subject  {color:#252626; }

.dashboard-notifications-row > div {padding-top:2px; padding-bottom:2px;padding-left:5px; padding-right:5px;}
.dashboard-notifications-row > div:first-child {padding-left:3px; }
.dashboard-notifications-row:hover > div:first-child {padding-left:0; border-left:3px solid #c53622; }

.dashboard-notifications-list .user,
.dashboard-notifications-list .cell-icons {display:flex;flex-direction: row;align-items:center;}

.dashboard-notifications-list .cell-name {width:33%;}
.dashboard-notifications-list .cell-name  .user-info  { padding-left:5px; padding-right:5px;}
.dashboard-notifications-list .user-photo {overflow:hidden; height:24px; width:24px; background:#9a9b9b; border-radius:100%; }
.dashboard-notifications-list .user-photo .user-info {height:24px; }
.dashboard-notifications-list .cell-subject {width:40%; align-self: center; color:#616363; }
.dashboard-notifications-list .subject {font-family:'AdihausDINMedium', sans-serif;}
.dashboard-notifications-list .excerpt {font-size:0.76em;}
.dashboard-notifications-list .excerpt:after {content:"..."}
.dashboard-notifications-list .cell-time {width:15%;align-self: center;  color:#9a9b9b; font-size:0.76em;}
.dashboard-notifications-list .cell-icons {width:12%;align-self: center; }
.dashboard-notifications-list .cell-icons > div {padding-left:3px;}
/*end NOTIFICATION*/


/*TEAMS*/
.tag {display:inline-block; font-size: 0.76em; background-color:#c8cbcc; color:#616363; border-radius:5px; margin:1px 0; padding:1px 5px; line-height:1em; }

.teams-header {color:#9a9b9b; font-size:0.76em; align-items: baseline;}
.teams-header .cell-name {width:54%;}
.teams-header .cell-subject {}
.teams-header .cell-tags {width:23%;}
.teams-header .cell-looking-for {width:23%;}

.dashboard-teams .headline h4 {padding-bottom:7px;}
.dashboard-teams .headline .row {align-content:space-between; width:100%; align-items: baseline; padding-bottom: 16px;}
.dashboard-teams .headline .row > div:nth-child(1) {width:40%;}
.dashboard-teams .headline .row > div:nth-child(2) {width:60%; justify-content:flex-end; display:flex}
.dashboard-teams .headline .row .button {padding:3px 5px 1px 5px; line-height:1em; margin-right: 0; }

.dashboard-teams-row > div {padding-top:2px; padding-bottom:2px;padding-left:5px; padding-right:5px; word-wrap: break-word}

.dashboard-teams-list .dashboard-teams-row:nth-child(odd){background-color:#ebebeb}
.dashboard-teams-list .dashboard-teams-row:nth-child(odd) .cell-name {background-color:rgba(54,55,56,.6);}
.dashboard-teams-list .dashboard-teams-row:nth-child(even) .cell-name {background-color:rgba(54,55,56,.5);}
.dashboard-teams-list .cell-name {width:10%; }
.dashboard-teams-list .cell-subject {width:42%; align-self: center;  font-family:'AdihausDINCnMedium', sans-serif; text-transform:uppercase }
.dashboard-teams-list .cell-tags {width:24%; line-height:1em;}
.dashboard-teams-list .cell-looking-for {width:24%; align-self: center; color:#616363; }
.dashboard-teams-list .dashboard-teams-row .red {color:#c53622; font-size: 0.85em; line-height:1.1em; font-family:'AdihausDINMedium', sans-serif;}
/*end TEAMS*/

/*PLAYERS*/
.players-header {color:#9a9b9b; font-size:0.76em;}
.players-header {color:#9a9b9b; font-size:0.76em;}
.players-header .cell-name {width:54%;}
.players-header .cell-subject {}
.players-header .cell-skills {width:23%;}
.players-header .cell-team {width:23%;}

.dashboard-players .headline h4 {padding-bottom:7px;}

.dashboard-players-row > div {padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px;}

.dashboard-players-list .dashboard-players-row:nth-child(odd){background-color:#ebebeb}
.dashboard-players-list .dashboard-players-row:nth-child(odd) .cell-name {background-color:rgba(54,55,56,.6);}
.dashboard-players-list .dashboard-players-row:nth-child(even) .cell-name {background-color:rgba(54,55,56,.5);}
.dashboard-players-list .dashboard-players-row > div {}
.dashboard-players-list .cell-name {width:10%;}
.dashboard-players-list .cell-subject {width:42%; align-self: center; font-family:'AdihausDINCnMedium', sans-serif; text-transform:uppercase }
.dashboard-players-list .cell-skills  {width:24%; align-self: center; color:#616363; font-size:0.9em;line-height:1.1em;}
.dashboard-players-list .cell-team {width:24%; align-self: center; color:#616363; font-size:0.9em;line-height:1.1em;}
/*end PLAYERS*/

/*CHAT*/
.dashboard-chat {background-color:#ffffff; }

.dashboard-chat .chat-tabs {height:40px; max-height:40px; background-color:#f9f9f9; border-bottom:1px solid #c8cbcc; }
.dashboard-chat .chat-tabs > div {position:relative; width:33.3333%; text-align:center; padding:15px 0 7px 0; line-height:1em; color:#363738; font-family:'AdihausDINCnMedium', sans-serif;}
.dashboard-chat .chat-tabs > div.tab {}
.dashboard-chat .chat-tabs > div.tab:after {position:absolute; content:"|"; right:0; top:15px; color:#c8cbcc;}
.dashboard-chat .chat-tabs > div.tab:last-child:after {content: '';}
.dashboard-chat .chat-tabs > div.active {color:#c53622; border-bottom:3px solid #c53622;}
.dashboard-chat .chat-tabs > div.search {position:relative; padding:0;}
.dashboard-chat .chat-tabs > div.search:after {display:none;}
.dashboard-chat .chat-tabs > div.search .bttn {position:absolute; top:0; right:0; background:url("../imgs/icon-search.png") center no-repeat;}
.dashboard-chat .chat-tabs .search-input {width:100%; background:transparent; border:0; padding:13px 20px 10px 10px; color:#9a9b9b; font-size:0.76em;}
.dashboard-chat .chat-tabs .search-submit {cursor:pointer; background:transparent; border:0; padding:11px 9px 7px 9px;}

.dashboard-chat .chat-tabs-content {}

.dashboard-chat .chat-general-tab .row {}
.dashboard-chat .chat-general-tab .row > div {padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px;}
.dashboard-chat .cell-name {color:#616363; border-bottom:1px solid #d7d8d8;}
.dashboard-chat .cell-name .user-name {padding:; color:#252626;  }
.dashboard-chat .cell-name .exserpt {padding:; color:#252626;  }
.dashboard-chat .cell-date {color:#9a9b9b; font-size:0.76em; border-bottom:1px solid #d7d8d8;}

.dashboard-chat .user-photo {overflow:hidden; height:24px; width:24px; background:#9a9b9b; border-radius:100%; }

.chat-message {background:#ebebeb; height:66px; max-height:66px;}
.chat-message > div {position:relative;}
.chat-message > div .bttn {position:absolute; top:0; right:0; background:url("../imgs/icon-search.png") center no-repeat;}
.chat-message .chat-message {width:90%; height:100%; background:transparent; border:0; padding:20px 10px 5px 25px ; margin:0; color:#9a9b9b; font-size:1em;}
.chat-message .chat-message::placeholder {font-size: 0.76em; padding-top: 5px}
.chat-message .chat-message-send {cursor:pointer; background:transparent; border:0; padding:22px 10px 14px 10px;}


/*end CHAT*/

/*end DASHBOARD CELLS - CONTENT*/



/*FOMRS*/
.button {cursor:pointer; padding:6px 25px 4px 25px; margin:0 auto; background-color:#c53622; border:0; font-weight:400; font-size:1.1em; line-height:1.2em; color:#ffffff; text-transform:uppercase; letter-spacing:0.5px; font-family:'AdihausDINCnBold', sans-serif;}
.button-sm {padding:3px 5px 1px 5px; line-height:1em; }


/*MEDIA
max-width:700px
max-width:680px
*/
@media all and (max-width:700px) {
  .dashboard-hellow h1 {font-size: xx-large;}
  .comments-wrap {min-height: 300px; height: 345px !important;}
  .qapolls-wrap {max-height: 450px;}
  /* .answered-wrap {height: 450px !important;} */

  .header { padding-left: 0;}

  main {flex-wrap: wrap;}
  main .main-col {min-height: auto; width: 100%;
    flex-direction: row;
    /* min-height: -webkit-fill-available; */
  }
  .y-scroll-wrap {height:300px;}
  .chat-field {min-height: 300px;}
  .y-scroll {} /* position: relative; height: auto; */

  main .main-col > div .main-col-cell {
      position: relative;
      display: block;
      flex: unset;
      flex-direction: unset;
      padding-left: 15px;
  }

  main .main-col:nth-child(1) > div .main-col-cell {
    padding-right: 15px;
  }
  main .main-col:nth-child(1) > div > .main-col-cell:nth-child(1) {
    min-height: unset;
    max-height: unset;
    height: auto;
  }

  .dashboard-shedule,
  .dashboard-notifications,
  .dashboard-teams,
  .dashboard-players,
  .dashboard-chat {
    min-height: unset;
  }


  .double-col {
    width: 100%;
    min-height: 100%;
    flex-direction: row;
  }

  .dashboard-myteam .contetnt-box {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .dashboard-teams .search-container {
    right: 30px;
  }

  .dashboard-popup-welcome {
    width: calc(100% - 50px);
  }

  .dashboard-popup-welcome .name-surname, .dashboard-popup-welcome .chat-message {
    width: 80%;
  }

  .main-col-admin {
    padding-right: 15px;
  }
}

@media all and (max-width:680px) {
  .header,
  .header > div {min-height: unset; height:auto; max-height:unset; flex-wrap: wrap;}
  .header {
    flex-direction: row;
    height:100px;
    position:relative;
  }
  .header > div.header-adidas {width:auto; height: 60px;}
  .header > div.header-right {width:auto; height: 60px;}
  .header > div.header-middle {position:absolute;  bottom:0; height: 40px;}

  .dashboard-myteam .top-middle-cell {margin-bottom:0;}

  .tag {font-size:0.85em;}
  .chat-message .chat-message {font-size:1.2em;}
}

@media all and (max-width:550px) {

  .dashboard-myteam .contetnt-box {display:block;}
  .dashboard-myteam .team-handle,
  .dashboard-myteam .resources-links {width:100%;}
  .dashboard-myteam .chat-message {width:100%;}
}



@media all and (max-width:440px) {
  .header,
  .header > div {min-height: unset; height:auto; max-height:unset; flex-wrap: wrap;}
  .header {height:125px;}
  .header > div.header-adidas {height:40px; width:100%;flex-wrap: wrap;}
  .header > div.header-adidas h4 {text-align:center}
  .header > div.header-right {position:absolute; top:40px; height:55px; width:100%;flex-wrap: wrap;}
  .header > div.header-middle {height:30px; width:100%;flex-wrap: wrap;}

}