body {
    background-color: #eee6e6 !important;
}


[x-cloak] { display: none; }


.kutu {
    background-color: rgb(255, 255, 255);
    border-radius: 8px !important;
    box-shadow: rgba(19, 19, 19, 0.08) 0px 2px 4px 0px, rgba(19, 19, 19, 0.12) 0px 2px 5px 0.5px !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    margin: 0px;
    padding: 30px 20px !important;
    text-align: center !important;
    width: 224px;
    will-change: transform, opacity !important;
    transition: transform 0.4s ease-in 0s, opacity 0.4s ease-in 0s !important;
    opacity: 1 !important;
    transform: scale(1.0001) !important;
}

.kutu-2 {
    padding: 18px 25px 25px !important;
    border: .5px solid rgba(100,146,253,0.2) !important;
    box-shadow: 0px 11px 30px rgba(154,161,177,0.2) !important;
    border-radius: 9px !important;
    background-color: rgba(255,255,255,1.0) !important;
    flex-grow: 1 !important;
    flex-basis: 300px !important;
}

.kutu-3 {
	height:300px !important;
	width:400px !important;
	background-size: contain !important;
	background-image: url('/background/red.png') !important;
    padding: 18px 25px 25px !important;
    border: .5px solid rgba(100,146,253,0.2) !important;
    box-shadow: 0px 11px 30px rgba(154,161,177,0.2) !important;
    border-radius: 9px !important;
    background-color: rgba(255,255,255,1.0) !important;
    flex-grow: 1 !important;
    flex-basis: 300px !important;
}


.kutu-5 {
    margin-top:3rem;
    padding: 18px 25px 25px !important;
    border: .5px solid rgba(100,146,253,0.2) !important;
    box-shadow: 0px 11px 30px rgba(154,161,177,0.2) !important;
    border-radius: 2px !important;
    background-color: rgba(255,255,255,.4) !important;
}


.top-menu {
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.12) !important;
    z-index: 1250;
    border:0 !important;
}


i.popup {
    cursor:pointer;
    float:right !important;
    font-size:18px !important;
    color: #111;
}

button.submit1 {
    border-radius: 100px !important;
    margin-top:2rem!important;
    margin-bottom:1rem!important;
}

.ui[class*="right labeled"].icon.button {
     padding-left: 3.5em!important;
     padding-right: 5em!important;
}

.footer1 {
    background-color: #111;
    margin-top: 5rem;
    padding: 3rem 0;
  }
  
  .footer1 .content a {
    color: #fff;
    text-decoration: none;
  }
  
  .footer1 .content a:hover {
    text-decoration: underline;
  }
  
  .footer1 .ui.header i {
    color: #fff;
  }
  
  .footer1 .content {
    font-size: 1.1rem;
    text-align: center; /* İçeriği ortalamak için */
  }
  

.float-phone {
	position:fixed;
    padding: 10px 0 0 4px;
	width:40px;
	height:40px;
	bottom:100px;
	right:30px;
	background-color:#e40013;
	color:#FFF;
	border-radius:40px;
	text-align:center;
    font-size:20px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
    margin-top:16px;
}

.float-phone:hover, .float-whatsapp:hover {
    color:#000;
}

.float-whatsapp{
	position:fixed;
    padding: 7px 0 0 5px;
	width:40px;
	height:40px;
	bottom:40px;
	right:30px;
	background-color:#25d366;
	color:#FFF;
	border-radius:40px;
	text-align:center;
    font-size:26px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
    margin-top:16px;
}


#dt_gemi_table {
    width:100% !important;
}

#dt_gemi_table tr:hover td {
    background-color: aliceblue !important;
}

#dt_gemi_table td, th {
    cursor: pointer !important;
}

#dt_gemi_table td, th {
    cursor: pointer !important;
}

#dt_gemi_table_info {
    font-size:smaller !important;
    padding-top:2px !important;
}

#dt_gemi_table_info span.total {
    color:#96c8da !important;
    font-weight: 700 !important;
}

#dt_gemi_table_info {
    font-weight: none !important;
    font-size:13px !important;
}

#dt_gemi_table_length {
    font-size:12px !important;
    font-weight: normal;
}

#dt_gemi_table_paginate {
    margin-top:1rem !important;
}


.b1 {
    background-color:#004990 !important;
    color:#fff !important;
}


.b1:hover {
    background-color:#007bff !important;
    color:#fff !important;
}


.mobile-menu item.active {
    background-color: none !important;
}

.card_login {
    width: 320px !important;
}