html, body {height: 100%; margin: 0px; padding: 0px;}
table {border-collapse: collapse; line-height: normal; font-size: 12px;}
img {border: none;}
form {margin: 0; padding: 0;}
div {box-sizing: border-box;}

body {font-family: Tahoma; font-size: 12px; line-height: 20px; background: #ffffff; color: #000000;}

h1 {font-size: 22px !important; font-weight: normal; margin: 10px 0 20px;}
h2 {font-size: 18px; font-weight: normal; margin: 10px 0;}
h3 {font-size: 16px; font-weight: normal; margin: 10px 0;}

ul {list-style: none; overflow: hidden; margin: 0;}
li {padding: 0 0 3px 0;}


/* header */
div.page {width: 90%; margin: 0 auto; padding: 20px 0 0 0;}
div#toolbar {background: #eef4f9;}
div.toolbar_bg {background: #e0e8ef;}
div.toolbar_center {padding: 0 5%; border-bottom: 1px solid #cfdae6;}
div.toolbar-border {border-right: 1px solid #cfdae6;}



/* Àâòîðèçàöèÿ */
div#login {background: #ffffff; border: 1px solid #ddd; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border-radius: 5px; padding: 20px; }
table.height {height: 100%;}







/* Ñîðòèðîâêà */
table.tablesorter th.tablesorter-header {cursor: pointer;}
table.tablesorter th.tablesorter-header:HOVER {color: #000;}
table.tablesorter th.tablesorter-headerAsc {background: url(../images/asc.gif) center right #d2e9ff no-repeat;}
table.tablesorter th.tablesorter-headerDesc {background: url(../images/desc.gif) center right #d2e9ff no-repeat;}
table.tablesorter th.tablesorter-headerUnSorted {}
table.tablesorter .filtered {display: none;}


table.table {}
table.table th {background: #e9e9e9; font-weight: bold; border: 1px solid #9c9c9c; text-shadow: #ffffff 1px 1px 0px; text-align: center; padding: 15px 5px; font-size: 12px;}

table.table td {border: 1px solid #9c9c9c; padding: 8px 5px; font-size: 12px;}
table.table td.no, table.table th.no {border: none; background: none;}
table.table tr:hover td {background: #F2F2F2;}
table.table tr.nohover:hover td {background: none;}


table.table .opacity {opacity: 0.3;}
table.table td.grey {background: #f8f8f8;}
table.table tr.selected,
table.table tr.selected td.grey,
table.table tr.grey.selected td,
table.table tr.selected:hover td {background: #cae9ff;}

table.table tr.selected {background: #cae9ff;}
table.table tr:hover td.no, table.table tr.hot:hover td, table.table tr.red:hover td {background: none;}

table.table td.status0 {background: #cae9ff !important; border: 1px solid #707070;}
table.table td.status1 {background: #fee4ba !important; border: 1px solid #707070;}
table.table td.status2 {background: #cae9ff !important; border: 1px solid #707070;}
table.table td.status3 {background: #c0fcbf !important; border: 1px solid #707070;}
table.table td.status4 {background: #e9e9e9 !important; border: 1px solid #707070;}
table.table td.status5 {background: #e9e9e9 !important; border: 1px solid #707070;}
table.table td.status6 {background: #cae9ff !important; border: 1px solid #707070;}
table.table td.status-notcheck {background: #ffc5c5 !important; border: 1px solid #707070;}

table.table tr:hover td.status0 {background: #cae9ff;}
table.table tr:hover td.status1 {background: #fee4ba;}
table.table tr:hover td.status2 {background: #cae9ff;}
table.table tr:hover td.status3 {background: #c0fcbf;}
table.table tr:hover td.status4 {background: #e9e9e9;}
table.table tr:hover td.status5 {background: #e9e9e9;}
table.table tr:hover td.status6 {background: #cae9ff;}


table.table td.oplata0 {background: #ffc5c5; border: 1px solid #707070;}
table.table td.oplata1 {background: #c0fcbf; border: 1px solid #707070;}
table.table td.oplata2 {background: #cae9ff; border: 1px solid #707070;}
table.table tr:hover td.oplata0 {background: #ffc5c5;}
table.table tr:hover td.oplata1 {background: #c0fcbf;}
table.table tr:hover td.oplata2 {background: #cae9ff;}


table.table td.itogo {background: #fffbca;}
table.table tr:hover td.itogo {background: #fffbca;}

table.table td table td {border: none;}

table.journal td.dayweek {color: #505050; font-weight: bold; text-align: center;}
table.journal tr:hover td {background: #DAEDF8;}
table.journal td.tdhover {background: #DAEDF8 !important;}


table.orders {}
table.orders th {background: #e9e9e9; font-weight: normal; border: 1px solid #8f8f8f; text-align: left; padding: 10px 5px;}
table.orders td {border: 1px solid #8f8f8f; padding: 5px;}


/* Æóðíàë */
span.status0 {background: #cae9ff; border: 1px solid #707070; display: inline-block; width: 20px; height: 14px; vertical-align: text-top;}
span.status2 {background: #fee4ba; border: 1px solid #707070; display: inline-block; width: 20px; height: 14px; vertical-align: text-top;}
span.status3 {background: #ffc5c5; border: 1px solid #707070; display: inline-block; width: 20px; height: 14px; vertical-align: text-top;}
span.status4 {background: #c0fcbf; border: 1px solid #707070; display: inline-block; width: 20px; height: 14px; vertical-align: text-top;}


div.error {background: #ffdede; border: 1px solid #cc7777; color: #ad0000;}
div.notice {background: #feebce; border: 1px solid #BE753F; color: #773D02;}
div.greenway {background: #e6ffde; border: 1px solid #73ae60; color: #3b6a2c;}
div.greenway, div.error, div.notice {line-height: 15px; text-align: center; padding: 10px;}

div.noticesms {background: #fdf7e2; border: 1px solid #d0a561; color: #594632; padding: 10px;}

tr.grey td {background: #f2f2f2;}
tr.disabled td {color: #777777;}

.clear {clear:both;}
.hide {display:none;}
.cursor {cursor: pointer;}
.redbold {color: #ff0000; font-weight: bold;}
.bold {font-weight: bold;}
.greytext {color:#909090;}
.greybg {background:#f4f4f4;}
.height30 {height:30px;}
.width60 {width: 60px; margin: 1px;}
.width160 {width: 160px;}
.width100perc {width: 100%;}
.pad2 {padding:2px;}
.font11 {font-size:11px;}
.textright {text-align:right;}
.textcenter {text-align: center;}
.underline {text-decoration:underline;}
.pad30 {padding:30px;}
.pad20 {padding:20px;}
.pad10 {padding: 10px;}
.padr20 {padding-right:20px;}
.col {padding: 10px 5px;}
.check_cols {padding: 10px 20px;}
.margintop40{margin-top: 40px;}
@media (max-width: 767px) {
	.check_cols {padding: 10px 0;}
}

div.left {float: left;}
div.right {float: right;}
div.row {display: block; width:100%;}
div.div-cell {float:left;}
div.div-cell-right {float:right;}


span.check_name {display:block; margin: 0 0 5px 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
td.thead {text-align: center; background-color: #f0f0f0; padding: 8px; font-weight: bold;}
div.hr {background: #b5b5b5; width: 100%; height: 1px; overflow: hidden; margin: 10px 0;}
span.welcome {color: #154793; line-height: 2;}
span.greenbold {color: #17AE02; font-weight: bold;}
span.key {background: #FFF9BB; padding: 2px 0;}
span.phone {color: #000000; font-size: 14px; font-family: Trebuchet MS;}
img.inline {margin: 0 0 -3px 0;}


/* ôàéëû */
div.ext-wrapper {display:inline-block; width: 72px; text-align:center;}
.ext {display: inline-block; width: 72px; height: 80px; margin: 5px 0 0 0; text-decoration:none; background-position: center center; background-repeat: no-repeat;}
.ext:HOVER {background-color: #f0f0f0; text-decoration:none;}
.ext-jpg {background-image: url(../images/file-icons/jpg.png);}
.ext-png {background-image: url(../images/file-icons/png.png);}
.ext-gif {background-image: url(../images/file-icons/gif.png);}
.ext-pdf {background-image: url(../images/file-icons/pdf.png);}
.ext-doc {background-image: url(../images/file-icons/doc.png);}
.ext-docx {background-image: url(../images/file-icons/docx.png);}
.ext-rtf {background-image: url(../images/file-icons/rtf.png);}
.ext-xls {background-image: url(../images/file-icons/xls.png);}
.ext-xlsx {background-image: url(../images/file-icons/xlsx.png);}
.ext-zip {background-image: url(../images/file-icons/zip.png);}
.ext-rar {background-image: url(../images/file-icons/rar.png);}









A {color: #0044C4; text-decoration: underline;}
A:HOVER {color: #FB5F00; text-decoration: none;}

.link {color: #0044C4; text-decoration: underline; font-size: 12px; cursor:pointer;}
.link:HOVER {color: #FB5F00; text-decoration: none;}

.blink {color: #000000; text-decoration: none; font-size: 12px;}
.blink:HOVER {color: #FB5F00; text-decoration: none;}


.addrecord {display: inline-block; background: url(../images/add.gif) no-repeat; text-decoration: none; width: 13px; height: 13px; cursor:pointer;}
.addrecord:HOVER {text-decoration: none;}

.delrecord {display: inline-block; background: url(../images/del.gif) no-repeat; text-decoration: none; width: 13px; height: 13px; cursor:pointer;}
.delrecord:HOVER {text-decoration: none;}

.editrecord {display: inline-block; background: url(../images/edit.gif) no-repeat; text-decoration: none; width: 13px; height: 13px; cursor:pointer;}
.editrecord:HOVER {text-decoration: none;}

/* âûáîð è óäàëåíèå óñëóãè â ðàññûëêå*/
div.selected-del {display:block; background: #f0f0f0; padding: 5px; margin: 0 0 2px 0;}
div.selected-del > span.select-del {float: right; display: block; background: url(../images/del.gif) no-repeat; cursor: pointer; width: 20px; height:20px;}

label {cursor: pointer;}
select {padding: 4px!important;}
input, textarea, button {outline: none; box-sizing : border-box;}
.incheck {font-family: Arial; font-size: 12px; padding: 3px 0; border: none; background: none; color: #000000; width: 100%;}
.inputno {font-family: Arial; font-size: 12px; padding: 3px 0; border: none; background: none; color: #000000; font-weight: bold; text-align: center; width: 40px;}

.inputboxdis {font-family: Arial; font-size: 12px; padding: 3px; background: #ffffff; color: #909090; outline: none; border: 1px solid #b8b8b8;}
.inputbox {font: 14px Arial, Sans-serif; padding: 10px; border: 1px solid #b9b9b9; box-shadow: 0px 0px 7px rgba(0,0,0,0.07);}
.inputbox:hover {border: 1px solid #4289bb;}
.inputbox:focus {border: 1px solid #4290ce; box-shadow: 0px 0px 3px rgba(60, 140, 200, 0.8);}
.inputbox[disabled] {background: #e7e7e7; border: 1px solid #e7e7e7; color: #909090;}
.inputbox[readonly] {background: #EFEFEF; border: 1px solid #b8b8b8; color: #909090;}
.inputbox:required:focus {border: 1px solid #ed4e42; box-shadow: 0px 0px 7px rgba(255,18,0,0.5);}




.button {font-family: Arial; font-size: 12px; padding: 3px 30px;}
.ebutton {font-size: 12px; padding: 2px 10px; font-family: Tahoma;}
.sbutton {font-size: 11px; padding: 1px 20px; font-family: Tahoma;}

button.noticesms_ok {background:#efce9e; color: #412c0e; margin: 5px 0; border-radius: 3px; border: 1px solid #d0a561; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); padding: 3px 20px; cursor: pointer;}
button.noticesms_ok:HOVER {background:#f6d9ae;}
button.noticesms_ok:ACTIVE {background:#e6c28e; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4) inset; padding: 3px 20px 3px 20px;}


.nopagelink {color: #6d6a1f; background-color: #fff8c6; border: 1px solid #d7d05c; padding: 2px 5px 2px 5px; text-decoration: none;}
.pagelink {color: #000000; background-color: #e0dfe3; border: silver 1px solid; padding: 2px 5px 2px 5px; text-decoration: none;}
.pagelink:visited, .pagelink:link {color: #000000; background-color: #e0dfe3; border: 1px solid #9CA2AD; padding: 2px 5px 2px 5px; text-decoration: none;}
.pagelink:hover {color: #6d6a1f; background-color: #fff8c6; border: 1px solid #d7d05c; padding: 2px 5px 2px 5px; text-decoration: none;}



.editbox {display:none; padding: 3px 3px 1px 1px;}
.edit_marker {cursor: pointer;}
.edittext {line-height:21px;}


/* Scroll Top */
#scrolltop {display:none; position:fixed; width:60px; height:100%; text-align:center; font-size: 12px; font-family: Tahoma; font-weight: bold; cursor: pointer;}
#scrolltopbg {position:fixed; width:60px; height:100%; background: #e2eaf2;}
#scrolltop span {font-family: Arial; position:fixed; display: block; background: url(../images/scrolltop.gif) center center no-repeat; width:20px; text-align: center; padding: 20px; color: #4d7091;}






/* Modal popup */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; background: #000 url(../images/loading.gif) no-repeat 50% 50%; }

.b-modal {background: #fff; box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.5); padding: 10px 20px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box;}

.b-modal-close {position: absolute; right: 12px; top: 6px; font-weight: bold; color: #999; cursor:	pointer; font-family: Verdana; font-size: 14px;}
.b-modal-close:hover {color: #2976af;}


/* Ðåéòèíã --------------------------------------------------------------------------------------------*/
.ui-rating .ui-rating-star {width:24px; height:24px; font-size:2px; text-decoration:none; vertical-align:bottom; background-image:url(../images/star.svg); background-repeat:no-repeat; display: inline-block;}
.ui-rating a {cursor: pointer;}
.ui-rating-full {background-position:left top;}
.ui-rating-half {background-position:left -24px;}
.ui-rating-empty {background-position:left -24px;}
.ui-rating-hover {background-position:left -48px;}







/*---------Меню -----------------------------------------------------------------------------------*/

.navbar-default{ border:none !important; box-shadow: 0px 1px 7px 1px rgba(0,0,0,0.2);}
.navmenu{background: #354052 !important;}
.navmenu-default .navmenu-nav>li>a, .navmenu-default .navmenu-brand{ color: #ced4da !important; text-shadow: 0 1px 2px #000000b3 !important;}
.navmenu-default .navmenu-nav>li>a:hover, .navmenu-default .navmenu-nav>li>a:focus, .navmenu-default .navmenu-brand:hover, .navmenu-default .navmenu-brand:focus{ color: #f5f8fb !important; background-color: #1d1d1d2e !important;}
.navmenu-default .navmenu-nav>.active>a{ color: #e4eaf1 !important; background-color: #2d3646 !important;}
.navmenu hr{ border-top: 1px solid #00000024 !important;}


/*---------Новые стили-----------------------------------------------------------------------------------*/

.margin10{ margin: 10px 0; }
.margin20{ margin: 20px 0; }
.margin30{ margin: 30px 0; }
.margin40{ margin: 40px 0; }

.modal-backdrop{z-index: auto !important;}


.card_zakaz{width: auto; margin: 30px 0; max-width: 500px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);}
.card{width: auto; margin: 30px 0; padding: 30px 30px 10px 30px; max-width: 500px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);}

.card_header{padding: 10px 20px; border-bottom: 1px solid #e7e7e7;}
.modal-content .card_header, .modal-content .card_content{ border:none;padding: inherit;}
.modal .card_header{padding: 0px 10px !important;}

#cardModalReturn .modal-dialog{ margin: 160px auto;; }
#cardModalReturn .modal-footer{ border-top: none; }

.card_header .card_status0 {font-weight: bold; text-decoration-line: underline; color: #1141E8;}
.card_header .card_status1 {font-weight: bold; text-decoration-line: underline; color: #1141E8;}
.card_header .card_status2 {font-weight: bold; text-decoration-line: underline; color: #1141E8;}
.card_header .card_status3 {font-weight: bold; text-decoration-line: underline; color: green;}
.card_header .card_status4 {font-weight: bold; text-decoration-line: underline; color: red;}
.card_header .card_status5 {font-weight: bold; text-decoration-line: underline; color: red;}
.card_header .card_status6 {font-weight: bold; text-decoration-line: underline; color: blue;}

.card_header .card_status_oplata0 {font-weight: bold; text-decoration-line: underline; color: #E81152;}
.card_header .card_status_oplata1 {font-weight: bold; text-decoration-line: underline; color: green;}
.card_header .card_status_oplata2 {font-weight: bold; text-decoration-line: none; color: blue;}

.card_title{ text-decoration: underline; }
.card_payment .card_title{text-decoration: none;}

.card_content{padding: 10px 40px 20px 40px; border-bottom: 1px solid #e7e7e7;}
.card_content .row{padding: 5px 0;}

.content_toggle{cursor: pointer;}

.card_footer{padding: 10px 20px; text-align: center;}
.card_footer .btn{margin:10px 0; width: 100%;}
.card .btn{margin:10px 0; width: 50%;}

.param{color: #797979; text-decoration: underline;}
.price_prihod{font-weight: bold; color: green; font-size: 18px;}
.dohod{font-weight: bold; color: blue; font-size: 18px;}

.showPhoto{cursor: pointer;}
.img-fluid{ width: auto; height: 90px; }
.card_zakaz .img-fluid{ width: 90px; height: 70px; margin:5px 0;}

span.error_message{font-weight: bold; color: red;}

.modal-body {padding: 10px 20px !important;}

.search_form{ margin-top: 20px;}
.search_form button{ margin-left: 5px !important; padding: 8px 20px !important;}

.alert_block, .alert_submit_form, .search_form{max-width: 500px;}
.alert_submit_form, .search_form{text-align: center;}
.alert_block{border: 1px solid #8eb1ff; box-shadow: 0px 0px 10px 0px rgb(126 209 248 / 46%); padding: 10px; margin: 10px;}

hr{margin: 10px 0 !important;}

label{font-weight: normal;}

.balance_block{float: right; margin-left: 20px;}
.balance{font-size: 18px; /*color: red;*/ font-weight: bold; margin-left: 10px;}

.stat_filters .btn, .card_filters .btn{ width: 100%;}
.stat_table{ width: 350px; margin-top:30px; font-size: 16px;}
.stat_table p{border-bottom: 1px solid #cccccc;}
.stat_table .param{ text-decoration: none;}
.stat_table .value{ float: right;}
#select-date, #select-card-date{ width: 150px;}

.green{color: green;}

@media (max-width: 968px) {
	h1{text-align: center;}
	.card_zakaz{ margin: 30px auto 30px auto !important;}
	.card{ margin: 30px auto 30px auto !important;}
	.stat_table{ margin:30px auto 0 auto; padding: 0 40px}
	#select-date{ width: 50%;}
}

@media (max-width: 768px) {
	.card_header .col-xs-4{ padding: 0px !important;}
	/*.modal .col-sm-7, .modal .col-sm-5{ text-align: center !important; } */
	/*.card_header .col-sm-7, .card_header .col-sm-5{ text-align: center !important;}*/
	.card_content #card_price_rashod, .card_content #card_price_prihod {margin: 10px 10px;}
	.card_header h4{ font-size: 16px;}
	.row-upload-image{text-align: center;}
	.balance_block{ float: none !important; margin-left: 0px !important;}
	.navbar-toggle{margin: 25px 20px !important;}
	.btn{padding: 8px 2px !important;}
	.btn-upload-image{width: 100%;}
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
  color: #57b846;
}

a [class^="icon-"], a [class*=" icon-"]{
	margin-right: 10px;
}


/* ------------------ Прелоадер ---------------- */

/* ALL LOADERS */

.loader{
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}

/* LOADER 1 */

#loader-1:before, #loader-1:after{
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: #3498db;
}

#loader-1:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after{
  border: 10px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*---------------------Форма входа-------------------------------------------*/


a {
	/*font-family: Poppins-Regular;*/
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

p {
	/*font-family: Poppins-Regular;*/
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}


/*---------------------------------------------*/
input {
	outline: none;
	border: none;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: none;
    -webkit-appearance: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

textarea {
  outline: none;
  border: none;
}

textarea:focus, input:focus {
  border-color: transparent !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder {color: #999999;}
input:-moz-placeholder {color: #999999;}
input::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder {color: #999999;}

textarea::-webkit-input-placeholder {color: #999999;}
textarea:-moz-placeholder {color: #999999;}
textarea::-moz-placeholder {color: #999999;}
textarea:-ms-input-placeholder {color: #999999;}

label {
  display: block;
  margin: 0;
}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
  /*font-family: Poppins-Regular;*/
  font-size: 13px;
  line-height: 1.4;
  color: #999999;
}

/*//////////////////////////////////////////////////////////////////
[ login ]*/

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-login100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #ebeeef;
}


.wrap-login100 {
  width: 670px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.4);
}

/*==================================================================
[ Title form ]*/
.login100-form-title {
  /*width: 100%;*/
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  padding: 70px 15px 43px 15px;
}

.login100-form-title-1 {
  /*font-family: Poppins-Bold;*/
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
}

.login100-form-title::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(54,84,99,0.7);
}


/*==================================================================
[ Form ]*/

.login100-form {
  /*width: 100%;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 43px 88px 43px 190px;
}


/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #b2b2b2;
}

.label-input100 {
  /*font-family: Poppins-Regular;*/
  font-size: 15px;
  color: #808080;
  line-height: 1.2;
  text-align: right;

  position: absolute;
  top: 14px;
  left: -105px;
  width: 80px;

}

/*---------------------------------------------*/
.input100 {
  /*font-family: Poppins-Regular;*/
  font-size: 15px;
  color: #555555;
  line-height: 1.2;

  display: block;
  width: 100%;
  background: transparent;
  padding: 0 5px;
}

.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;

  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;

  background: #57b846;
}


/*---------------------------------------------*/
input.input100 {
  height: 45px;
}


.input100:focus + .focus-input100::before {
  width: 100%;
}

.has-val.input100 + .focus-input100::before {
  width: 100%;
}

/*==================================================================
[ Restyle Checkbox ]*/

.input-checkbox100 {
  display: none;
}

.label-checkbox100 {
  /*font-family: Poppins-Regular;*/
  font-size: 13px;
  color: #999999;
  line-height: 1.4;

  display: block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}

.label-checkbox100::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 13px;
  color: transparent;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #e6e6e6;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input-checkbox100:checked + .label-checkbox100::before {
  color: #57b846;
}

/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
  /*margin-top: 25px;*/
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.login100-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  min-width: 160px;
  height: 50px;
  background-color: #57b846;
  border-radius: 25px;

  /*font-family: Poppins-Regular;*/
  font-size: 16px;
  color: #fff;
  line-height: 1.2;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.login100-form-btn:hover {
  background-color: #333333;
}

#copy_result, #copy_result2{
	color: green;
    margin: 10px;
    font-weight: bold;
}

#copy_card, #copy_card2{
	font-weight: bold;
}

/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 576px) {
  .login100-form {
    padding: 43px 15px 57px 117px;
  }
}

@media (max-width: 480px) {
  .login100-form {
    padding: 43px 15px 57px 15px;
  }

  .label-input100 {
    text-align: left;
    position: unset;
    top: unset;
    left: unset;
    width: 100%;
    padding: 0 5px;
  }
}


/* ЗИМНЯЯ АНИМАЦИЯ */

@-webkit-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #354052 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #354052;
    }
}
@-moz-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #354052 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #354052;
    }
}
@-ms-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #354052 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #354052;
    }
}
@keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #354052 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #354052;
    }
}
#snow {
    background-color: #354052;
    /*---эффект снега------ (ниже можно комментить/раскомментить)*/
    /*background-image: url('https://i.imgur.com/BiSmXaq.png'), url('https://i.imgur.com/XHuy0NJ.png'), url('https://i.imgur.com/okpRxJU.png');
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
    */
  width: 100%
}

#snow span.welcome, #snow .param{color: #ffffff; text-shadow: 0 1px 2px #000000b3 !important;}
.navbar-default .navbar-toggle .icon-bar{ background-color: #ffffff !important; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent !important; }