@import url('https://fonts.googleapis.com/css?family=Aclonica|Armata|Merriweather+Sans:400,700|Sarala:400,700&subset=latin-ext');

//font-family: 'Merriweather Sans', sans-serif;
//font-family: 'Armata', sans-serif;
//font-family: 'Sarala', sans-serif;
//font-family: 'Aclonica', sans-serif;

.myfont{font-size:13px; font-family:'Righteous', cursive;}
p.suslu{font-family:'Righteous', cursive; font-size:12px;}

*{font-size:12px;}

body{
 font-size:13px;
 font-family: 'Sarala', sans-serif;
 background:#336699;
}

@media only screen and (max-width: 440px) {.navbar-brand{font-size:13px;}}
@media only screen and (max-width: 400px) {.navbar-brand{font-size:11px;}}
@media only screen and (max-width: 360px) {.navbar-brand{font-size:10px;}}
@media only screen and (max-width: 330px) {.navbar-brand{font-size:7px;}}

.bg-overlay {
   
}

a.list-group-item{color:#336699;border:1px solid #f2f2f2;}
a.list-group-item:hover{background:#eeeeee;color:#000000;}
a.list-group-item.active{background:#86AED7;color:#000000;}
a.list-group-item.active:hover{background:#dddddd;color:#000000;}
a.list-group-item:active{background:#dddddd;color:#000000;}

a.dropdown-item{color:#336699;}
a.dropdown-item:hover{background:#eeeeee;color:#000000;}
a.dropdown-item.active{background:#86AED7;color:#000000;}
a.dropdown-item.active:hover{background:#dddddd;color:#000000;}
a.dropdown-item:active{background:#dddddd;color:#000000;}


.navbar-dark .navbar-nav .nav-link{color:#ffffff;}
.navbar-dark .navbar-nav .nav-link.active{background:#ffffff;color:#000000}

.container{background:#ffffff;}

.backwhite{background:#ffffff;}

.hvr{
	transition: all 0.1s ease-in;
	}
.hvr:hover{
	box-shadow: 0 4px 8px 0 rgba(122, 122, 122, 0.7), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	transition: all 0.2s ease-in;
	}
	
.hvrfull{
	box-shadow: 0 4px 8px 0 rgba(122, 122, 122, 0.7), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	transition: all 0.2s ease-in;
}
	
.kes{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index:1000;
}


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


h6{text-align: center;background:#669999;padding:5px;color:#ffffff;}



.card__title {
      user-select: none;
      font-size: 16px;
      color: #FFF;
      margin: 0;
      position: absolute;
      left: 0;
      right: 0;
      padding: 5px 10px;
      font-weight: 400;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: all 200ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
      background:rgba(0, 0, 0, 0.5);
      }
      
.mytitle {
      user-select: none;
      font-size: 12px;
      color: #FFF;
      position: absolute;
      left: 5px;
      right: 5px;
      padding: 5px;
      font-weight:700;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      background:rgba(0, 0, 0, 0.5);
      }
      
      
      
      
      .funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}