html,body,div[ui-view] {width:100%;height:100%;margin:0;padding:0;padding-bottom:10px;}
body {
	font: 13px 'Roboto', Helvetica, sans-serif;
	color: #000;
	cursor: default;
	overflow: hidden;
	background: #F7F7F7 no-repeat center center fixed;
	background-size: cover;
}

.display-inline-block {display:inline-block}
.width-35 {width:35px}
.width-50 {width:50px}
.width-65 {width:65px}
.no-margin {margin:0 !important;}
.no-padding {padding:0;}
.padding-5 {padding:5px;}
.select-img {position: absolute;left: -9px;top: 0;z-index: 2;max-height:35px;}
.vertical-align-middle {vertical-align: middle !important;}

.panel {}
.panel-header {padding: 5px;border-bottom:1px solid #ccc;background: #34495e;color: #fff;}
.panel-header h4 {display:inline-block;margin:0;padding:10px;font-size:14px;}
.panel-body {display:block;}
.panel-inside {margin: 0 15px 15px;background-color: #fcfcfc;border: 1px solid #eee;}
.panel-inside .panel-header {background-color:#488494;color:#fff;}
.panel-table .panel-body {padding:0 !important;}

.table-container {overflow-x: auto;height: 100%;}
.table {display:table; width:100%;margin:0;}
.table-header {background-color:#555;color:#fff;text-align:center;font-size:14px;}
.table-header .table-cell:not(:first-child) {border-left:1px solid #999;}
.table-row {display:table-row;}
.table-row:not(.table-header):nth-child(even) {background: #FFF}
.table-row:not(.table-header):nth-child(odd) {background: #EEE}
.table-cell {display:table-cell;padding:8px 4px;vertical-align: top;}
.table-row.line .table-cell {border-bottom:1px solid #ddd;}
.table-row.line .table-cell:not(:first-child) {border-left:1px solid #ccc;}

/* LOGIN */
.login-container {width:100%;height:100%;background-size:cover;background-position:center;background-image:url(../images/login-slider/login1.jpg);}
.login-panel {
	position:absolute;opacity: .93;top:0;right:0;width:20%;height:100%;padding:10px;background-color:#fdfdfd;
	-webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.75);-moz-box-shadow: 0 0 20px -5px rgba(0,0,0,0.75);box-shadow: 0 0 20px -5px rgba(0,0,0,0.75);
}
@media screen and (max-width: 1240px) { .login-panel {width:30% !important;} }
@media screen and (max-width: 1024px) { .login-panel {width:40% !important;} }
@media screen and (max-width: 768px) { .login-panel {width:50% !important;} }
@media screen and (max-width: 480px) { .login-panel {width:100% !important;} }
.login-panel-content { display:flex; flex-direction: column; height:100%; }
.login-panel-header { flex:1; position: relative; text-align: center; }
.login-panel-main { flex:1; }
.login-panel-footer { flex:0;text-align: center;color:#aaa; font-size:12px;}
.login-panel-footer a { color:#555;}
.login-logo {position: absolute;display: block;left: 16%;bottom: 16%;margin: 0 auto;}

/* MAIN */
/* Header */
.header {position:absolute;width:100%;height:50px;background-color:#fdfdfd;border-bottom:1px solid #ccc;}
.header-logo {margin:2px;}
/* Wrapper */
.wrapper {width:100%;height:100%;padding-top:50px;display:flex;flex-direction:row;}
/* Sidebar */
.sidebar {width:100px;height:100%;background-color:#34495e;color:#fff;border-right:1px solid #ccc;}
.sidebar-nav {list-style: none;margin:0;padding:0;width:100%;text-align:center;}
.sidebar-nav li {width:100%;}
.sidebar-nav li a {display:block;width:100%;color:#ccc;cursor:pointer;padding:10px;border-bottom:1px solid #426588;}
.sidebar-nav li a:hover {background-color:#537494;color:#fff;}
.sidebar-nav li a.active {background-color: #e00e37;color:#fff;}
.sidebar-nav li a span {width:100%;font-size:22px;margin-bottom:10px;}

/* Container */
.container {flex:1;position:relative;padding:30px !important;overflow-y:auto}
/* Footer */
.footer {position:fixed;width:100%;height:30px;left:0;bottom:0;padding:8px;background-color:#fdfdfd;border-top:1px solid #ccc;color:#aaa; font-size:12px;}
.footer a {color:#aaa;}

/* If Login Page */
.login-page .header,.login-page .wrapper .sidebar,.login-page .footer {display:none;}
.login-page .wrapper,.login-page .wrapper .container {margin:0;padding:0 !important;}

/* Events */
.event {position:relative;overflow:hidden;width: 100%;display: block;margin-bottom:20px;text-align: center; cursor:pointer;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.event:hover {background-color:#fff;-webkit-box-shadow: 0px 11px 17px -4px rgba(0,0,0,0.42);-moz-box-shadow: 0px 11px 17px -4px rgba(0,0,0,0.42);box-shadow: 0px 11px 17px -4px rgba(0,0,0,0.42);}
.event img {width: 100%;margin-bottom: 10px;}
.event .event-status {position:absolute;top:0;right:0;padding: 5px;}
.event .event-status.active {background-color: #6dff62;color:#000;border: 1px solid #4fb747;}
.event .event-status.passive {background-color: #cccccc;color:#000;border: 1px solid #b768b0;}
.event .event-status.x {background-color: #ff3a38;color:#fff;border: 1px solid #b72421;}
.event .event-text {padding:4px;}
.event .event-text .event-title {font-weight: bold;color: #0768ff;white-space: nowrap;border-bottom: 1px solid #ddd;margin-bottom: 5px;padding-bottom: 5px;}
.event .event-text .event-statistics {white-space: nowrap;}
.event .event-text .event-date {font-size: 10px;white-space: nowrap;}

/* Event */
.more-informations {border-top:1px dotted #ccc;padding-top:15px;}
.event-more-btn {position: absolute;z-index: 1;padding: 8px 9px;right: 16px;}

/* Teams */
.teams-filter {position:relative;}
.teams-filter input {width:100%;background-color:#989898;color:#fff;border: none;border-radius: 0;margin-bottom: 10px;}
.teams-filter i {position:absolute;top:0;right:0;padding:7px;color:#b5b3b3;font-size:16px;}
.teamBox {position:relative;width:100%;border:1px dashed #ccc; border-radius: 8px; min-height:20px;margin-bottom:15px;background-color: #fffbf4;transition: height 0.3s , padding 0.3s ease;}
.teamBox .teamName {position:absolute;top: -12px;left: 11px;padding:4px;background-color:#fff;}
.teamBox .teamName.passive {background-color: #cccccc;}
.teamBox .teamName.x {background-color: #ff3a38; color:#fff;}
.teamBox .teamButtons {position:absolute;top: -12px;right: 11px;padding:3px 5px;background-color:#fff;}
.teamBox .teamButtons .btn {background:none;color:#a0a0a0; padding:0;}
.teamBox .teamButtons .btn:not(:first-child) {margin-left:10px;}
.teamBox .teamButtons .btn:hover {color:#000;}
.teamBox .teamBoxContainer {padding:15px;transition: height 0.3s , padding 0.3s ease;}
.teamBox .teamBoxContainer.collapsed {height:0;padding:0;overflow:hidden;}

.k-edit-label,.k-edit-field { border-top: 1px solid #ececec;padding: 0 }
.k-edit-label:after,.k-edit-field:after { margin:0; }
.k-edit-label { margin-left: 20px;padding-right: 10px; }
.k-edit-field { padding-top: 4px; }