.has-error .form-control{
	border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.has-error .help-block{
	padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.radiobox label{
	margin-right:15px;
	font-weight:normal;
}

.radiobox label:not(.form-check-label):not(.custom-file-label){
	font-weight:normal;
	border: 1px solid #343a40;
	padding: 7px;
	border-radius: 6px;
	color: #000;
}

.radiobox input[type=radio]:checked {
/* Or `#a1:checked+label` if you only want it for that input */
    background-color: red;
}

.margin-15{
	margin-bottom:15px;
	margin-top:15px;
}

.container-tabs table{
	margin-top:15px;
}

.pagination{
	list-style-type:none;
}

.pagination li a {
    background: #fff;
    border-radius: 5px;
    padding: 5px 11px;
    display: block;
    margin-top: 13px;
    margin-right: 7px;
    color: #000;
    border: 1px solid #ccc;
}

.pagination > li > span {
    position: relative;
    float: left;
    padding: 0;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000 !important;
    text-decoration: none;
    background: transparent !important;
    border: 0 !important;
}

.pagination .disabled{
	background: #fff;
	padding: 5px 11px;
	display: block;
	margin-top: 13px;
	margin-right: 7px;
	color: #000;
	cursor:no-drop;
}

.pagination .active a {
    background: #343a40 !important;
    color: #fff !important;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: rgb(174 153 153 / 10%);
    color: #ffffff;
}

.osInstalling h2{
	font-size:15px;
	text-align:center;
	display:block;
	line-height: 35px;
}

.osInstalling .percentp{
	font-size:35px;
	display: block;
	text-align: center;
	margin-top: 20px;
}

.osInstalling .icon{
	font-size:45px;
	display: block;
	text-align: center;
	margin-top: 20px;
}

.osInstalling .vpsinfo{
	margin-top:15px;
	display: block;
	text-align:center;
}

.osInstalling .tamamlandi{
	color: #216a00 !important;
}
.osInstalling .nav-link{
	color: #f00;
}

.pink-text{
	color:#cc1a86;
}
.green-icon{
	color: #14731e;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: block;     /* undo display:none          */
height: 0;          /* height:0 is also invisible */ 
overflow-y: hidden; /* no-overflow                */
overflow-x: hidden; /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
height: auto;       /* let the content decide it  */
} 


.margin-top-15{
	margin-top:15px;
}


.brand-link img{
	width: 190px;
}

.nav-sidebar {
    position: relative;
    margin-top: 28px;
}

.navbar-light .navbar-nav .nav-link.active
{
	background: #007bff;
	color: #fff;
	border-radius: 5px;
}

.callout .btn{
	color: #fff !important;
	text-decoration:none;
}

.btn-default{
	background-color: #fff;
}

.navbar-dark .navbar-brand img{
	width: auto;
	height: 36px;
}