/* This file is declaration of classes that used widely on the website and have been removed on bootstrap 4 and doesn't have replacement*/
.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee;
}

.hidden {
	display: none!important;
	visibility: hidden!important;
}

.rtl .list-inline-item .language.show {
	display: inline-flex !important;
}

.popover .arrow {
	border: none;
}

.popover {
	font-size: 14px !important;
	font-family: 'Roboto', Arial !important;
}

.radio-inline input[type="radio"] {
	margin-right: 5px;
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
	color: #fff !important;
	background-color: #ec971f !important;
	border-color: #d58512 !important;
}
.btn-group .btn-secondary,
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	background-image: none;
}

.btn-group .btn-secondary:hover,
.btn-group .btn-secondary:focus,
.btn-group .btn-secondary:active,
.btn-group .btn-secondary.active {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-group > .btn {
	margin-right: 0;
}

.rtl .list-inline-item:not(:last-child) {
	margin-left: 0px;
}
.list-inline-item:not(:last-child) {
	margin-right: 0;
}

/**
 * @todo Sort out the css loading order and remove all the below important tags
 */

.form-horizontal label {
	/*text-align: right;*/
}

.datepicker {
	z-index: 9999 !important;
}
.modal-footer {
	display: block ;
	border-top: 0;
	margin: 0 0 25px;
	min-height: 60px
}

.modal-dialog {
	max-width: 600px;
}

/*align to the right usually close butons*/
.rtl .modal-header {
	justify-content: flex-start;
	margin-right: 1px;
}

legend {
	border-bottom: 1px solid #e5e5e5
}

caption {
	caption-side: top;
}

/* Remove the caret icon on languages dropdown */
.language .btn-brand-icon-only::after {
	content: unset;
}

/* Menu fixes */
.info-center > .nav-pills > li > a {
	position: relative;
	padding: 10px 15px;
}

td.info {
	background-color: #d9edf7;
}
/* Panel */
.panel-body {
	padding: 15px;
}

/* Extra Margin & Padding Classes on Pixels */
.ml-15px {
	margin-left: 15px !important;
}
.ml-20px {
	margin-left: 20px !important;
}
.ml-35px {
	margin-left: 35px !important;
}
.ml-40px {
	margin-left: 40px !important;
}
.ml-60px {
	margin-left: 60px !important;
}

.mr-20px {
	margin-right: 20px !important;
}
.mr-60px {
	margin-right: 60px !important;
}

.pl-15px {
	padding-left: 15px !important;
}
.pl-25px {
	padding-left: 25px !important;
}
.pl-30px {
	padding-left: 30px !important;
}
.pl-35px {
	padding-left: 35px !important;
}
.pl-37px {
	padding-left: 37px !important;
}
.pl-50px {
	padding-left: 50px !important;
}
.pl-55px {
	padding-left: 55px !important;
}
.pl-60px {
	padding-left: 60px !important;
}
.pl-70px {
	padding-left: 70px !important;
}
.pl-75px {
	padding-left: 75px !important;
}

.pr-10px {
	padding-right: 10px !important;
}
.pr-15px {
	padding-right: 15px !important;
}
.pr-18px {
	padding-right: 18px !important;
}

.w-95px {
	width: 95px !important;
	max-width: 95px !important;
}
.w-130px {
	width: 130px !important;
	max-width: 130px !important;
}
.w-160px {
	width: 160px !important;
	max-width: 160px !important;
}
#withdrawTitleContainer .col-12,
#withdrawTitleContainer .col-sm-11,
#withdrawTitleContainer .col-md-11{
    float:none;
}
.text-warning {
	color: #58585b !important;
}
/**
 * Set bootstrap 3 breakpoints for container to keep the design on tradezone consistent
 */
@media (max-width: 480px) {
	.info-center > .nav-pills > li > a {
		padding: 10px 7px;
	}
}
@media (min-width: 576px) {
	.pl-sm-25px {
		padding-left: 25px !important;
	}
	.pr-sm-25px {
		padding-right: 25px !important;
	}
	.btn-buy-label,
	.btn-sell-label {
		line-height: 20px;
	}
}
@media (min-width: 768px) {
	.modal-dialog.modal-lg {
		max-width: 800px;
	}
	.form-horizontal .col-form-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: right;
	}
}
@media (min-width: 992px) {
	.modal-dialog {
		/*max-width: 800px;*/
		max-width: 600px;
	}
	.closed-deals div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: flex-end !important;
	}
	.closed-deals .dataTables_wrapper .dataTables_info {
		text-align: left;
	}
}

/* Remove the caret icon on languages dropdown */
.language .btn-brand-icon-only::after {
	content: unset;
}

td.info {
	background-color: #d9edf7;
}

/* Remove the overwrite class for close */
.alert-dismissible .close,
.alert-dismissible .close:hover,
.alert-dismissible .close:focus,
.alert-dismissible .close:active{
	background-color: transparent;
	border: none;
}