/*================================================================================
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* 
	main border color #e2e2e2
	background #fff
 */


th, td {
	border-bottom:1px solid #e2e2e2 !important;
	border-left:1px solid #e2e2e2 !important;
}

table {
	border:1px solid #e2e2e2 !important;
}

table input {
	width:100%;
	height:35px;
	line-height: 35px;
	border:1px solid #e2e2e2;
	border-radius: 5px;
	padding-left:15px;
	background-color: #ffffff !important;
}

.card-dashboard .card {
	margin-bottom:20px !important;
}

.card-title {
	margin-bottom:0 !important;
}

#tableSiteForm_wrapper .dt-buttons {
	float:right;
	margin-bottom:20px;
}

.table-card {
	background-color:#ffffff !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
	content:" ";
}

.login-logo img {
	width:290px;
}

.dt-buttons button {
	border:1px solid;
}

.dt-buttons button:last-child {
	border:0;
}

.justify-content-end {
	text-align:right;
}

.modal .card {
	box-shadow:none !important;
}

.modal .modal-header {
	background-color:#ffffff !important;
	height:35px;
}

.modal .close {
	margin-top: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
    border-radius: 100% !important;
    padding: 5px;
    font-size: 10px;
    width: 30px;
    height: 30px;
	line-height: 10px;
	top: -32px;
}

.modal .close  .fa {
	font-size:18px;
}

.modal .close  span {
	height:1px;
}

.modal .card .card-body {
	padding:10px 30px;
}

.login-form input {
	padding-left:15px !important;
}

.btn-primary {
	background-color:#c21f24 !important;
}

.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item {
	width:100%;
}



.waves-button-input {
	width:initial !important;
	border:0 !important;
	height:auto !important;
	padding: 0 !important;
    border-radius: 5px !important;
    border: 1px solid #e2e2e2 !important;
}


#myFile {
	width:100% !important;
}
.btn.waves-input-wrapper {
	border:0 !important;
	display:block !important;
}

.modal textarea {
	width:100% !important;
}

th:first-child {
	width:37px !important;   
}

#files {
	padding-left:0 !important;
}

.inputfile {
	width:100 !important;
}

.file-upload-remove-button {
	position: absolute;
    right: 29px;
    top: 47px;
    text-align: center;
    padding: 0;
    width: 47px !important;
    height: 47px !important;
    line-height: 47px !important;
}

.btn.standard-button {
	width:40px;
}



#siteContentDiv .inner-div-1,
#siteMenuDiv .inner-div-1 {
	position: absolute;
	right:42px;
	top:30px;
}

#siteContentDiv .inner-div-2 {
	width:94%;
	margin-top:40px;
}

#siteContentDiv .card-header {
	font-weight: 700;
	padding-left:47px;
	font-size:17px;
}

.header-navbar-shadow {
	background-color:transparent;
	background:none;
}

.row-content {
	position: fixed;
    top: 0;
    width: 100vw;
    background: #ffffff;
    z-index: 999999;
    left: 0;
    height: 60px;
    display: flex;
    justify-content: space-between;
	align-items:center;
	margin:0 !important;
	padding:0 40px;
}

.row-content .badge {
	height: 35px;
    line-height: 35px;
    padding: 0 15px;
}

#contentDigerGorseller,
#bottom-thumb {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#siteContentDiv .table-responsive {
	margin-top:15px !important;
}

#siteAyarDiv .inner-div-1 {
	display:flex;
	justify-content: space-around !important;
	flex-wrap:wrap;
	width:100%;
}

.button-approve {
	float:right;
	width:140px;
}
#siteContentDiv .app-content {
	margin-left:0 !important;
	margin-right:0 !important;
}

#siteAyarDiv img {
	width:100% !important;
}

.alert-success .alert-heading {
	box-shadow: none;
	margin-bottom:0;
	padding-bottom:0;
}

.in-td-wrapper  span {
	color:#28C76F;
}

#onayMessage {
	text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.paginate-pagination {
	display:flex !important;
	margin-top:30px !important;
}

@media only screen and (max-width: 767px) {
	#siteContentDiv {
		position: relative;
		overflow: scroll !important;
	}
	#icerikModal .card-body {
		overflow: scroll !important;
	}

.main-menu .navbar-header {
	padding-left:0;
	width:60%;
}

	.row-content {
		flex-direction: row;
		height:80px;
		padding:0 5px;
	}

	#siteAyarDiv .ml-1 {
		flex-direction: column !important;

	}

	#siteContentDiv .table-responsive h5 {
		margin-left:15px;
	}

	#siteContentDiv .inner-div-1, #siteMenuDiv .inner-div-1 {
		right:10px;
		top:10px;
	}

	#siteAyarDiv .ml-1 div {
		margin-bottom:10px;
	}

	.row-content .badge {
		background-color: transparent;
		padding:0;
		color:#000000;
		line-height: 22px;
		height:initial;
	}

	#siteAyarDiv .ml-1 {
		margin-left:0 !important;
	}

	.row-content .card-title span {
		margin-left: 5px;
    	font-size: 11px;
	}
  }

  table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	content: "\2191" !important;
	margin-left:5px;
	margin-top:-5px;
  }

  table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	content: "\2193" !important;
	margin-left:5px;
	margin-top:0;
  }

  .pagination .page-item.prev .page-link:before, .pagination .page-item.previous .page-link:before {
	content:"\f053" !important;
	font-family: "fontawesome" !important;
	margin-right:3px;
  }

  .pagination .page-item.next .page-link:after {
	content:"\f054" !important;
	font-family: "fontawesome" !important;
	margin-left:3px;
  }

  #modalUsers button {
	margin-right:15px;
  }

  .menu-close {
	  width:40px;
	  height:40px;
	  position: absolute;
	  right:10px;
	  top:10px;
  }


  .menu-close img {
	  width:40px;
	  height:auto;
	  opacity: 0.7;
	display:none;
  }

  .menu-open {
	display:none;
} 

.site-modal button:not(.close) {
	width:100% !important;
}


#modalContentUp .card-body {
	overflow: scroll;
}

#icerikModal .card-body {
	padding-left:0 !important;
	padding-right:0 !important;
}

#siteContentDiv,
#siteAyarDiv {
	overflow: scroll !important;
}

  

  @media only screen and (max-width: 992px) {

	.menu-open {
		position: absolute;
		left:20px;
		z-index:9999999999999;
		display:block;
	}

	#tableRaporContent_wrapper {
		margin-top:30px;
	}

	#dateFilter,
	#dateFilter2 {
		position: absolute;
		top: -10px !important;
		width: 100%;
		left: 0;
	}
	.menu-open img {
		width:40px;
		height:auto;
		opacity: 0.7;
		display:block;
	}	
	.menu-close img {
		width:40px;
		height:auto;
		opacity: 0.7;
	  	display:block;
	}
	
  }