#teklifAl b {
	color:white !important;
	font-weight: bold !important;
}
.one-cell {
	cursor:pointer;
}
.nice-number{
  display:inline-flex;
  justify-content:stretch}
  .nice-number input{
    vertical-align:middle;
    -moz-appearance:textfield;
    box-sizing:content-box;
    margin:0;
    text-align:center}
    .modal-backdrop{
      position: inherit;
    }
    .nice-number input::-webkit-inner-spin-button,.nice-number input::-webkit-outer-spin-button{
      -webkit-appearance:none;
      margin:0}
      .float_center {
        float: right;
        position: relative;
        left: -50%;
        /* or right 50% */
        text-align: left;
      }
      .float_center > .child {
        position: relative;
        left: 50%;
      }
      ul {
        list-style-type: none;
        margin:0;
        padding:0px 0;
      }
       li {
        display:inline-block;
        list-style-type: none;
        margin: 0 6px;
      }
      .btn:active {
        transform: translate(0px, 5px);
        -webkit-transform: translate(0px, 5px);
        box-shadow: 0px 1px 0px 0px;
      }
      .btn{
       color:white;
     }
     .blue {
      background-color: #55acee;
      box-shadow: 0px 5px 0px 0px #3C93D5;
    }

    .blue:hover {
      background-color: #6FC6FF;
    }

    .green {
      background-color: #2ecc71;
      box-shadow: 0px 5px 0px 0px #15B358;
    }

    .green:hover {
      background-color: #48E68B;
    }

    .red {
      background-color: #e74c3c;
      box-shadow: 0px 5px 0px 0px #CE3323;
    }

    .red:hover {
      background-color: #FF6656;
    }

    .purple {
      background-color: #9b59b6;
      box-shadow: 0px 5px 0px 0px #82409D;
    }

    .purple:hover {
      background-color: #B573D0;
    }

    .orange {
      background-color: #e67e22;
      box-shadow: 0px 5px 0px 0px #CD6509;
    }

    .orange:hover {
      background-color: #FF983C;
    }

    .yellow {
      background-color: #f1c40f;
      box-shadow: 0px 5px 0px 0px #D8AB00;
    }

    .yellow:hover {
      background-color: #FFDE29;
    }

    /* copyright stuffs.. */
    p {
      text-align: center;
      color: #55acee;
      padding-top: 20px;
    }

    .sonuc{
      background-color: green;
      border-radius: 5px;
      color: white;
      display: inline-block;
      font-size: 20px;
      font-weight: 700;
      padding: 4px 10px;
      text-shadow: 1px 2px 0 rgba(0,0,0,.3);
      z-index: 10;
      position: relative;
    }
    @media only screen and (max-width: 600px) {
      .sonuc {
        left: -1%;
      }
    }
.red{
    color:red;
    }

    .input-group-addon{
      background-color: limegreen;
      color: white;
    }
    .btn-hover {
      width: 200px;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      cursor: pointer;
      margin: 20px;
      height: 55px;
      text-align:center;
      border: none;
      background-size: 300% 100%;

      border-radius: 50px;
      moz-transition: all .4s ease-in-out;
      -o-transition: all .4s ease-in-out;
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
    }

    .btn-hover:hover {
      background-position: 100% 0;
      moz-transition: all .4s ease-in-out;
      -o-transition: all .4s ease-in-out;
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
    }

    .btn-hover:focus {
      outline: none;
    }

    .btn-hover.color-1 {
      background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
      box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
    }
    .btn-hover.color-11 {
     background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
   }
   @media only screen and (max-width: 600px) {
    .tablorespon {
      overflow-x: auto;
      width: 100%;
      margin-bottom: 10px;
    }
    .mainbox{
      width: 100%;
    }
  }

  h1{
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    text-align: left;
    margin-bottom: 15px;
  }
  table{
    width:100%;
    table-layout: fixed;
  }
  .tbl-header{
    background-color: rgba(255,255,255,0.3);
  }
  .tbl-content{
    height:300px;
    overflow-x:auto;
    margin-top: 0px;
    border: 1px solid rgba(255,255,255,0.3);
  }
  th{
    padding: 20px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 1.8rem;
    
    text-transform: capitalize;
    border-width: 0px;
  }
  td{
    padding: 5px;
    text-align: center;
    vertical-align:middle;
    font-weight: 300;
    font-size: 12px;
    border-bottom: solid 1px rgba(255,255,255,0.1);
    border-width: 0px;
    
  }


  /* demo styles */

  @import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,700);
  body{
    
  }



  /* follow me template */
  .made-with-love {
    margin-top: 40px;
    padding: 10px;
    clear: left;
    text-align: center;
    font-size: 10px;
    font-family: arial;
    color: #fff;
  }
  .made-with-love i {
    font-style: normal;
    color: #F50057;
    font-size: 14px;
    position: relative;
    top: 2px;
  }
  .made-with-love a {
    color: #fff;
    text-decoration: none;
  }
  .made-with-love a:hover {
    text-decoration: underline;
  }


  /* for custom scrollbar for webkit browser*/

  .tablorespon{
    width: 100%;
  }

  #scrolltable { margin-top: 20px; height: 200px; overflow: auto;width: max-content; }
  #scrolltable table { border-collapse: collapse; }
  #scrolltable tr:nth-child(even) { background: #EEE; }
  #scrolltable th div { position: absolute; margin-top: -20px; }
  @media only screen and (max-width: 600px) {
    .tablorespon {
      overflow-x: auto;
      width: 100%;
      margin-bottom: 10px;
      
    }
    .ttable{
      width: auto;
    }

  }
.contact-form{
    background: #ededed;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 70%;
	border-radius:15px 15px;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}