#aspnetForm .ajax__tab_xp .ajax__tab_body{
	border: none;
	font-size: inherit;
	padding:  inherit;
    background-color: inherit;;
	font-family: Roboto, Arial, sans serif;
}

.ajax__tab_xp .ajax__tab_header,
.ajax__tab_default .ajax__tab_header
{
	display: none;
}


:root{
	font-size: 14px;
}



html {
	--main-color: #575b62;
	--main-font-family:  Roboto, Arial, sans serif;
	--main-background-color:  #f3f3f3;
	font-size: 1rem;

}



.btn-primary{
	--bs-btn-bg: #347cac;
	--bs-btn-border-color: #347cac;
	--bs-btn-hover-border-color:#347cac;
	--bs-btn-active-bg: #296791;
	--bs-btn-active-border-color:#296791;
	--bs-btn-hover-bg: #296791;
	--bs-btn-disabled-bg:#296791;
	--bs-btn-disabled-border-color: #296791;
}

.btn.btn-underline-primary{
	box-shadow: none;
	--bs-btn-color: rgb(87 91 98 / 50%);
	--bs-btn-active-color: #347cac;
	--bs-btn-font-weight: 500;
	border: 0;
}

.btn.btn-underline-primary:hover{	
	color: #347cac;	
}

body{
	min-height: 100vh;
	height: 1px;
    font-family: var(--main-font-family);	
    color: var(--main-color);
	background-color: var(--main-background-color);
	
}


.generalContent{
	flex: 1;
	padding: 80px 0 0 0;
}


.wrap{
    display: flex;
    width: 100%;
}


.sidebar {
	position: sticky;
    min-height: 100vh;
	height: 100%;
	min-width: 225px;
	max-width: 225px;
    margin-left: -225px;
	top: 80px;
	color: white;
    background: #134464;
    transition: .35s ease-in-out;
	overflow-y: auto;
}

#sidebar.active {
    margin-left: 0px;
}


#modalSuccess .bi
{
    font-size: 6rem;
    padding: 1.5rem 0;
}

#docInfoPopupModal .bi-file-earmark-check-fill{
    font-size: 3rem;
}



#modalSuccess .bi-check-circle-fill::before

{
	box-shadow: 0px 0 0px 20px rgb(25 135 84 / 30%);
    border-radius: 50%;
}

.main-color{

	color: #347cac!important;
}

.nav-underline{
	--bs-nav-underline-gap: 2rem;
	--bs-nav-underline-border-width: 0.225rem;
    --bs-nav-underline-link-active-color: #347cac;
	font-size: 1.2rem;
	border-radius: 4px;
}

.nav-underline .nav-link{
	color: rgb(87 91 98 / 50%);
	font-weight: 700;
}

.navbar__content{
	width: 100%;
}


.navbar__list-item{
	flex-direction: column;
}


.loginForm, .PartnerRegistration{
    padding: 0;
}

.loginForm .table{
	font-size: inherit;
}



.loginForm .table>:not(caption)>*>*{
	padding: 0.5rem 0.5rem;
	border: none;
}




.loginForm__content{
	height: 100%;
	display: flex;
}



.loginForm__table::-webkit-scrollbar {
    width: 10px;
    background-color: #fff;
}

.loginForm__table::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #888b90;
}

.loginForm__table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background-color: #fff;
}
	
	
.loginForm__logo{
	width: 50%;	
	background-color: #212C3B;

}



.loginForm__logo-content{
    width: 100%;	
	height: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
	padding: 1.5rem;

}

.loginForm_picture{
	position: relative;
    top: -3vh;	
}

.loginForm__form{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 50px 16px 60px 16px;
	width: 50%;
	background-color: white;
	align-items: center;
}

.loginForm__form .return-link i{
    font-size: 28px;
}



.loginForm__button{
	position: relative;
}




.LoginControl .loginForm__form{
	justify-content: center;
}

.PasswordRecovery .loginForm__form{
	justify-content: center;
}



.UserDataContainer{
	width: 70%;

}

.PartnerUser .form-control{
	height: 40px;
}


.PartnerRegistration .loginForm__form{
	width: 50%;
	height: 100vh;
	overflow: auto;
}

.PartnerRegistration .loginForm__logo{
	flex: 1;	
}


.PartnerRegistration .table tbody{
    /*display: grid;
    grid-template-columns: repeat(3,1fr);
	gap: 8px;*/
}

.PartnerRegistration .table tr{
	display: flex;
    flex-direction: column;
	justify-content: flex-end;
}



.loginForm .return-link{	
	position: absolute;
    left: 1.5rem;
    top: 1.5rem;
	display: flex;
	gap: 4px;
    padding: 6px 16px 6px 12px;
	font-weight: 500;
	border-radius: 20px;
	align-items: center;
    justify-content: center;
	transition: .3s;
}


.loginForm .return-link:hover{
	background-color: #89888833;	
	transition: .3s;
}
	

.main {
    display: flex;
    flex-direction: column;
    width: 100%;
    /*min-height: 100vh;*/
    min-width: 0;	
    background-color: var(--main-background-color);
    transition: .35s ease-in-out;
}


.main__content{
	padding: 0 1.5rem 1.5rem;
}


.agentDogovor{
	position: absolute;
    right: 0;
    z-index: 11;
    color: rgb(87 91 98 / 50%);
    padding: 16px 2rem 1.5rem 1.5rem;
    font-size: 1.2rem;	
}


.generalContent--orderInfo{
	padding: 80px 0 0 0 ;
}

#DebtNotifierDIV{
	display: none;
}


.loginControl{
	padding-top: 80px;
}

.layout{
	height: 100%;
}


.layout tr{
	height: 100%;
}



#sidebar-button{
	cursor: pointer;
}

.main_header-nav{
	position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
	padding: 16px 0rem;
    z-index: 10;
    background-color: #f3f3f3;
}


#aspnetForm{
	height: 100%;
	display: flex;
    flex-direction: column;
}

table a{
	position: relative;
	color: #347cac;
    text-decoration: none;
}

table th a{
	color: inherit;
}

.header a{
	color: inherit;	
}

.agentReport .table td.hidden {
	display: none;

}

.agentReport.expanded .table td.hidden {
	display: table-cell;

}

.table{
	vertical-align: middle;	
	color: var(--main-color);
	font-size: 0.9rem;
}

.table th{
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
}


.agentProfile .table,
.agentDoc .table,
.cost-item .table
{
	font-size: 1.2rem;
}


.agentDoc .table td:nth-child(2){
	text-align: right;
}


.agentProfile .th,
.cost-item .th
{
	font-weight: 500;
}

.table.table-bordered thead, .table.table-bordered tbody, .table.table-bordered tfoot, .table.table-bordered tr, .table.table-bordered td, .table.table-bordered th {
    border-color: #a3a5a8;
}


.orderList .table.table-bordered tr:not(:first-child){
	position: relative;
	cursor: pointer;
	
}

.orderList .table-hover>tbody>tr:first-child:hover>*{
	--bs-table-accent-bg: var(--bs-body-bg);
    color: var(--main-color);
}


.table>:not(caption)>*>*{
	padding: 0.5rem 3px;
}

.agentReport .table>:not(caption)>*>*{

padding: 0.5rem 0.5rem;
}


.agentProfile .table>:not(caption)>*>*,
.agentDoc .table>:not(caption)>*>*,
.order.table>:not(caption)>*>*{
    vertical-align: bottom;
}

.agentProfile .table td:first-child,
.agentDoc .table td:first-child,
.order.table td:first-child,
.cost-item td:first-child{
	border-left: 0;
    padding-left: 1.25rem;

}


.agentProfile .table td:last-child,
.agentDoc .table td:last-child,
.order.table td:last-child,
.cost-item .table td:last-child{
    border-right: 0;
    padding-right: 1.25rem;
}

.cost-item .table td:last-child{
	text-align: right;
    text-wrap: nowrap;		
}

.subRow{
	font-size: 14px;
}


.subRow td:first-child{
	text-align: right;
}



#RoadmapCollapseButton.collapsed:before{
	content: 'Показать';
	transition: .5s;
}

#RoadmapCollapseButton{

	width: 96px;
}

#RoadmapCollapseButton:before{
	content: 'Скрыть';
	transition: .5s;
}

#RoadmapCollapseButton i:before {
	transition: .5s;
}

#RoadmapCollapseButton.collapsed i:before {
	transform: rotate(180deg);
	transition: .5s;
}


.roadmap__title{
	display: flex;
    gap: 8px;
    align-items: center;
}

.roadmap__title lable{
    font-size: 14px;
	color: white;
}


.roadmap__content{
	display: grid;
	grid-template-columns: 120px 50px 180px 180px 300px 1px;
    padding: 96px 40px;

}




.roadmap__step{
	position: relative;
	height: 34px;
}

.roadmap__step-21{
	border-left: 1px dashed whitesmoke;
    border-bottom: 1px dashed whitesmoke;
}

.roadmap__step-22{
	border-bottom: 1px dashed whitesmoke;
}


.roadmap__step-32{
	border-left: 1px dashed whitesmoke;	
}

.roadmap__step-23{
	border-left: 1px dashed whitesmoke;	
	transform: skewX(-45deg);
	transform-origin: left bottom;
}

.roadmap__step-33{
	border-left: 1px dashed whitesmoke;	
	transform: skewX(45deg);
	transform-origin: left top;
}


.roadmap__step-13{
	width: 144px;
	display: flex;
    align-items: center;
	border-bottom: 1px dashed whitesmoke;
	transform: translateX(34px);
}

.roadmap__step-14{
	border-left: 1px dashed whitesmoke;	
	border-bottom: 1px dashed whitesmoke;
}

.roadmap__step-15{
	border-left: 1px dashed whitesmoke;	
}

.roadmap__step-43{
	width: 146px;
	display: flex;
    align-items: center;
	border-top: 1px dashed whitesmoke;
	transform: translateX(34px);
}


.roadmap__step-44{
	border-top: 1px dashed whitesmoke;
	border-left: 1px dashed whitesmoke;	
}


.roadmap__step-45{
	border-top: 1px dashed whitesmoke;
	border-left: 1px dashed whitesmoke;	
}


.roadmap__step-46{
	border-left: 1px dashed whitesmoke;	
}


.roadmap__step-21:after,
.roadmap__step-22:after,
.roadmap__step-14:after,
.roadmap__step-35:after{
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 13px;
    height: 13px;
	transform: translate(-50%, 50%);
    background-color: #347cac;
    border: 4px solid whitesmoke;
    border-radius: 50%;
    z-index: 1;
}


.roadmap__step .step-description{
	position: absolute;
    display: flex;
	flex-direction: column;
	gap: 8px;
}

.roadmap__step .step-caption {
    width: 140px;
    color: whitesmoke;
    font-size: 12px;
    font-weight: 500;
}

.roadmap__step-13 .step-caption,
.roadmap__step-43 .step-caption{
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
}


.roadmap__step .step-lable {
    width: 54px;
    padding: 2px 8px;
    color: white;
    background-color: #717171;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
}

.roadmap__step-21 .step-description{
	bottom: 0;
	left: -27px;
    transform: translate(0, -34px);
}

.roadmap__step-14 .step-description{
	bottom: 0;
	left: -27px;
    transform: translate(0, -34px);
}

.roadmap__step-32 .step-description{
	left: -27px;
    transform: translate(0, 34px);
}

.roadmap__step-45 .step-description{
	left: -27px;
    transform: translate(0, 34px);
}


.roadmap__step .step-doc {
    position: absolute;
    padding: 4px 6px;
    border-radius: 4px;
    background-color: #717171;
    color: whitesmoke;
    font-weight: 500;
    font-size: 13px;
}

.roadmap__step .step-doc.step-doc--success {
    background-color: var(--bs-success);
	box-shadow: 0 0 15px 2px rgb(0 91 49 / 40%);
}


.roadmap__step-15 .step-doc {
    bottom: 0;
    transform: translate(-50%, -34px);
}

.roadmap__step-44 .step-doc {
    transform: translate(-50%, 34px);
}

.roadmap__step-46 .step-doc {
	width: max-content;
    transform: translate(-50%, 34px);
}


.roadmap__step .step-lable.step-lable--warning{
	background-color: var(--bs-warning);
	color: var(--main-color);
	animation: glowing 1800ms infinite;
}

.roadmap__step .step-lable.step-lable--success{
	background-color: var(--bs-success);
	color: white;
}


@keyframes glowing {
0% { background-color: #ffc1078a; box-shadow: 0 0 3px #ffc1078a; }
50% { background-color: #ffc107; box-shadow: 0 0 15px #ffc107; }
100% { background-color: #ffc1078a; box-shadow: 0 0 3px #ffc1078a; }
}



.roadmap__step-21.step-success{
	border-left-style: solid;
	border-bottom-style: solid;
}

.roadmap__step-22.step-success{
	border-bottom-style: solid;
}

.roadmap__step-32.step-success{
	border-left-style: solid;
}

.roadmap__step-23.step-success{
	border-left-style: solid;
	border-left-width: 2px;

}

.roadmap__step-13.step-success{
	border-bottom-style: solid;
}

.roadmap__step-14.step-success{
	border-left-style: solid;
	border-bottom-style: solid;
}

.roadmap__step-15.step-success{
	border-left-style: solid;
}


.roadmap__step-33.step-success{
	border-left-style: solid;
	border-left-width: 2px;
}

.roadmap__step-43.step-success{
	border-top-style: solid;
}

.roadmap__step-44.step-success{
	border-left-style: solid;
	border-top-style: solid;
}

.roadmap__step-45.step-success{
	border-left-style: solid;
	border-top-style: solid;
}

.roadmap__step-46.step-success{
	border-left-style: solid;
}

.GridViewRowHeader th{
	border: 0;
}


.orderListControl{
	position: relative;
	display: flex;
    flex-direction: column;
    gap: 24px;
}


.orderListControl__header{
	display: flex;
    justify-content: space-between;
}


.orderInfoPluginsList{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 12px 8px;
}

.agentInfo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}


.agentInfo__cards{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	width: 65%;
}

.card.agentReport{
	grid-column: 1 / 3;
	min-width: 400px;
}

.agentInfo .card__icon{
    display: flex;
    gap: 16px;
}


.agentInfo .agentProfile{
	min-width: 400px;
}

.agentInfo .FAQ{
	margin: 0 auto;
	grid-column: 1 / 3;
}



.report-side .bi-chevron-down{
	transform: rotate(0deg);
	transition: .35s ease-in-out;
}

.report-side > button{
	

}

.report-side > button:hover .bi-chevron-down{

	transform: rotate(0deg) translateY(4px);
	transition: .35s ease-in-out;

}



.report-side .collapse.show + * .bi-chevron-down{
	transform: rotate(180deg);
	transition: .35s ease-in-out;
}



#dogovorTourist-grid .collapse:not(.show) {
    display: flex;
	visibility: hidden;
}




.agentInfo .card__content{
	/*flex-wrap: wrap;
	flex-direction: row;
    gap: 24px;*/
}
	
	
.orderListAgentInfo a,
#infoModal a{
	position: relative;
	font-size: inherit;
	color: inherit;
    font-weight: 500;
}

.orderListAgentInfo a.PartnerRegButton{
	color: white;
    font-weight: 400;
    font-size: 1.2rem;
}




.partnerFilesList__status{
    display: inline-block;
    padding: 0 10px;
    border-radius: 6px;
    white-space: nowrap;
}

.total-cost-status{
	font-weight: 500;
}

.total-cost-status--danger{	
	color: red;
}

.total-cost-status--success{
  
}



.orderListAgentInfo a:after,
#infoModal a:after{
	content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #575b62;
    transition: width 0.3s ease-out;
}

.orderListAgentInfo a:hover:not(.btn):after,
#infoModal a:hover:after
{
	width: 100%;
}


.orderListAgentInfo th{
	font-size: 1rem;
	font-weight: 500;
	text-align: left;
}

.orderListAgentInfo .input-group-text{

    width: 210px;
	font-size: 1rem;	

}


.orderListAgentInfo .agentDoc a{
	font-weight: 400;
}




.PartnerRegistration .form-control{
    height: 40px;
}




.t_small
{
    font-size: 10px;
    color: #575b62;
}


.h1_orang
{
    font-weight: bold;
    font-size: 11px;
    color: #e97231;
    font-style: italic;
}
.h2_orang
{
    font-weight: bold;
    font-size: 11px;
    color: #e97231;
}


.underline{
	text-decoration: underline;
	text-underline-position: under;	
}

.date_news
{
    font-size: 11px;
    color: #0063a8;

}
.m_top
{
    font-weight: bold;
    font-size: 9px;

    text-decoration: none;
}
A.m_top:link
{
    color: #0063a8;
    text-decoration: none;
}
A.m_top:visited
{
    color: #0063a8;
    text-decoration: none;
}
A.m_top:active
{
    color: #0063a8;
    text-decoration: none;
}
A.m_top:hover
{
    color: #e97231;
    text-decoration: none;
}
.m_prod
{
    font-size: 11px;
    color: #0063a8;

}
A.m_prod:link
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_prod:visited
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_prod:active
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_prod:hover
{
    color: #e97231;
    text-decoration: underline;
}
.m_prod2
{
    font-size: 11px;
    color: #0063a8;
  
}
A.m_prod2:link
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_prod2:visited
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_prod2:active
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_prod2:hover
{
    color: #e97231;
    text-decoration: underline;
}
.m_service
{
    font-size: 11px;
    color: #0063a8;
    
}
A.m_service:link
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_service:visited
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_service:active
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_service:hover
{
    color: #e97231;
    text-decoration: underline;
}
.m_service2
{
    font-size: 11px;
    color: #0063a8;
 
}
A.m_service2:link
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_service2:visited
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_service2:active
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_service2:hover
{
    color: #e97231;
    text-decoration: underline;
}
.m_works
{
    font-size: 11px;
    color: #0063a8;
    
}
A.m_works:link
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_works:visited
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_works:active
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_works:hover
{
    color: #e97231;
    text-decoration: underline;
}
.m_quest
{
    font-size: 11px;
    color: #0063a8;
  
}
A.m_quest:link
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_quest:visited
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_quest:active
{
    color: #0063a8;
    text-decoration: underline;
}
A.m_quest:hover
{
    color: #e97231;
    text-decoration: underline;
}

.path
{
    font-size: 11px;
    color: #0063a8;
   
}
A.path:link
{
    color: #0063a8;
    text-decoration: underline;
}
A.path:visited
{
    color: #0063a8;
    text-decoration: underline;
}
A.path:active
{
    color: #0063a8;
    text-decoration: underline;
}
A.path:hover
{
    color: #e97231;
    text-decoration: underline;
}
.contacts
{
    font-size: 11px;
    color: #575b62;
    
}
A.contacts:link
{
    color: #0063a8;
    text-decoration: underline;
}
A.contacts:visited
{
    color: #0063a8;
    text-decoration: underline;
}
A.contacts:active
{
    color: #0063a8;
    text-decoration: underline;
}
A.contacts:hover
{
    color: #e97231;
    text-decoration: underline;
}

TABLE.tbl_1
{

	background-color: #fff;
}


TABLE.tbl_1 TR.h1
{
	text-align: center;
    font-weight: bold;
    background-color: #fff;
    font-style: normal;
    color: #575b62;
	border: 1px solid grey;
}

TABLE.tbl_1 TD.h1
{
    font-weight: bold;
    background-color: #e0e3e4;
    font-style: normal;
    color: #575b62;
}


TABLE.tbl_1 TR.h2
{
    font-weight: bold;
    background-color: #eef0f1;
}
TABLE.tbl_1 TR.alt
{
    background-color: #eef0f1;
}

TABLE.tbl_1 TR > TD,
TABLE.tbl_1 TR > TH
{
	padding: 5px 3px;
    border: 1px solid grey;
}


TABLE.tbl_1 .status,
TABLE.tbl_1 .tour,
TABLE.tbl_1 .hotel,
TABLE.tbl_1 .login

{
	overflow-wrap: anywhere;
}							  

TABLE.tbl_1 > TD
{
    font-size: 12px;
    color: #575b62;
}

/* ---=== ===---*/
TABLE.HotelQuotesTable
{
    border-right: #c1c2c8 1px solid;
    border-top: #c1c2c8 1px solid;

}
TABLE.HotelQuotesTable TR.h1
{
    font-weight: bold;
    background-color: #e0e3e4;
    font-style: normal;
    text-align: CENTER;
    padding: 30px 30px 0px 3px;
}
TABLE.HotelQuotesTable TD
{
    padding: 0 0 0 0;
    font-size: 11px;
    border-left: #c1c2c8 1px solid;
    border-bottom: #c1c2c8 1px solid;
    color: #575b62;
}
TABLE.HotelQuotesTable A
{
    text-decoration: none;
}
TABLE.HotelQuotesTable TR.hotelLine
{
    background-color: #f2f2f2;
}
TABLE.HotelQuotesTable TD.hotelCell
{
    font-weight: bold;
    padding: 0px 7px 0px 7px;
}
TABLE.HotelQuotesTable TD.RoomCell
{
    padding: 0px 0px 0px 20px;
}

TABLE.HotelQuotesTable TD.datesOnHotel
{
    color: #BBBBBB;
    text-align: center;
}
TABLE.HotelQuotesTable TD.weekendOnHotel
{
    color: #FBA8BD;
    text-align: center;
}

TABLE.HotelQuotesTable TD.datesOnHeader
{
    padding: 3px 3px 3px 3px;
}

TABLE.HotelQuotesTable TD.weekendOnHeader
{
    padding: 3px 3px 3px 3px;
    color: #B00000;
}

TABLE.QuotesInnerTable TD
{
	padding: 1px 2px 1px 2px;
	border-width: 1px;
	border-style: solid;
}
/* ---=== ===---*/
TABLE TR.h2
{
    background-color: #eef0f1;
}

TABLE.tbl_2
{
    border-right: #c1c2c8 1px solid;
    border-top: #c1c2c8 1px solid;
}
TABLE.tbl_2 TR.h1
{
    font-weight: bold;
    background-color: #e0e3e4;
    font-style: normal;
}
TABLE.tbl_2 TD.h1
{
    font-weight: bold;
    background-color: #e0e3e4;
    font-style: normal;
}
TABLE.tbl_2 TR.h2
{
    font-weight: bold;
    background-color: #eef0f1;
}
TABLE.tbl_2 TR.alt
{
    background-color: #eef0f1;
}
TABLE.tbl_2 TD
{
    padding-right: 1px;
    padding-left: 1px;
    font-size: 11px;
    padding-bottom: 1px;
    border-left: #c1c2c8 1px solid;
    color: #575b62;
    padding-top: 1px;
    border-bottom: #c1c2c8 1px solid;
}

.im
{
    border-left-color: #c1c2c8;
    border-bottom-color: #c1c2c8;
    border-top-color: #c1c2c8;
    border-right-color: #c1c2c8;
}


.card{
	display: flex;
	flex-direction: column;
	border: none;
	border-radius: 8px;
	color: var(--main-color);	
	box-shadow: 0 0 0.875rem #2930420d;
  
}


.dogovorTourist .card{
	background-color: #347cac;
	box-shadow: 0 0px 1.4rem 0px rgb(0 0 0 / 40%);

}


.dogovorTourist .card .input-group-text{
	max-width: 166px;
	white-space: normal;
	text-align: left;
}



.card__text{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}


.card__icon{
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 1rem;
}


.icon__content{
    width: 3rem;
    height: 3rem;
	display: flex;
	align-items: center;
    justify-content: center;
    border-radius: 50%;
}




.accordion-button.collapsed .icon__content{

	transform: rotate(0deg);
	transition: .5s;
}

.accordion-button .icon__content{
	transform: rotate(45deg);
	transition: .5s;
}

.icon__content--primary{
	background: var(--bs-primary-bg-subtle);
}

.icon__content--danger{
	background: var(--bs-danger-bg-subtle);
}

.icon__content--success{
	background: var(--bs-success-bg-subtle);
}

.icon__content--warning{
	background: var(--bs-warning-bg-subtle);
}

.icon__content--info{
	background: var(--bs-info-bg-subtle);
}



.card__header{
    display: flex;			
    padding: 1rem 4.5rem 1rem 1.25rem;
    font-size: 1.2rem;
    font-weight: 500;
    justify-content: space-between;	
    white-space: nowrap;
}



.dogovorTourist .card__header{
	padding-right: 5rem;
	color: white;
}

.dogovorTourist .card__header a{
	color: white;
}



#pills-poa .pills-poa__content, #pills-dop .pills-poa__content{
	display: flex;
	gap: 24px;
	flex-direction: column;
}


#pills-poa .agentProfile, #pills-dop .agentProfile{
	    width: 40%;
	
	
}

.poa-container, .dop-container{
	display: flex;
	gap: 24px;
	align-items: flex-start;
}



.poa-content, .dop-content{
	width: 60%;
	display: flex;
	flex-direction: column;
	gap: 24px;	
}


#poa.card, #dop.card{
	padding: 2.25rem;
    font-size: 11px;
	color: black;
	background-color: white;
}

#poa .card__header{
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    border-bottom: 1px solid #b29369;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

#dop .card__header{
	padding: 0;
	font-size: 12px;
	flex-direction: column;
	align-items: self-end;
	text-align: center;	
}

#dop p.smooth-hidden{
	overflow: hidden;
	position: relative;
	height: 90px;
	
}

#dop p.smooth-hidden:after{
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 120px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
	pointer-events: none;
}

#poa .card__content, #dop .card__content{

	width: 100%;
	font-size: 16px;
	padding: 0;
	gap: 0;

}




#pills-reconciliation  .card.agentDoc{
	    width: 50%;
	
	
	
}

#pills-poa .orderListControl{
	width: 50%;
	margin: 0 auto;
}


.poa-content__header{
	font-weight: 600;	
}


.poa-content__body p{
	text-indent: 15mm;
	margin: 0;
}


.poa-content__body input{
  text-align: center;
  font-weight: 600;
 -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid black;
  background-color: #ffffbd;
}


.poa-content__body input[type='text']{
	display: block;
	width: 100%;
}


.poa-content__body input[type='date']{
	display: flex;
    margin: 0 auto;
}

#poa .agent-data{
	background-color: #bdecff;
}


.poa-content__footer{
	display: flex;
    justify-content: space-between;
	padding-top: 60px;
}

.order__number .card__header{
	flex-wrap: wrap;
}


.card__title{
    white-space: normal;	
}


.card__header h3{  
	margin: 0;
	font-size: 1.2rem;
    white-space: nowrap;
}


.card__subtitle{
    font-size: 1rem;
    text-align: center;
    font-weight: 500;	
}


.card__content{
	flex: 1;
	padding: 1rem 1.25rem;
	display: flex;
    flex-direction: column;
}


.card__content--table{
	padding: 12px 0 0 0;
}

.card__content--table .table:not(:last-child){
	margin-bottom: 0;
} 



.card__footer{
	padding: 0 1.25rem 1rem 1.25rem;
}

.multi-collapse{
 

}

.multi-collapse__body{
	
}

.multi-collapse__bottom{


}


.order{
	display: flex;
	flex-direction: column;
	gap: 24px;
}


.order__row{
	display: flex;
	gap: 24px;	
}

.order-container{
    display: grid;
    gap: 16px;
	grid-template-columns: repeat(6, 1fr);
	grid-template-areas:
    'order		destination			cost	cost	buyer	buyer'
	'period		deadline-pay		cost	cost	buyer	buyer';
}

.order-container.fpz{
	grid-template-columns: repeat(6, 1fr);
	grid-template-areas:
    'order		destination			cost	cost	buyer	buyer'
	'period		period		cost	cost	buyer	buyer';
}



.order-container1.fpz{
	grid-template-columns: repeat(6, 1fr);
	grid-template-areas:
	'order				period				destination			netto				netto				netto'
    'buyer				buyer				buyer				paid				paid				paid'
	'buyer  			buyer				buyer    			debt-operator   	debt-operator		debt-operator';
}


.order-item{
	grid-area: order;
}

.period-item{
	grid-area: period;
}
.destination-item{
	grid-area: destination;
}
.cost-item{
	grid-area: cost;
}
.discount-item{
	grid-area: discount;
	background-color: #fffce4;
}
.netto-item{
	grid-area: netto;
}

.dogovor-cost-item{
	grid-area: dogovor-cost;
}

.total-cost-item{
	grid-area: total-cost;
}

.deadline-pay-item{
	grid-area: deadline-pay;
}

.deadline-prepay-item .card__content{
	justify-content: space-between;
}


.paid-item{
	grid-area: paid;
}

.debt-item{
	grid-area: debt;
}

.buyer-item{
	grid-area: buyer;
}


.debt-operator-item{
	grid-area: debt-operator;
}



.dogovorTourist .card__content{
	display: flex;
    gap: 16px;
    flex-direction: column;	
}


.dogovorTourist .dogovorPrice__header{
	
	padding: 1rem 1.25rem 0 1.25rem;
	
}


#dogovorTourist-grid{
	flex: 1;
    display: grid;
	grid-auto-rows: minmax(175px, auto);
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;				   
}

#dogovorNumber{
	background-color: #fff;
	border-radius: 0px;
}


.dogovorTourist__fullPayDate{
	

}



.fullPayDate__date{
	
}

.fullPayDate__priceBYN{
	
}



.courses tbody{
    text-align: left;
}


.card.courses{
    background: -webkit-linear-gradient(45deg, #add3eb, #fed6e3,#c2ffc2);
	background: linear-gradient(45deg, #add3eb, #fed6e3,#c2ffc2);
	text-transform: uppercase;
}


.courses__title{
	display: none;


}

.courses__item{
	
}


.dogovorTourist .card__content{
	border-radius: 0 0 16px 16px;
	padding: 1rem 1.25rem;
}


.card.reports{
	flex: 1;
   
}

.card.documentsUpload .card__content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 8px;
}


.documentsUpload__select{
	display: flex;
    flex-direction: column;
    gap: 12px;
	text-align: center;
}
	
	



.reports .card__content{
	padding: 1rem 1.25rem;
}

.reports__master{
width: 100%;
   
}

.reports__upload{
	display: none;
    flex: 1;
	padding: 5px 1px;

}


.reports__upload table a{
    color: #004bbb;
    text-align: center;
    font-weight: 600;
	overflow: hidden;
	padding-right: 3px;
    text-decoration: none;
	transition: 1s;
}

.reports__upload table a:hover {
    overflow: auto;
	transition: 1s;
}

.backPanel
{
    border-right: #c1c2c8 1px solid;
    border-top: #c1c2c8 1px solid;
    border-left: #c1c2c8 1px solid;
    border-bottom: #c1c2c8 1px solid;
    color: #575b62;
}
.head3
{
    font-weight: bold;
    font-size: 11px;
    color: #0063a8;

}
.head4
{
    font-weight: bold;
   
}


.userSeat
{
    background-color: #ffafff;
    border: solid 1px dimgray;
    font-weight: bold;
}

.blockSeat
{
    background-color: #E0E3E4;
    border: solid 1px dimgray;
}

.passengerSeat
{
    background-color: #99C8FF;
}

.passengerIllegalSeat
{
    background-color: #FF8C97;
}

.quoteYes
{
    background-color: #CCFFCC;
    text-align: center;
}
.quoteNo
{
    background-color: #FFCCCC;
    text-align: center;
}
.quoteRQ
{
    background-color: #FFFFCC;
    text-align: center;
}
.quoteFew
{
    background-color: #BCF9F8;
    text-align: center;
}

.offline
{
    color: #800000 !important;
}
.plhHotel
{
    font-weight: bold;

}
.plhTour
{
    font-weight: bold;

}
.plhTourName
{
    font-weight: bold;

}
.plhTourDescription
{
    font-weight: bold;
  
}
.plhTourContent
{
    font-weight: bold;

}
.plhHotelAdditionalPayments
{
    font-weight: bold;
}
.plhPriceFor
{
    font-weight: bold;
}
.plhPriceForValue
{
    font-weight: bold;
}
.plhCurrency
{
    font-weight: bold;
}
.plhCurrencyCode
{
    font-weight: bold;
}
.plhHotelDescrSrv
{
    font-weight: bold;
}

.CustomTabStyle .ajax__tab_header
{
    background: url(images/left_stick.gif) bottom right repeat-x;
}

.CustomTabStyle .ajax__tab_outer
{
    margin-right: 2px;
    vertical-align: top;
    background: url(images/left_stick.gif) bottom right repeat-x;
}

.CustomTabStyle .ajax__tab_tab
{
    height: 32px;
    width: 205px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    background: url(images/tablightblue.gif) no-repeat left top;
    font-size: 1rem;
    color: #2D7CB7;
    text-decoration: none;
}

.CreditTab
{
    height: 32px;
    width: 205px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    background: url(images/tabpink.gif) no-repeat left top;
    font-size: 1rem;
    color: #DD0000;
    text-decoration: none;
    text-align: center;
}

.CreditTabActive
{
    height: 32px;
    width: 205px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    background: url(images/tabred.gif) no-repeat left top;
    font-size: 1rem;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
    height: 32px;
    width: 205px;
    background: url(images/tabblue.gif) no-repeat left top;
    color: #ffffff;
}



#aspnetForm .bg-body-tertiary {	
    background-color: #f3f3f3!important;
}


#aspnetForm .toast-body{
    font-size: 1.2rem;
	color: black;
	background-color: white;
}


.toast-body .alert{
    margin: 0;
    padding: 6px;
}

#aspnetForm .toast{
	border: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	box-shadow: 0 0.5rem 3rem 0px rgb(0 0 0 / 60%);
}


.toast-header{
	width: 10%;
	border-bottom-width: 0;
	border-radius: 4px 0 0 4px;
	background-color: #347cac;
}


.toast-header .btn-close{
	margin: 0;
	color: white;
}

.toast-emoj{
	font-size: 20px;
}


.totalDebtInfo{
	
	display: inline-block;
    margin-bottom: 10px;
	
}


.accordion a{
	font-weight: 600;
	
}


.agentDoc > table.table > tr > td > a:before{
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    vertical-align: top;
    background: url(Images/bi-download.svg) center no-repeat;
}


.btn-icon{
	padding-left: 32px;
}

label.button-icon {
    position: relative;
}


label.button-icon:before {
    position: absolute;
    content: '';
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
    width: 20px;
    height: 20px;
}


label.button-icon.button-icon--download:before {
    background: url(Images/bi-download-white.svg) center no-repeat;
}

label.button-icon.button-icon--chatdots:before {
    background: url(Images/podpis.svg) center no-repeat;
}




.agentDoc a:after,
.accordion a:after,
.agentReport a:after,
.orderList .table td a:after
{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #347cac;
    transition: width 0.3s ease-out;
}

.agentDoc a:hover:after,
.accordion a:hover:after,
.agentReport a:hover:after,
.orderList .table a:hover:after
{
    width: 100%;
}



.CustomTabStyle .ajax__tab_active .ajax__tab_body{
    vertical-align: top;
    background: url(images/left_stick.gif) top right repeat-x;
}
.errorInput
{
    border: solid 2px #ff0000;
}

TABLE.inner_tbl
{
    display: inline;
    vertical-align: middle;
}


.inner_tbl tr{
    display: flex;
    gap: 4px;
}

.custom-tooltip {
	 --bs-tooltip-bg: #464646;
	 --bs-tooltip-opacity: 1;
	 --bs-tooltip-padding-x: 8px;
	 --bs-tooltip-padding-y: 8px;
	 --bs-tooltip-font-size: 1rem;
}

.custom-tooltip *{	
	text-align: left;	
}



.quotaDetails
{
    background-color: #FFFFEE;
    text-align: center;
    border: solid 1px #AAAA00;
}
.quotaDetailsTable
{
    border: solid 1px #CCCC00;
    border-collapse: collapse;
}

.quotaDetailsTable TD
{
    border: solid 1px #CCCC00;
    border-collapse: collapse;
}

.quotaDetailsTable TD TD
{
    border: 0;
    border-collapse: collapse;
}
.colorPickerTable
{
    border: 0;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
}
.colorPickerTable TD
{
    width: 4px;
    height: 4px;
}

.orderStatus{	
    display: flex;	
    border-radius: 50px;
    padding: 10.5px 12px;
    font-weight: 500;
}


.orderStatusColorLegend
{
    border: 0;
    padding: 0px 0px 0px 0px;

}
.orderStatusColorLegend TD.colorTD
{
	width: 150px;
    padding: 6px 14px;
	text-align: center;
	font-weight: 600;
}

.countryNote
{
    color: Red;
    font-size: 12px;
    font-weight: bold;
    width: 400px;
}

.mwHelpSign
{
    color: #00DD00;
    text-align: center;
    display: inline;
}
.mwHelp
{
    background-color: #FFFFEE;
    border: solid 1px #AAAA00;
    width: 150px;
    padding: 5px 5px 5px 5px;
}
.mwHelpHeader
{
    text-align: center;
    font-weight: bold;
}
.mwHelpSeparator
{
    color: #AAAA00;
    width: 97%;
    height: 1px;
}
.mwHelpBody
{
    text-align: justify;
}

TD.pastPrice
{
    background-color: #eef0f1;
}

TD.activePrice table
{
    background-color: #ffffff;
}

TD.activePrice A
{
    font-weight: bold;
}

TD.pastPrice A
{
    text-decoration: line-through;
}

TD.futurePrice
{
}

TD.futurePrice A
{
    color: #aaaaaa;
}

.stepTextBox
{
    border: solid 1px Gray;
    width: 30px;
}

.cell_tbl_fill
{
    border: 0;
    border-collapse: collapse;
    width: 100%;
}
.graySubTitle
{
    background-color: #eef0f1;
    font-weight: bold;
    font-size: 11px;
}

/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin: 0px !important;
    background-color: white;
    color: windowtext;
    border: buttonshadow;
    border-width: 2px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 100px;
    text-align: left;
    list-style-type: none;
    padding: 0 0 0 0;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
    background-color: #ace0e8;
    color: #575b62;
    padding: 1px 1px 1px 5px;
}

/* AutoComplete item */
.autocomplete_listItem
{
    background-color: window;
    color: #575b62;
    padding: 1px 1px 1px 5px;
}

/* Информация о экскурсиях */

.modalPopup
{
    display: none;
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 640px;
    text-align: center;
    position: absolute;
}

.modalPopupHeader
{
    padding: 5px;
    text-align: left;
    text-decoration: underline;
    font-weight: bold;
    display: block;
}

.modalPopupContent
{
    padding: 20px;
    text-align: justify;
    height: 320px;
    overflow: auto;
    display: block;
}

.modalOkButton
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalWindow
{
    background-color: #ffffff;
}

.modalWindowHeader
{
    font-weight: bold;
    text-align: center;
}

.loginbutton
{
    background-color: LightGray;
    border: solid 1px Gray;
    height: 15px;
}
.logintextbox
{
    border: solid 1px Gray;
    height: 15px;
}

.logintextbox2
{
    border: solid 1px Gray;
    height: 11px;
	font-size: 1.2rem;
}
.flatbutton
{
    background-color: LightGray;
    border: solid 1px Gray;
}

.reports a.reportLink{
    position: relative;
	display: flex;
	justify-content: center;
    width: 110px;
    height: 150px;
	padding: 10px 8px 4px 8px;
    border-radius: 4px;
	font-size: 0.9rem;
    font-weight: 500;
	color: inherit;
    text-decoration: none;
    overflow: hidden;
    overflow-wrap: anywhere;
	cursor: pointer;
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 30%);
	transition: all .5s cubic-bezier(.22,.7,.21,.7);	
}





.reports a.reportLink.reportLink--upload{
    background: -webkit-linear-gradient(135deg,rgb(255 10 180 / 30%) 30%, rgb(255 10 180) 30%);
    background: linear-gradient(135deg,rgb(255 10 180 / 30%) 30%, rgb(255 10 180) 30%);
	background-size: 100% 7px;
    background-repeat: no-repeat;

}





.reports a.reportLink[href*="GUID=A18F3623-42C5-4BE4-98FE-83333FACE31D"]
{
    background: -webkit-linear-gradient(135deg,rgb(0 200 215 / 30%) 30%, rgb(0 200 215) 30%);
    background: linear-gradient(135deg,rgb(0 200 215 / 30%) 30%, rgb(0 200 215) 30%);
	background-size: 100% 7px;
    background-repeat: no-repeat;
}


.reports a.reportLink[href*="GUID=118D38AF-B273-4D21-B5BD-22E71E701BE3"]
{
    background: -webkit-linear-gradient(135deg, rgb(20 125 245 / 30%) 30%, rgb(20 125 245) 30%);
    background: linear-gradient(135deg, rgb(20 125 245 / 30%) 30%, rgb(20 125 245) 30%);
	background-size: 100% 7px;
    background-repeat: no-repeat;
}


.reports a.reportLink[href*="GUID=BF1EC293-17D9-4D46-8A72-4EDC9F4CA1BB"],
.reports a.reportLink[href*="GUID=70EAFF41-878F-4F13-B80D-AE28CED7D4EE"],
.reports a.reportLink[href*="GUID=CAE867FF-8846-4252-8520-4886BFAE9218"],
.reports a.reportLink[href*="GUID=9372FCEF-4D47-445A-9532-F880325B78A0"],
.reports a.reportLink[href*="GUID=D112B267-D472-4B84-8B13-0CFF0C99752C"],
.reports a.reportLink[href*="GUID=29B498C3-9223-4E5D-B820-0DC36F2F85E8"],
.reports a.reportLink[href*="GUID=EE1D822E-ACB4-487E-BD1E-1A8A922A5F8F"]

{
    background: -webkit-linear-gradient(135deg,rgb(10 46 255 / 30%) 30%, rgb(10 46 255) 30%);
    background: linear-gradient(135deg,rgb(10 46 255 / 30%) 30%, rgb(10 46 255) 30%);
	background-size: 100% 7px;
    background-repeat: no-repeat;
}

.reports a.reportLink[href*="GUID=238FD010-4AA2-4525-B772-5EDB99686ED3"]
{
    background: -webkit-linear-gradient(135deg,rgb(88 10 255 / 30%) 30%, rgb(88 10 255) 30%);
    background: linear-gradient(135deg,rgb(88 10 255 / 30%) 30%, rgb(88 10 255) 30%);
	background-size: 100% 7px;
    background-repeat: no-repeat;
}

.reports a.reportLink[href*="GUID=024EB0F1-C2C2-4C1D-AC06-005E884830A3"],
.reports a.reportLink[href*="GUID=0E934029-01BC-44CE-841E-7CC4F09F0146"],
.reports a.reportLink[href*="GUID=63F0956A-E398-4902-A4AE-1B2A6DB2E806"],
.reports a.reportLink[href*="GUID=536492B3-34A1-43F0-8EE8-18E8E1628821"],
.reports a.reportLink[href*="GUID=ABA9DE9B-858E-47EA-AAD2-60988FC7522E"]

{
    background: -webkit-linear-gradient(135deg, rgb(190 10 255 / 30%) 30%, rgb(190 10 255) 30%);
    background: linear-gradient(135deg, rgb(190 10 255 / 30%) 30%, rgb(190 10 255) 30%);
	background-size: 100% 7px;
    background-repeat: no-repeat;
}



.reports a.reportLink:hover{
	transform: translate(0px, -6px);
	background-size: 220% 7px;
	transition: all .5s cubic-bezier(.22,.7,.21,.7);
}




.reports a.reportLink[href*="GUID=9A3E4B89-2D33-44F2-AD3A-525116A60223"]{
	display: none;
}

.orderInfoPluginsList div:last-child a.reportLink
{
	padding-bottom: 3px;
}

.pluginsTable
{
    width: 100%;
}

.nothingFound
{
    width: 40%;
    height: 200px;
    text-align: right;
    vertical-align: middle;
}

/* ------------------------ */
/* -- Стили для счетчика -- */
/* ------------------------ */

.tour_counter
{
    float: left;
}

.tour_counter td span
{
    color: #6a6d6d;
    font-size: 11px;
}

.tour_counter .counter
{
    background: url(/images/counter_sm.gif) no-repeat 0 0;
    width: 169px;
    height: 27px;
    padding: 3px 0 0 9px;
}

.tour_counter .counter span
{
    color: #333 !important;
    display: block;
    float: left;
    font: bold 15px Arial, sans-serif;
    line-height: 21px;
    margin-right: 1px;
    text-align: center;
    width: 18px;
}

.spoGroups
{
}
/* Стили для бонусной программы (OrderList) */
TABLE.bonusSummary
{
    border: solid #c1c2c8 1px;
    border-collapse: collapse;
    text-align: center;
}

TABLE.bonusSummary TH
{
    padding: 2px 2px 2px 2px;
    background-color: #e0e3e4;
    border: solid #c1c2c8 1px;
    font-size: 11px;
    color: #575b62;

}

TABLE.bonusSummary TD
{
    padding: 2px 2px 2px 2px;
    border: solid #c1c2c8 1px;
}

TABLE.bonusSummary TD.nopadding
{
    padding: 0px 0px 0px 0px;
    border: 0;
    border-collapse: collapse;
}
/* End Стили для бонусной программы (OrderList) */

.mcd
{
    width: 15px;
    height: 15px;
    text-align: center;
    vertical-align: middle;
    padding: 1 5 1 5;
}

/* ------------------------- */

/* DynamicOffersFilter Styles*/
/* City departure*/
#qd_SearchFilter
{
    display: inline;
    position: relative;
    top: 10px;
}
#dof_DepartureCityDiv
{
    width: 200px;
    position: absolute;
}
/* Country*/
#dof_CountryDiv
{
    width: 200px;
    position: absolute;
    top: 35px;
}
/* Tour Type*/
#dof_TourTypeDiv
{
    width: 200px;
    position: absolute;
    top: 70px;
}
#dof_TourTypesListDiv
{
    width: 200px;
    position: absolute;
    top: 70px;
    z-index: 1;
}
#dof_TourTypeListDiv_InnerDiv 
{
	background-color: LightGrey;
    border: solid 1px black;
}
/* Resort*/
#dof_ResortDiv
{
    width: 200px;
    position: absolute;
    top: 105px;
}
/* Resort(name list)*/
#dof_ResortDiv_InnerDiv
{
    width: 100%;
    height: 75px;
    overflow: auto;
    background-color: LightGrey;
    border: solid 1px black;
}
/* Region*/
#dof_RegionDiv
{
    position: absolute;
    top: 205px;
    width: 200px;
}
/* Region(name list)*/
#dof_RegionDiv_InnerDiv
{
    width: 100%;
    height: 81px;
    overflow: auto;
    background-color: LightGrey;
    border: solid 1px black;
}
/* Hotel Categories*/
#dof_HotelCategoriesDiv
{
    position: absolute;
    top: 320px;
    vertical-align: top;
}

/* Spo*/
#dof_SpoDiv
{
    position: absolute;
    width: 300px;
    left: 205px;
}
/* Hotel*/
#dof_HotelDiv
{
    position: absolute;
    width: 300px;
    left: 205px;
    top: 35px;
}
/* Hotel(name list)*/
#hotelDivScroll
{
    width: 100%;
    height: 249px;
    overflow: auto;
    background-color: LightGrey;
    border: solid 1px black;
}
/* Tour Dates*/
#dof_TourDates
{
    position: absolute;
    left: 510px;
    width: 300px;
}
/* Room Type*/
#dof_RoomTypeDiv
{
    position: absolute;
    left: 510px;
    width: 300px;
    top: 35px;
}
/* Children count*/
#dof_ChildrenMainDiv
{
    position: absolute;
    left: 510px;
    width: 300px;
    top: 23px;
}
#dof_ChildrenExtraDiv
{
    position: absolute;
    left: 510px;
    width: 300px;
    top: 43px;
}
#child1
{
    position: absolute;
    left: 260px;
    width: 150px;
}
#child2
{
    position: absolute;
    left: 390px;
    width: 150px;
}

/* Nights*/
#dof_NightsDiv
{
    position: absolute;
    left: 510px;
    width: 500px;
    top: 70px;
}
/* Room Category*/
#dof_RoomCategoryDiv
{
    position: absolute;
    left: 510px;
    width: 500px;
    top: 95px;
}
/* Pansion*/
#dof_PansionDiv
{
    position: absolute;
    left: 510px;
    width: 500px;
    top: 120px;
}
/* Kind Of Tour*/
#dof_KindOfTourDiv
{
    position: absolute;
    left: 510px;
    width: 500px;
    top: 145px;
}
/* Maximum price*/
#dof_PriceMaximumDiv
{
    position: absolute;
    left: 670px;
    width: 500px;
    top: 168px;
}
/* Currency*/
#dof_CurrencyDiv
{
    position: absolute;
    left: 510px;
    width: 150px;
    top: 170px;
}
/* Quotas*/
#dof_QuotasDiv
{
    position: absolute;
    left: 507px;
    width: 500px;
    top: 195px;
}
/* Page Size*/
#dof_PageSizeDiv
{
    position: absolute;
    left: 510px;
    width: 500px;
    top: 265px;
}
/* Search*/
#dof_SearchDiv
{
    position: absolute;
    left: 510px;
    width: 500px;
    top: 288px;
}
/* Progress bar */
#dof_UpdateProgressForLeftDiv
{
    position: relative;
    top: 330px;
}
/* Progress bar */
#dof_UpdateProgressForMiddleDiv
{
    position: relative;
    left: 300px;
    top: 330px;
}
/* Country Description */
#dof_CountryDescriptionDiv
{
    position: relative;
    top: 325px;
}
/* Style for elements under the filter(which have absolute position).
If filter's height changed, we may change this style, that it conforms to new height */
.qd_Div
{
    position: relative;
    margin-top: 330px;
}

/* End DynamicOffersFilter Styles*/
/* ------------------------- */

/* HotelAdditionalPayments on SimpleBasket.aspx */

.hotelAdditionalPaymentsDiv
{
    width: 300px;
}

/*
.hotelAdditionalPaymentsDiv
{
	border: solid 1px black; 
	width:300px; 
	height:100px; 
	overflow:scroll;	
}
*/

/* -------------------------------------------- */

.qd_PriceTooltip
{
    display: none;
    background-color: #ffffdd;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 350px;
    text-align: center;
    position: absolute;
    z-index: 100;
}

.qd_PriceTooltipContent
{
    padding: 20px;
    text-align: justify;
    height: 150px;
    overflow: auto;
}

.colorBoxContent
{
    padding: 20px;
    text-align: left;
    font-weight: bold;
    border-width: 3px;
    border-color: Gray;
    width: 300px;
    height: 200px;
}

.tourBookingPopupStyle
{
    padding: 5px;
    border-width: thin;
    border-style: groove;
    position: absolute;
    display: none;
    min-height: 25px;
    min-width: 150px;
    max-width: 350px;
    width: 230px;
    background-color: White;
}

.noAutobusTourDescription
{
    display: none;
}

.noAutobusTourMessage
{
    display: none;
}

.order__item---danger
{
    color: #dc3545;
}

.BackgroundStyleDebt
{
    background-color: rgb(208, 212, 211);
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopupDebt
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 5px;
    width: 550px;
    height: 550px;
}

.listHotelCategory
{
	font-weight: bold;
	background-color: rgb(194, 197, 199);
}

.listHotel
{
	
}

/* Всплывающее окно, ожидание обработки анкеты */
.modalAnketaWait 
{
    border-color: black;
    border-width: 1px;
    border-style: solid;
    background-color: white;
    position: absolute;
    width: 200px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}


TABLE.PartnerFiles TR.h1
{
    font-weight: bold;
    background-color: #e0e3e4;
    font-style: normal;
    text-align: center;
    color: #575b62;
}
TABLE.PartnerFiles TD
{
    padding: 8px;
    font-size: 11px;
    color: #575b62;
}

TABLE.PartnerFiles TH
{
    padding: 8px;

}


/* Экран документы по путевке*/
/* Модальное окно для ввода адреса электронной почты */
.modalEditMailDocuments 
{
    border-color: black;
    border-width: 1px;
    border-style: solid;
    background-color: white;
    position: absolute;
    line-height: 2em;
    text-align: center;
    width: 300px;
    word-break: break-all;
}

TABLE.dogovorDocumentsTable
{
    border-style: none;    
}

tr.dogovorDocumentsTableHeader td 
{
    
}

tr.dogovorDocumentsTableFooter td 
{
    border-width: 0px;
    white-space: nowrap;
}

input.dogovorDocumentsTableSendMessage
{
    height: 16px;
    width: 16px;
    background: url(images/mail_small.gif) center no-repeat;
   /*background-size: 16px 16px;*/
    border: none;
}
.dogovorDocumentsTableSendMessage:hover 
{
    cursor: pointer;    
}
.dogovorDocumentsTablePrintLink:hover
{
    cursor: pointer;    
}

a.dogovorDocumentsTablePrintLink 
{ 
    display:block;
    height: 16px;
    width: 16px;
    background-image: url(images/printer.gif);
}
.dogovorDocumentsTableprintAllButtonImage:hover
{
    cursor: pointer;  
}
.sendAllButtonImage:hover 
{
    cursor: pointer;   
}

input.dogovorDocumentsTableSendAllButtonImage 
{
     height: 16px;
    width: 16px;
    background: url(images/mail_small.gif) center no-repeat;
    border: none;
}

input.dogovorDocumentsTablePrintAllButtonImage
{
    height: 16px;
    width: 16px;
    background: url(images/printer.gif) center no-repeat;
    border: none;
}

.dogovorDocumentsTablePrintAllButton span 
{
    margin-right: 50px;
    white-space: nowrap;
}

/* Стили для заголовко*/
.titleColumnHeader 
{
    width: 200px;
}

.printColumnHeader 
{
    width: 150px;
}
.sendColumnHeader 
{
    
}
.statusColumnHeader 
{
    
}
.timeColumnHeader 
{
    
}
.dateColumnHeader 
{
    
}
.userColumnHeader 
{
    
}

/*Стили для колонок*/
.dogovorDocumentsTableTitleColumn 
{
    width: 200px;
}

.dogovorDocumentsTablePrintColumn 
{
    width: 150px;
}
.dogovorDocumentsTableSendColumn 
{
    text-align: center;
    width: 150px;
}
.dogovorDocumentsTableStatusColumn 
{
    width: 150px;
}

.dogovorDocumentsTableDateColumn 
{
     width: 130px;
}
.dogovorDocumentsTableTimeColumn 
{
     width: 130px;
}

.dogovorDocumentsTableUserColumn 
{
    width: 130px;
}

/* end Экран документы по путевке*/

/* TouristData Control*/
ul.touristDataServiceClassGroup
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.touristDataServiceClassGroup .touristDataDeleteButton
{
    background: url(images/delete.png) center no-repeat;
    background-size: 12px;
    border: none;
}
/* END TouristData Control*/

/* Колонка доплаты в гриде с авиаперелетами в симпл баскете*/
TABLE.basketDgFlights 
{
    border-right: #c1c2c8 0px solid;
    border-top: #c1c2c8 0px solid;
    border-bottom: gray 0px solid;
}
.paymentsColumn 
{
    background: none;
    border-width: 0px;
}
.paymentsColumnHeader 
{
    background: white;  
    border-width: 0px; 
}
/* END Колонка доплаты в гриде с авиаперелетами в симпл баскете*/



.buyer__body .input-group-text{
	
	color: #347cac;
	
}

.card.messageList .card__content{
	display: flex;
	flex-direction: row;
    gap: 16px;
	align-items: flex-start;
}

.card.messageList .table tr:first-child,
.card.touristList .table tr:first-child,
.card.orderList .card__content>.table>tbody>tr:first-child,
.modal .table tr:first-child{
    font-weight: 500;
    text-align: center;
}






.orderInfoPluginsList a[href*="GUID=A9AF212A-C604-427B-AA97-950E9546DA0C"],
.orderInfoPluginsList a[href*="GUID=01F5E11C-FC48-49C5-A235-C4C6464AECCA"],
.orderInfoPluginsList a[href*="GUID=4DDFBEA2-7206-4584-9B65-DDA428F6C7CB"],
.orderInfoPluginsList a[href*="GUID=1F21399F-7F77-4A07-9593-44B21F0CE9C7"],
.orderInfoPluginsList a[href*="Controls"]
{
	display: none;
}


.card #ctl00_generalContent_TabContainer1_TabPanel1_FileAttachmentList1_docTable tbody{
	display: flex;
	flex-wrap: wrap;
    /* grid-template-columns: repeat(auto-fill, 100px); */
    gap: 8px;
}

.card .reports__upload td{
    position: relative;
    display: flex;
    justify-content: center;
	width: 100px;
    height: 130px;
    padding: 8px 4px 4px;
    border-radius: 4px;
    color: #0d6efd;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    overflow-wrap: break-word;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
	transition: 0.2s;

}




.card .reports__upload td:hover{
	transform: translate(0px, -6px);
	transition: 0.2s;
}

.card .reports__upload a:before
{
content:'';
display: inline-block;
background: url(Images/file.svg) center no-repeat;
width: 64px;
height: 64px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}


.linkIcon
{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 86px;
    height: 86px;
    background: url(Images/file.svg) center no-repeat;
    background-size: 86px 86px;
    transform: translate(-50%, -50%);
}

.importToMasterAgentLink .linkIcon
{
    background: url(Images/masterAgent.gif) center no-repeat;    
}

.sendMessage .linkIcon
{
    background: url(Images/mail_small.gif) center no-repeat;    
}





/* 
  Был переделан контрол PopMultiDatePicker, 
    теперь размер его текстбокса с датой задаётся в этом классе
*/
.txtMultiDatepickerStyle
{
	border-width: 0px!important;
    border: none;
    text-align: center;
}

.txtMultiDatepickerStyle:focus-visible{
	 outline: none;
}


/*
    Контрол детализации информации по бонусам
*/
.BonusDetailsTable 
{
    width: 100%;
}

    .BonusDetailsTable th 
    {
        background-color: #e0e3e4;
    }

.BonusDetailsFilter 
{
    display: table;
}

    .BonusDetailsFilter .BonusDetailsFilterRow 
    {
        display: table-row;
        text-align: left;
    }

    .BonusDetailsFilter .BonusDetailsFilterColumn 
    {
        margin-left: -10px;
        display: table-cell;
    }

        .BonusDetailsFilter .BonusDetailsFilterColumn select 
        {
            width: 100%;
        }

        .BonusDetailsFilter .BonusDetailsFilterColumn table 
        {
            display: inline-table;
            vertical-align: text-top;
        }
	
/*
   end Контрол детализации информации по бонусам
*/

/*
    Контрол путевок в ордерлисте
*/

.OrderListTableInvalidPaymentSignatureRow {
    
}
.OrderListTableInvalidPaymentSignatureRow td {
    color: red;
} 

/*
    End Контрол путевок в ордерлисте
*/

.trPaymentFromClientPercent {
	line-height: 22px;
}

.buttonSetPaymentFromClient {
	float: right;
	width: 70px;
}

.disabled-button {
	color: lightgray;
}

.lbError {
    color: red;
    font-weight: bold;
}

.minWidth120px {
    min-width: 120px;
}

.minWidth70px {
    min-width: 70px;
}

.minWidth150px {
    min-width: 150px;
}

.minWidth90px {
    min-width: 90px;
}

/* .modal { */
    /* display: none; */
    /* position: fixed; */
    /* z-index: 1; */
    /* padding-top: 220px; */
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* overflow: auto; */
    /* background-color: rgb(0,0,0); */
    /* background-color: rgba(0,0,0,0.4); */
	/* z-index: 100; */
/* } */

.close {
  color: #404040;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-right: 10px;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

/* .modal-content { */
    /* position: relative; */
    /* margin: auto; */
    /* padding: 0; */
    /* width: min-content; */
    /* animation-name: animatetop; */
    /* animation-duration: 0.4s */
/* } */

@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}

.modelContainer {
	padding: 12px;
	background-color: white;
}


/*--------------------------стилизация input type="file"------------------------*/


.input-file-text {
    max-width: 210px;
}


.button-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.setParamButton{
	display: none;
	width: 100%;
	padding: 7.9px 12.4px;
    font-size: 1rem;	
	font-weight: 600;
    transition: all .5s cubic-bezier(.22,.7,.21,.7);
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 15%);
}

.btn.setParamButton--cancel{
	color: var(--bs-secondary-color);
	border: 1px dashed var(--bs-border-color);
	box-shadow: none;
}



@keyframes animate-active-item{
0%,
100%{transform:rotate(0deg);transform-origin:50% 0}
10%{transform:rotate(1deg)}
20%,
40%,
60%{transform:rotate(-2deg)}
30%,
50%,
70%{transform:rotate(2deg)}
80%{transform:rotate(-1deg)}
90%{transform:rotate(1deg)}
}


.stepNum{
	display: flex;
	flex: 0 0 60px;
	color: white;
    background:var(--bs-success);
	padding: 8px;
	border-radius: 8px;
    line-height: 1;	
	font-size: 1.4rem;
	text-align: center;
    align-items: center;
    text-wrap: nowrap;
	z-index: 10;
}


.stepNum__checked{
	display: flex;
	font-size: 1.6rem;
    color: var(--bs-success);
    z-index: 10;
}




.dogovorParamsTable{
	border-collapse: separate;
    border-spacing: 0;
}

.dogovorParamsTable .dogovorParamsTable__item-title{
	width: 270px;
}

.dogovorParamsTable .dogovorParamsTable__item-value{
	font-weight: 600;
    text-align: center;
}

.dogovorParamsItem{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-bottom: 10px;
}



.dogovorPrice{
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: #373737;
	font-size: 12px;
}


.dogovorPrice__item{
	display: flex;
	flex-direction: column;	
    position: relative;
	border-radius: 8px;
	background-color: white;
}

@keyframes pulse-yellow {
	0% {
		transform: scale(1);
		box-shadow: 0 14px 20px rgba(0,0,0,0.25), 0px 10px 10px rgba(0,0,0,0.22), 1px 0px 6px 0px rgba(0,0,0,0.22), 0 0 0 0 rgba(255, 177, 66, 0);
	}
	
	
	30% {
		transform: scale(1.01);
		box-shadow: 0 14px 20px rgba(0,0,0,0.25), 0px 10px 10px rgba(0,0,0,0.22), 1px 0px 6px 0px rgba(0,0,0,0.22), 0 0 0 0 rgba(255, 177, 66, 0.7);
	}
	
	100% {
		transform: scale(1);
		box-shadow: 0 14px 20px rgba(0,0,0,0.25), 0px 10px 10px rgba(0,0,0,0.22), 1px 0px 6px 0px rgba(0,0,0,0.22), 0 0 0 10px rgba(255, 177, 66, 0);
	
	}
}





.dogovorPrice__wrap{
	overflow: hidden;
}

.dogovorPrice__wrapper{}

.dogovorPrice--data{
	width: 500px;
	
}

.dogovorTourist__content--DagovorData{	
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dogovorPrice--data .dogovorPrice__body{
	align-items: stretch;
	gap: 16px;
}




.dogovorPrice--data .dogovorPrice__value{
	flex: 1;
	
}

.dogovorData-item{
	display: flex;
	align-items: flex-end;
    gap: 8px;
}


.dogovorPrice--data .dogovorPrice__value input{
	font-size: 12px;
	flex: 1;
    text-align: left;
}




 .dogovorPrice__item--disabled .dogovorPrice__wrap{
    border: 1px dashed #acacac; 
 }



.dogovorPrice__item--header{

    z-index: 10;
}


.dogovorPrice__item--disabled{
	overflow: hidden;
}



.dogovorPrice__item--disabled .setParamButton{
    color: #ffffff;
    background-color: #717171;
}

.dogovorPrice__item--disabled .setParamButton:hover
{
    color: #ffffff;
    background-color: #717171;
}



.dogovorPrice__item--disabled .dogovorPrice__value{
	color: #717171;
}

.dogovorPrice__item--disabled .dogovorPrice__value input{
		color: #717171;
}

.dogovorPrice__header{
	position: relative;
	display: flex;
	gap: 16px;
	padding: 1rem 1.25rem;
	font-size: 1rem;
	font-weight: 600;
    align-items: flex-start;
	z-index: 2;
}


#dogovorTourist-grid .dogovorPrice__header .header-title{
	display: flex;
	flex: 1;
	align-items: flex-start;
}



.buyer .dogovorPrice__header{
	padding: 1.25rem;
	align-items: center;
}



.dogovorPrice__header--success{
    color: #fbfbfb;
    background-color: #409945;
}

.dogovorPrice__header--active{
    color: #fbfbfb;
    background-color: #e6643d;
}



.dogovorPrice__body{
    display: flex;
	flex: 1;
	flex-direction: column;
	gap: 16px;
	padding: 1rem 1.25rem;

}



#dogovorTourist-grid input{
	
	text-align: center;
}


.prePayBranch__wrapper{
	position: relative;
	display: flex;
    flex-direction: column;
    gap: 8px;
}
	
		

.dogovorPrice__body--button{
	justify-content: flex-start;
}

	

.dogovorPrice__bottom{
	display: flex;
	justify-content: flex-end;
	padding: 0rem 1.25rem 1rem 1.25rem;

}


.dogovorPrice__bottom-title{
	flex: 1;
}

.mapLine{
    width: 50%;
    height: 32px;
    border-right: 6px solid #717171;
    position: relative;
    left: -3px;
	margin-top: -9px;
}


.dogovorTourist__content{
	display: flex;
	flex-direction: column;	
	border: 1px solid #e4e8ec;
    border-radius: 4px;
}


.branchLines1{
	display: flex;
}

.branchLines-item-left{
    width: 50%;
    height: 21px;
    border-right: 3px solid #717171;

}

.branchLines-item-right{
    width: 50%;
    height: 21px;
    border-left: 3px solid #717171;
}

.branchLines2{
    width: 52%;
    height: 21px;
    margin: 0 auto;
	display: flex;
    box-sizing: border-box;
}

.branchLines2-item-left{
	width: 50%;
    height: 100%;
    border-top: 6px solid #717171;
    border-left: 6px solid #717171;
}

.branchLines2-item-right{
	width: 50%;
    height: 100%;
    border-top: 6px solid #717171;
    border-right: 6px solid #717171;
}

.root{
    position: relative;
    width: 50%;
	display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0 auto 1px;
    color: #575b62;
	font-size: 1rem;
    background-color: white;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    z-index: 10;	
}

.root__content{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 1rem 1.25rem;
    font-weight: 600;
	text-align: center;
}



.dogovorPriceBYN{
	color: #373737;
	font-size: 12px;
	border: 2px dashed #868689;
	border-radius: 10px;
	margin-bottom: 16px;
	padding: 10px;
	
}

.dogovorPrice__title{
    font-weight: 600;
    text-align: center;
	margin-bottom: 20px;

}


.dogovorPrice__subtitle{
	font-weight: 600;
	font-style: italic;
}

.dogovorPrice__content{
	display: flex;
	gap: 10px;
	justify-content: space-between;	
}

.dogovorPrice__value{
	width: 300px;
	display: flex;
	gap: 2px;
    align-items: center;
	font-size: 1rem;
	color: #1e2932;
	/* border-bottom:1px dotted #a5a5a5; */

}


.dogovorPrice__value--BYN{
	width: 260px;
	flex-direction: column;
	gap: 8px;
	
}

.dogovorPrice__value input{
	width: 50%;
    font-size: 1rem;
	font-weight: 600;
	border: none;
	border-bottom:1px dotted #a5a5a5;
    color: #1e2932;
	background-color: white;
	text-align: center;
	outline:none;
}

.dogovorPrice__value.dogovorPrice__value--BYN input{
	width: 90%;
}


.dogovorPrice__value input:active,
.dogovorPrice__value input:focus
{
	outline:none;
}



.dogovorPrice__setForm{
	display: flex;
	gap: 5px;
}




.dogovorPrice__currency{
    width: 25%;
    text-align: left;
}

.dogovorPrice__setTextBox{

	display: flex;
    align-items: center;
    gap: 5px;
}


.HideColumn{
	display: none;
}


.btn {
   box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 15%);	
}


.dogovorParamsTable__content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	
}


.orderInfoList{
	display: flex;
	flex-direction: column;
	gap: 24px;
}


.orderInfoList__item{


}



.orderInfoList__group{
	display: flex;
	gap: 24px;
	flex-direction: column;
}


.card__row-wrap{
	display: flex;
	gap: 16px;
	flex: 1;
}

#prePayMinValue{
	align-self: flex-start;
	color: #dc3545;

}



.order_row{
	display: flex;
    gap: 4px;
    flex-direction: column;
	font-size: 1rem;
	margin-top: 6px;
}

.order_row:first-child{
	margin-top: 0px;
}

.dogovor__row{
	margin: 0;
    padding: 1rem 1.25rem;
    font-weight: 600;
    font-size: 1.2rem;
	border: none;
	border-radius: 2px;
    text-align: center;	
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 30%);
}

.dogovor__row.alert{
	display: none;
	font-size: 1rem;
	margin-bottom: 16px;
}


.order__item{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	border-bottom: 1px solid #89888833;	
	padding-bottom: 4px;
	margin-left: 24px;
    justify-items: start;
}



.dogovor__item{
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 8px;
    border-bottom: 1px dotted rgb(108 117 125 / 40%);
    padding: 8px 0;
    margin-left: 40px;

}

.dogovor__item:last-child{
border-bottom: none;

}





.order__item div:first-child{
	
}


.order__item:last-child
{
	border-bottom: none;

}

.order__value{
    display: flex;
}

.order__value--payment{
}



.prePayDate{
	width: 300px;
	display: flex;
	gap: 2px;
	font-size: 12px;
    align-items: center;
    color: #1e2932;
}

.price{
	gap: 16px;
	justify-content: center;
}



.price__buyerDiscount{

    display: none;

}

.price__arrow-down-up{
	display: flex;
	justify-content: center;
    font-size: 20px;
}


.form-switch label{

	cursor: pointer;

}

.fullPayDate{
	justify-content: center;
  
}

.priceBYN{
	justify-content: center;
}


.priceBYN__date{
margin-bottom: 16px;
}


.dogovorPrice__value-title{
	width: 25%;
	font-size: 12px;	
    text-align: right;
}

.dogovorPrice__value--BYN .dogovorPrice__value-title{
	width: 100%;
    font-size: 12px;
    text-align: center;
}




.ui-widget.ui-widget-content{
    font-size: 1.2rem;
	z-index: 9999!important;
}

.ui-datepicker-trigger{
	padding: 8px!important;
	background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}


.prePay__date{
	margin-bottom: 16px;
}



.prePay__value{
	
	
}


.prePay .form-check-label{
	color: #0d6efd;
}


.prePay input:checked + label{
	color: #0d6efd;
}

.multi-collapse1 .text-muted a:hover+i:before {
   transform: translateX(4px);
	transition: .3s;
}

.multi-collapse1 .text-muted a+i:before {
	transition: .3s;
    vertical-align: middle;
}


.radio-control .btn-group{
	gap: 12px;
	align-items: flex-end;
}

.radio-control-1 label.btn{
	font-size: 1.2rem;
}

.radio-control-2 label.btn{
	font-size: 1rem;
}


.radio-control-1 .btn-group{
	margin-bottom: 28px;
}


.radio-control-2 .btn-group{
	
	margin-bottom: 24px;
	
}

.radio-control-3 .btn-group{
	
	margin-bottom: 24px;
	
}



.radio-control-1 .btn-group{	
	width: 290px;	
}

.radio-control-2 .btn-group{	
	width: 270px;	
}

.radio-control-3 .btn-group{	
	width: 330px;
}



.radio-control .btn-group label{
	width: 50%;
	padding: 0;
}




.radio-control .btn-group .btn:first-of-type:after{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 4px;
	border-radius: 8px;
	background-color: #347cac;
	transform: translateX(calc(100% + 10px));
	transition: 0.3s ease;
}


.radio-control .btn-group .btn-check:checked + .btn:first-of-type:after{
	transform: translateX(0%);
	transition: 0.3s ease;
}


.buyer__switchItems, .otherBuyer__switchItems{
	display: flex;
	gap: 16px;
    align-items: center;
	padding: 0;
}


.buyer__mainTourist,
.otherBuyer__physical{
	order: 1;
	font-weight: 500;
	cursor: pointer;
}


.buyer__other,
.otherBuyer__entity{
	order: 3;
	color: var(--bs-tertiary-color);
	font-weight: 500;
	cursor: pointer;	
}

#switchCheck2{
	order: 2;
	margin: 0;

}

input:checked ~ .buyer__mainTourist,
input:checked ~ .otherBuyer__physical
{
	color: var(--bs-tertiary-color);
	text-decoration: line-through;
}

input:checked ~ .buyer__other,
input:checked ~ .otherBuyer__entity
{
	color: #347cac;
}


.buyer .form-switch .form-check-input{
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
	--bs-form-check-bg: #0d6efd;
	
}


.btnEditTourist{
	transition: .3s;
}

.btnCancelTourist{
	transition: .3s;
}

.btnSaveTourist{
	transition: .3s;
}


.btnEditTourist:hover,
.btnCancelTourist:hover,
.btnSaveTourist:hover
{
	transform: scale(1.3);
	transition: .3s;
}
	


#dogovorTourist-grid button{
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 8px 16px;
    font-size: 1rem;
    font-weight: 600;
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 15%);
    transition: all .5s cubic-bezier(.22,.7,.21,.7);
	
	
}



.btn-warning{
	--bs-btn-color: #000;
    --bs-btn-bg: #fec52d;
    --bs-btn-border-color: #fec52d;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e9b428;
    --bs-btn-hover-border-color: #e9b428;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e9b428;
    --bs-btn-active-border-color: #e9b428;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #fec52d;
    --bs-btn-disabled-border-color: #fec52d;	
}




.price__form-switch{
	
	display: flex;
    justify-content: center;
    padding: 1rem 0rem;

}

.price__form-switch .form-check-input{
    width: 40px;	
	height: 25px;
	transform: rotate(270deg);
	background-color: #0d6efd;
    border-color: #0d6efd;

}

.form-switch.price__form-switch .form-check-input{
	
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
	
}


.limitValue{
	display: flex;
	justify-content: space-between;
}




.limitValue__item{
	visibility: hidden;
    font-size: 12px;
}

.input-group .price--invalid{
	border: 1px solid red;
}

.limitValue__item.price--invalid{
	visibility: visible;
	color: red;
	
}

#dogovorTourist-grid .dropdown-item{
    display: flex;
    justify-content: center;
	font-size: 1rem;
    font-weight: 600;
	color: white;
}

#dogovorTourist-grid .dropdown-item:focus, #dogovorTourist-grid .dropdown-item:hover{
    background-color: #ffffff;
    color: #000;
}
	


#dogovorTourist-grid .dropdown-menu.show{
	min-width: 100%;
    background-color: #302b2b;
}



#dogovorTourist-grid .dropdown-item:focus, #dogovorTourist-grid .dropdown-item:hover{	
    background-color: #ffffff;
    color: #000;
}




.dogovorPrice__item--disabled .dogovorPrice__header{
	position: static;	
}



.dogovorPrice__item--disabled .stepNum{
	position: absolute;
	left: 0;
    top: 0;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;	
    height: 100%;
	font-size: 4rem;
    color: var(--bs-tertiary-color);
	border-radius: 4px;
	
	/*-webkit-backdrop-filter: saturate(180%) blur(2px);
    backdrop-filter: saturate(180%) blur(2px);
	background-color: rgb(68 91 104 / 40%);*/
	background-color: var(--main-background-color);
	overflow: hidden;
}

	
	  
#dogovorTourist-grid .dropdown-toggle{
	white-space: normal;
	display: flex;
    justify-content: space-between;
    align-items: center;
}


.orderTooltip{	
	color: var(--bs-warning);
}


.dogovorPrice__orderTooltip{
	font-size: 1.4rem;
}





#paymentDetail{
	flex: 1;
}


#infoModalContent{
	font-size: 1.2rem;
}

#infoModalContent > :last-child{
	margin-bottom: 0;
}


.filter-form-check{
    display: flex;
    gap: 4px;
    font-size: 1rem;
}

.main-navigation {
	margin-bottom: 4px;
    font-size: 13px;
	color: black;
}

.main-navigation a{
	font-size: 1rem;
}

.login-navigation{
	margin-bottom: 8px;
}

.login-navigation a{
font-size: 1.2rem;

}


.order_row-title{
margin-bottom: 0px;
font-weight: 500;
}


.orderList__filter{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;	
	margin-bottom: 24px;
}

.filter__item{
	display: flex;
    gap: 6px 12px;
	flex-wrap: wrap;
	align-items: flex-end;
}




.item-group{
	display: flex;
    gap: 8px;
    flex-direction: column;
	justify-content: space-between;

}



.navbar__orderList{
	display: flex;
	gap: 14px;
	align-items: center;
	transition: color .15s ease-in-out,background-color .15s ease-in-out, border-color .15s ease-in-out;
}




.navbar__orderList-link{
    display: flex;
    align-items: center;
	justify-content: center;
	gap: 16px;
}

.navbar__orderList .bi {
	transition: .1s ease-in-out;
}



.navbar__orderList:hover{
    color: white;
    background-color: #347cac;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}


.navbar__orderList:hover .bi {

	transform: translate(-4px, 0px);
	transition: .1s ease-in-out;
}








.messageList__row{
	position: sticky;
    top: 98px;	
}

#navbar-order .nav-link{
    padding: 1rem 1.25rem 1rem 24px;
	color: #d8e2e9;
    border-radius: 0;
}

#navbar-order .nav-item:last-child .nav-link{

}


#navbar-order .nav-link.active, #navbar-order .show>.nav-link{
	color: white;
	background-color: #347cac;
    border-radius: 0;
}

#navbar-order .nav-link:hover{
	color: white;
	background-color: #347cac;
    border-radius: 0;
}


.bi-arrow-repeat{
	transition: 0.5s;
}


.reference{
    position: absolute;
    top: -23px;
    right: 26px;
}

.touristList__wrap{
    display: flex;
    gap: 16px;
	margin-bottom: 8px;

}

.pagination a[disabled]{
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
}


.dropdown-submenu button{
	min-width: 100%;
    background-color: #302b2b;
	border: none;
	border-radius: 0;
}

.dropdown-submenu button:hover{
    background-color: #fff;
    color: #000;	
}


#dogovorTourist-grid .dropdown-submenu .btn.show{
	background-color: #fff;
    color: #000;
}

	


.colorLegend table tr{
	display: flex;
    flex-direction: column;
}


.table.table-bordered .dgMessages__pagination{
	border: none;
}

.table.table-bordered .dgMessages__pagination td{
	border: none;
	padding: 0;
}


.messageList .table {
	border: none;

}

.dgMessages__pagination span{
    display: inline-block;
    position: relative;
	margin-top: 14px;
    padding: 5px 10px;
    border: 1px solid #dee2e6;	
	background-color: #e9ecef;	
}

.card.messageList .dgMessages__pagination a{
    display: inline-block;
    position: relative;
    padding: 5px 10px;
	color: #347cac;
    border: 1px solid #dee2e6;	
}

.card.messageList textarea{
	width: 320px;
    height: 220px;
    font-size: 1.2rem;
}


.chars-counter{

	text-align: right;
	font-size: 0.8rem;

}

#gear{
	
	transform-origin: 12.5px 12.5px;
	animation: rotate-gear 3s linear infinite;
}

@keyframes rotate-gear {
   from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.order__number{
	position: relative;
	
	
}

.copyToClipboard {
    content: "";
	position: absolute;
    font-size: 20px;
    cursor: pointer;
    transform: translate(5px, -6px);
    transition: 0.5s ease-in-out;
}

.order__number:hover .copyToClipboard {
    opacity: 1;
    transition: 0.2s;
}

.breadcrumb-container{
	
	--bs-breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1NzViNjIiIHZpZXdCb3g9IjAgMCA4LjcgMTQuMiI+PHBhdGggZD0iTTguNSA3LjZMMS42IDE0Yy0uMy4zLS43LjMtMSAwbC0uNC0uNGMtLjMtLjMtLjMtLjcgMC0uOWw2LTUuNi02LTUuNkMtLjEgMS4yLS4xLjguMi42TC42LjJjLjMtLjMuNy0uMyAxIDBsNi45IDYuNWMuMi4yLjIuNiAwIC45eiIvPjwvc3ZnPg==);
	
	

}


.breadcrumb{

	margin-bottom: 0;
}


.breadcrumb-row{
	display: flex;
    justify-content: space-between;
	align-items: center;
	font-weight: 600;
}


.breadcrumb-row a.btn{
    position: fixed;
	top: 127px;
    right: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px;
    border: none;	
    font-size: 1.2rem;	
	font-weight: 600;	
	color: #e4e8eb;
    background: linear-gradient(135deg,#e50075 10%,#d38a00 55%);
	background-size: 100%;
    filter: contrast(1.2);
    transition: .5s;
    z-index: 1000;		
}

.breadcrumb-row a.btn:hover{
    background-size: 200%;
    transition: .5s;
}


.breadcrumb .active a{
	position: relative;
	color: #347cac;
}

.breadcrumb a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #347cac;
	transition: width 0.3s ease-out;
}

.buyer a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 0;
	height: 2px;
	background-color: rgba(33, 37, 41, 0.75);
	transition: width 0.3s ease-out;
}



.breadcrumb a:hover:after,
.breadcrumb a:focus:after {
	width: 100%;
}

.buyer a:hover:after,
.buyer a:focus:after {
	width: 100%;
}

.buyer a ~ i{
	display: inline-block;
	transition: 0.3s ease-out;
}


.buyer a:hover ~ i{
	display: inline-block;
	transform: translate(4px, 0);
	transition: 0.3s ease-out;
}




.breadcrumb-item+.breadcrumb-item::before{
	width: 1rem;
	padding-top: 1px;
}


#accordion.accordion {
	display: flex;
    flex-direction: column;
    gap: 24px;	
}

#accordion.accordion .accordion-item{
	color: var(--main-color);
	border-radius: 8px;
	overflow: hidden;
	border: none;
}

#accordion.accordion .accordion-button{
	color: var(--main-color);
	font-size: 1.4rem;
    font-weight: 500;
	justify-content: space-between;
	gap: 16px;
}



#accordion.accordion .accordion-button:not(.collapsed){
	color: var(--main-color);
	background-color: white;
}


#accordion.accordion .accordion-button::after{
	display: none;
}



#accordion .accordion-body{
	font-size: 1.2rem;
}


#accordionFlush .accordion-item{
    background: transparent;
    height: 100%;
}

#accordionFlush .accordion-header{
    height: 100%;
}




#flush-collapseOne{
    background-color: white;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	border-radius: 0;
}

#flush-collapseOne .accordion-body{
    padding: 1rem 1.25rem 1rem 24px;

}



.accordion-button:focus,
.accordion-button:active
{
	box-shadow:  none;
}


.accordion.accordion-flush{
	background-color: #fec52d;
    box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 15%);
}


#accordionFlush:hover{
	 background-color: #e9b428;
}



#accordionFlush .accordion-button{
    display: flex;
    gap: 12px;
    align-items: center;
	justify-content: space-between;
    height: 100%;
	padding: 1rem 1.25rem 1rem 24px;
	background: transparent;
	transition: background-color .15s ease-in-out;
}




#accordionFlush  .accordion-button .bi{
	font-size: 1.2rem;

}


.dogovorDocuments .card__content{
	display: flex;
    gap: 8px;
	font-size: 18px;
}
	
	
.dogovorDocuments__list{
	display: flex;
    flex-wrap: wrap;
    gap: 8px;
}


.dogovorDocuments__list-item{
	display: none;
}


.cardDocument {
	position: relative;
	width: 110px;
	height: 150px;
	border-radius: 4px;	
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 30%);
	cursor: pointer;
	background-size: 100% 7px;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(.22,.7,.21,.7);
}


.cardDocument:hover{
   transform: translate(0px, -6px);
   background-size: 220% 7px;
   transition: all .5s cubic-bezier(.22,.7,.21,.7);
}


.cardDocument__content{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
	padding: 10px 8px 4px 8px;
	font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;	
	overflow-wrap: break-word;
}


.cardDocument.dogovor{
	background-image: -webkit-linear-gradient(135deg, rgb(52 124 172 / 30%) 30%, rgb(52 124 173) 30%);
	background-image: linear-gradient(135deg, rgb(52 124 172 / 30%) 30%, rgb(52 124 173) 30%);
}

.cardDocument.dop{
	background-image: -webkit-linear-gradient(35deg, rgb(255 135 0 / 30%) 30%, rgb(255 135 0) 30%);
	background-image: linear-gradient(135deg, rgb(255 135 0 / 30%) 30%, rgb(255 135 0) 30%);
}


.cardDocument.dopTermination{
	background-image: -webkit-linear-gradient(35deg, rgb(255 0 0 / 30%) 30%, rgb(255 0 0) 30%);
	background-image: linear-gradient(135deg, rgb(255 0 0 / 30%) 30%, rgb(255 0 0) 30%);
}

.cardDocument.applicationRefund{
	background-image: -webkit-linear-gradient(35deg, rgb(255 173 0 / 30%) 30%, rgb(255 173 0) 30%);
	background-image: linear-gradient(135deg, rgb(255 173 0 / 30%) 30%, rgb(255 173 0) 30%);
}


.cardDocument.invoice{
	background-image: -webkit-linear-gradient(35deg, rgb(255 211 0 / 30%) 30%, rgb(255 211 0) 30%);
	background-image: linear-gradient(135deg, rgb(255 211 0 / 30%) 30%, rgb(255 211 0) 30%);
}



.cardDocument.dopBYN{
    background-image: -webkit-linear-gradient(35deg, rgb(41 208 10 / 30%)  30%, rgb(41 208 10) 30%);
    background-image: linear-gradient(135deg, rgb(41 208 10 / 30%) 30%, rgb(41 208 10) 30%);
}


.btn .badge{
	top: -3px;
}


#btnAgentReport{
	z-index: 10;
}



.AgentReportDogovorList-title{
    display: flex;
    justify-content: space-between;
	gap: 8px;
}


#AgentReportDogovorList-expand{
	font-size: 1.2rem;
	cursor: pointer;
}



.card.buyer{
	flex: 1;
}	

.buyer__body{
	padding: 1rem 1.25rem;
	align-items: flex-start;
}

.card.buyer .dogovorPrice__item{
	box-shadow: none;
}
	


.agentReport .table{
    font-size: 1rem;
}


.agentReport .table-wrap{
	width: 100%;
    max-height: 333px;
    overflow-y: auto;
}



.agentReport .table-wpar::-webkit-scrollbar {
  width: 10px;
  height: 12px;	
  background-color: #fff;
}

.agentReport .table-wpar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #888b90;
}

.agentReport .table-wpar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
  border-radius: 10px;
  background-color: #fff;
}



.agentReport .table tr:first-child{
	font-weight: 500;
    vertical-align: bottom;
}

.agentReport .table tr:not(:first-child){
	position: relative;
	cursor: pointer;
	transition: .3s;
}

.agentReport .table tr:not(:first-child):hover{
	background-color: rgb(0 0 0 / 5%);
	transition: .3s;
}


.spinner
{
	position: absolute;
	display: none;
    width: 100%;
    height: 100%;
	top: 0;		
    left: 0;	
    justify-content: center;
    align-items: center;

}

.spinner.show{

	display: flex;

}



.agentReport .table td:first-child{
	text-align: left;
}


.agentReport .card__footer,
.agentDoc .card__footer
{
    display: flex;
	flex-direction: column;
    gap: 12px;
	font-size: 1.2rem;
	padding: 1rem 1.25rem;
    justify-content: space-between;
    align-items: flex-end;
}


.agentReport .footer-item,
.agentReport .footer-item .button-block,
.agentDoc .footer-item.button-block
{
    display: flex;
	align-items: center;

}

.agentReport .footer-item span,
.agentDoc .footer-item span
{
    margin-right: 8px;
	font-weight: 500;
}

.agentReport__cell{
    display: inline-block;
    padding: 0 10px;
    width: 120px;
    text-align: center;
    border-radius: 6px;
	margin-right: 12px;
}

.agentProfile__cell{
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    border-radius: 6px;
	margin-right: 12px;
}
	


.agentReport__accept{
	padding: 2px 16px 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #198754;
    text-align: right;
}


#ctl00_menuLeft_BtnUpload{
	color: #fff;
}

#UploadFilesButton,
#ctl00_menuLeft_BtnUpload{
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 15%);
}

#DebtCommisionValue{
	display: inline;
}

#dopRemark, #dogRemark{
	display: none;
    margin: 0;
	cursor: pointer;
}


.third-person__list{
	display: flex;
	gap: 1rem;
	
}

.iban-item{
	width: 65%;
}

.bic-item{
	width: 35%;
}


.dogovorPrice__body .third-person input{	
	text-align: left;	
}



input.form-check-input:checked + .form-check-label{
	
	font-weight: 600;
	
}

/* input.form-check-input:checked ~ .collapse{	 */
	/* display: block; */

/* } */

.buyer input[data-buyer] ~ button{
	
	display: none;
	
} 

.documentsUpload__list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 16px;
}


.documentsUpload__select{
	display: flex;
    flex-direction: column;
    gap: 12px;
	text-align: center;
}

.page-link{	
	color: #347cac;
}


#documentModal .modal-body{
	display: flex;
	flex-direction: column;
    gap: 16px;
}
	
	
#documentModal .modal-body__content{
    padding-bottom: 16px;
    border-bottom: 1px solid #dee2e6;
}	
	

#documentModal .modal-body__content:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

.prepayInvoiceFreeGroup{
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s cubic-bezier(.22,.7,.21,.7);
}

.prepayInvoiceFreeGroup.show{
	visibility: visible;
	opacity: 1;
	transition: all 1s cubic-bezier(.22,.7,.21,.7);
}




@media (max-width: 1400px){

	:root{
		font-size: 12px;
	}

	.roadmap__step-46 .step-doc{
		width: 210px;

	}


	.roadmap__content{
		grid-template-columns: 120px 50px 180px 180px 260px 1px;

	}

	.card__text .h2{
		font-size: 1.8rem;
	}


	.orderStatus{
		padding: 6px 8px;
		font-size: 0.9rem;
	}

	.order__number .card__icon{
		position: static;
	}

}


@media (max-width: 1284px){
	.PartnerRegistration .loginForm__logo{
		width: 30%;
	}

	.PartnerRegistration .loginForm__form{
		width: 70%;
	}

	.PartnerRegistration .loginForm_picture img {
		width: 250px;
	}

}




@media (max-width: 992px) {
	.loginForm__content{
		flex-direction: column;
	}
	
	.LoginControl .loginForm__logo{	
		width: 100%;
		height: 30%	;
	}


	.LoginControl .loginForm__form{
		width: 100%;
		height: 70%;
		justify-content: flex-start	
	}

	.PasswordRecovery .loginForm__logo{	
		width: 100%;
		height: 30%	;
	}


	.PasswordRecovery .loginForm__form{
		width: 100%;
		height: 70%;
		order: 1;
		justify-content: flex-start	
	}

	.PartnerUser .loginForm__logo{	
		width: 100%;
		height: 30%	;
	}


	.PartnerUser .loginForm__form{
		width: 100%;
		height: 70%;
		order: 1;
		justify-content: flex-start	
	}


	.loginForm_picture{
		top: unset;
	}
	
	.loginForm_picture img{
		width: 300px;
	}
	
	
	.loginForm .return-link svg{
		width: 20px;
		height: 20px;	
	}


	
	.PartnerRegistration .loginForm__logo{	
		    width: 100%;
			height: 15%;	
		}
	

	.PartnerRegistration .loginForm__form{
		width: 100%;
		height: 85%;
		justify-content: flex-start	
		
	}
	
	.PartnerRegistration .loginForm__form{
		width: 100%;
		order: 1;
		justify-content: flex-start;
		
	}
	
	

}

@media (max-width: 650px){

	.PartnerRegistration .table tbody{
		grid-template-columns: repeat(2,1fr);
	}
	
	.loginForm_picture img{
		width: 200px;
	}
	
	.PartnerRegistration .loginForm__logo{	
			height: 10%;	
	}
	
	.PartnerRegistration .loginForm__form{
		height: 90%;
	}
	
}

@media (max-width: 500px){

	.PartnerRegistration .table tbody{
		grid-template-columns: repeat(1,1fr);
	}
	
	.UserDataContainer{

		width: 100%;

	}

}



.qq-quick-login-btn{
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
	--bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
	--bs-btn-border-radius: var(--bs-border-radius); 
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
	
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
}

.qq-quick-login-btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.qq-quick-booking-container img{
	width: 64px;
}

.qq-quick-booking-container button{
	min-width: auto!important;
	min-height: auto!important;
	padding: 4px 8px;
	font-size: 12px;
    border: none !important;
    border-radius: 4px !important;
    color: #fff !important;
	background-color: #717171!important;
	box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 15%);
	cursor: pointer;
    transition: .5s;
}


.qq-quick-booking-container button:hover{
    background-color: #12355b!important;
    transition: .5s;
}

.qq.qq-container{
	min-width: auto!important;
	width: auto!important;
    flex-direction: column;
    margin-top: 16px;	
    padding-top: 8px;
    border-top: 1px solid #dee2e6;
	align-items: flex-start!important;
}	

.errorAccess{
	display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 500;
    padding-top: 2em;
}						

.order .btn-outline-success{
	box-shadow: none;
    border-color: #dee2e6;
    background-color: #367daa;
    color: white;
}

.order .btn-outline-success:hover{
    background-color: white;
    color: #367daa;
}