/************** Шрифты ****************/
@font-face
{
    font-family: "BasisGrotesqueProBold";
    src: url("/utils/js_css/fonts/BasisGrotesqueProBold.ttf");
}
@font-face
{
    font-family: "BasisGrotesqueProRegular";
    src: url("/utils/js_css/fonts/BasisGrotesqueProRegular.ttf");
}
/**************************************/



/*********** Общие настройки **********/
*
{
	margin: 0;
	padding: 0;
	font-family: 'BasisGrotesqueProRegular', sans-serif;
}
html 
{
    position: relative;
    min-height: 100%;
}
body
{
	
}

::selection
{
	background: #FFB16D; /* Safari */
}
::-moz-selection
{
	background: #FFB16D; /* Firefox */
}

a
{
	
}

.hidden
{
	display: none;
}

.is_main
{
	color: red;
}

.bold
{
	font-family: "BasisGrotesqueProBold";
}


.page
{
	margin: 0 0 50px 0;
	-webkit-box-shadow: 0px 21px 37px -10px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 21px 37px -10px rgba(0,0,0,0.8);
	box-shadow: 0px 21px 37px -10px rgba(0,0,0,0.8);
}
.page .ui-content
{
	padding: 15px;
}
@media all and (min-width: 700px)
{
	.page 
	{
		width: 700px;
		margin: 0 auto 25px auto;
	}
}


.header
{ 
	-webkit-box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.75);
}
.header .ui-block-a
{ 
	width: 27.00%;
}
.header .ui-block-b 
{ 
	margin: 10px 0 0 0;
	width: 60.00%; 
	text-align: center;
}
.header .ui-block-с 
{ 
	width: 12.00%;
}
.header .logo
{
	background-size: cover;
	max-width: 65px;
	margin: 5px 0 0 0;
}
.header .app_descr
{
	margin: 12px 0 0 0;
	font-size: 15px;
}
.header .app_addit_descr
{
	text-align: center;
	margin: 0px 0 0 0;
	font-size: 14px;
	color: #BCBCBC;
}

#overlay
{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
}

.ui-popup-container .modal
{
	background: #FFFFFF;
	width: 85vw !important;
}
@media all and (min-width: 700px)
{
	.ui-popup-container .modal
	{
		width: 500px !important;
	}
}
.ui-popup-container .modal .p_header
{
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
}
.ui-popup-container .modal .p_header .close
{
	text-decoration: none;
	color: #888888 !important;
	border-bottom: none;
	font-size: 16px;
}
.ui-popup-container .modal .p_header .close:hover
{
	color: red;
}
.ui-popup-container .modal .p_header .ui-grid-a .ui-block-a
{ 
	width: 92.00%; 
}
.ui-popup-container .modal .p_header .ui-grid-a .ui-block-b
{ 
	width: 8.00%; 
}
.ui-popup-container .modal .p_body
{
	padding: 5px;
}
.ui-popup-container .modal .p_body .zoom_photo
{
	width: 100%;
}
.ui-popup-container .modal .p_footer
{
	padding: 10px;
	border-top: 1px solid #DDDDDD;
}
.ui-popup-container .modal .p_footer .ui-block-a,
.ui-popup-container .modal .p_footer .ui-block-b
{
	padding: 0 5px 0 5px;
}
.ui-popup-container .modal .p_footer .ui-btn
{
	padding: 10px;
	border-top: 1px solid #DDDDDD;
	padding: 5px 7px;
	border-radius: 5px;
	background: linear-gradient(to right, #F3B53F, #E48631);
	color: #FFFFFF;
}

.ui-loader-background,
.ui-modal-background
{
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    position: fixed;
    z-index: 1099;
}
.ui-loading .ui-loader-background
{
    display: block;
}
.ui-loader
{
	background-color: transparent !important;
	box-shadow: none !important;
	top: calc( 50% - 50px );
}
.ui-loader .ui-icon-loading
{
	
}

.ui-input-text, .ui-input-search
{
	margin: 0 !important;
}
.ui-widget-content
{
    border: 1px solid #098FC7 !important;
}

#error_modal
{
	
}
#error_modal .p_header
{
	color: red;
}
#error_modal .p_body
{
	padding: 15px;
}

#success_modal
{
	
}
#success_modal .p_header
{
	color: green;
}
#success_modal .p_body
{
	padding: 15px;
}

#question_modal .p_body
{
	padding: 15px;
}

.field
{
	margin: 0 0 10px 0;
}
.field .title
{
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 14px;
}
.field .value
{
	
}
.field .value textarea
{
	resize: none !important;
	height: auto !important;
	font-size: 13px;
}
.field .value input
{
	font-size: 13px;
} 
/**************************************/



/*************** index ****************/
.index
{
	
}
.index .lock_top
{
	height: 200px;
	background: url(/images/entity/main/index/top.jpg) 100% 100% no-repeat;
    background-size: cover;
}
@media all and (min-width: 400px)
{
	.index .lock_top
	{
		height: 225px;
	}
}
@media all and (min-width: 500px)
{
	.index .lock_top
	{
		height: 275px;
	}
}
@media all and (min-width: 600px)
{
	.index .lock_top
	{
		height: 300px;
	}
}
@media all and (min-width: 700px)
{
	.index .lock_top
	{
		height: 360px;
	}
}

.index .i_header
{
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 20px 0;
}

.index .i_servs
{
	
}
.index .i_servs .is_item
{
	margin: 0 0 20px 0;
}
.index .i_servs .is_item .ui-collapsible-heading-toggle
{
	background: none !important;
	color: #2B2B2B !important;
	border: none !important;
	padding: 2px 0 2px 0 !important;
	border-bottom: none !important;
	text-transform: none;
	font-size: 17px;
	font-weight: bold;
	font-family: 'BasisGrotesqueProRegular', sans-serif;
}
.index .i_servs .is_item .ui-block-a
{
	width: 85%;
}
.index .i_servs .is_item .ui-block-b
{
	width: 15%;
}
.index .i_servs .is_item .item_file
{
	width: 22px;
	vertical-align: middle;
}
.index .i_servs .is_item .is_lock_type
{
	width: 16px;
	vertical-align: middle;
}
.index .i_servs .is_item .isi_colps
{
	padding: 5px 0 10px 10px;
	font-size: 14px;
}
.index .i_servs .is_item .isi_colps .isic_items
{
	
}
.index .i_servs .is_item .isi_colps .isic_items .isici_item 
{
	margin: 0 0 3px 0;
}
.index .i_servs .is_item .isi_colps .is_lock_true,
.index .i_servs .is_item .isi_colps .is_lock_false
{
	margin: 10px 0 0 0;
	font-weight: bold;
}
.index .i_servs .is_item .isi_colps .is_lock_true
{
	color: #A94442;
}
.index .i_servs .is_item .isi_colps .is_lock_false
{
	color: #3C763D;
}
.index .i_servs .is_item .isi_colps .isic_buttons
{
	margin: 5px 0 0 0;
}
.index .i_servs .is_item .isi_colps .isic_margin_top
{
	margin: 20px 0 0 0;
}
.index .i_servs .is_item .isi_colps .isic_buttons a
{
	font-size: 17px;
	color: #6FCEF1;
}
.index .i_servs .is_item .isi_colps .isic_buttons .ui-block-a
{
	width: 50%;
}
.index .i_servs .is_item .isi_colps .isic_buttons .ui-block-b
{
	width: 50%;
}

.qblock
{
	margin: 15px 0 0 0;
	padding: 10px;
	border-radius: 5px;
	border: 1.5px solid #DDDDDD;
}
.qblock .qb_header
{
	
}
.qblock .qb_header .ui-block-a
{
	width: 85%;
	text-align: left;
	font-size: 15px;
	color: #565656;
	font-weight: bold;
}
.qblock .qb_header .ui-block-b
{
	width: 15%;
	text-align: right;
}
.qblock .qb_header .ui-block-b .fa-times
{
    color: #FF8323;
	cursor: pointer;
}
.qblock .qb_buttons
{
	margin: 15px 0 0 0;
}
.qblock .qb_buttons .qbb_addit
{
	margin: 15px 0 0 0;
}
.qblock .qb_buttons .ui-block-a
{
	width: 50% !important;
}
.qblock .qb_buttons .ui-block-b
{
	width: 50% !important;
}
.qblock .qb_buttons .p_cost
{
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
	text-align: center;
	color: #224F88;
}
.qblock .qb_buttons .btn_name
{
	text-align: center;
	cursor: pointer;
	border: solid 1px black;
	padding: 5px;
	border-radius: 5px;
	margin: 0 20px 0 20px;
        background-color: #3C763D;
        font-weight: bold;
        font-size: 16px;
}

.ui-content .nls{
    font-size: 16px;
    font-weight: bold;
}
/**************************************/