body{
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  	font-size: 16px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
/**/

body {
  	background-color: #f3f4f7;
	margin: 0px;
}
a:hover{cursor:pointer}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

details,summary{ 
 	cursor: pointer;  
	}
fieldset{
	margin-top: 5px;
	border: 1px solid #aaa;
    border-radius: 5px;
	background: #f6f6f6;
	PADDING-BOTTOM: 16px;
	}
small{
	font-size: 0.8em;
    padding: 5px;
    color: #666;
	
}	
input, textarea, select { font-family:inherit; }
input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
  filter: invert(0.8);
  width: 24px;
  margin: 0;
}


input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1
}

select option {padding: 0 5px}

input:focus, textarea:focus {
    box-shadow: 0 0 10px rgba(98, 98, 206, 0.5);
}
input:read-only{
background-color:#f6f6f6}

.login {
  	max-width: 400px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 100px auto;
}
.login h1 {
  	text-align: center;
  	color: #5b6574;
  	font-size: 24px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #dee0e4;
}
.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}
.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 50px;
  	height: 50px;
  	background-color: #5b6574;
  	color: #ffffff;
	margin-top: 0!important;
}
.login form input[type="password"], .login form input[type="text"] {
  /*	width: 310px;*/
 width: 280px;
  	height: 48px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}
.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
  	background-color: #5b6574;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
	background-color: #434f74;
  	transition: background-color 0.2s;
}
.navtop {
	background-color: #2f3947;
	height: 60px;
	width: 100%;
	border: 0;
}
.navtop div {
	display: flex;
	margin: 0 auto;
	height: 100%;
}
.navtop div h1, .navtop div a, .navtop div span{
	display: inline-flex;
	align-items: center;
}
.navtop div h1, .navtop div h1 a {
	flex: 1;
    line-height: 1em;
    font-size: 22px;
    padding: 0;
    margin: 0;
    color: #eaebed;
    font-weight: normal;
    padding: 0 0 0 10px;
}
.navtop div a, .navtop div span {
	padding: 0 20px;
	text-decoration: none;
	color: #eaebed;
	font-weight: bold;
}
.navtop div a i {
	padding: 2px 8px 0 0;
}
.navtop div a:hover {
	color: #eaebed;
}
body.loggedin {
	background-color: #f3f4f7;
}

#content {
	width: 1360px;
	height:100%;
	margin: 0 auto;	
	background-color: #fff;
	}

@media screen and (min-width: 1400px) {
	#content {
		width: 1400px;
		}
}
@media screen and (min-width: 1600px) {
	#content {
		width: 1600px;
		}
}

@media screen and (min-width: 1800px) {
	#content {
		width: 1800px;
		}
}

	
.content {	
	border: 1px solid #e0e0e3;
	/*border-bottom: 1px solid #e0e0e3;*/
    padding: 3px;
	
}

.content .form{
	width: 100%;
	margin: 10px auto;
}
.content input[type=date] {
	width: 116px!important;
	/*padding-left: 1px;
    padding-right: 1px;*/
}

.content .body_menu{
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	
}
.content .body_menu ul{
	margin: 15% 0;
	
}
.content .body_menu li {
	list-style-type:none;
	margin: 10px 5px;
}
.content .body_menu li a,.content .body_menu li i{
	font-size: 1.4em;
	color: #444;
	text-decoration: none;
}
.content .body_menu li a:hover{color:#51a21f}
.content input, .content textarea, .content select{
font-size:1em;
color: #222;
border: 1px solid #aaa;
border-radius: 3px;
/*padding: 3px;*/

}
/*,.content select{*/
/**/
 .content input[type=text], .content input[type=email]{
 /**/min-width: 279px;
	 }

 .content textarea {
	width: 100%;
	/*min-width: 279px;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	 white-space:unset!important;
	
}


.content label{
	margin-top: 5px;
	display: inline-block;
	min-width: 70px;
	}


.content input::placeholder{
	color:#555;
}


.content h2 {
	margin: 0;
	/*padding: 25px 0;*/
	font-size: 22px;
	border-bottom: 1px solid #e0e0e3;
	color: #4a536e;
	padding: 10px 10px 15px 10px;
}
.content h3 {
	margin: 0;
	/*padding: 25px 0;*/
	font-size: 18px;
	border-bottom: 1px solid #e0e0e3;
	color: #4a536e;
	padding: 0px 0px 5px 0px;
}

.buttons{
    padding: 10px;
    background-color: #fff;
}

.center{
	text-align:center;
}
.hidden{display:none!important;}

/*.col_manager_name{display:none;}	*/
/*
.col_direction_name{display:none;}
.col_object_name{display:none;}
*/

.content > p table td:first-child, .content > div table td:first-child {
	font-weight: bold;
	color: #4a536e;
	padding-right: 15px;
}
.content > div p {
	padding: 5px;
	margin: 0 0 10px 0;
}

.content .table-buttons { text-align:center; max-width:70px;}

.content button{cursor:pointer; text-align:center; color: #444; -webkit-transition: all 0.3s;border: 1px solid #888;  border-radius: 3px;font-size: 1em;  padding: 5px;margin: 3px;background-color: #e5f0ff;
}
.content button:hover{Color: #fff;background-color: #ef7d7d;    outline: 0;    outline-offset: 0;}


.content .tpay {text-align:center;}

.content .dtr-details {text-align:left!important;}
.content .dtr-details {width: 100%;}



.dt-buttons{float:left}



.dataTables_length select {
	width: 60px;
min-width: 60px!important;
}

.dataTables_wrapper input, .dataTables_wrapper select{
	background-color:#f6f6f6!important;
}

#dataTables_total{
    font-weight: bolder;
    text-align: right;
    padding: 7px;
    background-color: #f1f1f1;
    color: #454545;
    border-bottom: 1px solid #e1e1e1;
	}
table.dataTable.no-footer {
    border-bottom: 1px solid #e1e1e1!important;
}
/*table.dataTable tbody tr{background-color: #FFF;}*/

table {width:100%!important}
table.dataTable tbody tr{
	overflow: hidden;
}

p table td, .content > div table td {
	padding: 5px;
}

table #data.dataTable tbody tr.Highlight {
    background-color: #c3ffaa;
}

table.dataTable tbody tr:hover{background-color: #e6eef5}

table.dataTable tr:nth-child(even) {background: #f4f4f4}
table.dataTable tr:nth-child(odd) {background: #FFF;}

table.dataTable .min-padding{
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	max-width: 50px!important;
	width: 50px!important;
}
table.dataTable .med-padding{
	padding-left:4px;
	padding-right:4px;
	text-align:center;
	max-width: 90px!important;
	width: 90px!important;
}
table.dataTable .med-padding2{
	/*text-align:left;*/
	width: 112px!important;
}

.min-padding span, .med-padding span {
right: -3px!important;

}
.longcell{min-width:200px!important}

table.dataTable .sorting {cursor:pointer}
table.dataTable .cmd{
	text-align:center;
	max-width: 70px!important;
	width: 70px!important;
	text-overflow: ellipsis;white-space: nowrap; 
	}
table.dataTable .cmd button{
	margin: 0 5px;
	width: 26px;
	height: 26px;
    font-size: 0.9em;
    padding: 2px;}
	


#tab_panel_right input[type=text],#tab_panel_right #filter_status_id_chosen,#tab_panel_right #filter_account_id_chosen {
/**/width: 100% !important; 
    max-width: 252px!important;	
    min-width: 0px!important; 
   }
#tab_panel_right #filter_status_id_chosen{
	margin-bottom:5px;
}

#tab_panel_right fieldset{
PADDING-BOTTOM: 10px!important;}

.chosen-select-responsive {
width: 100% !important;
}

.chosen-container.chosen-container-single {
    width: 285px!important; 
}
.wrapflex .chosen-container-multi {width: 285px!important;border-radius:3px;}

/*chosen select width*/
#tab_panel_right #fake_account_id, #tab_panel_right #filter_vid_vedomost_id, #tab_panel_right #filter_personal_id,#tab_panel_right #filter_st_rashod_id{
	width: 100% !important; 
    max-width: 380px!important;	
    min-width: 0px!important; 
   }
#objects_id_chosen{
	width: 99%!important;	
}
#status_chosen{
	width: 225px!important;	
}


#popupform{
	background-color: #fff;
    border: 1px solid grey;
    border-radius: 3px;
    /* padding: 5px; */
    box-shadow: 0px 0px 10px grey;
}

#popupform .popup_close{
    border: 1px solid #f6f6f6;
    cursor: pointer;
	float: right;
}
#popupform .content{
	 /*   padding-top: 20px!important;*/
}

#slide_background {
    -webkit-transition: all 0.3s 0.3s;
       -moz-transition: all 0.3s 0.3s;
            transition: all 0.3s 0.3s;
			}
#slide,
#slide_wrapper {

    -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;
            transition: all 0.4s;
}
#slide {
		display: flex;
    align-items: center;
	  justify-content: center;
    -webkit-transform: translateX(0) translateY(-40%);
       -moz-transform: translateX(0) translateY(-40%);
        -ms-transform: translateX(0) translateY(-40%);
            transform: translateX(0) translateY(-40%);
}
.popup_visible #slide {
    -webkit-transform: translateX(0) translateY(0);
       -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
}


#tab_panel_right{
	width: 300px;
   /* position: fixed;
    top: 0px;
    margin-left: -3003px;*/

    background-color: #fff;
    border: 1px solid #e0e0e3;
    border-radius: 3px;
    padding: 5px;
	box-shadow: 6px 6px 10px grey;
}
#tab_panel_right fieldset{width: 255px;}





.success, .warning, .attention, .information {
	text-align: center;
	font-size: 1.2em;
	padding: 20px;
	margin: 10px 0;
	-o-box-shadow:  0px 1px 3px  #aaa;
	-webkit-box-shadow:  0px 1px 3px #aaa;
	-moz-box-shadow:  0px 1px 3px #aaa;
	box-shadow: 0px 1px 3px #aaa;
	    max-width: 300px;
}
.success {
	background-color: #fff;
	border: 3px solid #BBDF8D;
}
.warning {
	background-color: #fff;
	border: 3px solid #F8ACAC;
}
.attention {
	background-color: #fff;
	border: 3px solid #fdf2bc;
}



/**/
@media screen and (max-device-width: 481px) { 
    .content .form {
    display: grid;
}

.content .form label, .content .form input {
	width:50%;
	margin: 5px;
}
}
/*tabs*/

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
   /* padding: 15px;*/
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint768px */
@media only screen and (max-width: 1032px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}

/* Tabs container */
.r-tabs {
	position: relative;

	background-color: #ccc;

	/*border-top: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	/*border-radius: 4px;*/

}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	background-color: #5f5666;
}
/**/
.r-tabs .r-tabs-nav{
	background-color: #f0f0f0;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 8px 12px;

	text-decoration: none;
	/*text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;*/
	font-weight: bold;
	color: #fff;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #444;
	text-shadow: none;

	background-color: white;
/*
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	*/
}

/* Tab panel */
.r-tabs .r-tabs-panel {
	background-color: white;
/*
	border-bottom: 4px solid white;

	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
*/
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	background-color: #444;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #444;
	text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

/* Buttons */
/*
.r-tabs button {
	display:inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	line-height: 100%;

	color: #fff;
	font-size: 14px;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	vertical-align: middle;
	font-weight: bold;
	
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #777;
	box-shadow: 0px 3px 0px 0px #ccc;
	
	cursor: pointer;
}
*/
/* Info bar */
.info {
	display:inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	width: 300px;
	line-height: 100%;

	/*font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
	//font-size: 14px;*/
	color: #444;
	border: 2px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;

	cursor: pointer;
} 
/*tabs*/

/*flex*/
.wrapflex {
    width: 100%;
	display: flex;
    flex-wrap: wrap;
    justify-content: left;
   /* margin-right: 5% auto;*/
}

.wrapflex .item3{
	margin: 5px 15px 5px 10px;
	width:calc(33.3333333% - 30px);
	min-width: 288px;

}

#tab-scans .wrapflex .item3{
	margin: 15px;
	width:calc(100% - 30px);
	min-width: 560px;

}
.wrapflex .item2{
	/*margin: 5px 15px 5px 10px;
	width:calc(50% - 30px);*/
	min-width: 286px;
	padding: 10px;

}
.wrapflex .item2 fieldset{
max-width: 257px;
}

.wrapflex .item2 textarea{
width: 279px!important;
}
.wrapflex  .right{
border-left: 1px solid #e0e0e3;

	}
/*animat*/
.cssload-thecube {
display:none;
z-index: 9999;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);


	width: 73px;
	height: 73px;
	margin: 0 auto;
	margin-top: 49px;
	/*position: relative;*/
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
	position: relative;
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(43,160,199);
	animation: cssload-fold-thecube 2.76s infinite linear both;
		-o-animation: cssload-fold-thecube 2.76s infinite linear both;
		-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
		-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
		-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
	transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
	transform: scale(1.1) rotateZ(90deg);
		-o-transform: scale(1.1) rotateZ(90deg);
		-ms-transform: scale(1.1) rotateZ(90deg);
		-webkit-transform: scale(1.1) rotateZ(90deg);
		-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
	transform: scale(1.1) rotateZ(180deg);
		-o-transform: scale(1.1) rotateZ(180deg);
		-ms-transform: scale(1.1) rotateZ(180deg);
		-webkit-transform: scale(1.1) rotateZ(180deg);
		-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
	transform: scale(1.1) rotateZ(270deg);
		-o-transform: scale(1.1) rotateZ(270deg);
		-ms-transform: scale(1.1) rotateZ(270deg);
		-webkit-transform: scale(1.1) rotateZ(270deg);
		-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
	animation-delay: 0.35s;
		-o-animation-delay: 0.35s;
		-ms-animation-delay: 0.35s;
		-webkit-animation-delay: 0.35s;
		-moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
	animation-delay: 0.69s;
		-o-animation-delay: 0.69s;
		-ms-animation-delay: 0.69s;
		-webkit-animation-delay: 0.69s;
		-moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
	animation-delay: 1.04s;
		-o-animation-delay: 1.04s;
		-ms-animation-delay: 1.04s;
		-webkit-animation-delay: 1.04s;
		-moz-animation-delay: 1.04s;
}



@keyframes cssload-fold-thecube {
	0%, 10% {
		transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-o-keyframes cssload-fold-thecube {
	0%, 10% {
		-o-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-o-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-o-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-ms-keyframes cssload-fold-thecube {
	0%, 10% {
		-ms-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-ms-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-ms-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-fold-thecube {
	0%, 10% {
		-webkit-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-webkit-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-webkit-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-moz-keyframes cssload-fold-thecube {
	0%, 10% {
		-moz-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-moz-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-moz-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}
/**/