/* Author: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Header button states - text colors */
.navbar-menus > div > button:focus {
  color: #666; }

.navbar-menus > div > button:hover {
  color: #333; }

/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/

.bootbox-body {
	font-weight: bold;
}

.tab-content button {
	padding: .3em .7em .4em;
  	font-size: 84%;
  	font-weight: 600;
  	line-height: 13px;
}

.bootbox > .modal-dialog {
	position: absolute;
    top: 50%;
    height: 240px;
    margin-top: -120px;
    left: 50%;
    margin-left: -270px;
}

.admin table thead th {
	font-size: 11px;
	text-align: center;
}

table thead tr {
	font-weight: 600;
}

.admin table tbody {
	font-size: 11px;
	text-align: center;
}

#formModalSlot > .modal-dialog , #formModalRegSlot > .modal-dialog , #formModalModifySlot > .modal-dialog , #formModalDsp > .modal-dialog {
	width: 1000px;
}

#formModalSlot > .modal-dialog.operator, #formModalSlot > .modal-dialog.user {
	width: 700px;
}

#formModalMedia > .modal-dialog , #formModal > .modal-dialog , #formModalSspUser > .modal-dialog , #formModalNotice > .modal-dialog , #formModalTransferUser > .modal-dialog , #formModalViewAppAds > .modal-dialog {
	width: 900px;
}

#formModalMedia > .modal-dialog.operator , #formModalMedia > .modal-dialog.user {
	width: 600px;
}

.modal-dialog.operator .modal-body, .modal-dialog.user .modal-body {
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 992px) {
	#formModalSlot > .modal-dialog, 
	#formModalSlot > .modal-dialog.user,
	#formModalSlot > .modal-dialog.operator,
	#formModalRegSlot > .modal-dialog,
	#formModalModifySlot > .modal-dialog, #formModalDsp > .modal-dialog,
	#formModalMedia > .modal-dialog,
	#formModalMedia > .modal-dialog.user,
	#formModalMedia > .modal-dialog.operator,
	#formModal > .modal-dialog,
	#formModalSspUser > .modal-dialog,
	#formModalNotice > .modal-dialog,
	#formModalTransferUser > .modal-dialog,
	#formModalViewAppAds > .modal-dialog {
		width: 95%;
	}

	.mb-small-1 {
		margin-bottom: 0.375rem !important;
	}
	.mb-small-2 {
		margin-bottom: 0.75rem !important;
	}
	.mb-small-3 {
		margin-bottom: 1.5rem !important;
	}
	
	.ml-small-1 {
		margin-left: 0.375rem !important;
	}
}

div[id^='modalNotice_'] {
	opacity: 100%;
}

div[id^='modalNotice_'] > .modal-dialog {
	width: 800px;
}

.modal-body {
	max-height: 80vh;
	overflow: auto;
}

.footer {
	width: 100%;
	height: 40px;
  	min-height: 40px;
  	max-height: 40px;
  	margin: 0;
  	font-size: 11px;
  	color: #999;
  	background: #FFF;
  	border-top: 1px solid #DDD;
  	vertical-align: middle;
	text-align: center;
	display: table;
}

.copyright {
	padding-top: 9px;
	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
}

input[type=number] {
	font-size:11px;
}

.admin table tbody td {
	padding-left: 5px;
	padding-right: 5px;
}

.tar {
	text-align: right;
}

form[id=frmSearch] span {
	font-size: 12px;
	font-weight: 600;
}

form span {
	font-size: 12px;
	font-weight: 600;
}

table {
	table-layout: fixed;
	overflow:hidden;
	word-wrap:break-word;
}

.dataTable {
	table-layout: auto;
	overflow:hidden;
	word-wrap:break-word;
	white-space: nowrap;
}

#sidebar_left {
	overflow: auto;
	padding-bottom: 103px;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.modal-title {
	font-size: 12px; 
}

table {
	width: 100%;
}

.form-horizontal .form-half-group {
	margin-left: 0px;
	margin-right: 0px;
}

.content-fixed {
	z-index: 1033;
	position: fixed;
	padding-right: 20px;
}

.content-fixed-first {
	padding-top: 120px;
}

.content-search {
	background-color: white;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 15px;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
	height: 5px;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #BDBDBD;
}

.panel-revenue {
	font-size: 30pt;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 900;
}

.report-table table thead th {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1;
	vertical-align: middle;
	border: 1px solid #ddd !important;
}

.report-table table tbody td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1;
	vertical-align: middle;
}

.border-dot-top {
	border-top: 1px dotted #ddd !important
}

.rate-font-color {
	color: #a8acad;
}

.navbar { background-color:rgb(255, 255, 255);background-image:none; } 
#toggle_sidemenu_l { color:rgb(255,90,77); }
.login-page { background-color:white; }
.text-carrot { color: #ff5a4d !important; }
.bg-carrot { background-color: #ff5a4d !important; }
.text-sky { color: #357ebd; }
.bg-sky { background-color: #357ebd !important; }

@media (min-width: 320px) and (max-width: 550px) 
{
	.login-page .panel-bg {
	    padding: 12px;
	    width: 350px;
	    margin: 0 auto;
	    background: rgba(255, 255, 255, 0.4);
	    box-shadow: 0px 0 1px rgba(255, 255, 255, 0.8) inset;
	}
}

input[type=password] {
	font-family: 'Open Sans',Helvetica, Arial, sans-serif;
}

.no-padding-lr {
	padding-left: 0;
	padding-right: 0;
}

.flexible-table {
	table-layout: auto;
	white-space: nowrap;
}

.flexible-table table {
	white-space: normal;
}

@media (max-width: 767px) {
	.dt-panelmenu {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.dataTables_length {
		display: block;
	}
	.dataTables_filter label input {
		width: 150px;
	}
	a.slim-padding-lr{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.bootbox > .modal-dialog {
		right: 0;
		left: 0;
		margin-right: 10px;
		margin-left: 10px;
		padding-right: 10px;
		padding-left: 10px;
	}
}

.dt-panelmenu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dt-panelmenu label {
	margin-bottom: 0;
}

.spinner {
	position: fixed;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	z-index: 9999;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 9998;
}

.appads {
	border: 1px solid #DDD; 
	padding: 5px 10px 5px 10px; 
	word-wrap: break-word; 
	white-space: pre-wrap; 
	line-height: 20px
}

.bootbox.appads-alert > .modal-dialog {
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 200px;
	left: 0;
	top: 0;
}

.d-flex {
	display: flex !important;
}

.is-invalid {
	border-color: #f0643b !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f0643b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f0643b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
	padding-right: calc(1.5em + 0.9rem);
	background-repeat: no-repeat;
	background-position: center right calc(0.375em + 0.1875rem);
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.td-nested-top {
	padding:0 0 3px 0 !important;
}
.td-nested-bottom {
	padding:3px 0 0  0 !important;
}

.table > tbody > tr > td {
	vertical-align: middle !important;
}

.label {
	font-size:10px;
}

.mr-1 {
	margin-right:.375rem!important
}
.mr-2 {
	margin-right:.75rem!important
}

.p-4 {
	padding:2.25rem!important
}

.text-align-right {
	text-align: right!important;
}

.tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

.text-box {
  border: 1px solid #ddd;
  padding: 10px;
  overflow-y: auto;
  background-color: #f9f9f9;
  border-radius: 5px;
}

.bootbox .modal-footer {
  text-align: center;
}

.btn-rounded {
  border-radius: 2em;
}
.btn-outline-adp {
  color: #4797cf;
  border-color: #4797cf;
  background-color:transparent;
}
.btn-outline-adp:hover {
  color: #fff;
  background-color: #4797cf;
  border-color: #4797cf;
}
.btn-outline-info {
  color: #5bc0de;
  border-color: #5bc0de;
  background-color:transparent;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}