@media (min-width: 1201px) {
  .container.members {
    width: 1200px;
  }
}
@media (max-width:1200px){
    .container.members{width: 98%;}
}
@media (max-width:990px){
    .members-table {
        width: 100% !important;
    }
    .search{
        margin-bottom: 10px;
    }
}
#content, #login-holder{
  padding-top: 50px;
}

.container{
    margin-top: 10px;
}
.container.menu{
    margin-top: 0;
}

.waiting-for-angular{
  display: none;
}
#login-holder {
  display: none;
}

.nav-stacked > li > a {
  border-radius: 4px;
}


.nav-stacked:hover{
	cursor: pointer;
}

.members-nav{
	width: 10%;
	padding: 0;
	float: left;
}

.members-table{
	width: 90%;
	padding: 20px 0 0 0;
	float: left;
}

.nav-stacked {
	border-right: 1px solid #eeeeee;
	height: 399px;
	padding-top: 94px;
}

.nav-stacked > li {
 	width: 100%;
}

.nav-stacked > li > a{
	padding: 10px 10px;
}

.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover,
.nav-stacked > li.active > a:focus {
	font-weight: 700;
	color: #000;
	cursor: default;
	background-color: #fff; 
}

.nav-stacked > li > a:hover, 
.nav-stacked > li > a:focus {
	font-weight: 700;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	margin: -1px 0 -1px 0;
}

.nav-stacked > li.active {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 0px solid #dddddd;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
	background-color: #fff;
	cursor: pointer;
	margin-left: 1px;
}

.nav-stacked > li.active > a .caret,
.nav-stacked > li.active > a:hover .caret,
.nav-stacked > li.active > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;

}

.nav-stacked > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff;
}

.nav-stacked > li > a > .badge {
  margin-left: 3px;
}



.nav-stacked > li + li {
	margin-left: 0;
	margin-top: 0;
}


.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[name="passwordOne"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[name="passwordTwo"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*fade efekti hatasını düzenlemek için oluşturulan classlar*/
.modal .fade {
-webkit-transition: opacity .15s linear, top .25s ease-out;
-moz-transition: opacity .15s linear, top .25s ease-out;
-o-transition: opacity .15s linear, top .25s ease-out;
transition: opacity .15s linear, top .25s ease-out;
}

.modal{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: block;
  overflow: auto;
  overflow-y: scroll;
}
.loader{
  text-align: center;
}
.loader img{
	margin-top: 75px;
	width: 5%;
}
#display-range{
	text-align: center;
	font-weight: 700;
	font-size: 25px;
}
.table-size{
	margin: 20px 0;
}

.modal-open{
  overflow:visible;
}

.modal .modal-body {
  overflow-y: auto;
  max-height: 320px;
}

.submitWell {
  background-color: #f8f8f8;
  position: relative;
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  vertical-align: middle;
}

.errorWell {
  background-color: rgba(199, 0, 0, 0.7);
  position: relative;
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 5px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  vertical-align: middle;
}

.wellButtons{
  margin-top: 7px;
}

.custom-enter,
.custom-leave,
.custom-move {
  -webkit-transition:all cubic-bezier(0.250, 0.100, 0.250, 1.000) 300ms;
  -moz-transition:all cubic-bezier(0.250, 0.100, 0.250, 1.000) 300ms;
  -o-transition:all cubic-bezier(0.250, 0.100, 0.250, 1.000) 300ms;
  transition:all cubic-bezier(0.250, 0.100, 0.250, 1.000) 300ms;
  position: relative;

}

.custom-enter {
  opacity:0;
  left:50px;
}
.custom-enter.custom-enter-active {
  left:0;
  opacity:1;
}

.custom-leave {
  left:0;
  opacity:1;
}
.custom-leave.custom-leave-active {
  opacity:0;
  left:-50px;
}

.custom-move {
  opacity:0.5;
}
.custom-move.custom-move-active {
  opacity:1;
}

.validationArea .ng-dirty.ng-valid {
  background-color: rgba(0, 186, 0, 0.7);
}

.validationArea .ng-dirty.ng-invalid {
  background-color: rgba(229, 41, 44, 0.7);
}

.nav-tabs > li:hover{
  cursor: pointer;
}
.table-hover:hover{
  cursor: pointer;
}
.printable{
  display: none;
}
.btn-space{
  margin-top: 10px;
}

#exportable{
  display: none;
}
.panel-heading{
    cursor: pointer;
}
@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
    }

    @page { 
    size: auto;
    margin: 10mm;  
    } 
    a,
    a:visited {
      text-decoration: underline;
    }
    a[href]:after {
      content: " (" attr(href) ")";
    }

    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
      content: "";
    }
    #page {
      width: 100%;
      margin: 0; padding: 0;
      background: none;
    }
    .not-printable{
      display: none;
        visibility: hidden;
    }
    .printable{
      display: block;
        visibility: visible;
    }
    .memberPrintArea{
        page-break-inside: avoid;
        width: 90%;
        float: left;
        margin-right: 4px;
        margin-bottom: 3px;
      }
      .card{

      }
    .memberCardFront{
        width: 49%;
        float: left;
        border-color: black;
        font-family: 'Economica', sans-serif;
        font-weight: 700;
        font-size: 15px;
        border-style: solid;
        border-width: 2px;
        margin-left: 2px;
        margin-top: 2px;
        padding-left: 2px;
        padding-bottom: 11px;
    }
    .memberCardBack{
      width: 49%;
      border-color: black;
     
      margin-top: 2px;
      border-style: solid;
      border-width: 2px;

      /* Internet Explorer 10 */
      display:-ms-flexbox;
      -ms-flex-pack:center;
      -ms-flex-align:center;

      /* Firefox */
      display:-moz-box;
      -moz-box-pack:center;
      -moz-box-align:center;

      /* Safari, Chrome, and Opera */
      display:-webkit-box;
      -webkit-box-pack:center;
      -webkit-box-align:center;

      /* W3C */
      display: box;
      box-pack:center;
      box-align:center;

    }
    .memberCardBack img {
        max-height: 166px;
    }

    .memberCardFront img{
      width: 178px;

      float: left;
      margin: 1px 0 0 1px;
    }

    .memberCardFront p {
      margin: 0;
    }

    .cardRight{
      float: left;
    }
    .cardLeft{
      float: left;
      width: 100%;
    }
    .cardLeft:first-child{
      margin-top: 2px;
    }
    
    .stamp{
      position: fixed;
      margin-top: 65px;
      margin-left: 150px;
    }

    .memberPrint p {
      margin: 0;
    }
}

.lok input[type="text"]:first-of-type{
	float: left;
	width: 65%;
	margin-right: 5%;
}
.lok input[type="text"]:last-of-type{
	float: left;
	width: 30%;
}

.closed {
    display: none;
}
.loader {
    position: relative;
    margin: 0px auto;
    width: 100px;
    height: 115px;
    zoom: 1.7;
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100px;
    position: relative;
    width: 100px;
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

.training-stats{
	margin-top: 10px;
}
.training-stats span{
	padding-right: 25px;
}
.

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}
@-webkit-keyframes color {
    100%, 0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%, 90% {
        stroke: #ffa700;
    }
}
@keyframes color {
    100%, 0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%, 90% {
        stroke: #ffa700;
    }
}