.krav-grid {
    font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

.k-grid-header .k-header {
	font-weight: bold;
}

.krav-grid td, .krav-grid thead {
    font-size: 12px;
}

.navbar-brand { padding:5px; }
.navbar-brand  img { max-height:40px; margin-left: 15px; max-width: 200px;}


div.tabContent, ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover, ul.nav-tabs li.active a:active{
	background-color:#f8f8f8;
	padding: 10px;
}

.displayNone {
	display:none;
}

div.tabContent {
	border : 1px solid #DDD;
	border-top : none;
}

#contactpayments-grid {
	width : 1000px;
}

.nav-tabs {
	font-weight: bold;
	padding-left: 20px;
	font-size: 14px;
}

.breadcrumb {
    margin-bottom: 10px;
}

.k-grid .k-button {
    margin: 2px .16em;
}

select:disabled {
    opacity: 0.2;
}

div.checkbox {
	height: 20px;
}


#divWorkoutContacts, #divWorkoutPayments {
	max-width: 900px;
	max-height: 400px;
	min-height: 250px;
	overflow-y: scroll;
}
 #divWorkoutPayments {
	display:none;
}


#Modules-grid div.k-grid-toolbar {
    padding-left: 10px;
}

.k-button-icontext {
    margin-left: 5px;
}

#ParamLogo img {
    max-width: 200px;
    max-height: 200px;
	margin-bottom: 20px;
}

#divMyDashboard {
    max-width: 1600px;
	background-color: #f8f8f8;
	padding: 30px;
}

#welcomeMessage {
	font-size: 15px;
	padding: 20px;
	width: 905px;
	color: #000;
}

#welcomeMessage img {
	width : 125px;
	margin-right:50px;
}

#welcomeMessage img, #welcomeMessage span {
	float:left;
}

.bg-white {
	background-color: #fff;
}

h2 {
    background: transparent;
}

tr.split {
	border-bottom:1px solid grey;
}

#mymails-grid, #mydiplomas-grid, #mycertificates-grid , #myworkouts-grid{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
}

#myworkouts-grid, #myworkouts-grid div.k-grid-content,
#mydiplomas-grid, #mydiplomas-grid div.k-grid-content {
	height: 291px !important;
}

#mylevels-grid, #mycertificates-grid {
	width: 205px;
}

#mylevels-grid  .k-grid-content {
	max-height: 300px;
}

div#qrcode {
	margin-bottom:15px;
	clear:both;
	text-align:center;
}

div#qrcode img {
	width:220px;
}

#divMessage #message-card {
	max-width: 600px;
	min-height: 250px;
}

#mymails-card, #myworkouts-card, #mydata-card, #myclub-card   {
	min-height: 292px;
}

#myworkouts-card   {
	min-height: 192px;
}

#member-card, #programs-and-certificates {
	height: 600px;
}

#myworkouts-card, #mydiplomas-card {
	min-height: 355px;
}


#dashboard-card, #programs-and-certificates, #member-card {
    float: left;
	width: 290px;
}

#mymails-card, #myclub-card {
	float: left;
	background-color:white;
	width: 529px;
}
#mydata-card {
	float: left;
	background-color:white;
	width: 500px;
}

#myworkouts-card, #mydiplomas-card {
	float: left;
	background-color:white;
	width: 475px;
}


#mymails-grid div.k-grid-header, #mymails-grid div.k-pager-wrap, 
#mylevels-grid div.k-grid-header, #mylevels-grid div.k-pager-wrap, 
#myworkouts-grid div.k-grid-footer, #myworkouts-grid div.k-pager-wrap, #myworkouts-grid div.k-grid-header,
#mydiplomas-grid div.k-grid-footer, #mydiplomas-grid div.k-pager-wrap, #mydiplomas-grid div.k-grid-header, 
#mycertificates-grid div.k-grid-footer, #mycertificates-grid div.k-pager-wrap, #mycertificates-grid div.k-grid-header {
	display:none;
}
#mylevels-card td, #mymails-card td, #myworkouts-card td, #mydiplomas-card td, #mycertificates-card td {
	border: none;
}
#dashboard-card, #mydata-card {
	text-align:center;
}

th {
	vertical-align:top;
}




div.k-block-dashboard {
	padding: 15px;
	margin:5px;
	float: left;
	background-color:white;
}
	
div#levels {
	text-align:center;
}

div.title {
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px 0px 8px;
	font-family: Arial;	
}

div.title:before{
}

#mymails-grid div.title, #myworkouts-grid div.title, #mydiplomas-grid div.title, #mycertificates-grid div.title  {
	color: #27374C;
}

#dashboard-card table.results tr td, #dashboard-card table.results tr th,
#mydata-card table.results tr td, #mydata-card table.results tr th  {
	font-family: arial;
	font-size: 16px;
	font-weight: inherit;
	border-style: none;
	background-color:white;
}

#krav-data  span#level {
    text-align: center;
    font-size: 70px;
}

#dashboard-card #profilepic img {
	max-width:250px;
	max-height:195px;
}

#mylevels-grid td {
	font-size: 19px;
	line-height: 18px;
}

.valid {
	color:green !important;
}

.invalid {
	color:#d84444 !important;
	font-weight:bold !important;
}

.almost-expired {
	color:#d58f10 !important;
	font-weight:bold !important;
}

ul#levels {
	width:100%;
}

li.past, li.future, li.current {
	display:inline;
	list-style-type:none;
	margin-right: 5px;	
	margin-left: 5px;	
    width:50px;
    height:50px;
    line-height:50px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #464646;
    box-shadow: 0 0 3px gray;
	font-size: 20px;
	padding: 13px;
    font-weight:bold;
	
}

ul#levels a, ul#levels a:focus, ul#levels a:hover {
    color: #FFF;
    text-decoration: underline;
}

li.past {
	background-color:#64AA64;
}
li.current {
	background-color: #4A4ADE;
	margin-top: 112px !important;
	float: left;
	width: 70px;
	height: 70px;
	font-size: 34px;
	margin-left: 150px;
	padding-top: 8px;
}

li.future {
	background-color: lightgrey;
}

#divMessage h3#name {
	font-size: 18px;
	margin-left: 0px;
	border-bottom: 1px solid grey;
	padding-bottom: 6px;
}

h3#name {
    font-size: 30px;
    margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 25px;
}

div.intro {
    text-align: center;
    font-size: 18px;
}

#WorkoutEditForm div.fieldscolumn div.text:nth-child(1) {
	width: 800px;
}
#WorkoutEditForm div.fieldscolumn div.text:nth-child(1) input {
	width: 607px;
	z-index: 10;
	position: relative;
}

.k-block-dashboard  {
	margin: 9px !important;
}

#divCountries #paymentsBarChart {
	height:300px;
	margin-left : 300px;
	margin-top : -295px;
}

#divCountries #levelsBarChart {
	
	height:450px;
	width:450px;
	margin-top : 15px;
}

#divCountries #form
 {
	height:300px;
	margin-top:10px;
}

#licences_total span, #seminars_total span {
    color: black;
    font-weight: bold;
}


#divCountries #licences_total {
	margin-top: -285px;
	margin-left: 700px;
	position: absolute;
    font-size: 16px;
}

#divCountries #seminars_total {
	margin-top: -30px;
	margin-left: 220px;
	position: absolute;
	font-size: 16px;
}

#divCountries #PaymentLicenceyears {
    height: 200px;
}

#divCountries #payments-grid, #divCountries #levels-grid {
	display:none;
}

#divCountries #seminars {
    margin-top: -450px;
    margin-left: 465px;
    background-color: white;
	height:450px;
}

#divCountries #seminars #form {
	display:none;
}

#divCountries #seminars .title {
	font-size : 16px;
	color: rgb(142, 142, 142);
	text-transform:none;
	padding: 12px;
	padding-bottom: 2px;	
}

#divAttendanceDetails {
	
	text-align:center;
	width: 360px !important;
	transform-origin: top left;
}

#divAttendanceDetails .fieldscolumn {
	clear: both;
	margin-bottom: 15px;
	width: 100%;
}

#divAttendanceDetails span.cleardate, #divAttendanceDetails span.k-select {
	display:none;
}

div.young {
	font-size: 10px;
	margin-top: -32px;
}

div.dashprofilepic, div#profilepic {
    /* width: auto; */
    height: auto;
    box-shadow: none;
    border: none;
    position: relative;
}

div.dashprofilepic img, div#profilepic img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0px 0px 3px #808080;
    border: 2px solid #F5F5F5;
    background-size: 180px !important;
    background-position: 50% 50% !important;
}

.level-text {
    position: absolute;
    top: 80%;
    right: 4%;
}

.level-text .current {
    /* margin-top: 112px !important; */
    width: 70px;
    height: 70px;
    /* margin-left: 60%; */
    line-height: 40px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color: #f5f5f5;
    background: #4f9bb3;
    box-shadow: 0 0 3px grey;
    font-size: 20px;
    padding: 13px;
    font-weight: bold;
}

div#qrcode img {
    width: 100%;
}

.pd-15 {
    padding: 15px;
}

.pd-25 {
    padding: 25px;
}

.pd-30 {
    padding: 30px;
}

.pd-l-25 {
    padding-left: 25px;
}

.pd-r-25 {
    padding-right: 25px;
}

.mb20 {
    margin-bottom: 20px;
}

.mg-b-35 {
    margin-bottom: 35px;
}

.mg-t-20 {
    margin-bottom: 20px;
}

#dashboard-card, #programs-and-certificates, #member-card {
    float: none;
    width: auto;
}

.gray-border {
	border: 1px solid #eee;
	padding: 15px;
}

#myclub-card .col-md-12, 
#member-card .col-lg-12, 
#member-card .col-lg-10, 
#member-card .col-md-12, 
#social-card .col-md-12, 
#programs-and-certificates .col-lg-12, 
#myworkouts-card .col-lg-12, 
#mydiplomas-card .col-lg-12 {
    /* flex: none !important; */
}

#divMyDashboard {
  /*background-color: #3f2;*/
  max-width: none;
  /* display: flex; */
}

#member-card, #programs-and-certificates, #social-card, #myclub-card,
#programs-and-certificates, #myworkouts-card, #mydiplomas-card {
    width: 100%;
    height: 100%;
    /*float: none;*/
}

#mylevels-grid, #mycertificates-grid {
  width: auto;
}

#mylevels-grid {
  margin: 0 15px;
}

#mylevels-grid .k-grid-content,
#mycertificates-grid .k-grid-content {
    max-height: 138px;
}

#myworkouts-grid, #myworkouts-grid div.k-grid-content, #mydiplomas-grid, #mydiplomas-grid div.k-grid-content {
    height: 403px !important;
    margin-bottom: 15px;
}

#social-card {
	max-height: 1138px;
}



form#AttendanceExportForm label, form#AttendanceExportForm label {
    float: none;
    margin-left: 10px;
}


#AttendanceExportForm div.checkbox, #AttendanceExportForm div.checkbox {
    margin-left: 150px;
}
form#AttendanceExportForm .checkbox, form#AttendanceExportForm .checkbox {
    width: 600px !important;
}

form#AttendanceExportForm .k-datepicker{
    width: 95px !important;
}



#divOpenWorkouts p {
	font-size:20px;
  }
  #divOpenWorkouts h3 {
	color: red;
  }