body{
	font-size:14px;
}

.container-fluid{
	max-width:1600px;
}

.state {
    margin-left: 2px;
	width:70px;
}
.country {
    margin-left: 2px;
	width:140px;
}

.country, .state {
	display:inline-block;
	float:left;
	height:25px;
    font-size: 13px;
    padding:0.15rem 0.15rem;
    margin-bottom: 3px;
    overflow: hidden;
	text-overflow:ellipsis;
    cursor: pointer;
    border-radius: 2px;
	white-space:nowrap;
}
.inner-country{
	overflow:hidden;
}

.country:hover, .state:hover,
.country:active, .state:active {
    background: #0d6efd;
    color: #ffffff;
}

.countries .nav-link {
    text-align: left;
    font-size:13px;
    padding:0.25rem 0.45rem;
}
.nav-link>span{
			font-style:italic;
			font-size:0.9em;
			float:right;
			margin-left:4px;
		}

.bi-brightness-high-fill{
	color: #ffc107;
}

.bi-moon-stars-fill{
	color: #007bff;
}

.countries  {
	border-radius: 4px;
	/*box-shadow: inset -15px 0px 15px 15px #fafafa;*/
}


.form-control{
    font-size: 0.8rem;
}
.filter-non-empty{
	border:1px solid #0d6efd;
}
table.items{
	
}

tbody, td, tfoot, th, thead, tr {
    border-color: rgba(125,125,125,0.2);
}

.items>tbody>tr>td,
.items>thead>tr>th,
.items>thead>tr>td {
 max-width:240px;
 letter-spacing:.01em;
 padding-top:9px;
 padding:5px;
 padding-left: 4px !important;
 padding-right:3px;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}
.items a{
	text-decoration:none;
}

.items>thead{
	background: rgba(125,125,125,0.15);
	font-size: 11px;
}
.items>tbody{
	border-top:0 !important;
	font-size:13px;
}


.items>tbody>tr>td>div{
  width:100%;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

.row-selected{
	background: rgba(125,125,125,0.15) !important;
	/*box-shadow: inset 0px 0px 5px 5px rgba(25,25,25,0.15);*/
}

.socks-type {
 display:block;
 width:160px;
 height:20px;
 font-size:12px;
 font-style: italic;
}

.btn-sm-cart{
	padding: 0.3rem 0.3rem;
    font-size: 14px;
    margin: 0;
    line-height: 0.1;
    margin-top: -3px;
    margin-bottom: -3px;
    float: right;
}

.cart-row{
	padding: 0.1rem 0.1rem;
	border-bottom: 1px solid rgba(125,125,125,0.2);
}

.cart-result{
	padding: 0.2rem;
	margin: 0.2rem;
}

.view-cart-button{
	display: none;
}
.apply-button{
	display: block;
}

.type-windows:before {
 content: "MOB/ISP";
}
.type-router:before {
 content: "ISP";
}
.type-linux:before {
 content: "DCH";
}
.type-lte:before {
 content: "LTE";
}

.flag{
	display: inline-block;
	float: left;
	margin-right:5px;
	/*border:1px solid #ffffff;
	box-shadow: 0px 0px 2px #ffffff;*/
	border-radius:2px;
}

.flag-text{
	float:none;
	margin-bottom: -2px;
	margin-right:2px;
}

.block-data{
	padding:10px;
	background: #f0f0f0;
	border-radius:3px;
	box-shadow: 0px 0px 5px 7px #ffffff;
	margin-bottom:10px;
}

#socks-history p{
	padding-left:3px;
	margin-bottom:5px;
}
.copy{
	cursor:pointer;
	white-space:nowrap;
	word-break: break-word;
}

.copy:hover, .copy:active
{
	opacity: 0.9;
}

.timeout-bar{
	width: 100%; 
	height: 1px; 
	background: #EEEEEE; 
	overflow: hidden; 
	margin-bottom: -2px; 
	margin-top: -2px;
}

.timeout-bar div{
	background: #13c271; 
	height: 1px;
}


.history-copy:hover, 
.history-copy:active
{
	background: #dddddd;
	cursor:pointer;
}


.navbar{
	padding-bottom:0;
	padding-top:0;
	justify-content: space-between;
}
.nav-link.active{
	border-bottom: 2px solid #0d6efd;
}
.nav-link {
	padding: 1rem 1rem;
}

.navbar-brand{
	font-style: italic;
	font-weight:800;
	font-size:1.3rem;
	opacity: 100;
	display: inline-block;
	padding-left:5px;
}

.date{
	font-size: 0.8em;
	color: #BBBBBB;
	text-align:right;
}


.navbar-menu{
	display: inline-block;
}

.navbar-text{
	padding-left:5px;
}

.navbar-brand::after {
	  
	}
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
#toggler{
	border:0;
}

.card{
	padding:0px;
	padding-bottom:.5rem;
}
.card-body{
	padding:0;
}
.card-ticket{
	border:0;
	border-radius:0;
	border-bottom:1px solid rgba(0,0,0,.125);
	margin-bottom:10px;
	margin-top:10px;
	padding-bottom:10px;
	padding-top: 10px;
}

.text-bg-danger{
	color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.ticket-date{
	color:#777777;
	white-space:nowrap;
	font-size:12px;
}

.blacklist{
	color:#ff0000;
	margin-left:-10px;
}

h4.payments span, h4.payments a{
	display:inline-block;
	margin-right:30px;
}

.btc-alert{
	display:inline-block;
	white-space:nowrap;
	font-size: 16px;
    font-weight: 600;
	width:100%;
}
.icon-key{
	width: 16px;
	height: 11px;
	background: url('/img/key.png') center no-repeat;
	display: inline-block;
	background-size: 70%;
}

.ltc-alert{
	background: #A6A9AA;
}

.list-group-item{
	padding: 1rem;
}

.online-paid{
	background: rgba(125,155,125,0.07);
}
.dead-paid{
	background: rgba(255,0,0,0.05);
}
.refunded-paid{
	background: rgba(125,155,125,0.07);
}
.bought-before{
	color:#60b821;
	float:right;
	font-size: 14px;
}
.in-history:hover .bought-before{
	color: #ff0000;
}

table#history.items tbody tr td.td-ipport{
	cursor:pointer;
	-webkit-transition: color 0.4s; /* For Safari 3.0 to 6.0 */
	transition: color 0.4s; /* For modern browsers */
}

.add-note{
	cursor:pointer;
	padding-left:1px;
	text-decoration:underline;
	text-decoration-style: dotted;
}

.close-note{
	font-style:italic;
	cursor:pointer;
}

.comment{
	clear:both;
	display:block;
}

.socks-note{
	font-style: italic;
}

.proxy_count{
	display: inline-block;
	padding: 3px 6px;
	border-radius: 2px;
	border: 1px solid #dee2e6;
}

.proxy_count:hover{
	color: #0a58ca;
	background: rgba(125,125,125,0.15);
}

.proxy_count.selected{
	background: #0d6efd;
    border: 1px solid #0d6efd;
    color: #fff;
}

.copied{
	text-decoration:underline;
}

.filter{
	font-size: 13px;
}
.col-filter{
	display:inline-block;
	padding-right:5px;
	padding-left:5px;
	float:left;
	min-width: 110px;
}

.zip-radius{
	display:none;
}

.comment-form input, .comment-form button{
	height:30px;
	padding:2px;
}
.comment-form button{
	padding:2px 9px;
}

.location-filters input{
	display:inline-block;
	width:33%;
}

.filter-checkbox{
	width:20px;
	height:20px;
}

.filters-header, .filter-title{
	display:none;
	font-size:13px;
}

/* PAGINATION */
.simple-pagination {
  flex-wrap: wrap;
}
.light-theme a, .light-theme span {
	margin: 5px 5px 0 0 !important;
	border-radius: 3px !important;
}
.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
    text-decoration: none;
    background: rgba(125,125,125,0.15) !important;
}

.country-active, .state-active {
    background: #0d6efd;
    color: #ffffff;
}
.nav-tabs {
    border-bottom: 1px solid #ccc; /* серая линия под табами */
}

.nav-tabs .nav-link {
    border: none;
    padding: 0.5rem 1rem;
    color: #000;
}

.nav-tabs .nav-link.active {
    border-bottom: 2px solid #0d6efd; /* синяя линия под активным табом */
    font-weight: 500;
    color: #0d6efd;
    background: none;
}

.block-data .btn-link, .modal-body .btn-link, .dropdown-menu {
    font-size: inherit;
}
.active-sort {
    font-weight: 900;
}

span.renew, 
span.renew_traffic{
    cursor: pointer;
}
span.renew:hover, 
span.renew_traffic:hover{
    opacity: 0.7;
}

.border-bottom-gray {
    border-bottom: 1px solid #ccc;
}

.slide-wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
}

.nav-tabs {
    border-bottom: 1px solid #ccc; /* серая линия под табами */
}

.nav-tabs .nav-link {
    border: none;
    padding: 0.5rem 1rem;
    color: #000;
}

.nav-tabs .nav-link.active {
    border-bottom: 2px solid #0d6efd; /* синяя линия под активным табом */
    font-weight: 500;
    color: #0d6efd;
    background: none;
}
.block-data .btn-link, .modal-body .btn-link, .dropdown-menu {
    font-size: inherit;
}
span.renew, 
span.renew_traffic{
    cursor: pointer;
    margin-right:5px;
}
span.renew:hover, 
span.renew_traffic:hover{
    opacity: 0.7;
}
.disabled-overlay {
    opacity: 0.5;
}

/* FIXED LAYOUT */
/*SOCKS*/
table#history, 
table#socks{
	max-width:100%;
	width:100%;
	table-layout: fixed;
	margin-bottom: 5px;
}
	
table#socks.items thead tr th.td-ip,
table#socks.items tbody tr td.td-ip
{
	width: 120px;
}
table#socks.items thead tr th.td-domain,
table#socks.items tbody tr td.td-domain{
	width: 200px;
}
table#socks.items thead tr th.td-state,
table#socks.items tbody tr td.td-state{
	width: 70px;
}
table#socks.items thead tr th.td-city,
table#socks.items tbody tr td.td-city{
	width: 150px;
}
table#socks.items thead tr th.td-zip,
table#socks.items tbody tr td.td-zip,
table#socks.items thead tr th.td-ping,
table#socks.items tbody tr td.td-ping
{
	width: 70px;
}
table#socks.items thead tr th.td-isp,
table#socks.items tbody tr td.td-isp{
	width: 200px;
}
table#socks.items thead tr th.td-speed,
table#socks.items tbody tr td.td-speed
{
	width: 90px;
}

table#socks.items thead tr th.td-type,
table#socks.items tbody tr td.td-type
{
	width: 80px;
}
table#socks.items thead tr th.td-added,
table#socks.items tbody tr td.td-added
{
	width: 70px;
}
table#socks.items thead tr th.td-price,
table#socks.items tbody tr td.td-price
{
	width: 80px;
}
.total_socks{
	color: #666;
	font-size: 12px;
}
/*/SOCKS*/

/*HISTORY*/
table#history.items thead tr th.td-ip,
table#history.items tbody tr td.td-ip
{
	width: 135px;
}
table#history.items thead tr th.td-online,
table#history.items tbody tr td.td-online{
	width: 50px;
}
table#history.items thead tr th.td-status,
table#history.items tbody tr td.td-status
{
	width: 70px;
}
table#history.items thead tr th.td-geo,
table#history.items tbody tr td.td-geo
{
	width: 200px;
}

table#history.items thead tr th.td-ipport,
table#history.items tbody tr td.td-ipport
{
	width: 23%;
}
table#history.items thead tr th.td-type,
table#history.items tbody tr td.td-type
{
	width: 90px;
}
table#history.items thead tr th.td-note,
table#history.items tbody tr td.td-note
{
	/*width: 100px;*/
}

table#history.items thead tr th.td-renew,
table#history.items tbody tr td.td-renew
{
	width: 100px;
}
table#history.items thead tr th.td-bought,
table#history.items tbody tr td.td-bought
{
	width: 90px;
}
table#history.items thead tr th.td-price,
table#history.items tbody tr td.td-price
{
	width: 50px;
}

/*
table#history.items thead tr th.td-price,
table#history.items tbody tr td.td-price
{
	width: 60px;
}*/
/*/HISTORY*/

/* RESPONSIVE STYLES */

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        margin: 1.75rem 1rem;
    }
}

/*/ Small devices (landscape phones, 576px and up)*/
@media (min-width: 1px) and (max-width: 768px){ 
	#logo {
	  order: 1;
	}

	#menu {
	  order: 4;
	  clear:both;
	  width:100%;
	}

	#user {
	  order: 2;
	}
	
	#toggler {
	  order: 2;
	}
	/*GLOBAL*/
	.container-fluid {
		margin:0;
		padding:0 2px;
		overflow:hidden;
	}
	.card{
		border:0;
		border-top:1px solid rgba(0,0,0,.125);
		border-radius:0;
	}
    .card-ticket{
        padding-top:10px !important;
    }

	.nav-link>span{
			display:block;
			clear:both;
			float:none;
			text-align:center;
			margin:0;
		}
	
	#v-pills-tab.flex-column{
		width:100%;
		flex-direction: row !important;
		justify-content:space-around;
	}
	#v-pills-tabs{
		flex-direction: column !important;
	}
	.modal-dialog {
		margin:0.5rem auto;
		max-width: 95%;
	}
	.navbar-expand-lg .navbar-nav {
		font-size: 12px;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .12rem;
		padding-left: .12rem;
	}
	.nav-link.active {
		border-top:0;
		border-bottom: 2px solid #0d6efd;
	}
	.btn-sm-cart{
		margin-top: -5px;
    	margin-bottom: 0;
    	padding: 0.29rem 0.3rem;
	}
	
	/*SOCKS*/
	table#socks.items thead tr.headers{
		display:none;
	}
	
	table#socks.items tbody tr
	{
		display:inline-block;
		width:100%;
		border-bottom-width:1px;
		overflow:hidden;
	}
	table#socks.items thead tr.filters-header,
	table#socks.items thead tr.filters .filter-title
	{
		display:block;
	}
	table#socks.items thead tr.filters{
		display:none;
	}

	table#socks.items thead tr.filters th{
		display:inline-block;
		float:left;
		min-width:100%;
		width:100%;
		max-width:100%;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	table#socks.items tbody tr td{
		display:inline-block;
		float:left;
		height:25px;
		width:10%;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		border:0;
		
	}
	
	table#socks.items thead tr th.td-domain,
	table#socks.items tbody tr td.td-domain,
	table#socks.items thead tr th.td-ping{
		display:none;
	}
	
	/*WIDTHS*/
	table#socks.items thead tr th.td-ip,
	table#socks.items tbody tr td.td-ip
	{
		width: 30px;
	}
	table#socks.items thead tr th.td-state,
	table#socks.items tbody tr td.td-state
	{
		width: auto;
	}
	table#socks.items thead tr th.td-city,
	table#socks.items tbody tr td.td-city
	{
		width: 90px;
	}
	table#socks.items thead tr th.td-isp,
	table#socks.items tbody tr td.td-isp
	{
		width: 90px;
	}
	table#socks.items thead tr th.td-zip,
	table#socks.items tbody tr td.td-zip
	{
		max-width: 47px;
	}
	table#socks.items thead tr th.td-type,
	table#socks.items tbody tr td.td-type
	{
		max-width: 55px;
	}
	table#socks.items thead tr th.td-added,
	table#socks.items tbody tr td.td-added
	{
		min-width: 70px;
	}
	table#socks.items thead tr th.td-price,
	table#socks.items tbody tr td.td-price
	{
		min-width: 50px;
		float:right;
	}
	/*/SOCKS*/
	
	/*HISTORY*/
	table#history.items thead tr.headers{
		display:none;
	}
	
	table#history.items tbody tr
	{
		display:block;
		width:100%;
		border-bottom-width:1px;
		clear:both;
		overflow:hidden;
	}
	table#history.items thead tr.filters-header,
	table#history.items thead tr.filters .filter-title
	{
		display:block;
	}
	table#history.items thead tr.filters{
		display:none;
	}
	
	table#history.items tbody tr td{
		display:inline-block;
		float:left;
		height:40px;
		width:10%;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		border:0;
		height:30px;
	}
	table#history.items thead tr.filters td{
		display:inline-block;
		float:left;
		min-width:100%;
		width:100%;
		max-width:100%;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	table#history.items thead tr.filters td.td-ping,
	table#history.items thead tr.filters td.td-type,
	table#history.items thead tr.filters td.td-added{  
		/*display: none;*/
	}
	/*WIDTHS*/
	table#history.items tbody tr td.td-ip
	{
		width: 140px;
	}
	table#history.items tbody tr td.td-geo
	{
		min-width: 250px;
	}
	table#history.items tbody tr td.td-ipport
	{
		min-width: auto;
		width: auto;
	}
	table#history.items tbody tr td.td-type
	{
		width: 90px;
	}

	table#history.items tbody tr td.td-note
	{
		min-width: 90px;
	}
	table#history.items tbody tr td.td-online
	{
		min-width: 50px;
		float:right;
	}
	table#history.items tbody tr td.td-status
	{
		width: 70px;
	}
	table#history.items tbody tr td.td-renew
	{
		width: 100px;
	}
	table#history.items tbody tr td.td-bought
	{
		width: 90px;
	}
	table#history.items tbody tr td.td-price
	{
		width: 60px;
	}
	/*/HISTORY*/

	/*TICKETS*/
	table#tickets tbody tr td{
		display:block;
		clear: both;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		border-bottom:1px solid transparent;
		text-overflow: ellipsis;
	}

	table#tickets tbody tr td a{
		text-overflow: ellipsis;
	}

	table#tickets tbody tr{
		border-bottom-width:1px;
	}
	/*/TICKETS*/
}

/*/ Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 992px) { 
	/*GLOBAL*/
	.container-fluid {
		margin:0;
		padding:0 2px;
		overflow:hidden;
	}
	.card{
		border:0;
		border-top:1px solid rgba(0,0,0,.125);
		border-radius:0;
	}
	.modal-dialog {
		margin:0.5rem auto;
		width: 95%;
	}

	.view-cart-button{
		display: block;
	}
	.apply-button{
		display: none;
	}
	/*/GLOBAL*/

	/*SOCKS*/
	table#socks.items thead tr th.td-domain,
	table#socks.items tbody tr td.td-domain
	{
		display:none;
	}
	table#socks.items thead tr th.td-ip,
	table#socks.items tbody tr td.td-ip
	{
		width: 80px;
	}
	table#socks.items thead tr th.td-state,
	table#socks.items tbody tr td.td-state
	{
		width: 50px;
	}
	table#socks.items thead tr th.td-city,
	table#socks.items tbody tr td.td-city
	{
		width: 100px;
	}
	table#socks.items thead tr th.td-isp,
	table#socks.items tbody tr td.td-isp
	{
		width: 120px;
	}
	table#socks.items thead tr th.td-zip,
	table#socks.items tbody tr td.td-zip
	{
		width: 50px;
	}
	table#socks.items thead tr th.td-speed,
	table#socks.items tbody tr td.td-speed
	{
		width: 90px;
	}
	/*/SOCKS*/
	/*HISTORY*/
    table#history.items thead tr th.td-renew,
	table#history.items tbody tr td.td-renew
	{
	    width: 40px;
        text-overflow: clip;
	}

    table#history.items thead tr th.td-bought,
	table#history.items tbody tr td.td-bought
	{
	    width: 80px;
	}
    table#history.items thead tr th.td-price,
	table#history.items tbody tr td.td-price
	{
	    width: 50px;
	}

	table#history.items thead tr th.td-type,
	table#history.items tbody tr td.td-type
	{
	    width: 23px;
	}

	table#history.items thead tr th.td-type div,
	table#history.items tbody tr td.td-type div
	{
	    text-overflow: clip;
	}
	/*/HISTORY*/

}

/*/ Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1200px) { 
	.modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }

	.apply-button{
		display: none;
	}
	.view-cart-button{
		display: block;
	}

	table#socks.items thead tr th.td-domain,
	table#socks.items tbody tr td.td-domain
	{
		display:none;
	}

    table#history.items thead tr th.td-renew,
	table#history.items tbody tr td.td-renew
	{
	    width: 40px;
        text-overflow: clip;
	}

    table#history.items thead tr th.td-bought,
	table#history.items tbody tr td.td-bought
	{
	    width: 80px;
	}
    table#history.items thead tr th.td-price,
	table#history.items tbody tr td.td-price
	{
	    width: 50px;
	}

	table#history.items thead tr th.td-type,
	table#history.items tbody tr td.td-type
	{
	    width: 23px;
	}

	table#history.items thead tr th.td-type div,
	table#history.items tbody tr td.td-type div
	{
	    text-overflow: clip;
	}

}

/*/ X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1400px) { 
	.view-cart-button{
		display: none;
	}
	table#socks.items thead tr th.td-domain,
	table#socks.items tbody tr td.td-domain
	{
		display:none;
	}
	table#socks.items thead tr th.td-isp,
	table#socks.items tbody tr td.td-isp
	{
		width: 150px;
	}
	.modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }

    table#history.items thead tr th.td-renew,
	table#history.items tbody tr td.td-renew
	{
	    width: 40px;
        text-overflow: clip;
	}

    table#history.items thead tr th.td-bought,
	table#history.items tbody tr td.td-bought
	{
	    width: 80px;
	}
    table#history.items thead tr th.td-price,
	table#history.items tbody tr td.td-price
	{
	    width: 50px;
	}

	table#history.items thead tr th.td-type,
	table#history.items tbody tr td.td-type
	{
	    width: 23px;
	}

	table#history.items thead tr th.td-type div,
	table#history.items tbody tr td.td-type div
	{
	    text-overflow: clip;
	}
}

/*/ XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
	.view-cart-button{
		display: none;
	}
	.modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

/*/ XXX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1600px) { 
	.view-cart-button{
		display: none;
	}
	table#history, 
	table#socks{
		max-width:100%;
		width:100%;
		table-layout: fixed;
	}
}


.loading {
	opacity:0.5;
}