@import url("iziToast.css");

/* Служебные стили. Не изменять. Переопределять после. */


@font-face {
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: normal; 
	src: local('PT Sans'), 
		url('/fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'),  
		url('/fonts/PTS55F_W.woff') format('woff'),
		url('/fonts/PTS55F_W.ttf') format('truetype'),
		url('/fonts/PTS55F_W.svg#PTSans-Regular') format('svg');
	font-display: swap;
}
@font-face {
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: bold; 
	src: local('PT Sans Bold'),
		url('/fonts/PTS75F_W.eot?#iefix') format('embedded-opentype'),
		url('/fonts/PTS75F_W.woff') format('woff'),
		url('/fonts/PTS75F_W.ttf') format('truetype'),
		url('/fonts/PTS75F_W.svg#PTSans-Bold') format('svg');
	font-display: swap;
}


html, body, div, input, textarea, select, button, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, ol, ul, li, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;vertical-align: baseline;
	font-family: PT Sans, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
}
html, body {width:100%;height: 100%;margin: 0px;padding: 0px;}


	body {
		min-width: 314px;width:100%;min-height: 100%;height:100%;background: #F0F2F5;overflow-y: scroll;cursor: default;
		font-family: PT Sans, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;font-size: 14px;font-style: normal;font-weight: normal;line-height: 1.5;color:#222;
		-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch;-o-overflow-scrolling: touch;overflow-scrolling: touch;
		-webkit-text-size-adjust: 100%;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;
		-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
	}
	body div, div, a {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
	
	
/* Elements default styles */
	ol, ul, menu {list-style: none outside none;}
	img {border: 0;}
	video { border: 0;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
	a {cursor:pointer;color:#009cc4;text-decoration:none;background-color: transparent;outline: none;}
	a:hover {text-decoration: none;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
	::-webkit-selection {background: #99b3ce;color: #fff;}
	::-moz-selection {background: #99b3ce;color: #fff;}
	::-ms-selection {background: #99b3ce;color: #fff;}
	::-o-selection {background: #99b3ce;color: #fff;}
	::selection {background: #99b3ce;color: #fff;}
	:link, :visited, :hover, :focus, :active {outline: 0px none currentColor;}
	b,strong {font-weight: bold;}
	hr {border:0 #ccc solid;border-top-width:1px;clear:both;box-sizing: content-box;height: 0;}

 
 
 .page_layout {padding: 0px;margin: 0px auto;position: relative;z-index: 6;width: 1055px;padding-top: 45px;}
 @media screen and (max-width: 1060px) {.page_layout {width: 100%;}}


 
 
body .center { text-align: center;}
.txt_left {text-align: left !important;}
.no_userselect{-webkit-user-select: none;-moz-user-select: none; /*не выделяет/не видит содержимое полей ввода*/-ms-user-select: none;-o-user-select: none;user-select: none;}
.clear {width: auto;height:auto;clear:both;overflow:hidden;}
.adaptiveword {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.whiteblock {background: #FFF;border: 1px solid #E5E6E9;border-radius: 5px;padding:10px;}
.noscroll {overflow: hidden !important;}
.mb10 {margin-bottom:10px;}

/* Кнопки */
.btn {display: inline-block;font-size: 14px;text-align: center;background-color: #BDC3C7;cursor: pointer;border: 0;-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.13);-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.13);box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.13);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #FFF;padding: 5px 17px 6px;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;position: relative;-webkit-appearance: none;-moz-appearance: none;appearance: none;line-height:1.5;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.btn.success {background-color: #99b3d0;}
.btn_block_head {position: absolute;top: 4px;left: 80px;padding: 5px 16px 5px;}
.btn_left_arrow::before {content: '';position: absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #BDC3C7 transparent;top: 8px;left: -8px;}
.success.btn_left_arrow::before {content: '';position: absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #99b3d0 transparent;top: 8px;left: -8px;}

.btn.opacity {background:transparent;color:darkgray;box-shadow:none;}
.btn.zaliv {border-radius: 0px !important;width:100%;}
.btn.big{padding-top: 7px;padding-bottom: 9px;width:100%;font-size:16px;}
.btn:active {-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.13);-moz-box-shadow: inset 0 2px 0 rgba(0,0,0,0.13);box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.13);border: 0 !important;}
.btn:hover {background-color: #A5AAAD;}
.btn:focus {background-color: #A5AAAD;border: 0 !important;}
.btn.success:hover, .btn.success:focus {background-color: #89a2bd;}
.btn.opacity:hover, .btn.opacity:focus {background-color: #D6D7D8;color:#585858;}
.AboutLeft .btn.big {margin-bottom: 10px;}
.block .btn.big {margin-bottom: 0px;}
.btn.noactive:active {-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.13);-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.13);box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.13);}
.btn.noborderradiustop {border-top-left-radius: 0px;border-top-right-radius: 0px;}
.btn.half_btn {width:49%;}

.btn.backbtn {
	background: url('/images/download_102686.png') 14px 11px no-repeat;
    background-size: 19px;
    padding-left: 45px;
}

/* Поля для ввода текста */
.input {width: 100%;height:35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;padding: 6px;border: 1px solid #DEE1E3;border-radius: 3px;}
.input:hover, .input:focus, .input:active {border: 1px solid #89a2bd;}
.input.error{background:#ff7e7e}

/* Радиокнопочки */


/* Кнопки выбора с галочками */

 
.check-wrap {
    position: relative;
    font-size: 14px;
    color: #85929E;
    cursor: pointer;	
    display: block;
    height: 47px;
    padding: 14px 14px 0 43px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.check-wrap .check {
    position: absolute;
    left: -9999em;
    opacity: 0;
}

.check-wrap .check-i {
    position: absolute;
    top: -3px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: #D7DCDE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.check-wrap .check-i {
    top: 13px;
    left: 14px;
}
 
.check-wrap .check:checked + .check-i {
    background: #2ecc71 url("/images/check.png") 4px 6px no-repeat
}

.check-wrap .check:checked ~ .check-label {
    color: #2c3e50
}

.check-wrap .check:disabled + .check-i {
    background: #d7dcde
}

.check-wrap .check:disabled:checked + .check-i {
    background: #d7dcde url("/images/check.png") 4px 6px no-repeat
}

.check-wrap .check:disabled ~.check-label {
    color: #a0a8b0;
    opacity: .5
}

.check-wrap .check:disabled ~.check-i {
    opacity: .5
}

.check:focus ~ .check-label {
    color: #2c3e50
}

.check-wrap:hover .check-i {
    background: #d7dcde url("/images/check.png") 4px 6px no-repeat
}

.check-wrap:hover .check-label {
    color: #2c3e50
}

.check-wrap:hover .check:checked + .check-i {
    background-color: #32d977
}

.check-wrap:hover .check:disabled + .check-i {
    background-color: #32d977
}



/* Кнопки выбора с галочками переработанный только для отображения */


/* Выпадающий списочек  */
.selector {padding: 6px 18px 6px 6px;display: inline-block;font-size: 14px;height: 35px;border: 1px solid #DEE1E3;border-radius: 3px;}
.selector:hover, .selector:focus, .selector:active {border: 1px solid #89a2bd;}
.selector.error{background-color:#F98484;}

 
/* textarea */ 
.edit_txt {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;padding: 6px;border: 1px solid #DEE1E3;border-radius: 3px;}
.edit_txt:hover, .edit_txt:focus, .edit_txt:active {border: 1px solid #89a2bd;}
.edit_txt.error{background-color:#F98484;}

 

/* Стили для попапа */
.popup {overflow-x: hidden;overflow-y: hidden;overflow: hidden;width: 100%;list-style: none;position: fixed;bottom: 0;left: 0;top: 0;right: 0;background-color: black;background-color: rgba(0, 0, 0, 0.8);zoom: 1;height: 100%;margin: auto;z-index: 1111;display: none;box-sizing: border-box;}
.popup_window {margin: auto;position: fixed;bottom: 0;left: 0;top: 0;right: 0;height: 404px;width: 800px;max-width: 100%;background-color: #FFF;box-sizing: border-box;}
.popup_header {display: block;border-bottom: 2px solid #009CC4;height:39px;border-top-left-radius: 3px;border-top-right-radius: 3px;	position: absolute;top: -39px;width: 100%;background: #FFF;padding: 10px 20px 0px 20px;box-sizing: border-box;}
.popup_content {padding: 0px;overflow-y: auto;overflow-x: hidden;height: 100%;width: 100%;position: relative;box-sizing: border-box;}
.popup_content_withscroll {overflow-y: scroll;}
.popup_bottom {	border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;	display: block;height: 40px;box-sizing: border-box;background: white;}
.popup_bottom  a.btn {border-bottom-left-radius: 3px !important;border-bottom-right-radius: 3px !important;-webkit-font-smoothing: subpixel-antialiased;cursor: pointer;}


.popup_bottom  a.half_left, .popup_bottom  a.half_right {width: 50%;border-radius: 0px !important;}
.popup_bottom  a.half_left   {border-bottom-left-radius: 3px !important;float:left;}
.popup_bottom  a.half_right {border-bottom-right-radius: 3px !important;float:right;}


.popup_bottom  a.three_left, .popup_bottom  a.three_center, .popup_bottom  a.three_right {width: 33%;border-radius: 0px !important;}
.popup_bottom  a.three_left   {border-bottom-left-radius: 3px !important;float:left;}
.popup_bottom  a.three_center {float:left;margin-left: 3px;}
.popup_bottom  a.three_right  {border-bottom-right-radius: 3px !important;float:right;}

.fl_l {float: left;font-size: 15px;height: 100%;color: #899BA9;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 90%;display: block;}
.fl_r {float: right;display: block;margin-top: 3px;width: 14px;height: 13px;opacity: 0.2;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAMAAACuAq9NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRUExM0Q1MjUxMjA2ODExODIyQUMyQTMzRDFGNkEyOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQTZGMEM1NkM0NkYxMUUyQUJBM0RDQkU4MjkwNzlGRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQTZGMEM1NUM0NkYxMUUyQUJBM0RDQkU4MjkwNzlGRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTc5NEVGNjY1QjIwNjgxMTgyMkFDMkEzM0QxRjZBMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkVBMTNENTI1MTIwNjgxMTgyMkFDMkEzM0QxRjZBMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fvH07AAAAP1BMVEUGBgYtLS2fn5+3t7e0tLTAwMDY2NgSEhIDAwONjY2QkJDDw8MVFRUPDw8YGBgMDAzGxsbV1dXMzMwAAAD///8NEKVQAAAAZ0lEQVR42izOSRbDQAhDQXmIh7jtBrfuf9YICCuKxX+Ay7QxZ5sW4oPxeMifIbx9pKXRX/CSm3uTLoI0+b4lY5CmXRcpyTP45Z9RqV6wVAarWX0iZdVvjvWoZvZXcN6tfrZ95k+AAQBjDguvjw2BpAAAAABJRU5ErkJggg==");cursor: pointer;}
.fl_r:hover {opacity: 0.7;}
.popup_form {list-style: none;position: fixed;bottom: 0;left: 0;top: 0;right: 0;background-color: rgba(0, 0, 0, 0.8); margin: auto;z-index: 1111;display: none;box-sizing: border-box;}


@media screen and (max-height: 850px) {.popup_window_responsive {max-height: 600px !important;}}
@media screen and (max-height: 650px) {.popup_window_responsive {max-height: 400px !important;}}
@media screen and (max-height: 450px) {.popup_window_responsive {max-height: 200px !important;}}



 











/* Стили для левого блока меню */
.block {background: #FFF;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border: 1px solid #E5E6E9;margin: 0 0 20px;}
.block__header {background: #F6F7F8;height: 40px;color: #7D8893;padding: 12px 15px;font-size: 12px;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;position: relative;border-bottom: 1px solid #EBEDEE;}
.block__header-title {display: block;text-transform: uppercase;font-size: 13px;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.block__container{padding:10px;}
.block .nav_link {position: relative;padding: 8px 29px;cursor:pointer;-webkit-font-smoothing: antialiased;color:#333333;}
.block .main_link {padding: 8px 15px;font-weight: bold;color: #757c85;}
.block .active_link {background-color: #f5f7fa;font-weight: bold;}
.block .active_link::before {background-color: #99b3d0;content: '';height: 100%;left: 0px;position: absolute;top: 0px;width: 3px;}
.block .nav_link:hover {background-color: #f5f7fa;}



/* Верхнее меню */
.page_header {background: #99b3d0;margin: 0px;text-align: center;min-height:45px;position: fixed;top: 0px;left: 0px;right: 0px;margin: auto;z-index:999;}
.page_header .link, .page_header .link_active  {display: inline-block;padding: 15px 10px 10px;color: #FFFFFF;text-shadow: 0px 1px 0px #4e7097;height: 45px;}
.page_header .link_active {border-bottom: 1px solid white;font-weight: bold;}
.page_header .link:hover {border-bottom: 1px solid white;}


#nottouch_topbar {     height: 100vh;     width: 100%;     position: absolute;     right: 0px;     top: 50px;     bottom: 0px;     z-index: 800; }
#nottouch_topbar #topdropmenu {     width: 100%;     height: 100%;     top: 330px;     z-index: 800;     border-left: 1px solid #E5E6E9;     border-right: 1px solid #E5E6E9;     background-color: rgba(0, 0, 0, 0.5);     cursor: pointer;     text-align: center;     background: #FFF;     padding: 10px 10px 0px 10px; 	overflow-y: auto; }
#nottouch_topbar #topdropmenu a {     color: #404040;     display: block;     font-size: 15px;     min-height: 26px;     padding: 10px 30px;     font-weight: 400;     position: relative;     border-bottom: 1px solid #EEE; }

.mobilemode {display: none; 	}
.mobilemode a.active {color: #FFFFFF; }
.mobilemode .buttonuser {color: #6F6B61;     display: inline-block;     padding: 14px 8px 11px 8px;     font-size: 15px;     position: relative; }
.sp_57c9nq {background-image: url(https://pelouse.ru/img/znachki.png);     background-repeat: no-repeat;     background-size: auto;     background-position: -429px -1px;     height: 15px;     width: 15px;     display: inline-block; }

@media screen and (max-width: 820px) {
	.fullmode   {display: none;}
	.mobilemode {display: block;}
}




/* Стили для верхнего блока */
#header {padding: 7px 10px;background: #FFFFFF;color: #607387;border: 1px solid #E5E6E9;border-top: none;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.top_menu_cookie_block {float:left;margin-top: 5px;}
.top_menu_search_block {float:right;}
.top_menu_search_block input {float: left;width: 200px;background: #ffffff url('/images/dev_head_magglass.png') 8px 8px no-repeat;padding: 6px 6px 7px 29px; border: 1px solid #7e7e7e; border-right-style: none;}
.top_menu_search_block button {float: left;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.top_menu_search_block button:before {content: '';position: absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #BDC3C7 transparent;top: 8px;left: -8px;}
.top_menu_search_block:hover button, .top_menu_search_block input:focus button, .top_menu_search_block input:active button {background-color: #99b3d0;}
.top_menu_search_block:hover button:before, .top_menu_search_block input:focus button:before, .top_menu_search_block input:active button:before {border-color: transparent #99b3d0 transparent;}

/* Стили для разделения основного блока */
.page_left_column { float: left;overflow: hidden;width: 320px;}
.page_right_column {width: 700px;float:right;}
.page_right_column .page_title, .page_title  {border-bottom: 1px solid #DDDBDC;color: #524D4D;font-size: 20px;margin: 0px 0px 15px;padding: 10px;}
.page_left_column .btn {margin-bottom:10px;/*display:block; проверить на страницах*/}

/* Стили для основных нотификаторов */
	.aligncenter, .centered {text-align: center;}
	.centered h2 			{font-size: 24px;}
	h2.no-stories 	{background: url('/images/no-stories.png') 50% 20px no-repeat transparent;padding-top: 140px;}
	h2.no-photos 	{background: url('/images/no-photos.png') 50% 20px no-repeat transparent;padding-top: 140px;}
	h2.no-apps 		{background: url('/images/no-apps.png') 50% 20px no-repeat transparent;padding-top: 140px;}
	h2.no-stats 	{background: url('/images/no-stats.png') 50% 20px no-repeat transparent;padding-top: 140px;}
	h2.no-infinity 	{background: url('/images/no-infinity.png') 50% 20px no-repeat transparent;padding-top: 140px;}
	h2.no-access 	{background: url('/images/lock.png') 50% 20px no-repeat transparent;padding-top: 140px;}
	h2.load 		{background: url('/images/load.gif') 50% 20px no-repeat transparent;padding-top: 140px;}
	h2.successpay 	{background: url('/images/green64px/wallet.png') 50% 20px no-repeat transparent;padding-top: 110px;}
.waiting_block {height: 100px;margin-top: 25px;}
h2.is_waiting {padding-top: 140px;}




/* Стили для пагинатора */
.page_title .PageSelector {float: right;margin: 0px;padding: 7px;font-size:13px;}
.nav_point {border: 1px solid #757575;padding: 4px 9px 4px 9px;margin: 0px 3px;border-radius: 15px;color: #757575;}
.nav_point:hover {border: 1px solid #222222;color: #222222;}
.nav_point_active {border: 2px solid #99b3d0;padding: 4px 9px 4px 9px;margin: 0px 3px;border-radius: 15px;color: #99b3d0;font-weight:bold;}


/* Стили для лоадера */
.progress {overflow: hidden;height: 20px;margin-bottom: 20px;background-color: #f5f5f5;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.progress-bar {float: left;width: 0;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center;background-color: #428bca;-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition: width .6s ease;transition: width .6s ease;}
.progress-striped .progress-bar {background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 40px 40px;}
.progress-striped .progress-bar-danger {background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}
.progress-striped .progress-bar-success {background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}
.progress .progress-bar {background-color: #6bafbd;}
.progress.active .progress-bar {-webkit-animation: progress-bar-stripes 2s linear infinite;-moz-animation: progress-bar-stripes 2s linear infinite;-ms-animation: progress-bar-stripes 2s linear infinite;-o-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;}
.progress .progress-bar.progress-bar-danger {background-color: #fc8675;}
.progress .progress-bar.progress-bar-success {background-color: #65cea7;}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}





/* reset default scroller */
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nano > .nano-content {
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.nano > .nano-content:focus {
    outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
    display: none;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}

.nano > .nano-pane {
    z-index: 1;
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9;
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.nano > .nano-pane > .nano-slider {
    background: #444;
    background: rgba(0,0,0,.5);
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility: visible\9;
    opacity: 0.99;
}

.nano .nano-pane {
    background: rgba(216, 223, 225, 0.45) !important;
}

#sidebar-nav .nano-pane {
    background: none !important;
}

.nano .nano-slider {
    background: rgba(137, 160, 179, 0.5) !important;
}






/* Стили для страниц, прочие стили */
#email_lists {margin-top:10px;}
#email_lists.first_view_list {margin-top:40px;}
#email_for_loaded {margin-top: 15px;}
#email_for_loading, #email_for_loaded, #email_success, #email_error {display:none;}
#email_for_loading {background: transparent url("/images/284.gif") 50% 50% no-repeat;height: 100px;margin-top: 25px;}
#email_error {border: 1px solid #f00;border-radius: 3px;padding: 10px;background: #e84242;color: #fff;text-align: center;}
#email_success {border: 1px solid #34d841;border-radius: 3px;padding: 10px;background: #34d841;color: #fff;text-align: center;}
.email_list_hover:hover {background: transparent url('/images/email_edit_icon.png') 100% 100% no-repeat;}
.customer_emails_lists_header {padding: 10px;border: 1px solid #ccc;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom: none;clear: both;overflow: hidden;}
.customer_emails_lists_header .customer_emails_lists_header_block {padding: 5px;float: left;display: inline-block;text-align: center;}
.customer_emails_lists_container {padding: 10px;border: 1px solid #ccc;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;clear: both;overflow: hidden;}
.customer_emails_lists_container .customer_emails_lists_container_block {padding: 5px;float: left;display: inline-block;text-align: center;height:50px;}
.customer_emails_lists_container_block_delete_button {float: right !important;margin: 15px 15px 0px 0px;width: 14px;height: 13px !important;opacity: 0.2;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAMAAACuAq9NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRUExM0Q1MjUxMjA2ODExODIyQUMyQTMzRDFGNkEyOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQTZGMEM1NkM0NkYxMUUyQUJBM0RDQkU4MjkwNzlGRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQTZGMEM1NUM0NkYxMUUyQUJBM0RDQkU4MjkwNzlGRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTc5NEVGNjY1QjIwNjgxMTgyMkFDMkEzM0QxRjZBMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkVBMTNENTI1MTIwNjgxMTgyMkFDMkEzM0QxRjZBMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fvH07AAAAP1BMVEUGBgYtLS2fn5+3t7e0tLTAwMDY2NgSEhIDAwONjY2QkJDDw8MVFRUPDw8YGBgMDAzGxsbV1dXMzMwAAAD///8NEKVQAAAAZ0lEQVR42izOSRbDQAhDQXmIh7jtBrfuf9YICCuKxX+Ay7QxZ5sW4oPxeMifIbx9pKXRX/CSm3uTLoI0+b4lY5CmXRcpyTP45Z9RqV6wVAarWX0iZdVvjvWoZvZXcN6tfrZ95k+AAQBjDguvjw2BpAAAAABJRU5ErkJggg==");cursor: pointer;}
.customer_emails_lists_container_block_delete_button:hover {opacity: 0.7;}

.customer_overall_lists_header{padding: 10px;border: 1px solid #ccc;border-top-left-radius: 5px;border-top-right-radius: 5px;clear: both;overflow: hidden;}
.customer_overall_lists_header .customer_overall_block_left{width: 35%;padding: 10px;float: left;clear: both;}
.customer_overall_lists_header .customer_overall_block_right{width: 60%;padding: 10px;float: right;}

.customer_contacts_lists_header{padding: 10px;border: 1px solid #ccc;border-top-left-radius: 5px;border-top-right-radius: 5px;clear: both;overflow: hidden;}
.customer_contacts_lists_header .customer_contacts_block_left{width: 35%;padding: 10px;float: left;clear: both;}
.customer_contacts_lists_header .customer_contacts_block_right{width: 60%;padding: 10px;float: right;}

.customer_finances_lists_header{padding: 10px;border: 1px solid #ccc;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom: none;clear: both;overflow: hidden;}
.customer_finances_lists_container_block{padding: 10px;border: 1px solid #ccc;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;clear: both;overflow: hidden;}
.customer_finances_lists_header .customer_finances_block{padding: 5px;float: left;display: inline-block;text-align: center;}
.customer_finances_lists_container_block .customer_emails_lists_container_block{padding: 5px;float: left;display: inline-block;text-align: center;min-height: 50px;}

.customer_completed_lists_header{padding: 10px;	border: 1px solid #ccc;	border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom: none;clear: both;overflow: hidden;}
.customer_completed_lists_header .customer_completed_block{padding: 5px;float: left;display: inline-block;text-align: center;}
.customer_completed_lists_container_block{padding: 10px;border: 1px solid #ccc;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;clear: both;overflow: hidden;}
.customer_completed_lists_container_block .customer_completed_line{padding: 5px;float: left;display: inline-block;text-align: center;min-height: 50px;}

.customer_ordertime_line_time{padding: 10px;border: 1px solid #ccc;border-radius: 5px;clear: both;overflow: hidden;}
.customer_ordertime_line_time .ordertime_line_time{display: inline-block;width: 262px;}
.customer_order_count{font-size: 17px;font-weight: bold;text-align: center;}


.customer_last_update.red {background: #ff7e7e !important;}
.customer_last_update.yellow {background: #FF9 !important;}
.customer_last_update:hover{background: rgba(255, 255, 255, 0.6) !important;}
.customer_last_update.red:hover{background: rgba(255, 126, 126, 0.8) !important}
.customer_last_update.yellow:hover{background: rgba(255, 255, 153, 0.7) !important}

.managers_lists_header {padding: 10px 0px;border-bottom: 1px solid #ccc;}
.managers_lists_header .managers_lists_header_block {padding: 5px;float: left;display: inline-block;text-align: center;height: 52px;}
.managers_lists_header .managers_lists_header_block:hover {border-bottom:1px solid #009cc4;}
.managers_lists_header .managers_lists_header_block_passive {border-bottom:none !important;}
.managers_lists_header .managers_lists_header_block_order {border-bottom:1px solid #009cc4;}
.managers_lists_container {padding: 10px 0px;}
.managers_lists_container .managers_lists_container_block {padding: 5px;float: left;display: inline-block;text-align: center;min-height:50px;}
.managers_lists_container .managers_lists_container_block.userisonline i {width: 10px;height: 10px;background: green;display: inline-block;position: relative;left:-10px;border-radius: 5px;}
.managers_lists_container_block.fix_lh {line-height:2.6;}

.page_block_app{width: 100%;margin-top: 5px;}
.page_block_app .page_block_app_left {width: 35%;float: left;min-height: 32px;font-size: 16px;}
.page_block_app .page_block_app_right{width: 60%;float: left;margin-left:18px;}
.page_block_app .line_app{display: inline-block;width: 33%;font-size: 13px;font-weight: bold;}
.page_block_app .text_app{width: 33%;height: 335px;resize: none;}

#delivery_success {display:none;border: 1px solid #34d841;border-radius: 3px;padding: 10px;background: #34d841;color: #fff;text-align: center;}
.delivery_main {margin-top: 15px;}
.delivery_line_top{display: inline-block;padding: 5px;font-size: 15px;border: 1px solid #9e9e9e;border-radius: 3px;}
.delivery_line_top .delivery_line_top_name{display: inline-block;}
.delivery_line_bottom{display: inline-block;padding: 5px;border: 1px solid #9e9e9e;border-radius: 3px;}
.delivery_line_bottom .delivery_line_bottom_name{display: table-cell;vertical-align: middle;}


.phone_input::before {content: '+7';height: 22px;left: 1px;position: absolute;top: 8px;z-index: 1;width: 30px;background: white;text-align: center;}
.customer_overall_lists_header .phone_input::before {background: none;}

/* верхнее подменю */
.top_sub_nav_block 		{background: #FFFFFF;border: 1px solid #ccc;border-top: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: 5px 0px 0px;text-align:center;}
.top_sub_nav_link 		{color: black;padding: 5px 5px 5px 5px;display: inline-block;}
.top_sub_nav_link:hover, .top_sub_nav_link_active{border-bottom: 1px solid #99b3d0;}



/* history time line */
.timeline .status_title {width: 165px;float: left;text-align: right;padding-right: 15px;position: relative;}
.timeline .status_title:after {content: "";position: absolute;display: block;right: -21px;top: 11px;width: 20px;height: 20px;border: 2px solid #99b3d0;border-radius: 15px;background: white;}
.timeline .status_content {max-width: 68%;float: left;text-align: left;padding-left: 15px;margin-left: 20px;}





/* help icon */
i.forsupporticon {
    display: block;
    position: absolute;
    right: 11px;
    top: 10px;
    width: 22px;
    height: 22px;
}

i.forsupporticon:before {
    background-image: url(/images/menu_icons.png);
    background-position: 0 -91px;
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    right: 0px;
    content: '';
    top: 0px;
    background-repeat: no-repeat;
}



/* Form hints for apps add forms */
		
	#app_popup .for_input_hint, #create_score_popup .for_input_hint {
		background: #89a2bd;
		border-radius: 3px 3px 3px 3px;
		color: white;
		min-height: 15px;
		padding: 8px 10px;
		z-index: 999;
		position: absolute;
		display: none;
		left: 30px;
		line-height: 1.6;
		top: 100%;
		width: max-content;
		max-width: 350px;
	}
		
	#app_popup .for_input_hint::before, #create_score_popup .for_input_hint::before {
		content: "\25C0";
		color: #89a2bd;
		position: absolute;
		top: -15px;
		left: 20px;
		transform: rotate(90deg);
	}
	
	#app_popup input:focus + .for_input_hint, #app_popup select:focus + .for_input_hint, #app_popup textarea:focus + .for_input_hint, 
	#create_score_popup input:focus + .for_input_hint, #create_score_popup select:focus + .for_input_hint, #create_score_popup textarea:focus + .for_input_hint {
		display: inline;
	}

	#app_popup .for_input_hint.error, #create_score_popup .for_input_hint.error {
		background: #d45252!important;
	}
	
	#app_popup .for_input_hint.error::before,  #create_score_popup .for_input_hint.error::before {
		color: #d45252!important;
	}

	#app_popup input.required, #app_popup select.required, #app_popup textarea.required,  
	#create_score_popup input.required, #create_score_popup select.required, #create_score_popup textarea.required {
		background: #fff url(/images/red_asterisk.png) no-repeat 1% center;
		padding-left: 30px;
	}






/* Переделать */
#common_css {display: none;}
div.edit {display: inline-block;width: 130px;height: 20px;}
div.ajax_dat {display: inline-block;width: 130px;height: 20px;}
div.edit_dat {display: inline-block;width: 130px;height: 20px;}
small {font-size: 10px;}
div#utils {top: -30px;position: absolute;height: 20px;overflow: hidden;}
a:hover #head_play_btn,a.over #head_play_btn {background-position: -24px 0;}
#head_play_btn.playing {background-position: -96px 0;}
a:hover #head_play_btn.playing,a.over #head_play_btn.playing {background-position: -120px 0;}
a:hover #head_play_btn.over,a:hover #head_play_btn.down,a.over #head_play_btn.over,a.over #head_play_btn.down {background-position: -48px 0;}
a:hover #head_play_btn.playing.over,a:hover #head_play_btn.playing.down,a.over #head_play_btn.playing.over,a.over #head_play_btn.playing.down {background-position: -144px 0;}
.side_bar {background: #FFF;border-bottom-left-radius: 5px;padding: 5px 0 10px 4px;width: 136px;float: left;}
.side_bar ol li {list-style: none;margin: 0px 0px 10px;padding: 0px;}
.left_label {padding: 4px 0;height: 13px;}
.page_right_column.whiteblock .zayvka {width: 312px;margin-top: 5px;}
.zayvka_span {display: inline-block;}
.zayvka_span input, select {width: 140px;}
div.zayvka_span_mak {display: inline-block;width: 150px;margin: 1px 5px 1px 5px;height: 20px;}
.zayvka1 {display: inline-table;width: 250px;margin-top: 5px;}
.zayvka_span1 {display: inline-block;}
.zayvka_span1 input, select {width: 14px;}
div.zayvka_span_mak1 {display: inline-block;width: 170px;margin: 1px 5px 1px 5px;height: 20px;font-size: 13px;}
div.zakazchk{display: inline-table;width: 280px;float: left;font-size: 13px;}
.costumer_page{width: 880px;margin: 0px auto;}
.costumer{display: inline-table;width: 280px;float: left;font-size: 13px;}
.costumer_main {display: inline-table;width: 420px;float: left;}
.costumer_main span {width: 277px;float: right;margin: 5px auto;color: #0089ff;font-weight: bold;font-family: Georgia, 'Times New Roman', Times, serif;font-size: 15px;}
.costumer_main2 {display: inline-table;width: 420px;float: right;}
.costumer_main2 span {width: 277px;float: right;margin: 5px auto;color: #0089ff;font-weight: bold;font-family: Georgia, 'Times New Roman', Times, serif;font-size: 15px;}
.costumer_span2 {display: inline-block;margin-top: 5px;border-bottom-color: black;border-bottom-style: solid;border-bottom-width: 1px;}
.zayvka2 {width: 345px;display: inline-table;}
.zayvka2:last-child div {padding-bottom: 5px;}
.zayvka_span2 {display: inline-block;margin-top: 5px;}
.zayvka_span2 input, select {width: 140px;}
div.zayvka_span_mak2 {display: inline-block;width: 130px;margin: 1px 5px 1px 5px;height: 20px;float: left;}
.zayvka_add {display: inline-table;width: 600px;margin-top: 5px;}
.zayvka_span_add {display: inline-block;}
.zayvka_span_add input {width: 180px;}
.zayvka_span_add select {width: 180px;}
div.zayvka_span_mak_add {display: inline-block;width: 190px;margin: 1px 5px 1px 5px;height: 20px;}
.reg_main {width: 400px;}
.register {  display: inline-block;}
.register input, select {width: 145px;}
div.reg {display: inline-block;width: 240px;margin: 1px 5px 1px 5px;height: 20px;}
.MessageBlock {border: 1px solid #597da3; background: #597da3; padding: 10px; color: #fff}
#profile_info .profile_info {padding-bottom: 5px;}
.button {display: inline-block;width: 10em;height: 2em;line-height: 2em;vertical-align: middle;text-align: center;text-decoration: none;user-select: none;color: rgb(0,0,0);outline: none;border: 1px solid rgba(0,0,0,.4);border-top-color: rgba(0,0,0,.3);border-radius: 2px;background: linear-gradient(rgb(255,255,255), rgb(240,240,240));box-shadow:0 0 3px rgba(0,0,0,0) inset,0 1px 1px 1px rgba(255,255,255,.2),0 -1px 1px 1px rgba(0,0,0,0);transition: .2s ease-in-out;}
.button:hover:not(:active) {box-shadow:0 0 3px rgba(0,0,0,0) inset,   0 1px 1px 1px rgba(94, 128, 173,.5),0 -1px 1px 1px rgba(94, 128, 173,.5);}
.button:active {background: linear-gradient(rgb(250,250,250), rgb(235,235,235));box-shadow:0 0 3px rgba(0,0,0,.5) inset,0 1px 1px 1px rgba(255,255,255,.4),0 -1px 1px 1px rgba(0,0,0,.1);}
.button_ch {display: inline-block;width: 23em;height: 2em;line-height: 2em;vertical-align: middle;text-align: center;text-decoration: none;user-select: none;color: rgb(0,0,0);outline: none;border: 1px solid rgba(0,0,0,.4);border-top-color: rgba(0,0,0,.3);border-radius: 2px;background: linear-gradient(rgb(255,255,255), rgb(240,240,240));box-shadow:0 0 3px rgba(0,0,0,0) inset,0 1px 1px 1px rgba(255,255,255,.2),0 -1px 1px 1px rgba(0,0,0,0);  transition: .2s ease-in-out;}
.button_ch:hover:not(:active) {box-shadow:0 0 3px rgba(0,0,0,0) inset,0 1px 1px 1px rgba(94, 128, 173,.5),0 -1px 1px 1px rgba(94, 128, 173,.5);}
.button_ch:active {background: linear-gradient(rgb(250,250,250), rgb(235,235,235));box-shadow:0 0 3px rgba(0,0,0,.5) inset,0 1px 1px 1px rgba(255,255,255,.4),0 -1px 1px 1px rgba(0,0,0,.1);}
.botton_main {width: 125px;display: inline-table;}
div.block_main {padding: 5px;margin: 5px;position: relative;z-index: 6;background: linear-gradient(rgb(250,250,250), rgb(235,235,235));}
div.block_main:hover:not(:active){box-shadow:0 0 3px rgba(0,0,0,0) inset,0 1px 1px 1px rgba(94, 128, 173,.5),0 -1px 1px 1px rgba(94, 128, 173,.5);}
table.kli {border-collapse: collapse;width: 300px;}
td.kli_td {border: 1px solid black;text-align: center;padding: 4px;}
.kl_info_block_l {float: left;width: 245px;}
.kl_info_li_l {display: inline-block;line-height: 150%;padding-top: 5px;}
.kl_info_l_l {width: 100px;float: left;}
.kl_info_r_l {	width: 135px;font-size:12px;float: left;}
.kl_info_block_t {float: left;width: 340px;}
.kl_info_li_t {display: inline-block;line-height: 150%;padding-top: 5px;}
.kl_info_l_t {width: 130px;float: left;}
.kl_info_r_t {width: 195px;font-size:12px;float: left;}
.kl_info_block_r{float: left;width: 250px;}
.kl_info_li_r {display: inline-block;line-height: 150%;padding-top: 5px;}
.kl_info_l_r {width: 100px;float: left;}
.kl_info_r_r {width: 135px;font-size:12px;float: left;}
.kl_info_line {width: 1px;float: left;border-left: 1px solid black;}
.table_chot {width: 135px;padding:6px 10px 6px 10px;border: 1px solid #696d75;}
.chot_table1 {display: inline-table;width: 305px;}
.chot_table2 {display: inline-table;width: 210px;}
.menu_line_botton {display: inline-table;}
.button_sech {display: inline-block;width: 8em;height: 23px;text-align: center;text-decoration: none;  color: rgb(0,0,0);outline: none;border: 1px solid rgba(0,0,0,.4);border-top-color: rgba(0,0,0,.3);border-radius: 2px;background: linear-gradient(rgb(255,255,255), rgb(240,240,240));box-shadow:0 0 3px rgba(0,0,0,0) inset,0 1px 1px 1px rgba(255,255,255,.2),0 -1px 1px 1px rgba(0,0,0,0);transition: .2s ease-in-out;}
.button_sech:hover:not(:active) {box-shadow:0 0 3px rgba(0,0,0,0) inset,0 1px 1px 1px rgba(94, 128, 173,.5),0 -1px 1px 1px rgba(94, 128, 173,.5);}
.button_sech:active {background: linear-gradient(rgb(250,250,250), rgb(235,235,235));box-shadow:0 0 3px rgba(0,0,0,.5) inset,0 1px 1px 1px rgba(255,255,255,.4),0 -1px 1px 1px rgba(0,0,0,.1);}
div.table_app_1 {width: 100%;display: inline-block;padding: 0px 0px 10px 10px;margin-top: 12px;position: relative;background: linear-gradient(rgba(239, 239, 239, 0.23), rgb(157, 210, 255));}
div.table_app {width: 100%;margin-top: 3px;display: inline-block;padding: 8px 0px 8px 12px;background: #fff !important;border: 1px solid #d6d6d6;position: relative;font-size:13px;border-radius: 3px;}
div.table_app * {color: #333;}
div.table_app_i {padding: 5px 0px 18px 10px;margin: 10px 0px 50px 10px;position: relative;z-index: 6;background: linear-gradient(rgba(255,255,255,0.4), rgba(58, 110, 187, 0.52));font-size:14px;}
div.table_app:hover:not(:active){box-shadow:0 0 3px rgba(0,0,0,0) inset,0 1px 1px 1px rgba(94, 128, 173,.5),0 -1px 1px 1px rgba(94, 128, 173,.5);}
div.table_app_2 {padding: 5px 0px 18px 10px;margin-top: 10px;position: relative;z-index: 6;background: linear-gradient(rgb(250,250,250), rgb(235,235,235));}

#contentText {width: 100%;border: none;}
/*div.ajax {display: inline-block;width: 130px;margin: 1px 5px 1px 5px;height: 20px;}
*/
.admin_links a:hover {color: black !important;}
.admin_block{width:185px;float: left;padding: 10px;}
.admin_block:hover:not(:active){box-shadow:0 0 3px rgba(0,0,0,0) inset,0 1px 1px 1px rgba(94, 128, 173,.5),0 -1px 1px 1px rgba(94, 128, 173,.5);}
input.upload{border-radius: 30px;width:23px;height: 20px;margin-top: -2px;margin-bottom: -3px;margin-left: 0px;box-shadow:1px -1px 1px rgba(0,0,0,0) inset,   0px 0px 0px 0px rgba(126, 141, 160, 0.5), 1px 0px 6px 1px rgba(0, 0, 255, 0.7);}
.order_cat{font-size: 16px;font-weight: bold;}
.prise_list{width: 540px;display: inline-block;float: right;}
.head_prise_list{border: 1px solid #9e9e9e;border-radius: 3px;}
.head_prise_list p{width: 15%;display: inline-block;border-right: 1px solid #9e9e9e;border-bottom: none;font-size: 12px;font-weight: bold;text-align: center;}
.cell_prise_list{border: 1px solid #9e9e9e;border-radius: 3px;}
.cell_prise_list p{width: 15%;display: inline-block;border-right: 1px solid #9e9e9e;border-bottom: none;font-size: 12px;text-align: center;}
.food_prise_list{border: 1px solid #9e9e9e;font-size: 12px;}
.food_prise_list p{width: 19%;display: inline-block;border-right: 1px solid #9e9e9e;border-bottom: none;font-size: 12px;font-weight: bold;text-align: center;}

/* Служебные стили. Переопределяющие */

.nopadding {padding:0px;}
.display_none {display:none;}
.display_block {display:block;}

.alert{color:white;background:#667afb;font-size:14px;margin-top:15px;padding:10px;border-radius:5px;display:none;}
.close{color:white; font-weight:bold; float:right; font-size:22px; cursor:pointer;}

.popup_window .close {color: #9bb0c0; font-size: 36px; font-weight: normal;}
.popup_window .close:hover {color:#58646d}
.dialog_window { margin: auto; position: fixed; bottom: 0; left: 0; top: 0; right: 0; height: auto; width: auto; background-color: #fff; box-sizing: border-box; border-radius:3px; }
.dialog_header { overflow: hidden; display: block; border-bottom: 2px solid #009CC4; padding: 7px 10px 5px 10px; }
.dialog_content { padding: 0; overflow-y: auto; overflow-x: hidden; height: 100%; width: 100%;}
.dialog_footer{	position: absolute; bottom: 0; width: 100%; }
.dialog_footer  a.btn{border-bottom-left-radius: 3px !important;border-bottom-right-radius: 3px !important;-webkit-font-smoothing: subpixel-antialiased;cursor: pointer;}
.dialog_footer  a.half_left, .dialog_footer  a.half_right{width: 50%;border-radius: 0px !important;}
.dialog_footer  a.half_left{border-bottom-left-radius: 3px !important;float:left;}
.dialog_footer  a.half_right{border-bottom-right-radius: 3px !important;float:right;}

.scrollup{
	width:40px;
	height:40px;
	opacity:0.3;
	position:fixed;
	bottom:24px;
	right:37px;
	display:none;
	text-indent:-9999px;
	background: url('/images/icon_top.png') no-repeat;
}

a:hover{
	opacity: 1;
}

.status_Basic{
	background: #607D8B;
    color: white;
    padding: 1px 10px 1px 10px;
    border-radius: 10px;
}

.status_Silver{
	background: skyblue;
    color: white;
    padding: 1px 10px 1px 10px;
    border-radius: 10px;
}

.status_Gold{
	background: #FFC107;
    color: black;
    padding: 1px 10px 1px 10px;
    border-radius: 10px;
}

.status_Platinum{
	background: #3f51b5;
    color: white;
    padding: 1px 10px 1px 10px;
    border-radius: 10px;
}

.status_Diller{
	background: #4CAF50;
    color: white;
    padding: 1px 10px 1px 10px;
    border-radius: 10px;
}

.continue{
	border: 2px solid #00b76c;
	padding: 8px 30px 8px 30px;
	color: black;
	width: 180px;
	height: 45px;
	display: inline-block;
	margin: 20px;
	font-size: 15px;
	background: white;
}

.continue:hover{
	cursor: pointer;
	background: #00b76c;
	color: white;
}

.file_upload_form {
	margin: 10px;
	border: 2px dashed #9E9E9E;
	width: 300px;
	height: 145px;
	text-align: center;
	color: lightgray;
	font-size: 20px;
	font-weight: bold;
}

.file_upload_form:hover{
	border-color: #03a9f4;
}








/* dropzone */



@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}





    .dropzone, .dropzone * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;	box-sizing: border-box; }
    .dropzone {min-height: 150px;background: white;padding: 20px 20px; }
    .dropzone.dz-clickable {cursor: pointer; }
    .dropzone.dz-clickable * {cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {cursor: pointer;}
    .dropzone.dz-started .dz-message {display: none; }
    .dropzone.dz-drag-hover {border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {opacity: 0.5; }
    .dropzone .dz-message {text-align: center;margin: 2em 0; }
    .dropzone .dz-preview {position: relative;display: inline-block;vertical-align: top;margin: 16px;min-height: 100px;}
    .dropzone .dz-preview:hover {z-index: 1000; }
    .dropzone .dz-preview:hover .dz-details {opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {border-radius: 20px;background: #999;background: linear-gradient(to bottom, #eee, #ddd);}
    .dropzone .dz-preview.dz-file-preview .dz-details {opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {background: white; }
    .dropzone .dz-preview.dz-image-preview .dz-details {-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {font-size: 14px;text-align: center;display: block;cursor: pointer;border: none; }
    .dropzone .dz-preview .dz-remove:hover {text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {opacity: 1; }
    .dropzone .dz-preview .dz-details {z-index: 20;position: absolute;top: 0;left: 0;opacity: 0;font-size: 13px;min-width: 100%;max-width: 100%;padding: 2em 1em;text-align: center;color: rgba(0, 0, 0, 0.9);}
    .dropzone .dz-preview .dz-details .dz-size {margin-bottom: 1em;font-size: 16px; }
    .dropzone .dz-preview .dz-details .dz-filename {white-space: nowrap; }
    .dropzone .dz-preview .dz-details .dz-filename:hover span {border: 1px solid rgba(200, 200, 200, 0.8);background-color: rgba(255, 255, 255, 0.8); }
    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {overflow: hidden;text-overflow: ellipsis; }
    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {border: 1px solid transparent; }
    .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {background-color: rgba(255, 255, 255, 0.4);padding: 0 0.4em;border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05);-webkit-filter: blur(8px);filter: blur(8px); }
    .dropzone .dz-preview .dz-image {border-radius: 20px;overflow: hidden;width: 120px;height: 120px;position: relative;display: block;z-index: 10; }
    .dropzone .dz-preview .dz-image img {display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {opacity: 1;-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {pointer-events: none;opacity: 0;z-index: 500;position: absolute;display: block;top: 50%;left: 50%;margin-left: -27px;margin-top: -27px; }
    .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {display: block;width: 54px;height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {opacity: 1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {opacity: 0;-webkit-transition: opacity 0.4s ease-in;-moz-transition: opacity 0.4s ease-in;-ms-transition: opacity 0.4s ease-in;-o-transition: opacity 0.4s ease-in;transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {-webkit-animation: pulse 6s ease infinite;-moz-animation: pulse 6s ease infinite;-ms-animation: pulse 6s ease infinite;-o-animation: pulse 6s ease infinite;animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {opacity: 1;z-index: 1000;pointer-events: none;position: absolute;height: 16px;left: 50%;top: 50%;margin-top: -8px;width: 80px;margin-left: -40px;background: rgba(255, 255, 255, 0.9);-webkit-transform: scale(1);border-radius: 8px;overflow: hidden; }
    .dropzone .dz-preview .dz-progress .dz-upload {background: #333;background: linear-gradient(to bottom, #666, #444);position: absolute;top: 0;left: 0;bottom: 0;width: 0;-webkit-transition: width 300ms ease-in-out;-moz-transition: width 300ms ease-in-out;-ms-transition: width 300ms ease-in-out;-o-transition: width 300ms ease-in-out;transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {opacity: 1;pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {pointer-events: none;z-index: 1000;position: absolute;display: block;display: none;opacity: 0;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;border-radius: 8px;font-size: 13px;top: 130px;left: -10px;width: 140px;background: #be2626;background: linear-gradient(to bottom, #be2626, #a92222);padding: 0.5em 1.2em;color: white; }
    .dropzone .dz-preview .dz-error-message:after {content: '';position: absolute;top: -6px;left: 64px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #be2626; }
    .strong {font-weight: bold;}


	#notifical_wrap{position: relative;margin-top: 50px;}
	.notifical_close__name{display: table; margin-left: auto; padding: 7px 10px; border: 2px solid #c3c3c3; color: #949494; border-radius: 5px; cursor: pointer;}
	.notifical_close__name:hover{border: 2px solid #ff5722; color: #FF5722;}

    .notifical#complete_message{position: relative;height: auto;margin: 10px 0;background: #7eb5b5;color: #fff;text-align: left;padding: 10px 15px;font-size: 13px;font-family: Arial;font-weight: normal;}
    .news.notifical#complete_message{background: #ffa000;white-space: normal;padding-right: 30px;display: flex;align-items: center;}
	.news.notifical .bl{padding-right: 10px;display: block;}
	.news.notifical b{display: block;text-align: right}
	.news.notifical .adate{text-align: right; font-size: 10px;width: 55px;}
    .notifical#complete_message a{color: #fff;text-decoration: underline;font-size: 13px;font-family: Arial;}
    .notifical__close{position: absolute;right: 5px;top: 5px;content: '';display: block;width: 25px;height: 25px;cursor: pointer;}
	.notifical__close:before{content: '';width: 25px;height: 1px;background: #fff;display: block;transform: translate(0px,13px) rotate(45deg);}
	.notifical__close:after{content: '';width: 25px;height: 1px;background: #fff;display: block;transform: translate(0px,11px) rotate(-45deg);}

	table {
	    width: 100%;
	    margin-bottom: 1rem;
	    color: #212529;
	    border-collapse: collapse;
	}

	.table thead th {
	    vertical-align: bottom;
	    border-bottom: 2px solid #dee2e6;
	    border-bottom-width: 2px;
	}

	.table td, .table th {
	    padding: .75rem;
	    vertical-align: top;
	    border: 1px solid #dee2e6;
	}

	.score_str{
		font-size: 18px;
		padding: 15px;
	}

 

	#score_input_pi{
		display: inline-block;
		height: 25px;
		font-size: 18px;
		margin-left: 20px;
		border: none;
		border-bottom: 2px solid #2196F3;
	}

	.continue{
		border: 2px solid #00b76c;
		padding: 8px 30px 8px 30px;
		color: black;
		width: 180px;
		height: 45px;
		display: inline-block;
		margin: 20px;
		font-size: 15px;
		background: white;
	}

	.continue:hover{
		cursor: pointer;
		background: #00b76c;
		color: white;
	}

	.continue_success{
		border: 2px solid #00b76c;
		padding: 8px 30px 8px 30px;
		color: black;
		width: 180px;
		height: 45px;
		display: inline-block;
		margin: 20px;
		font-size: 15px;
		background: white;
	}

	.continue_success:hover{
		cursor: pointer;
		background: #00b76c;
		color: white;
	}




.tableSetting {
  float: right;
  margin-left: 20px;
  position: relative;
}
.tableSetting_nav {
  cursor: pointer;
  height: 40px;
  display: inline-block;
}
.tableSetting_nav:hover span {
  background: #d1d5da;
}
.tableSetting_nav span {
  position: relative;
  width: 30px;
  height: 2px;
  background: #859cb5;
  content: "";
  margin: 13px 0;
  display: block;
}
.tableSetting_nav span:after {
  transition: all 0.4s ease-out;
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background: inherit;
  content: "";
  display: block;
}
.tableSetting_nav span:before {
  transition: all 0.4s ease-out;
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 2px;
  background: inherit;
  content: "";
  display: block;
}

.tableSetting_nav.active span {
  background: transparent;
}
.tableSetting_nav.active span:after {
  background: #859cb5;
  transform: rotate(-45deg) translate(-6px, 6px);
}
.tableSetting_nav.active span:before {
  background: #859cb5;
  transform: rotate(45deg) translate(-6px, -6px);
}

.tableSetting_list {
  position: absolute;
  margin-top: -4px;
  margin-right: -10px;
  right: 0;
  width: 220px;
  padding: 10px;
  background: #fff;
  border: 1px solid #dddbdc;
  font-size: 14px;
  box-shadow: 0px 5px 12px -5px #a0a0a0;
  opacity: 0;
  transition: all 0.4s ease-out;
  transform: translateX(-100%);
}
.tableSetting_list.active {
  opacity: 1;
  transform: translateX(0%);
}
.tableSetting_list ul, .tableSetting_list_pi3d ul {
  list-style: none;
}
.tableSetting_list li, .tableSetting_list_pi3d li {
  margin: 5px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tableSetting_list li:last-child {
  margin-top: 15px;
  justify-content: center;
}

.tableSetting_list li label, .tableSetting_list_pi3d li label {
  cursor: pointer;
}
.tableSetting_list li span, .tableSetting_list_pi3d li span {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #eee;
  display: inline-block;
  margin-right: 10px;
}
.tableSetting_list input[type="checkbox"], .tableSetting_list_pi3d input[type="checkbox"] {
  width: 0;
  height: 0;
  opacity: 0;
}
.tableSetting_list input[type="checkbox"]:checked + label span, .tableSetting_list_pi3d input[type="checkbox"]:checked + label span {
  position: relative;
  border: 1px solid #99b3d0;
}

.tableSetting_list input[type="checkbox"]:checked + label span:after, .tableSetting_list_pi3d input[type="checkbox"]:checked + label span:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  background: #99b3d0;
  content: "";
  display: inline-block;
  transform: translate(-50%, -50%);
}
.tableSetting_list button {
  padding: 5px 7px;
  background: #99b3d0;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.tableSetting_list button:hover {
  background: #748ca6;
}





.filetypeicon {
    float: left;
    display: inline-block;
    width: 27px;
    height: 27px;
    border-radius: 5px;
    background-image: url('/images/typefiles.png');
    background-color: #BBB;
    background-repeat: no-repeat;
	background-position: -11px -149px;
}

.filetypeicon.filetype1 { 
    background-position: -51px -149px;
}

.filetypeicon.filetype2 { 
    background-position: -11px -149px;
}

.filetypeicon.filetype3 { 
    background-position: -11px -102px;
}

.filetypeicon.filetype4 { 
    background-position: -51px -102px;
}

.filetypeicon.filetype5 { 
    background-position: -51px -55px;
}

.filetypeicon.filetype6 { 
    background-position: -11px -55px;
}

.filetypeicon.filetype7 { 
    background-position: -51px -8px;
}

.filetypeicon.filetype8 {
    background-position: -11px -8px;
}
 
 
/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}









	
	
@font-face {
  font-family: 'simple-line-icons';
  src: url('/fonts/Simple-Line-Icons4c82.eot?-i3a2kk');
  src: url('/fonts/simple-line-icons/Simple-Line-Iconsd41d.eot?#iefix-i3a2kk') format('embedded-opentype'),
  url('/fonts/Simple-Line-Icons4c82.ttf') format('truetype'), 
  url('/fonts/Simple-Line-Icons4c82.woff2?-i3a2kk') format('woff2'), 
  url('/fonts/Simple-Line-Icons4c82.woff?-i3a2kk') format('woff'), 
  url('/fonts/Simple-Line-Icons4c82.svg?-i3a2kk#simple-line-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-close,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawar,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calender,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symble-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pintarest,
.icon-social-github,
.icon-social-gplus,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox {
  font-family: 'simple-line-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
  content: "\e005";
}
.icon-people:before {
  content: "\e001";
}
.icon-user-female:before {
  content: "\e000";
}
.icon-user-follow:before {
  content: "\e002";
}
.icon-user-following:before {
  content: "\e003";
}
.icon-user-unfollow:before {
  content: "\e004";
}
.icon-login:before {
  content: "\e066";
}
.icon-logout:before {
  content: "\e065";
}
.icon-emotsmile:before {
  content: "\e021";
}
.icon-phone:before {
  content: "\e600";
}
.icon-call-end:before {
  content: "\e048";
}
.icon-call-in:before {
  content: "\e047";
}
.icon-call-out:before {
  content: "\e046";
}
.icon-map:before {
  content: "\e033";
}
.icon-location-pin:before {
  content: "\e096";
}
.icon-direction:before {
  content: "\e042";
}
.icon-directions:before {
  content: "\e041";
}
.icon-compass:before {
  content: "\e045";
}
.icon-layers:before {
  content: "\e034";
}
.icon-menu:before {
  content: "\e601";
}
.icon-list:before {
  content: "\e067";
}
.icon-options-vertical:before {
  content: "\e602";
}
.icon-options:before {
  content: "\e603";
}
.icon-arrow-down:before {
  content: "\e604";
}
.icon-arrow-left:before {
  content: "\e605";
}
.icon-arrow-right:before {
  content: "\e606";
}
.icon-arrow-up:before {
  content: "\e607";
}
.icon-arrow-up-circle:before {
  content: "\e078";
}
.icon-arrow-left-circle:before {
  content: "\e07a";
}
.icon-arrow-right-circle:before {
  content: "\e079";
}
.icon-arrow-down-circle:before {
  content: "\e07b";
}
.icon-check:before {
  content: "\e080";
}
.icon-clock:before {
  content: "\e081";
}
.icon-plus:before {
  content: "\e095";
}
.icon-close:before {
  content: "\e082";
}
.icon-trophy:before {
  content: "\e006";
}
.icon-screen-smartphone:before {
  content: "\e010";
}
.icon-screen-desktop:before {
  content: "\e011";
}
.icon-plane:before {
  content: "\e012";
}
.icon-notebook:before {
  content: "\e013";
}
.icon-mustache:before {
  content: "\e014";
}
.icon-mouse:before {
  content: "\e015";
}
.icon-magnet:before {
  content: "\e016";
}
.icon-energy:before {
  content: "\e020";
}
.icon-disc:before {
  content: "\e022";
}
.icon-cursor:before {
  content: "\e06e";
}
.icon-cursor-move:before {
  content: "\e023";
}
.icon-crop:before {
  content: "\e024";
}
.icon-chemistry:before {
  content: "\e026";
}
.icon-speedometer:before {
  content: "\e007";
}
.icon-shield:before {
  content: "\e00e";
}
.icon-screen-tablet:before {
  content: "\e00f";
}
.icon-magic-wand:before {
  content: "\e017";
}
.icon-hourglass:before {
  content: "\e018";
}
.icon-graduation:before {
  content: "\e019";
}
.icon-ghost:before {
  content: "\e01a";
}
.icon-game-controller:before {
  content: "\e01b";
}
.icon-fire:before {
  content: "\e01c";
}
.icon-eyeglass:before {
  content: "\e01d";
}
.icon-envelope-open:before {
  content: "\e01e";
}
.icon-envelope-letter:before {
  content: "\e01f";
}
.icon-bell:before {
  content: "\e027";
}
.icon-badge:before {
  content: "\e028";
}
.icon-anchor:before {
  content: "\e029";
}
.icon-wallet:before {
  content: "\e02a";
}
.icon-vector:before {
  content: "\e02b";
}
.icon-speech:before {
  content: "\e02c";
}
.icon-puzzle:before {
  content: "\e02d";
}
.icon-printer:before {
  content: "\e02e";
}
.icon-present:before {
  content: "\e02f";
}
.icon-playlist:before {
  content: "\e030";
}
.icon-pin:before {
  content: "\e031";
}
.icon-picture:before {
  content: "\e032";
}
.icon-handbag:before {
  content: "\e035";
}
.icon-globe-alt:before {
  content: "\e036";
}
.icon-globe:before {
  content: "\e037";
}
.icon-folder-alt:before {
  content: "\e039";
}
.icon-folder:before {
  content: "\e089";
}
.icon-film:before {
  content: "\e03a";
}
.icon-feed:before {
  content: "\e03b";
}
.icon-drop:before {
  content: "\e03e";
}
.icon-drawar:before {
  content: "\e03f";
}
.icon-docs:before {
  content: "\e040";
}
.icon-doc:before {
  content: "\e085";
}
.icon-diamond:before {
  content: "\e043";
}
.icon-cup:before {
  content: "\e044";
}
.icon-calculator:before {
  content: "\e049";
}
.icon-bubbles:before {
  content: "\e04a";
}
.icon-briefcase:before {
  content: "\e04b";
}
.icon-book-open:before {
  content: "\e04c";
}
.icon-basket-loaded:before {
  content: "\e04d";
}
.icon-basket:before {
  content: "\e04e";
}
.icon-bag:before {
  content: "\e04f";
}
.icon-action-undo:before {
  content: "\e050";
}
.icon-action-redo:before {
  content: "\e051";
}
.icon-wrench:before {
  content: "\e052";
}
.icon-umbrella:before {
  content: "\e053";
}
.icon-trash:before {
  content: "\e054";
}
.icon-tag:before {
  content: "\e055";
}
.icon-support:before {
  content: "\e056";
}
.icon-frame:before {
  content: "\e038";
}
.icon-size-fullscreen:before {
  content: "\e057";
}
.icon-size-actual:before {
  content: "\e058";
}
.icon-shuffle:before {
  content: "\e059";
}
.icon-share-alt:before {
  content: "\e05a";
}
.icon-share:before {
  content: "\e05b";
}
.icon-rocket:before {
  content: "\e05c";
}
.icon-question:before {
  content: "\e05d";
}
.icon-pie-chart:before {
  content: "\e05e";
}
.icon-pencil:before {
  content: "\e05f";
}
.icon-note:before {
  content: "\e060";
}
.icon-loop:before {
  content: "\e064";
}
.icon-home:before {
  content: "\e069";
}
.icon-grid:before {
  content: "\e06a";
}
.icon-graph:before {
  content: "\e06b";
}
.icon-microphone:before {
  content: "\e063";
}
.icon-music-tone-alt:before {
  content: "\e061";
}
.icon-music-tone:before {
  content: "\e062";
}
.icon-earphones-alt:before {
  content: "\e03c";
}
.icon-earphones:before {
  content: "\e03d";
}
.icon-equalizer:before {
  content: "\e06c";
}
.icon-like:before {
  content: "\e068";
}
.icon-dislike:before {
  content: "\e06d";
}
.icon-control-start:before {
  content: "\e06f";
}
.icon-control-rewind:before {
  content: "\e070";
}
.icon-control-play:before {
  content: "\e071";
}
.icon-control-pause:before {
  content: "\e072";
}
.icon-control-forward:before {
  content: "\e073";
}
.icon-control-end:before {
  content: "\e074";
}
.icon-volume-1:before {
  content: "\e09f";
}
.icon-volume-2:before {
  content: "\e0a0";
}
.icon-volume-off:before {
  content: "\e0a1";
}
.icon-calender:before {
  content: "\e075";
}
.icon-bulb:before {
  content: "\e076";
}
.icon-chart:before {
  content: "\e077";
}
.icon-ban:before {
  content: "\e07c";
}
.icon-bubble:before {
  content: "\e07d";
}
.icon-camrecorder:before {
  content: "\e07e";
}
.icon-camera:before {
  content: "\e07f";
}
.icon-cloud-download:before {
  content: "\e083";
}
.icon-cloud-upload:before {
  content: "\e084";
}
.icon-envelope:before {
  content: "\e086";
}
.icon-eye:before {
  content: "\e087";
}
.icon-flag:before {
  content: "\e088";
}
.icon-heart:before {
  content: "\e08a";
}
.icon-info:before {
  content: "\e08b";
}
.icon-key:before {
  content: "\e08c";
}
.icon-link:before {
  content: "\e08d";
}
.icon-lock:before {
  content: "\e08e";
}
.icon-lock-open:before {
  content: "\e08f";
}
.icon-magnifier:before {
  content: "\e090";
}
.icon-magnifier-add:before {
  content: "\e091";
}
.icon-magnifier-remove:before {
  content: "\e092";
}
.icon-paper-clip:before {
  content: "\e093";
}
.icon-paper-plane:before {
  content: "\e094";
}
.icon-power:before {
  content: "\e097";
}
.icon-refresh:before {
  content: "\e098";
}
.icon-reload:before {
  content: "\e099";
}
.icon-settings:before {
  content: "\e09a";
}
.icon-star:before {
  content: "\e09b";
}
.icon-symble-female:before {
  content: "\e09c";
}
.icon-symbol-male:before {
  content: "\e09d";
}
.icon-target:before {
  content: "\e09e";
}
.icon-credit-card:before {
  content: "\e025";
}
.icon-paypal:before {
  content: "\e608";
}
.icon-social-tumblr:before {
  content: "\e00a";
}
.icon-social-twitter:before {
  content: "\e009";
}
.icon-social-facebook:before {
  content: "\e00b";
}
.icon-social-instagram:before {
  content: "\e609";
}
.icon-social-linkedin:before {
  content: "\e60a";
}
.icon-social-pintarest:before {
  content: "\e60b";
}
.icon-social-github:before {
  content: "\e60c";
}
.icon-social-gplus:before {
  content: "\e60d";
}
.icon-social-reddit:before {
  content: "\e60e";
}
.icon-social-skype:before {
  content: "\e60f";
}
.icon-social-dribbble:before {
  content: "\e00d";
}
.icon-social-behance:before {
  content: "\e610";
}
.icon-social-foursqare:before {
  content: "\e611";
}
.icon-social-soundcloud:before {
  content: "\e612";
}
.icon-social-spotify:before {
  content: "\e613";
}
.icon-social-stumbleupon:before {
  content: "\e614";
}
.icon-social-youtube:before {
  content: "\e008";
}
.icon-social-dropbox:before {
  content: "\e00c";
}