/* Minification failed. Returning unminified contents.
(1907,39): run-time error CSS1034: Expected closing parenthesis, found ','
(1907,39): run-time error CSS1042: Expected function, found ','
(1907,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
* {
	margin:0;
	padding:0;
}

html,
body {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;;
}

a,
img,
input,
textarea,
select
{
	outline:none;
	border:none;
}

select:active, select:hover {
  outline: none
}
    select option {
        border: 1px solid #ffffff;
    }
    select option:hover {
    /*background-color:red !important;*/
    border: 1px solid #ffffff;
    box-shadow: 0 0 10px 10px transparent inset !important;
}
	::-ms-reveal,
	::-ms-clear
	{
		display:none;
	}
	textarea
	{
		overflow:auto;
		resize:none;
	}
	table
	{
		border-collapse:collapse;
	}
	td,
	th
	{
		font-weight:normal;

		text-align:left;
		vertical-align:top;
	}

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

	.class___display__block
	{
		display:block;
	}
	.class___display__table
	{
		display:table;
	}
	.class___display__none
	{
		display:none;
	}
	
	.class___position__absolute
	{
		position:absolute;
	}
	.class___position__relative
	{
		position:relative;
	}
	.class___position__fixed
	{
		position:fixed;
	}
	
	.class___float__left
	{
		float:left;
	}
	.class___float__right
	{
		float:right;
	}
	
	.class___width__50
	{
		width:50%;
	}
	.class___height__100
	{
		height:100%;
	}
	.class___height__50
	{
		height:50%;
	}
	
	.class___background__none
	{
		background:none;
	}
	
	.class_div___element-Separator-type__clear_left,
	.class_div___element-Separator-type__clear_right,
	.class_div___element-Separator-type__clear_both,
	
	.class_div___element-Floating_element_separator__left,
	.class_div___element-Floating_element_separator__right,
	.class_div___element-Floating_element_separator__both
	{
		overflow:hidden;
		
		height:0;
	}
	.class___clear__left,
	.class_div___element-Separator-type__clear_left,
	.class_div___element-Floating_element_separator__left
	{
		clear:left;
	}
	.class___clear__right,
	.class_div___element-Separator-type__clear_right,
	.class_div___element-Floating_element_separator__right
	{
		clear:right;
	}
	.class___clear__both,
	.class_div___element-Separator-type__clear_both,
	.class_div___element-Floating_element_separator__both
	{
		clear:both;
	}
	
	
	.class___element-HiddenField
	{
		display:block;
		overflow:hidden;
		
/*
	ANALYZE: difference between 'relative' and 'absolute' ('relative' have problems in IE6-7, affect layout)
*/
		position:absolute;
		left:-99999px;
		
		width:1px;
		height:1px;
	}
	.class_div___element-HiddenField
	{
		overflow:hidden;
		
		position:relative;
		left:-99999px;
		
		width:1px;
		height:1px;
	}
	
	
/*	-------------------------------------------------- */
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		font-weight:normal;
	}

	h1
	{
		padding: 10px 0px 20px;
	}

	.text-60
	{
	    font-size: 60px;
	}

  	.text-40
	{
        font-size: 40px;
	}

  	.text-20
	{
        font-size: 24px;
	}

	.text-15
	{
	    font-size: 15px;
	}
    
    .text-12
	{
        font-size: 12px;
	}

  	.text-upper
	{
        text-transform: uppercase;
	}

    .text-black
	{
        color: #000000;
	}

.text-green {
   color: #222222;
}

.text-green-normal {
   font-style: normal;
   color: #222222;
}

  	.text-red
	{
        color: #ed1313;
	}

    .text-orange-red
    {
        color: #FF4000;
	}
    .text-dark-orange
    {
        color: #FF8C00;
	}
    .text-gold
    {
        color: #FFBF00;
	}
    .text-yellow
	{
        color: #FFFF00;
	}
    .text-green-yellow
	{
        color: #BFFF00;
	} 
    .text-lawn-green
	{
        color: #80FF00;
	} 
    .text-dark-green
	{
        color: #008000;
	} 

	li
	{
		list-style:none;
	}

	sup,
	sub
	{
		vertical-align:inherit;
		font-size:inherit;
		line-height:inherit;
	}

a {
   text-decoration: none;
   color: rgba(0, 0, 0, 0.82);
}

.to-left {
   float: left;
}

.to-right {
   float: right;
}


.chooseAllLoansButton {
   position: absolute;
   text-align: center;
   border: 1px solid black;
   color: black;
   cursor: default;
   display: none;
   z-index: 100;
   background: #f7e2cd;
}

#id_div___component-PageOverlay {
   z-index: 100;
}

.chooseAllLoansButton[disabled] {
   cursor: not-allowed;
   background-color: white;
}

#chooseAllLoansButtonCollector {
   right: 0px;
   font-family: Helvetica,Arial,sans-serif;
   font-weight: bold;
   right: -10px;
   margin-top: 30px;
   border: 1px solid black !important;
}

   #chooseAllLoansButtonCollector p {
      font-size: 12px;
   }

#chooseAllLoansButtonExceptCollector {
   width: auto;
   right: -10px;
   margin-top: 30px;
   font-size: 12px;
   font-weight: bold;
   font-family: Helvetica,Arial,sans-serif;
   border: 1px solid black !important;
}

#chooseAllLoansButtonExceptCollector p {
   font-size: 12px;
}

.segmentsError {
   color: red;
}

.smsLettersAmount {
   display: inline-block;
   font-size: 15px;
}

.smsAddresses {
   font-size: 20px;
}

#massSmsArea label {
   padding-bottom: 20px;
   font-size: 20px;
}

.smsTextArea {
   margin-top: 20px;
   padding: 25px;
   height: auto;
   width: 300px;
}

.middleSmsModal {
   padding: 20px;
   position: relative;
   text-align: center;
}

.smsErrors {
   color: red;
   font-size: 20px;
   text-align: center;
}

#smsSendButton {
   color: #ffffff;
   font-size: 20px;
   background-color: #99d662;
   -webkit-transition: 0.5s ease-out;
   -moz-transition: 0.5s ease-out;
   -o-transition: 0.5s ease-out;
   transition: 0.5s ease-out;
}

   #smsSendButton:hover {
      background-color: #DF0174;
   }

   #smsSendButton:disabled {
      background-color: #D0F5A9;
      color: #A4A4A4;
   }
/*************************************************/

.table_loans tfoot {
   background: #289c3f;
}

.clearTextButton {
   background: url(/images/shared/iClean.png) no-repeat;
   height: 31px;
   cursor: pointer;
   border: none;
   width: 33px;
   position: absolute;
}

#clearTextButton {
   right: 70px;
   top: 35px;
}

#massClearTextButton {
   right: 50px;
   top: 15px;
}

#notificationMessageArea {
   font-size: 25px;
   text-align: center;
   width: 80%;
   position: relative;
   padding: 40px;
   color: #ffffff;
}

.selectedLoanForSms {
   width: 30px;
   cursor: default;
}

#registerAgreements {
   width: auto;
   text-align: center;
   text-transform: uppercase
}

.centeredModalAdminPage {
   position:fixed !important;
}
/*************************************************/


/**************************************************/

.class___element-Button__confirm_calc {
   padding: 10px 0 0;
   font-size: 30px;
   text-align: center;
}

   .class___element-Button__confirm_calc
   span {
      display: inline-block;
      padding: 10px 35px;
      color: #ffffff;
      background-color: #99d662;
      cursor: pointer;
   }

   .class___element-Button__confirm_calc
   span:hover {
      background-color: #cf2b7c;
   }

   .class___element-Button__confirm_calc
   span[disabled] {
      cursor: not-allowed;
      background-color: gray;
      pointer-events: none;
   }

   .class___element-Button__confirm_calc
   a {
      font-size: 18px;
      border: 1px solid transparent;
      font-family: FranklinGothicBookCondC,Arial;
      display: inline-block;
      padding: 6px 12px;
      color: #ffffff;
      background-color: #99d662;
      cursor: pointer;
      text-decoration: none;
   }

   .class___element-Button__confirm_calc
   a:hover {
      background-color: #cf2b7c;
   }

   .class___element-Button__confirm_calc
   button {
      font-size: 18px;
      border: 1px solid transparent;
      font-family: FranklinGothicBookCondC,Arial;
      display: inline-block;
      padding: 6px 12px;
      color: #ffffff;
      background-color: #99d662;
      cursor: pointer;
   }

      .class___element-Button__confirm_calc
      button:hover {
         background-color: #cf2b7c;
      }

      .class___element-Button__confirm_calc
      button[disabled] {
         cursor: not-allowed;
         background-color: gray;
      }

.class___element-Button__confirm {
   display: block;
   padding: 20px 35px;
   font-size: 30px;
   color: #ffffff;
   text-align: center;
   white-space: nowrap;
   background-color: #5fa745;
   cursor: pointer;
}

   .class___element-Button__confirm:hover {
      text-decoration: none;
      background-color: #cf2b7c;
   }

/**********************************************************/

/**********************************************************/
.date_login_table_loans_filter > div {
   float: left;
}

.date_login_table_loans_filter input {
   width: 120px;
}


/**********************************************************/


.table_loans {
   width: 100%;
   cursor: pointer;
   position: relative;
}


.table_loans th, .table_loans td {
   border-bottom: 1px solid #ffffff;
   padding: 3px 5px;
   text-align: center;
   vertical-align: middle;
}

.dataTable.table_loans th, .dataTable.table_loans td {
   padding: 3px 4px;
}

.table_loans
th {
   height: 55px;
   background: #e7ece8;
}

.table_loans
tr {
   height: 50px;
   background: #f9eee3;
}

.table_loans
tbody tr:hover {
   background: #ffffff;
}

.table_loans
tr.row_selected {
   background: #ffffff;
}

.table_loans
tr.new_row td {
   font-weight: bold;
}

.table_loans
.status_pending {
   color: #bb9614;
}

.table_loans
.status_active {
   color: #238536;
}

.table_loans
.status_expired {
   color: #ed1313;
}

.table_loans
.status_percents_canceled {
   color: #ed1313;
}

.table_loans
.status_declined {
   color: #5968c4;
}

.table_loans
.status_selled {
   color: #1da8cb;
}

.table_loans
.status_newclient {
   color: #FF33FF;
}

.table_loans
.class___element-status__active {
   color: #238536;
}

.table_loans
.class___element-status__expired {
   color: #ed1313;
}

.pdf-table-doc {
   display: inline-block;
   margin: 0 5px 0 5px;
}

.linkPdf {
   background: url(/images/shared/icon/PDF/19x23/color__5fa745.png);
}

.table_loans .linkPdf {
   display: block;
   width: 19px;
   height: 23px;
   margin: 0 auto;
   cursor: pointer;
}

.table_loans a[href^="tel"] {
   color: inherit;
   text-decoration: none;
   background: none;
   width: 57px;
}

.table_loans
tfoot th {
   padding: 10px;
   background: #FFEAD4;
   color: #D72900;
}

.table_loans
thead th {
   background: #f7e2cd;
   color: #000000;
}

/************************************************************/

.clientTooltip {
   position: relative;
}

.clientTooltip + .tooltip {
   background-color: white;
   color: #000000;
   border: 1px solid transparent;
   padding: 15px 20px;
   font-size: 14px;
   position: absolute;
   line-height: 130%;
   filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
   -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
   transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);
   opacity: 1;
   max-width: 250px;
   z-index: 2;
   border-radius: 4px;
}

.tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border: 10px solid transparent;
}

.tooltip.top {
   margin-top: -13px;
}

.tooltip.bottom {
   margin-top: 13px;
}

.tooltip.top .tooltip-arrow {
   bottom: -10px;
   left: 50%;
   margin-left: -10px;
   border-top-color: white;
   border-bottom-color: #000000;
   border-width: 10px 10px 0;
}

.tooltip.bottom .tooltip-arrow {
   top: -10px;
   left: 50%;
   margin-left: -10px;
   border-top-color: #000000;
   border-bottom-color: white;
   border-width: 0 10px 10px;
}

.file-input {
   position: relative;
   width: 100px;
}

.file-input input[type=file] {
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   margin: 0;
   opacity: 0;
   z-index: 2;
   cursor: pointer;
   width: 126px;
   height: 32px;
}

input[type=file][disabled] {
   cursor: not-allowed !important;
   background-color: gray;
}

.file-input-name {
   position: absolute;
   left: 130px;
}

/************************************************************/
.table_users .isLockedColorRed {
   color: red;
}

.table_users .isLockedColorGreen {
   color: green;
}

.table_users_filter.simple {
   height: 80px;
}

.table_users_filter div div {
   float: left;
}

.table_users_filter label {
   display: inline-block;
}

.table_users_filter label span {
   display: block;
   margin: 15px 10px 5px !important;
}

.table_users_filter .date_login_table_users_filter span {
   display: block;
   margin: 15px 10px 5px;
}

.table_users_filter .date_login_table_users_filter .table-condensed span {
   margin: 0 !important;
}

.table_users_filter .id_table_users_filter {
   width: 90px;
}

   .table_users_filter .id_table_users_filter input {
      width: 55px;
   }

.table_users_filter .fio_table_users_filter {
   width: 400px;
}

   .table_users_filter .fio_table_users_filter input {
      width: 365px;
   }

.table_users_filter .phone_table_users_filter {
   width: 200px;
}

   .table_users_filter .phone_table_users_filter input {
      width: 163px;
   }

.table_users_filter .email_table_users_filter {
   width: 200px;
}

   .table_users_filter .email_table_users_filter input {
      width: 163px;
   }

.table_users_filter .role_table_users_filter {
   width: 10%;
}

   .table_users_filter .role_table_users_filter select {
      margin: 10px;
      width: 100%;
   }

.table_users_filter .table_users_buttons_block {
   float: right;
   margin: 22px 0 18px;
}

   .table_users_filter .table_users_buttons_block .table_users_filter_apply {
      font-size: 18px;
   }

   .table_users_filter .table_users_buttons_block #clearBtn {
      margin: 0 0 0 10px;
   }

.row_inner_container {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}

/****************************************************************/

.class_label___element-CustomCheckbox,
.class_label___element-CustomCheckbox
span {
   display: inline-block;
}

.class_label___element-CustomCheckbox
input {
   opacity: 0;
   position: absolute;
}

.class_label___element-CustomCheckbox
span {
   padding: 0 0 0 30px;
   font-size: 16px;
   line-height: 31px;
   cursor: pointer;
   position: relative;
}

.class_label___element-CustomCheckbox span:before {
   content: '';
   background: url(/images/shared/checkbox.png) 0 -10px no-repeat;
   height: 28px;
   width: 28px;
   position: absolute;
   top: 0;
   left: 0;
}

.class_label___element-CustomCheckbox
input:checked ~ span:before {
   background-position: 0 -46px;
}

/******************************************************************/

.class_div___component-RadioboxField {
   height: 30px;
}

.class_div___component-RadioboxField
span {
   float: left;
   padding-right: 20px;
   font-size: 18px;
   /*color:#447345;*/
}

.class_div___component-RadioboxField
label {
   float: left;
   line-height: 22px;
   cursor: pointer;
   padding: 0;
}

.class_div___component-RadioboxField
sup,
.class_div___component-RadioboxField
sub {
   width: 22px;
   height: 22px;
   background: url(/images/component/RadioboxField/40x22/color__6fb057.png);
}

.class_div___component-RadioboxField
sup {
   float: right;
   margin: 0 0 0 10px;
}

.class_div___component-RadioboxField
sub {
   float: left;
   margin: 0 10px 0 0;
   background-position: right 0;
}

.class_div___component-RadioboxField
input {
   opacity: 0;
   position: absolute;
}

.class_div___component-RadioboxField
input:checked ~ sup {
   background-position: 0 -22px;
}

.class_div___component-RadioboxField
input:checked ~ sub {
   background-position: right -44px;
}

/******************************************************************/



select.rounded, input.rounded {
   border: 1px solid #ccc;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 6px;
   -moz-box-shadow: 2px 2px 3px #666;
   -webkit-box-shadow: 2px 2px 3px #666;
   box-shadow: 2px 2px 3px #666;
   font-size: 15px;
   padding: 4px 7px;
   outline: 0;
   /*-webkit-appearance: none;*/
   margin: 0 10px;
   width: 200px;
}

.container-collector-panel select.rounded, .container-collector-panel input.rounded {
   margin: 0 0.4em;
}

select.rounded {
   width: 215px;
}

select.rounded:focus, input.rounded:focus {
   border-color: #339933;
}

.table_loans tr {
   color: black;
}

#borrowerInfo label, #borrowerInfo h3, #loanDialog, #loanDetailsTable label {
   font-family: FranklinGothicBookCondC,Arial;
   font-size: 12px;
   color: gray;
}

#borrowerInfo table, #loanDialog table {
   width: 100%;
}


#borrowerInfo .wikEdDiffFragment span {
   padding-left: 1px;
}

#borrowerInfo tr:nth-child(even), #loanDialog tr:nth-child(even) {
   background-color: #f3f6f4;
}


#borrowerInfo tr:nth-child(odd), #loanDialog tr:nth-child(odd) {
   background-color: #eef2ef;
}

tr.row_selected, div.tableHeader, th.ui-state-default {
   font-family: Helvetica,Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: black;
}

tfoot th, div.tableHeader {
   padding: 10px;
   background: #FFEAD4;
   color: #D72900;
}

@media screen and (max-width: 1024px) {
   .Accordion_tableHeader {
      min-width: 950px;
   }
}

.Accordion_tableHeader h3 {
   padding: 10px;
   cursor: pointer;
   background-color: #FFEAD4;
   color: #D72900;
   border-bottom: 1px solid #FF4C00;
}

.Accordion_tableHeader.active h3::after {
   content: "\25b2";
   margin-left: 10px;
}

.Accordion_tableHeader h3::after {
   content: "\25bc";
   margin-left: 10px;
}

div.tableHeader {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

div.tableHeader .form_admin_panel_left {
   display: inline-block;
   width: 49%;
   margin-bottom: 25px;
}

div.tableHeader .form_admin_panel_right {
   display: inline-block;
   width: 50%;
   vertical-align: top;
}

div.tableHeader .form_admin_panel_right.manager {
   display: inline-block;
   width: 25%;
   vertical-align: top;
}

div.tableHeader label {
   display: inline-block;
}

div.tableHeader label span {
   display: block;
   margin: 15px 10px 5px !important;
}

.btn-search {
   display: flex;
   align-items: center;
   margin: 2em 0 0 0;
}

div.tableHeader .form_admin_panel_button_search.manager {
   margin-top: 85px;
}

tfoot th {
   font-size: 14px;
   font-weight: normal;
}

.label-empty {
   width: 50%;
}

th {
   border: none !important;
}

tr.row_selected {
   background: #FFEAD4 !important;
   color: #D72900 !important;
}

.tableHeader div.class___element-Button__confirm_calc {
   display: inline-block;
   float: right;
   padding: 20px 7px;
}

.class___element-Button__confirm_calc span {
   padding: 6px 12px;
   font-size: 18px;
}

.tableHeader .class___element-Button__confirm_calc {
   font-size: 20px;
}

#clearBtn {
   background: url(/images/shared/iClean.png) no-repeat;
   height: 31px;
   cursor: pointer;
   border: none;
   width: 33px;
}

.greenText b {
   font-size: 20px;
   text-align: center;
   width: 100%;
}

.greenText {
   color: #83BB50;
}

.class_div___component-Popup__addressViewModal {
   margin: -220px 0 0 -215px !important;
   top: 33% !important;
}

.class_div___component-Popup__addressDetailViewModal {
   width: 660px !important;
}

.socicon {
   margin: 3px;
   float: left;
   width: 48px;
   height: 48px;
}

.basket {
   border: none;
   cursor: pointer;
   background: transparent url('/Content/icons/trash.png') center top no-repeat;
}

.ui-autocomplete {
   max-height: 200px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
   background: inherit;
}

   .ui-autocomplete li.ui-menu-item-alternate a {
      background-color: #e4eae6;
      color: black;
      border-radius: 0px;
   }

   .ui-autocomplete .ui-menu-item a {
      background-color: #eef2ef;
      color: black;
      border-radius: 0px;
   }

      .ui-autocomplete .ui-menu-item a b {
         font-size: 10px;
      }

   .ui-autocomplete a.ui-state-hover {
   }

#borrowerInfo td, #loanDialog td {
   padding: 10px;
}


/**********************************************************/


.site_table {
   width: 100% !important;
   cursor: pointer;
}

#table_logs_wrapper .dataTables_scrollHeadInner {
   width: 100%;
}

.dataTables_processing {
   z-index: 100;
}

.site_table
th,
.site_table
td {
   border-bottom: 1px solid #ffffff;
   text-align: center;
   vertical-align: middle;
}

.site_table
th {
   height: 55px;
   background: #e7ece8;
}

.site_table
tr {
   height: 50px;
   background: #f2f5f2;
   color: black;
}

.site_table
tbody tr:hover {
   background: #ffffff;
}

.site_table
tr.row_selected {
   background: #83BB50;
}

.site_table
tr:nth-child(even) {
   background-color: #f2f5f2;
}

.site_table
tr:nth-child(odd) {
   background-color: #faf8f3;
}

.Prolonged {
   font-weight: bold;
   color: #009900;
}

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

#loanDetailsTable span {
   font-size: 13px;
   color: #222222;
}

#loanDetailsTable .loanPeriodInDay {
   padding-left: 2px;
}

.loanPeriodInDayText {
   font-weight: bold;
}

.left33 {
   float: left;
   width: 33%;
}

.left25 {
   float: left;
   width: 25%;
}

.loanInfo1 {
   padding: 0px !important;
   background-color: transparent !important;
}

.loanInfo1 tr:nth-child(odd), .loanInfo1 tr:nth-child(even) {
   background-color: transparent !important;
}


.loanInfo1 span {
   padding-left: 0px !important;
}

.whiteBold {
   color: #222222 !important;
   font-weight: bold;
}

button[disabled=disabled], button:disabled span, button:disabled:hover span {
   background-color: gray;
   cursor: auto;
}

#addComment, #prolongLoan, #btnCollectorDiscount {
   padding: 0px !important;
   font-weight: bold;
}

#addComment span, #prolongLoan span, #btnCollectorDiscount span {
   color: white !important;
   font-size: 20px;
}

#addComment, #reductionOfAccruedInterest {
   padding: 0px !important;
   font-weight: bold;
}

#addComment span, #reductionOfAccruedInterest span {
   color: white !important;
   font-size: 20px;
}

#addComment {
   padding: 0px !important;
   font-weight: bold;
}

#addComment span {
   color: white !important;
   font-size: 20px;
}

#addCommentUser {
   padding: 0px !important;
   font-weight: bold;
}

#addCommentUser span {
   color: white !important;
   font-size: 20px;
}

/* Documents */
.documents a:visited {
   color: black;
}

.documents a:link {
   color: red;
}

/* Social */

.social {
   text-transform: uppercase;
   float: left;
   font-size: 20px;
   margin: 10px 10px 10px 0;
   padding: 10px 40px;
   color: #ffffff;
   background: #b1bab2;
   background-repeat: no-repeat;
   background-position: 10px center;
}

.groupheader {
   float: left;
   cursor: pointer;
}

.groupheader span {
   font-size: 20px;
   padding: 10px;
   float: left;
   color: black;
}

.groupheader div {
   background-image: url(/Images/shared/triengle.png);
   background-repeat: no-repeat;
   float: left;
   width: 18px;
   height: 19px;
   bottom: -23px;
   position: relative;
}

.selected div {
   background-repeat: no-repeat;
}

#tabs .ui-widget-header {
   border: none;
}

li.error {
   color: #ff0000;
}

.errorContainer {
   min-height: 280px;
   text-align: center;
}

.pageNotFoundErrorContainer {
   min-height: 280px;
   text-align: left;
}

/*Addaptation*/
@media (max-width: 991px) {
   .wrapper_table_loans {
      overflow-x: auto;
   }
}

.class_div___element-Popup {
   border-radius: 10px 10px 0 0;
   background: #63a44b;
}

   .class_div___element-Popup
   p {
      padding: 15px 20px 0;
      font-size: 24px;
      color: #df1a85;
      text-transform: uppercase;
   }

      .class_div___element-Popup
      p
      span {
         float: right;
         padding-right: 20px;
         font-size: 12px;
         line-height: 24px;
         color: #005411;
         background: url(/images/shared/icon/closing/7x7/color__363f48.png) right center no-repeat;
         cursor: pointer;
      }

   .class_div___element-Popup
   a,
   .class_div___element-Popup
   a:link {
      color: #ffffff;
      text-decoration: underline;
   }

      .class_div___element-Popup
      a:hover {
         text-decoration: none;
      }

   .class_div___element-Popup
   form {
      padding: 15px 20px 20px;
   }

.class_div___element-Popup__generateLettersDebtorsModal .form-with-labels label {
   font-size: 15px;
}

.class_div___element-Popup input {
   width: 100%;
   height: 30px;
   padding: 5px;
   margin: 2px;
   border-radius: 5px;
   font-family: FranklinGothicBookCondC,Arial;
   font-size: 14px;
   color: #457344;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

#id_div___component-Popup__paymentsModal {
   width: auto;
}

#paymentsModalArea {
   padding: 15px 20px 20px;
   max-height: 70vh;
   overflow-y: auto;
}

#paymentsModalArea td {
   padding: 5px;
}

.fa-question-style {
   opacity: 50%;
   padding-right: .5rem;
}

.input-readonly {
   pointer-events: none;
   cursor: none;
   background-color: #eee;
}
.class_div___element-Header {
   border-bottom: 1px solid #FF4D00;
}

.class_ul___element-Menu, .class_div___element-Header {
   font-family: FranklinGothicBookCondC, Arial;
   font-size: 13px;
}

.class_div___element-Header table {
   width: 100%;
   height: 100%;
}

.class_div___element-Header th {
   width: 160px;
}

.class_div___element-Header th, .class_div___element-Header td {
   vertical-align: middle;
}

@media (max-width: 784px) {
   .class_th___element-Header--reg--login_link {
      display: table-cell !important;
   }
}

.class_div___element-Header__logo {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.class_div___element-Header__logo img {
   max-height: 60px;
}

.class_ul___element-Menu {
   list-style: none;
}

.class_ul___element-Menu li {
   float: left;
   font-size: 16px;
   text-transform: uppercase;
}

.class_ul___element-Menu li:hover {
   background-color: #FEC498;
}

.class_ul___element-Menu li a {
   display: block;
   padding: 20px 5px;
}

.class_ul___element-Menu li a:link, .class_ul___element-Menu li a:visited {
   color: #FF4C00;
}

.class_ul___element-Menu li a:hover {
   color: #D72900;
}

.class_ul___element-Menu li.class___element-status__selected a, .class_ul___element-Menu li.class___element-status__selected a:hover {
   color: #EE3F00;
   text-decoration: none;
}

.menu-selected {
   background-color: #FEC498;
}

.class_ul___element-Menu li ul li {
   float: none;
   padding: 5px 0;
}

   .class_ul___element-Menu li ul li a {
      display: block;
      padding: 0 5px;
      line-height: 10px;
   }

.submenuSetup ul {
   margin-top: -30px;
   margin-bottom: 20px;
   display: none;
}

.submenuSetup {
   position: relative;
}

.submenuSetup .submenu-marketing {
   position: absolute;
   z-index: 1;
   box-sizing: border-box;
   top: 87px;
   background-color: antiquewhite;
   white-space: nowrap;
   padding: 10px 5px;
   box-shadow: 0 4px 6px #fd73358f;
}

.logo {
   float: left;
   padding: 10px 10px 10px 0;
}

.header-container {
   z-index: 99;
   flex: 0 0 auto;
   background-color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-shadow: 0px 4px 6px rgba(33, 84, 109, 0.2);
   box-shadow: 0px 4px 6px rgba(33, 84, 109, 0.2);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.header-container__logo {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.header-container__logo img {
   max-height: 60px;
}

.header-nav-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   padding: 0.5% 0 0;
}

.header-nav-list {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 134.77%;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 70%;
   flex: 0 0 70%;
   max-width: 70%;
   font-family: system-ui;
   cursor: pointer;
}

.header-phone {
   font-style: normal;
   font-weight: 300;
   font-size: 18px;
   line-height: 100%;
   color: rgba(0, 0, 0, 0.64);
   font-family: system-ui;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-left: 2em;
}

.header-phone a {
   color: rgba(0, 0, 0, 0.64);
}

.call-me {
   cursor: pointer;
}

.header-phone:hover {
   text-decoration: none;
}

.header-text-gray {
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   line-height: 134.77%;
   text-align: right;
   letter-spacing: 0.03em;
   font-variant: small-caps;
   color: rgba(0, 0, 0, 0.64);
   font-family: system-ui;
   text-transform: lowercase;
}

.header-right-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.header-container a {
   text-decoration: none;
   position: relative;
}

.sticky {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10;
   -webkit-box-shadow: 0px 4px 6px rgba(33, 84, 109, 0.2);
   box-shadow: 0px 4px 6px rgba(33, 84, 109, 0.2);
   padding-bottom: 0.2em;
}

.header-sticky-nav {
   background-color: #fff;
   margin: 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding-bottom: 0.6em;
   max-width: 1065px;
}

.link-sticky {
   padding: 0.3% 1.8%;
   display: none;
}

.sticky .link-sticky {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.header-language {
   margin-left: 2em;
}

.header-phone-mobile {
   width: 25%;
   height: 100%;
}

.header-cabinet {
   top: 0px;
   z-index: 100;
   width: 100%;
   -webkit-transition: top 0.3s;
   transition: top 0.3s;
}

.user-info-loans {
   font-family: system-ui;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 100%;
   color: rgba(0, 0, 0, 0.6);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

div.user-info-loans:nth-child(3) > span:nth-child(1) {
   margin: 0 1em;
}

header .mobile-only {
   display: none;
}

@media screen and (max-width: 1064px) {
   header .mobile-only {
      display: inherit;
   }

   .user-info-mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
   }

   .header-container {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 10px;
   }

   .header-sticky.header-fixed {
      width: 100%;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
   }

   .header-sticky {
      top: 0px;
      z-index: 100;
      width: 100%;
   }

   .header-phone-mobile {
      width: 65%;
      margin: 0;
   }

   .tablet-hidden {
      display: none;
   }

   .header-container {
      border-top: 4px solid #FF4D00;
      position: relative;
   }

   a.header-phone:nth-child(2) {
      width: 90%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-top: 5%;
   }

   .text-phone-green {
      color: #03851C;
      font-weight: 500;
   }

   a.header-phone:nth-child(2) > span:nth-child(2) {
      color: #03851C;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-weight: 500;
      font-size: 14px;
      border: 1px solid #03851C;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 5px;
      padding: 3%;
      margin-top: 5%;
   }

   .header-text-green-and-border {
      text-align: center;
      border: 1px solid rgb(3, 133, 28, 0.6);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 5px;
      padding: 4% 10% 4.4%;
      margin-top: 4%;
      color: #03851C;
      font-family: system-ui;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 134.77%;
      letter-spacing: 0.03em;
      font-variant: small-caps;
      margin-bottom: 0.1em;
      text-transform: lowercase;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .header-phone {
      font-weight: normal;
   }
}

@media screen and (max-width: 799px) {
   .header-container {
      padding: 10px 18px;
   }

   .header-text-gray {
      text-align: center;
   }
}

@media screen and (min-width: 1065px) {
   .header-container {
      padding-top: 0.6em;
      padding-bottom: 0.6em;
      min-height: 70px;
   }
}

@media (orientation: landscape) and (max-width: 850px) {
   .header-phone-mobile {
      height: 100%;
      width: 30%;
   }
}

@media (orientation: landscape) and (max-width: 600px) {
   .header-phone-mobile {
      height: 100%;
      width: 50%;
   }
}

.backdrop {
   position: fixed;
   left: -100%;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.4);
   -webkit-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
   z-index: 3;
}

@media (min-width: 768px) {
   .header-nav-container {
      width: 720px;
   }

   .header-phone-mobile {
      width: 30%;
   }

   .header-reg-container {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
}

@media (min-width: 991px) {
   .header-nav-container {
      width: 960px
   }
}

@media (min-width: 1200px) {
   .header-nav-container {
      width: 1140px;
   }
}

.no-overflow {
   overflow: hidden;
}

/*Стили шапки для страницы регистрации*/

.header-top-border {
   border-top: 4px solid #31BA1B;
}

/*Стили шапки для лк пользователя*/

.header-container.header-cabinet {
   padding: 1em 1em;
}

@media (orientation: landscape) and (max-width: 850px) {
   .header-container.header-cabinet {
      padding: 1em 2em;
   }
}

.header-cabinet-fio {
   margin: 0 1.1em 0 1.5em;
   font-family: system-ui;
   font-style: normal;
   font-weight: 500;
   font-size: 18px;
   line-height: 110%;
   color: rgba(0, 0, 0, 0.82);
}

.messages-container-mobile {
   margin-left: 1.1em;
}

@media screen and (max-width: 1064px) {
   .cabinet-log-out {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 20%;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
   }

   .header-cabinet-fio {
      font-size: 24px;
      margin: 0.7em 0 0.4em;
      word-wrap: break-word;
   }

   .messages-container-mobile {
      margin: 0 0 0 auto;
   }

   .sitius-mob-container {
      justify-content: center;
   }
}

.header-btn-log-out {
   font-family: system-ui;
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 18px;
   font-variant: small-caps;
   color: #FF4C00;
   text-transform: lowercase;
   letter-spacing: 0.03em;
}

   .header-btn-log-out:hover {
      color: #D72900;
   }
   .header-btn-log-out:active {
      color: #FD7335;
   }

.header-cabinet.header-sticky.header-fixed {
   top: 0;
   -webkit-transition: top 0.3s;
   transition: top 0.3s;
}

.self-messages {
   margin: 0 0.5em;
   right: 0;
}

.self-messages .self-messages-icons {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: 36px;
   height: 36px;
   background: #D2F6B0;
   border-radius: 30px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.self-messages .self-messages-icons:hover {
   background: #B4F07B;
}

.self-messages-icons:before {
   content: url(/content/icons/messages.svg);
   -webkit-transform: translate(0%, 8%);
   transform: translate(0%, 8%);
}

.envelopeMessageNotReviewed .self-messages-icons span {
   background: #31BA1B;
   border-radius: 25px;
   color: #fff;
   top: 0;
   right: 0;
   width: 12px;
   height: 12px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 8px;
   position: absolute;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-family: system-ui;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.grecaptcha-badge {
   visibility: hidden !important;
}

.header-messangers-icon svg {
   height: 32px;
   width: 32px;
   fill: #C1C4D6;
}

   .header-messangers-icon svg:hover {
      fill: #8F95B2;
   }
.footer-wrapper {
    padding: 16px 0;
}

#contacts-phone {
   display: flex;
   flex-direction: column;
}

.item-link a{
   text-decoration: none;
}

.messangers-icon {
   height: 24px;
   width: 24px;
   fill: #C1C4D6;
   
}

   .messangers-icon:hover {
      fill: #8F95B2;
   }

.row-container {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content: space-between;
}

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

.align-items-center {
  align-items: center;
}

.flex-container {
  display: flex;
}

.full-height {
   height: 100%;
}

.above-the-line {
   background-color: #F3F3F3;
   padding: 16px 0 14px;
}

.line-footer {
   margin: 0;
   border: none;
   height: 5px;
   background-color: #FF4D00;
}

.text-medium, .nav-container a, .nav-container-cabinet span {
   font-family: system-ui;
   color: #2E2E2E;
}

.text-medium{
   font-size: 16px;
}

.nav-container a, .nav-container-cabinet  span{
   line-height: 1.5em;
   font-size: 16px;
}

.email-footer {
  text-decoration: none;
}

.contacts-phone {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

.email-footer:hover {
   color: #DF3986;
}

.link-text, .nav-container a, .nav-container-cabinet span {
   border-bottom: 1px dashed #9A9A9A;
   padding-bottom: 2px;
}

   .link-text:hover, .nav-container a:hover, .nav-container-cabinet span:hover {
      color: #FF4D00;
      border-bottom: 1px dashed #FF4D00;
      padding-bottom: 2px;
   }

.flex-direction .signature {
  font-family: system-ui;
  line-height: 1em;
  font-size: 12px;
  color: #6d6767;
}

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

.btn-footer {
   align-items: center;
   max-width: 210px;
   width: 100%;
   border-radius: 3px;
   font-family: system-ui;
   font-size: 16px;
   text-align: center;
   font-variant: small-caps;
   text-transform: lowercase;
   cursor: pointer;
   font-weight: 700;
   outline: none;
   box-sizing: border-box;
   padding: 0.5em 0.5em 0.7em 0.5em;
   text-decoration: none;
   transition: all .2s ease-in-out;
}

.btn-footer:hover {
   text-decoration: none;
}
.btn-order {
   background: #DF3986;
   border: none;
   border-radius: 5px;
   box-shadow: 0px 4px 1px #BD1871;
   position: relative;
}

   .btn-order:hover {
      box-shadow: 0px 2px 0px #BD1871;
      transform: translateY(5%);
      -moz-transform: translateY(5%);
   }

  .btn-order:active {
    background: #BD1871;
    box-shadow: 0px 2px 1px #ffffff;
  }

  .btn-order span {
    color: #FFFFFF;
  }

.text-margin a {
  display: inline-block;
}

.nav-container {
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  padding-left: 50px;
}

.nav-container-cabinet {
   padding-bottom: 2rem;
   align-content: flex-start;
   flex-wrap: wrap;
}

   .nav-container-cabinet li {
      margin-right: 2rem;
      margin-bottom: 0.7rem;
   }

   .nav-container:nth-child(-n+3) {
      margin-top: -6px;
   }

.hover-green:hover > span {
   color: #FF4D00;
}

.nav-container > li {
  flex-basis: 28%;
}

.nav-container > li.nav-item-wide {
  flex-basis: 40%;
}

.list {
  margin-bottom: 10px;
}

.list a:hover {
  color: #CF257A;
}

.content img {
  width: 100%;
}

footer .mobile-only {
   display: none;
}

.media-container-cabinet {
   border-top: 1px solid rgba(145, 168, 179, 0.35);
   padding-top: 2.66rem;
   display: flex;
}

.media-container-cabinet .adress-cabinet {
   height: 100%;
   display: flex;
   align-items: center;
}

.media-container-cabinet .text-medium {
   font-size: 14px;
}

@media (max-width: 320px) {
   .footer {
      min-width: 320px;
   }
}

@media (min-width: 1065px) {
   footer .media-container {
      align-items: flex-start;
   }
}

@media screen and (max-width: 920px) {
   footer .media-container-cabinet {
      flex-direction: column-reverse;
      align-items: center;
   }

   footer .text-aligin-center-mobile {
      text-align: center;
   }
}


@media screen and (max-width: 747px) {
   footer .mobile-only {
      display: initial;
   }

   .footer-all {
      padding-bottom: 7em;
   }

   footer .box {
      margin: 0;
   }

   footer .mobile-hidden {
      display: none;
   }
}

@media (max-width: 990px) {

   .media-container-cabinet {
      flex-direction: column-reverse;
      align-items: center;
   }
}

@media screen and (min-width:320px) and (max-width: 1064px) {
   .row-container {
      align-items: center;
      flex-direction: column;
   }
   .above-the-line .row-container {
      flex-direction: column-reverse;
   }

   .nav-container {
      padding: 32px 0;
   }

   .footer-all {
      padding-bottom: 28px;
   }
   .nav-container {
      justify-content: center;
      flex-direction: row;
      padding: 20px 0;
   }

      .nav-container > li.nav-item-wide {
         flex-basis: initial;
      }

      .nav-container > li:nth-child(1) {
         order: 1;
         flex-basis: 50%;
      }

      .nav-container > li:nth-child(2) {
         order: 2;
         flex-basis: 30%;
      }

      .nav-container > li:nth-child(3) {
         order: 7;
         flex-basis: 50%;
      }

      .nav-container > li:nth-child(4) {
         order: 3;
         flex-basis: 50%;
      }

      .nav-container > li:nth-child(5) {
         order: 9;
         flex-basis: 50%;
      }

      .nav-container > li:nth-child(6) {
         order: 6;
         flex-basis: 30%;
      }

      .nav-container > li:nth-child(7) {
         order: 5;
         flex-basis: 50%;
      }

      .nav-container > li:nth-child(8) {
         order: 4;
         flex-basis: 30%;
      }

      .nav-container > li:nth-child(9) {
         order: 8;
         flex-basis: 30%;
      }

      .nav-container > li:nth-child(10) {
         order: 10;
         flex-basis: 30%;
      }
      .nav-container > li:nth-child(11) {
         order: 11;
         flex-basis: 80%;
      }
}
.footer {
   flex-shrink: 0;
}

@media screen and (max-width:1064px) {
   .nav-container-cabinet {
      flex: 0 0 100%;
      max-width: 100%;
      flex-direction: column;
      align-content: center;
      padding: 2rem 0 3rem;
      align-items: center;
   }

      .nav-container-cabinet li{
         margin: 0;
      }

      .nav-container-cabinet li ~ li {
         margin-top: 1.33rem;
      }
   .above-the-line {
      padding: 0 2rem 5rem;
   }
   .media-container-cabinet div ~ div{
      margin-bottom: 1.33rem;
   }

   .adress-cabinet {
      margin-top: 2rem;
   }
}

@media screen and (min-width:1064px) {
   .media-container-cabinet div ~ div {
      margin-left: 2.33rem;
   }
}


.cell_passport {
    float: left;
    width: 155px;
    margin: 0 10px 0 0;
}

.cell_passport {
    position: relative;
}

.cell_passport .field-validation-error {
    position: absolute;
    bottom: 45px;
}
.cell_passport_right {
    float: right;
    width: 120px;
    margin: 0 0 0 10px;
}
.payments {
    margin: 0 auto;
    width: 80%
}

.getLoan-Block {
   margin-top: 20px;
   margin-bottom: 20px;
   text-align: left;
   font-weight: bold;
}

.cardListItem {
   margin-bottom: 20px;
   width: 300px;
   height: 50px;
}

.payments td a {
    display: block;
    text-align: center;
}

.payments td a img {
    height: 150px;
}

/* Landscape tablets and medium desktops */
@media screen and (min-width:785px) and (max-width:1065px) {

   .languages-icon-container {
      margin-left: 100px;
      display: inline;
   }

.class_ul___element-Menu li {
	font-size: 13px;
}

}

/* Portrait tablets and small desktops */
@media screen and (max-width: 784px) {
    .header-language {
        display: none;
    }

.class_ul___element-Menu li.class___element-status__selected a, .class_ul___element-Menu li.class___element-status__selected a:hover {
    background-color: #5fa745;
}
.class_ul___element-Menu li a:hover {
    background-color: #5fa745;
}

.class_div___element-Header th, .class_div___element-Header td {
	padding: 0 15px;
}

.class_div___element-Header  {
    background: #eff5ec;
}

.class_ul___element-Menu li {
	float: none;
	border-right: 0 !important;
}


    .form-with-labels td {
        width: 100%;
        display: block;
        padding-bottom: 0;
    }
    table.payments td {
        width: 100%;
        display: block;
    }

}
.agreements {
    width: 50%;
    margin: 20px auto;
}
.agreements a {
    display: block;
    padding: 16px 0 16px 40px;
    border: 1px solid #238536;
    margin-bottom: 16px;
    text-decoration: none;
    border-radius: 5px;
    width: 100%;
    color: #238536;
    background:url(/images/shared/icon/PDF/19x23/color__5fa745.png) 12px 12px no-repeat;
}
.registerAgreements a {
    display: block;
    padding: 16px 0 16px 40px;
    border: 1px solid #fff;
    margin-bottom: 16px;
    text-decoration: none;
    border-radius: 5px;
    width: 100%;
    color: #fff;
    background:url(/images/shared/icon/PDF/19x23/color__ffffff.png) 12px 12px no-repeat;
}
.registerAgreements div {
    margin-top: 15px;
    padding: 16px 15px;
    border: 1px solid #fff;
    margin-bottom: 16px;
    border-radius: 5px;
    width: 85%;
    color: #fff;
}

@media screen and (max-width: 440px) {
   .registerAgreements div a {
      font-size: 12px;
   }
}
.registerAgreements {
    color: black;
    font-family: 'Times New Roman';
}

.registrationAgreements a { color: #238536; }
.registrationAgreements .agreementLink {
    line-height: 32px;
    font-size: 16px;
    color: #238536;
    margin-left: 5px;
    cursor: pointer;
}

.registrationAgreements .insuranceLink {
  margin-left: 5px;
  cursor: pointer;
  border-bottom: 1px solid #EFF5EC;
  border-bottom-style: dotted;
  padding-bottom: 1px;
  font-family: inherit;
}

@media screen and (max-width: 320px) {
  #id_div___component-Popup__registerAgreementsModal {
    padding-top: 90%;
    padding-left: 40%;
    width: 90% !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  #id_div___component-Popup__registerAgreementsModal {
    padding-top: 50%;
    padding-left: 40%;
    width: 90% !important;
  }
}

.class_div___element-Popup__registerAgreementsModal .registerAgreements a { width: auto }
.class_div___component-Popup__registerAgreementsModal
{
	width: 40% !important;
    margin: 0 auto !important;
    position: absolute;
    left: 30% !important;
    top: 30% !important;
}

.dashboardAgreements a { color: #238536; }
.dashboardAgreements .agreementLink {
    line-height: 32px;
    font-size: 16px;
    color: #238536;
    margin-left: 5px;
    cursor: pointer;
}
.class_div___element-Popup__dashboardAgreementsModal .registerAgreements a { width: auto }
.class_div___component-Popup__dashboardAgreementsModal
{
    position: absolute;
}

.accordion-container article p {
    font-size: 15px;
    line-height: 22px;
    color: #0d1a0e;
}
.accordion-container article h2 {
    margin: 0;
    padding: 5px 0;
}
.accordion-container article h2 a {
    font-size: 24px;
    color: #238536;
}
.accordion-container label span > a {
    font-size: 24px;
    color: #238536;
}

.accordion-container label{
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: auto;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 19px;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		1px 0px 0px 0px rgba(255,255,255,0.9) inset,
		0px 2px 2px rgba(0,0,0,0.1);
}

.accordion-container label:hover{
    background: #fff;
}

.accordion-container input:checked + label,
.accordion-container input:checked + label:hover{
    background: #c6e1ec;
    color: #3d7489;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
    box-shadow:
        0px 0px 0px 1px rgba(155,155,155,0.3),
        0px 2px 2px rgba(0,0,0,0.1);
}

.accordion-container input{
    display: none;
}

.accordion-container article{
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    padding: 0px;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.accordion-container div label{
    text-align: center;
}

.accordion-container article div.news-container{
    padding: 20px;
}

.accordion-container div label .date{
    font-size: 13px;
    float: left;
}

.accordion-container input:checked ~ article{
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    height: auto;
}
/*accordion for news page END*/

/*Cabinet*/

.payment p {
    color: #0d1a0e;
}
.payment h2 {
    font-size: 24px;
    color: #0d1a0e;
    padding: 40px 0 20px;
}
.loan_none {
    padding: 30px 20px;
    margin-bottom: 100px;
    background: #289c3f;
    font-size: 30px;
    color: #c7ff9d;
    text-transform: uppercase;
}

#OperationStatusBlock {
    float: left;
    padding: 20px;
    margin: 0 0 20px;
    background: #289c3f;
    font-size: 30px;
    color: #c7ff9d;
    text-transform: uppercase;
    display: none;
}
#OperationContinuesBlock div {
    float: left;
}
#OperationContinuesBlock div a {
    width: 355px;
    float: left;
    margin: 10px 0 0 10px;
    text-transform: none !important;
}
#OperationContinuesBlock div a:first-child {
    width: 105px;
    margin-left:0;
}
#CardAuthorizationOperationStatusBlock {
    float: left;
    padding: 20px;
    margin: 0 0 20px;
    background: #289c3f;
    font-size: 30px;
    color: #c7ff9d;
    text-transform: uppercase;
    display: none;
}

@media (max-width: 784px) {
    .languages-icon-container {
        display: inline;
        line-height: 20px;
        text-align: center;
    }
}

/*Clearfix*/
.clear:before {
    clear: both;
    display: table;
    content: " ";
}
.clear:after {
    clear: both;
    display: table;
    content: " ";
}


.fullWidth { width: 100%;}

.logo-lang-header {
   box-shadow: -1px 3px 6px rgba(34, 66, 82, 0.52);
}
.active-lang {
   box-shadow: 0px 3px 6px 1px rgba(46, 70, 82, 0.72);
   border: 1px solid rgba(144, 137, 137, 0.8784313725490196);
}
   /*SiteMap page styles end*/
#menucontainer {
    display: flex;
}

#menu {
    margin: auto;
    width: 100%;
}

/* Manager tabs styles begin */

.manager-tab-item {
   background-color: transparent;
   padding-top: 30px;
   padding-bottom: 30px;
   color: #3c8c4a;
   display: inline-block;
   padding-left: 5px;
   padding-right: 5px;
   text-transform: uppercase;
}

   .manager-tab-item.selected {
      background-color: #e51586 !important;
      color: white;
   }

/* Manager tabs styles end */

.popup-agreements-wrapper {
   position: fixed;
   top: 50%;
   left: 50%;
   z-index: 3000;
   transform: translate(-50%, -50%);
   min-width: 310px;
   border-radius: 3px;
   box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.15);
}

@media only screen and (orientation: landscape) and (max-device-width: 820px) {
   .popup-agreements-wrapper {
      max-height: 80vh;
      overflow: auto;
   }
}

/* The Modal (background) */
.modalHTML {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   padding-top: 100px; /* Location of the box */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentHTML {
   position: relative;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   border: 1px solid #888;
   width: 80%;
   min-height: 80%;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s
}

/* The Close Button */
.closeHTML {
   color: white;
   float: right;
   font-size: 20px;
   font-weight: bold;
}

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

.modal-headerHTML {
   padding: 2px 16px;
   background-color: #5cb85c;
   color: white;
}

.modal-bodyHTML {
   padding: 2px 16px;
}

.modal-footerHTML {
   padding: 2px 16px;
   background-color: #5cb85c;
   color: white;
}


/* new */


@media (max-width: 860px) {
   .accordion-container label span > a {
      font-size: 18px;
   }

   .accordion-container label {
      line-height: 25px;
   }
}


.class_div___component-PageOverlay {
   z-index: 500;
   width: 100%;
   height: 100%;
   background-color: #474747;
   opacity: 0.65;
}

.class_div___component-LoadingIndicator {
   z-index: 10000;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.spinner {
   width: 40px;
   height: 40px;
   position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
   width: 10px;
   height: 10px;
   background-color: #69ab4f;
   border-radius: 100%;
   position: absolute;
   -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
   animation: bouncedelay 1.2s infinite ease-in-out;
   /* Prevent first frame from flickering when animation starts */
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

.spinner .spinner-container {
   position: absolute;
   width: 100%;
   height: 100%;
}

.container2 {
   -webkit-transform: rotateZ(45deg);
   transform: rotateZ(45deg);
}

.container3 {
   -webkit-transform: rotateZ(90deg);
   transform: rotateZ(90deg);
}

.circle1 {
   top: 0;
   left: 0;
}

.circle2 {
   top: 0;
   right: 0;
}

.circle3 {
   right: 0;
   bottom: 0;
}

.circle4 {
   left: 0;
   bottom: 0;
}

.container2 .circle1 {
   -webkit-animation-delay: -1.1s;
   animation-delay: -1.1s;
}

.container3 .circle1 {
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
}

.container1 .circle2 {
   -webkit-animation-delay: -0.9s;
   animation-delay: -0.9s;
}

.container2 .circle2 {
   -webkit-animation-delay: -0.8s;
   animation-delay: -0.8s;
}

.container3 .circle2 {
   -webkit-animation-delay: -0.7s;
   animation-delay: -0.7s;
}

.container1 .circle3 {
   -webkit-animation-delay: -0.6s;
   animation-delay: -0.6s;
}

.container2 .circle3 {
   -webkit-animation-delay: -0.5s;
   animation-delay: -0.5s;
}

.container3 .circle3 {
   -webkit-animation-delay: -0.4s;
   animation-delay: -0.4s;
}

.container1 .circle4 {
   -webkit-animation-delay: -0.3s;
   animation-delay: -0.3s;
}

.container2 .circle4 {
   -webkit-animation-delay: -0.2s;
   animation-delay: -0.2s;
}

.container3 .circle4 {
   -webkit-animation-delay: -0.1s;
   animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
   0%, 80%, 100% {
      -webkit-transform: scale(0.0)
   }
   40% {
      -webkit-transform: scale(1.0)
   }
}

@keyframes bouncedelay {
   0%, 80%, 100% {
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
   }
   40% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
   }
}


.class_div___component-Popup {
   left: 50%;
   top: 50%;
   z-index: 100;
   transform: translate(-50%, -50%);
   width: 450px;
}

.class_div___component-Popup__CourtDocumentModal {
   width: 600px !important;
}

   .class_div___component-Popup__CourtDocumentModal label {
      font-size: 15px;
      font-weight: bolder;
   }

   .class_div___component-Popup__CourtDocumentModal .ui-autocomplete  {
     font-size: 12px;
   }

.new-popup {
   display: none;
   position: fixed !important;
   width: fit-content !important;
   max-height: 80vh;
   overflow-y: auto;
}

.new-popup .popup-header {
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 32px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.new-popup .popup-header #close-popup {
   cursor: pointer;
}

.new-popup .popup-container {
   border-radius: 10px 10px 0 0;
   background-color: white;
   padding: 24px 32px;
}

.radio-button-container {
   margin-top: 16px;
}

   .radio-button-container label {
      display: block;
      margin-bottom: 16px;
      font-size: 16px;
   }

@media (max-width: 600px) {
   .class_div___component-Popup {
      width: 395px;
   }
   
   .class_div___element-Popup p {
      font-size: 20px;
      padding-top: 10px;
   }
}

@media (min-width: 600px) and (max-width: 750px) {
   .class_div___component-Popup {
      width: 480px;
   }

   .class_div___element-Popup p {
      font-size: 20px;
      padding-top: 10px;
   }
}