@charset "utf-8";
/* CSS Document */

body
{
	margin: 0;
	background: #e0e8f3;
	color: #495463;
	overflow-anchor: none;
	font-family: "Roboto", sans-serif;
	overflow-y: unset;
	overflow-x: hidden;
}

.btn
{
    position: relative;
    color: #fff;
    line-height: 24px;
    letter-spacing: 0.01em;
    border-radius: 4px;
    border: 1px solid;
	padding: 8px 20px;
    font-size: 14px;
    transition: all .4s ease;
	box-shadow: 0 5px 23px 0 rgb(0 125 255 / 30%);
}

.btn-primary
{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.wrapper
{
	margin: auto;
	width: 100%;
	max-width: 1110px;
}

.nav-logo
{
	width: 100%;
	height: 52px;
	background-color: #253992;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
    top: 0;
	z-index: 2;
}

.logo
{
	font-weight: 600;
    color: #fff;
    font-size: 25px;
}

.nav
{
	background-color: #fff;
	width: 100%;
	height: 56px;
    box-shadow: 0px 4px 35px 0px rgb(0 0 0 / 10%);
}

.main-contanin
{
	
}

.sub-nav
{
	margin: auto;
	width: 100%;
	max-width: 1140px;
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 .5rem!important;
}

.left-nav
{
	height: 100%;
}

.ln-nav
{
	height: 100%;
	display: flex;
	padding: 0;
    margin: 0;
}

.ln-nav li
{
	padding: 0 15px;
	list-style: none;
}

.ln_href
{
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
	color: #495463;
	font-size: 14px;
	border-bottom: 2px solid #fff;
	transition: all .2s ease;
	cursor: pointer;
}

.ln_href.active, .ln_href:hover
{
	border-bottom: 2px solid #2c80ff;
	text-decoration: none;
	color: #495463;
}

.right-nav
{
	height: 100%;
}

.soc-nav
{
	padding: 0 15px;
    height: 100%;
    display: flex;
    align-items: center;
	font-size: 14px;
    font-weight: 600;
}

.soc-nav div
{
    margin-left: 10px;
    padding: 8px 13px;
    border-radius: 4px;
    color: #758698;
    border: 1px solid #c9cfd6;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: all .2s ease;
    gap: 10px;
}

.soc-nav div:hover
{
	background: #c9cfd6;
	color: #fff;
}

.soc-nav a:hover
{
	text-decoration: none;
}

.soc-nav i {
	font-size: 16px;
	font-weight: 100;
}

.main-contanin
{
	margin-top: 30px;
}

.card
{
	box-shadow: rgb(195 208 224) 2px 2px 20px 0px;
    border-radius: 4px;
    margin-bottom: 30px;
    border: none;
    background: #fff;
    transition: all .4s;
    vertical-align: top;
}

.card-innr
{
    padding: 25px 30px;
}

.card-title
{
	color: #253992;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0;
	margin-bottom: 15px;
}

.auth-btn
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    font-size: 14px;
    color: #495463;
    border-radius: 4px;
    border: 1px solid #d2dde9;
	transition: all .2s ease;
}

.auth-btn:hover
{
	background: #c9cfd6;
	color: #fff;
	text-decoration: none;
}

.vk-btn i
{
    color: #3b5998;
	margin-right: 10px;
	font-size: 15px;
}

.sap-text
{
	padding: 15px 0;
    text-align: center;
}

.sap-text span
{
	position: relative;
	font-size: 12px;
    line-height: 19px;
    letter-spacing: 0.1em;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 12px;
}

.sap-text span:before, .sap-text span:after
{
    position: absolute;
    content: '';
    height: 1px;
    width: 40px;
    background: #d2dde9;
    top: 50%;
    margin-top: -1px;
}

.sap-text span:before
{
    right: 100%;
}

.sap-text span:after
{
    left: 100%;
}

.nv-input-text
{
	border-radius: 4px;
    border: 1px solid #d2dde9;
    width: 100%;
	padding: 20px 15px;
    color: rgb(70, 84, 100);
    transition: all .4s;
	font-size: 15px;
}

.nv-input-text:focus {
    box-shadow: none;
    outline: none;
    border-color: #b1becc;
}

.nv-first
{
	margin-bottom: 20px;
}

.nv-last
{
	margin-top: 20px;
	display: none;
}

.nv-btn
{
	width: 100%;
    background: #2c80ff;
    border-color: #2c80ff;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    /*margin-top: 20px;*/
	box-shadow: 0 5px 23px 0 rgb(0 125 255 / 30%);
	transition: all .2s ease;
}

.nv-btn:hover
{
	color: #fff;
    background: #005fee;
    border-color: #005fee;
	box-shadow: none !important;
    outline: none !important;
}

.nv-btn-min
{
    background: #2c80ff;
    border-color: #2c80ff;
    color: #fff;
    font-size: 14px;
    padding: 10px 18px;
    margin-top: 20px;
	box-shadow: 0 5px 23px 0 rgb(0 125 255 / 30%);
	transition: all .2s ease;
}

.nv-btn-min:hover
{
	color: #fff;
    background: #005fee;
    border-color: #005fee;
	box-shadow: none !important;
    outline: none !important;
}

.modal-reg
{
	width: 100%;
	text-align: center;
	color: #2c80ff;
    cursor: pointer;
	font-weight: 600;
	font-size: 15px;
    margin-top: 35px;
}

.modal-reg i
{
	color: #495463;
    font-style: normal;
    font-weight: 100;
}

.tab-tabs-line
{
	margin: 0;
    padding: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #f0f6ff;
}

.tab-item
{
    display: inline-block;
    color: #2c80ff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    list-style: none;
	cursor: default;
}

.tab-item:after
{
    width: 100%;
	position: absolute;
    left: 0;
    bottom: -2px;
    content: '';
    height: 2px;
    background: #2c80ff;
    transition: all .4s;
}

.tab-item div
{
	padding: 5px 5px;
}

.tab-item-min
{
	display: inline-block;
    color: #758698;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    list-style: none;
	cursor: pointer;
    margin-right: 10px;
}

.tab-item-min div
{
	padding: 5px 5px;
}

.tab-item-min.active
{
	color: #2C80FF;
	pointer-events: none;
}

.tab-item-min:after
{
    width: 0%;
	position: absolute;
    left: 0;
    bottom: -2px;
    content: '';
    height: 2px;
    background: #2c80ff;
    transition: all .4s;
}

.tab-item-min.active:after
{
    width: 100%;
}

.reset-pass-form label
{
    font-size: 14px;
}

.g-game
{
	margin-top: 25px;
}

.g-form label
{
	font-size: 14px;
    font-weight: 500;
    color: #495463;
}

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

.g-bon-controls
{
    display: flex;
    justify-content: center;
}

.g-bon-controls div
{
	padding: 4px 6px;
    cursor: pointer;
    background: #e9eff9;
    color: #495463;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    border-radius: 3px;
    margin: 2px 2px;
	user-select: none;
	white-space: nowrap;
}

.g-bon-controls div.first
{
	min-width: 68px;
}

.g-bon-controls div.sec
{
	min-width: 42px;
}

.g-bon-sub
{
	margin-top: 15px;
}

.g-hash-title
{
	font-size: 12px;
    text-align: center;
    margin-top: 15px;
}

.g-hash-text
{
	color: #495463a6;
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
	text-align: center;
}

.g-win
{
	
}

.g-win-head
{
	font-size: 64px;
    color: #2c80ff;
	text-align: center;
	line-height: 60px;
	white-space: nowrap;
}

.g-win-text
{
	font-size: 15px;
	font-weight: 500;
	color: #758698;
	text-align: center;
    margin-top: 10px;
}

.gc-mini-text
{
	color: #758698;
	font-size: 12px;
	line-height: 18px;
    font-weight: 500;
	text-align: center;
	margin-bottom: 6px;
}

.g-controls
{
	margin-top: 20px;
}

.gc-start-game
{
    background: #758698;
    border-color: #758698;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid;
    text-align: center;
    transition: all .2s ease;
	user-select: none;
}

.gc-start-game:hover
{
	background: #68798b;
    border-color: #68798b;
	text-decoration: none;
	color: #fff;
}

.game-history
{
	margin-top: 60px;
	margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gh-title
{
	color: #253992;
    font-size: 1.3em;
    font-weight: 500;
}

.gh-who-online
{
	display: flex;
    align-items: center;
}

.gh-colum
{
	font-size: 15px;
}

.gh-online
{
	position: relative;
	width: 8px;
    height: 8px;
    background: linear-gradient(to right, #0ACB90, #2BDE6D);
    border-radius: 50%;
    margin: 0 8px 0 16px;
}

.gh-online-anim
{
    position: absolute;
	width: 8px;
    height: 8px;
    background: linear-gradient(to right, #0ACB90, #2BDE6D);
    border-radius: 50%;
	animation: online_blink 2s infinite;
}

.gh_chevron
{
	font-size: 20px;
    color: #00000057;
	cursor: pointer;
}

.games-table
{
	width: 100%;
	text-align: center;
}

.games-table thead th
{
	text-transform: uppercase;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    color: #2c80ff;
	padding: 16px 5px;
}

.games-table tbody
{
	font-size: 15px;
}

.progress-game
{
	height: 10px;
    max-width: 60px;
    margin: auto;
}

.pb_green
{
    background: #2BDE6D!important;
	background: -webkit-linear-gradient(to right, #0ACB90, #2BDE6D)!important;
	background: linear-gradient(to right, #0ACB90, #2BDE6D)!important;
	border-radius: .25rem;
}

.pb_yellow
{
    background: #F2994A!important;
	background: -webkit-linear-gradient(to left, #F2C94C, #F2994A)!important;  
	background: linear-gradient(to left, #F2C94C, #F2994A)!important; 
	border-radius: .25rem;
}

.pb_red
{
    background: #ff7777!important ;
	background: -webkit-linear-gradient(to left, #ff7777, #ff5b6f)!important;
	background: linear-gradient(to left, #ff7777, #ff5b6f)!important;
	border-radius: .25rem;
}

.txt_green
{
	color: #00d285 !important;
	font-weight: 600;
}

.txt_red
{
	color: #ff6868 !important;
	font-weight: 600;
}

.games-table tbody td
{
    padding: 16px 5px;
}

 .txt_nickname
{
	max-width: 71px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.txt_nowrap
{
	white-space: nowrap;
}

.progress-effect-shine
{
	-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
	mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    mask-size: 200%;
    animation: shine 2s infinite;
	margin: auto;
    width: 60px;
    display: -ms-flexbox;
    display: flex;
    height: 10px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;	
}

#modal_toggle_auth
{
	display: none;
}

.checkbox-reg-item
{
	margin-top: 20px;
	display: none;
}

.checkbox-reg-item label a
{
	color: #1c65c9;
}

.checkbox-reg-item label a:hover
{
	text-decoration: none;
    color: #253992;
}

.input-checkbox-reg
{
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.checkbox-reg-item label
{
	font-size: 14px;
	position: relative;
	padding-left: 37px;
	margin: 0;
}

.input-checkbox-reg+label::before
{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #adb5bd;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    transition: all .4s;
}

.input-checkbox-reg:checked+label::before
{
	border-color: #0b76ef;
	background-color: #0b76ef;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.g-captch-cont
{
	padding: 8px 0;
	display: flex;
	justify-content: center;
}

.g-captch-cont-bonus
{
	padding: 5px 0 15px;
	display: flex;
	justify-content: center;
}

.g-captch-cont-bonus > .g-recaptcha
{
	transform: scale(0.662829);
}

.g-recaptcha
{
	
}

.def-desc
{
	font-size: 15px;
}

.def-desc a
{
	color: #1c65c9;
	transition: all .5s;
}

.def-desc a:hover
{
	text-decoration: none;
	color: #2c80ff;
    box-shadow: 0 1px 0 currentColor;
}

.highlighter-rouge
{
	font-size: 87.5%;
    color: #e83e8c;
}

.def-desc ul
{
	list-style: none;
	padding: 0;
	line-height: 1.7;
}

.bottom-block
{
	padding-bottom: 20px;
}

.footer-links a
{
	display: inline-block;
	margin-bottom: 10px;
    padding: 2px 0;
    margin-right: 30px;
    font-size: 13px;
    color: #758698;
    white-space: nowrap;
    transition: all .5s;
}

.footer-links a:hover
{
	color: #2c80ff;
	text-decoration: none;
}

.card-faq-q
{
	position: relative;
	color: #253992;
	font-weight: 500;
    transition: all .4s;
    margin-bottom: 8px;
    padding-left: 20px;
    font-size: 15px;
	cursor: pointer;
}

.card-faq-q:hover
{
    color: #253992;
}

.card-faq-a
{
    padding: 0 0 15px 20px;
}

.card-faq-q:before
{
	content: '';
	position: absolute;
    left: 0;
    top: 10px;
    height: 1px;
    width: 11px;
    background: #758698;
}

.card-faq-q:after
{
	content: '';
	position: absolute;
    left: 5px;
    top: 5px;
    height: 11px;
    width: 1px;
    background: #758698;
    transform: scaleX(1) scaleY(0);
    transition: all .3s ease;
}

.faq_q.collapsed .card-faq-q:after
{
    transform: scaleX(1) scaleY(1);
}

.faq_q.collapsed .card-faq-q
{
    color: #758698;
}

.card-support
{
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
}

.card-support a
{
    display: flex;
    align-items: center;
    flex: 1 1 23%;
    transition: all .2s ease;
    cursor: pointer;
    margin: 6px;
    border-radius: 4px;
    padding: 10px;
    background: #e6effb;
    color: #495463;
}

.card-support a i
{
	font-size: 32px;
    color: #495463;
	width: 42px;
}

.cs-text-head
{
    font-size: 18px;
    color: #495463;
    font-weight: 800;
}

.cs-text-mail
{
    color: #495463;
	font-size: 14px;
}

.card-support a:hover
{
	text-decoration: none;
    background: #c9cfd6;
}

.card-ps-text
{
	font-size: 15px;
	margin-top: 20px;
}

.card-ps-text ul
{
	list-style: none;
    padding: 0;
    line-height: 1.7;
}

.card-ps-text a
{
    color: #1c65c9;
    transition: all .5s;
}

.card-ps-text a:hover
{
	text-decoration: none;
    color: #2c80ff;
    box-shadow: 0 1px 0 currentColor;
}

.user-block
{
	background: #1c65c9;
	background-image: linear-gradient(45deg, #1c65c9 0%, #2c80ff 100%);
    color: #fff;
	margin-bottom: 30px;
}

.user-free-block
{
	position: relative;
    background: #1babfe;
    padding: 18px 30px;
    margin-bottom: 15px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #1babfe;
    transition: all .4s ease;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	user-select: none;
}

.user-free-block i
{
	font-size: 15px;
    color: #ffffffde;
}

.user-free-block:hover
{
    color: #fff;
    background: #02a2fe;
    border: 1px solid #02a2fe;
}

.user-data
{
	display: flex;
}

.user-ava
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
	min-width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
	margin-right: 15px;
}

.user-ava img
{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.acc-ava
{
	background: rgba(255, 255, 255, 0.2);
	font-size: 20px;
    text-transform: uppercase;
}

.user-nb-name
{
	color: #74fffa;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
	overflow-wrap: anywhere;
	min-width: 110px;
}

.user-nb-balance
{
	color: #fff;
    font-weight: 500;
    font-size: 23px;
    line-height: 1;
    letter-spacing: -0.02em;
	white-space: nowrap;
}

.user-btns-bop
{
	display: flex;
    justify-content: space-between;
    margin: -2px;
	margin-top: 20px;
}

.user-btns-bop div
{
    font-size: 13px;
    background: #2c80ff;
    padding: 4px 0;
    border-radius: 4px;
    display: flex;
    justify-content: center;
	align-items: center;
    width: 100%;
    margin: 2px;
	cursor: pointer;
	transition: all .4s ease;
	user-select: none;
}

.user-btns-bop div:hover
{
	color: #fff;
    background: #005fee;
}

.user-menu span
{
	display: block;
	width: 100%;
	margin-bottom: 18px;
    color: #495463;
	font-size: 15px;
	transition: all .4s ease;
	cursor: pointer;
}

.user-menu > .active
{
	pointer-events: none;
}

.user-menu > .active, .user-menu span:hover
{
	color: #007dff;
	text-decoration: none;
}

.user-menu-exit
{
	display: block;
	width: 100%;
    color: #495463;
	font-size: 15px;
	transition: all .4s ease;
}

.user-menu-exit:hover
{
	color: #007dff;
	text-decoration: none;
}

.d_disamble
{
	user-select: none;
    pointer-events: none;
}

.auth_ref_error
{
	display: none;
	margin-top: 15px;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    background: #ff6868;
    color: #fff;
    border-radius: 4px;
}

.auth_ref_error_linker
{
	margin-top: 15px;
    pointer-events: none;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    background: #ff6868;
    color: #fff;
    border-radius: 4px;
}

.auth_ref_success
{
	display: none;
	margin-top: 15px;
    pointer-events: none;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    background: #d4edda;
    color: #155724;
    border-radius: 4px;
}

.game-info
{
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 18px;
}

.game-load
{
	display: none;
	position: relative;
    width: 40px;
    height: 40px;
}

.game-load div
{
	position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
}

.game-load div:nth-child(1)
{
	left: 0%;
    top: 0%;
    animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 1.2px solid #738791;
}

.game-load div:nth-child(2)
{
	right: 0%;
    top: 0%;
    animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 1.2px solid #7c95a2;
}

.game-load div:nth-child(3)
{
    right: 0%;
    bottom: 0%;
    animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 1.2px solid #90A4AE;
}

.game-error
{
	display: none;
    color: #fff;
    line-height: 24px;
    border-radius: 4px;
    transition: all .4s ease;
    width: 100%;
    padding: 8px 20px;
    font-size: 14px;
    background: #ff7777!important;
    background: linear-gradient(to left, #ff7777, #ff5b6f)!important;
	box-shadow: 0 5px 23px 0 rgb(255 105 114 / 14%);
    text-align: center;
    pointer-events: none;
}

.game-win
{
	display: none;
    color: #fff;
    line-height: 24px;
    border-radius: 4px;
    transition: all .4s ease;
    width: 100%;
    padding: 8px 20px;
    font-size: 14px;
    background: #00d285;
    background: linear-gradient(to right, rgb(10, 203, 144), rgb(43, 222, 109));
	box-shadow: rgb(0 215 126 / 27%) 0px 5px 23px 0px;
    text-align: center;
    pointer-events: none;
}

.game-check-btn
{
	display: none;
	cursor: pointer;
	margin-top: 10px;
    user-select: none;
	font-size: 15px;
}

.user_tickets
{
	display: none;
	padding: 25px 30px;
}

.user_tickets_alt
{
	padding: 0;
}

.user_tickets.active
{
	display: block;
}

.user_options
{
	display: none;
}

.user_options.active
{
	display: block;
}

.user_option_htext
{
	text-align: center;
	margin-top: 30px;
    margin-bottom: 19px;
    font-size: 18px;
}

.swap_main
{
	display: none;
}

.swap_main.active
{
	display: block;
}

.modal-backdrop
{
    background: #090d1c;
}

.modal-content
{
	position: relative;
    border-radius: 8px;
    box-shadow: 0px 10px 55px 0px rgb(0 0 0 / 20%);
    border: 0;
}

.pop-colse
{
	position: absolute;
    right: -22px;
    top: -22px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #495463;
    font-size: 18px;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 30%);
    cursor: pointer;
	transition: all .2s ease;
}

.pop-colse i
{
	transition: all .2s ease;
}

.pop-colse:hover
{
	background-color: #e0e0e0;
}

.pop-colse:hover i
{
	transform: rotate(90deg);
}

.pop-title
{
	color: #253992;
    font-weight: 500;
    font-size: 20px;
	margin-bottom: 15px;
}

.modal-body
{
	padding: 30px 50px 35px;
}

.game-stat-list
{
	border-radius: 4px;
    border: 1px solid #d2dde9;
	margin: 0;
	padding: 0;
}

.game-stat-list li
{
	list-style: none;
	display: flex;
	align-items: center;
}

.game-stat-head
{
	font-size: 14px;
	padding: 14px 20px;
	color: #758698;
	width: 190px;
}

.game-stat-head a
{
	color: #1c65c9;
}

.game-stat-head a:hover
{
	color: #253992;
	text-decoration: none;
}

.game-stat-des
{
	border-top: none;
    border-left: 1px solid #d2dde9;
	border-bottom: 1px solid #d2dde9;
    width: calc(100% - 190px);
    padding: 14px 20px;
    font-size: 13px;
	word-break: break-all;
}

.game-stat-list li:last-child .game-stat-des
{
    border-bottom: none;
}

.modal-open
{
    overflow: scroll;
	padding-right: 0px !important;
}

.um-icon-prett
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
    height: 90px;
    width: 90px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    margin: 45px auto 20px;
    border: 2px solid #b1becc;
}

.uip-ticket i
{
	color: #b1becc;
	font-size: 28px;
}

.ut-new-ticket-btn
{
	position: absolute;
    right: 0;
    top: 0;
    margin-top: 24px;
    margin-right: 30px;
    cursor: pointer;
    color: #2c80ff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.ut-new-ticket-btn i
{
	margin-right: 6px;
}

.nv-textarea
{
	height: 136px !important;
    display: block;
    resize: none;
	padding: 15px 15px;
}
.nv-select
{
	position: relative;
}

.nv-select select
{
	padding: 0 15px;
    height: 42px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.nv-select-apper
{
	position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b3b3b3;
    font-size: 12px;
}

.tickets-table
{
	width: 100%;
	font-size: 15px;
	text-align: center;
}

.tickets-table thead th:nth-child(1)
{
	text-align:left;
}

.tickets-table thead th
{
	text-transform: uppercase;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    color: #2c80ff;
	padding: 16px 5px;
}

.tickets-table tbody td
{
    padding: 16px 5px;
}

.tickets-table tbody td:nth-child(1)
{
	text-align:left;
}

.tt-ticket-status
{
	display: inline-block;
	color: #495463;
	padding: 6px 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    min-width: 90px;
	border-radius: 3px;
	text-align: center;
}

.ttts_pending
{
	background: #fff5d6;
    border-color: #ffe080;
}

.ttts_close
{
	background: #dee2e7;
    border-color: #b2bac6;
}

.tt-tichet-show-a
{
	display: inline-block;
    white-space: nowrap;
	max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
	text-decoration: none;
    border-bottom: 1px dashed #2c80ff;
	outline: 0;
    transition: all 0.5s;
    color: #1c65c9;
	cursor: pointer;
}

.tt-tichet-show-a:hover
{
	outline: 0;
    color: #253992;
}

.tt-ticket-show-eye
{
	display: flex;
    justify-content: center;
    align-items: center;
    background: #e6effb;
    color: #7c7c7c;
    padding: 8px 0;
	width: 32px;
    border-radius: 3px;
	cursor: pointer;
	transition: all .4s ease;
    float: right;
}

.tt-ticket-show-eye:hover
{
	color: #fff;
    background: #495463;
}

.ututa-head
{
	height: 63px;
	border-bottom: 1px solid #d2dde9;
}

.ututa-chat
{
	height: 470px;
	overflow-y: scroll;
}

.ututa-send
{
    padding: 0 30px 25px 30px;
}

.ututa-send form
{
	display: flex;
}

.ututas-input
{
	border-radius: 4px;
    width: 100%;
    padding: 10px 15px;
    line-height: 20px;
    font-size: .9em;
    color: #6e81a9;
    background: #e0e8f3;
    border: 1px solid #e0e8f3;
    transition: all .4s;
	margin-right: 20px;
}

.ututas-input:focus
{
    box-shadow: none;
    outline: none;
    border-color: #b1becc;
}

.ututas-btn
{
	color: #fff;
    background-color: #2c80ff;
    box-shadow: 0 5px 23px 0 rgb(0 125 255 / 30%);
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 4px;
    transition: all .4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ututas-btn:hover
{
    color: #fff;
    background: #005fee;
    border-color: #005fee;
    box-shadow: none !important;
    outline: none !important;
}

.ututa-preload
{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	color: #2c80ff;
}

.ututa-chat-mes-cont
{
	padding: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: end;
	margin-bottom: 30px;
}

.ututa-message
{
	display: flex;
    flex-direction: column;
    margin-top: 15px;
	align-items: flex-end;
	width: 90%;
}

.ututa-message-text
{
    background: #2c80ff;
    color: #fff;
    border-radius: 8px 8px 0 8px;
    padding: 16px 20px;
	font-size: 15px;
}

.ututa-message-date
{
	position: relative;
	font-size: 12px;
    color: #758698;
    text-align: right;
    margin-top: 7px;
	margin-right: 13px;
}

.ututa-message-date:after
{
	content: '';
    height: 4px;
    width: 4px;
	position: absolute;
    right: -10px;
    top: 8px;
    background: #d2dde9;
    border-radius: 50%;
}

.ututa-message-close
{
	position: relative;
	text-align: center;
	font-size: 13px;
    color: #758698;
    margin: 40px 0;
	width: 100%;
}

.ututa-message-close span
{
	display: inline-block;
    padding: 0 20px;
    background: #fff;
    position: relative;
}

.ututa-message-close::before
{	
	position: absolute;
    top: 50%;
    height: 1px;
    left: 0;
    right: 0;
    background: #e6effb;
    content: '';
    transform: translateY(-50%);
	width: 70%;
    margin: auto;
}

.ututa-message-info
{
	position: relative;
	text-align: center;
	font-size: 13px;
    color: #758698;
    margin: 40px 0;
	width: 100%;
}

.ututa-message-info span
{
	display: inline-block;
    padding: 0 20px;
    background: #fff;
    position: relative;
}

.ututa-message-info::before
{	
	position: absolute;
    top: 50%;
    height: 1px;
    left: 0;
    right: 0;
    background: #e6effb;
    content: '';
    transform: translateY(-50%);
	width: 70%;
    margin: auto;
}

.ututa-close-btn
{
	display: none;
	position: absolute;
    top: 0;
    right: 0;
    margin-top: 15px;
    margin-right: 115px;
    color: #495463;
    background: #e6effb;
    padding: 7px 18px;
    font-size: 14px;
    border-radius: 4px;
    transition: all .4s ease;
	cursor: pointer;
}

.ututa-close-btn:hover
{
	color: #fff;
    background: #495463;
}

.ututa-close-btn i
{
	margin-left: 3px;
	font-size: 12px;
}

.urt-top
{
	color: #495463;
	font-size: 15px;
}

.urt-href
{
	margin: 20px 0;
}

.urt-href-top
{
	color: #253992;
	font-weight: 700;
	font-size: 16px;
}

.utr-href-hblock
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 4px;
    border: 1px solid rgba(211, 224, 243, 0.5);
	margin: 15px 0;
	height: 46px;
	position: relative;
}

.utr-href-hblock-a
{
	display: flex;
    margin-left: 15px;
	width: 80%;
}

.utr-href-hblock-a i
{
	font-size: 14px;
}

.utr-href-hblock-a-link
{
	margin-left: 10px;
    font-size: 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}

.utr-href-hblock-btn
{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #758698;
    background: #e9eff9;
	border-radius: 4px;
	height: 38px;
    min-width: 38px;
    margin-right: 3px;
    transition: all .4s;
}

.utr-href-hblock-btn:hover
{
	color: #fff;
    background: #2c80ff;
}

.utr-href-hblock-info
{
	display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffffd1;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #2c80ff;
    text-align: center;
    line-height: 47px;
}

.referals-table
{
	width: 100%;
	font-size: 15px;
	text-align: center;
}

.referals-table thead th:nth-child(1)
{
	text-align:left;
}

.referals-table thead th
{
	text-transform: uppercase;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    color: #2c80ff;
	padding: 16px 5px;
}

.referals-table tbody td
{
    padding: 16px 5px;
}

.referals-table tbody td:nth-child(1)
{
	text-align:left;
}

.urt-add-user
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.urt-add-user-total
{
	font-size: 15px;
}

.urt-add-user-btn
{
    display: flex;
    justify-content: center;
    line-height: 33px;
    font-size: 15px;
    color: #2c80ff;
}

.urt-add-user-btn i
{
    color: #fff;
    background-color: #2c80ff;
    transition: all .4s ease;
    cursor: pointer;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
	margin-right: 10px;
}

.urt-add-user-btn i:hover
{
	background: #005fee;
}

.user_bonus_info
{
	margin-top: 40px;
	color: #758698;
	font-size: 15px;
	text-align: center;
}

.user_bonus_info_drop
{
    margin: 0;
    margin-bottom: 40px;
    color: #758698;
    font-size: 15px;
    text-align: center;
}

.user_bonus_info i, .user_bonus_info_drop i
{
    margin-right: 5px;
    font-size: 12px;
}

.user_bonus_btn-get-bonus
{

}

.user_promo_btn-get-promo
{
	margin-top: 20px;
}

.terms-block-card h4
{
    margin-top: 10px;
    font-weight: 500;
    color: #253992;
    font-size: 18px;
}

.terms-block-card b
{
    display: block;
    margin-top: 15px;
}

.pm-titles
{
	font-size: 15px;
	margin-bottom: 10px;
}

.pm-payways
{
	display: flex;
	flex-wrap: wrap;
    gap: 15px;
	margin-bottom: 20px;
}

.pmp-card
{
	height: 67px;
    border: 1px solid #d2dde9;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
}

.pmp-card img
{
	max-height: 35px;
}

.pmp-card.active
{
	border-color: #2c80ff;
    box-shadow: rgb(145 192 255 / 29%) 2px 2px 20px 0px;
}

.pm-sum-lables
{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 7px;
}

.pm-sum-lables div
{
	background: #e9eff9;
    color: #495463;
    font-size: 12px;
    padding: 2px 7px;
    border-radius: 4px;
	cursor: pointer;
}

.pm-label
{
	font-size: 12px;
    color: #758698;
    font-weight: 400;
    display: block;
    margin: 0;
    margin-top: 8px;
}

hr.big
{
	margin: 30px 0;
}

.payout-input
{
	margin-bottom: 20px;
}

.payout-lables
{
	color: #495463;
    background: #d2dde9;
    padding: 4px 8px;
    font-size: 11px;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    min-width: 60px;
    margin-left: 6px;
	white-space: nowrap;
}

.pm-selector
{
    position: relative;
    width: 50%;
    color: rgb(70, 84, 100);
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 20px;
	user-select: none;
}

.pm-selector__title
{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 0 15px;
    height: 42px;
    border: 1px solid #d2dde9;
    border-radius: 4px;
}

.pm-selector__title-sub /*sub title for text before select*/
{
	
}

.pm-selector__list
{
    display: none;
    position: absolute;
    left: 0;
    top: 42px;
    width: 100%;
    background-color: #fff;
    z-index: 1;
}

.pm-selector__list div
{
	display: flex;
    align-items: center;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #d2dde9;
    padding: 8px 15px;
	transition: all .2s ease;
	cursor: pointer;
}

.pm-selector__list div img
{
	width: 24px;
    margin-right: 10px;
}

.pm-selector__list div:hover
{
	background: rgba(230, 239, 251, 0.7);
}

.pm-selector.open .pm-selector__list
{
	display: block;
}

.pm-selector.open .pm-selector__title
{
    border-radius: 4px 4px 0 0;
}

.pm-selector.open .pm-selector__title div i
{
	transform: rotate(180deg);
}

.pm-recuers
{
	position: relative;
}

.pm-recuers div
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1px;
    top: 4px;
    height: 33px;
    background-color: #fff;
}

.pm-recuers div img
{
	width: 24px;
	margin-right: 10px;
}

.modal-lg, .modal-xl
{
    max-width: 880px;
}

.pm-errors-block
{
    display: flex;
    gap: 0 15px;
    align-items: center;
}

.auth_ref_error_pay
{
    display: none;
    margin-top: 20px;
    padding: 12px 20px;
    text-align: center;
    font-size: 14px;
    background: #ff6868;
    color: #fff;
    border-radius: 4px;
}

.auth_ref_success_pay
{
	display: none;
	margin-top: 20px;
    pointer-events: none;
    padding: 12px 20px;
    text-align: center;
    font-size: 14px;
    background: #d4edda;
    color: #155724;
    border-radius: 4px;
}

.signal-penging
{
	color: #F2C94C;
}

.signal-success
{
	color: #4fcf2f;
}

.get_app
{
	display: none;
}

.show-flex
{
	display: flex;
}



.nv-input-text::-webkit-input-placeholder
{
	color: rgba(70,84,100,0.80);
	transition: all .1s linear;
}

.nv-input-text:focus::-webkit-input-placeholder
{
	color: transparent;
}

.nv-input-text:-moz-placeholder
{
    color: rgba(70,84,100,0.80);
	transition: all .1s linear;
}
.nv-input-text:focus:-moz-placeholder
{
    color: transparent;
}

.nv-input-text::-moz-placeholder
{
    color: rgba(70,84,100,0.80);
	transition: all .1s linear;
}
.nv-input-text:focus::-moz-placeholder
{
    color: transparent;
}

.nv-input-text:-ms-input-placeholder
{
    color: rgba(70,84,100,0.80);
	transition: all .1s linear;
}
.nv-input-text:focus:-ms-input-placeholder
{
    color: transparent;
}

.head-content
{
	margin-top: 60px;
}

.head-content h1, h2
{
	color: #253992;
    font-size: 1.3em;
    font-weight: 500;
}

.head-content p
{
	font-size: 15px;
	margin-bottom: 20px;
}

.user_bonus_timer_cont
{
	text-align: center;
    font-size: 18px;
    margin-top: 40px;
}

.user_bonus_timer_cont .timer
{
	font-size: 42px;
    color: #2c80ff;
    text-align: center;
    line-height: 60px;
}



.no-text-decoration
{
	text-decoration: none;
}

.no-text-decoration:hover
{
	text-decoration: none;
}

@keyframes shine
{
	0% {
    	-webkit-mask-position: 150%;
		mask-position: 150%;
	}
	100% {
		-webkit-mask-position: -50%;
		mask-position: -50%;
	}
}

@keyframes online_blink
{
	0%
	{
		transform: scale(1);
		opacity: 1;
	}
	50%
	{
		transform: scale(2.5);
		opacity: 0;
	}
	100%
	{
		opacity: 0;
	}
}

@keyframes progress_minus
{
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

@keyframes cssload-rotate-one
{
  0% {
	  transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
	  transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes cssload-rotate-two
{
  0% {
	  transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
	  transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes cssload-rotate-three
{
  0% {
	  transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
	  transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}