body {
	min-width: 320px;
    font-family: Arial;
    color: #444444;
    background:#353f4f;
	position:relative;
	
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.overflow_hidden{
	overflow:hidden!important;
}

body.loader{
	overflow:hidden;
}

body.loader:before{
	top:0px;
	left:0px;
	content:'';
	position:absolute;
	width:100%;
	height:200%;
	background:rgba(0,0,0,0.5);
	z-index:11;
}

.loader_block{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:0;
	display:none;
}

.loader_block .inner {
    position:relative;
    width:100%;
	height:100%;
	display:block;
}

.loader_block .inner img{
	position:absolute;
	top:50%;
	margin-top:-50px;
    left:50%;
	margin-left:-50px;
	width:100px;
	height:100px;
}

body.loader .loader_block{
	z-index:12;
	display:block
}

/*

.loader{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10
}

.loader:before{
	content:'';
	position:absolute;
	width:100%;
	height:200%;
	background:rgba(0,0,0,0.5);
}

.loader .wrapper{
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	top:50%;
	margin:-50px 0 0 -50px;
}

.loader .wrapper .inner{
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	top:50%;
	margin:-50px 0 0 -50px;
}

.loader img{
	width:100%;
} 
*/

h1, h2, h3, h4, h5 {
    font-family: Arial;
	color:#424F63;
}
.breadcrumb {
    padding: 0;
    margin-bottom: 20px;
    list-style: none;
    background:none;
    border-radius: 4px;
}

.breadcrumb > li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.breadcrumb>.active {
    color: #424F63;
}

input {outline:none;}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

.panel-body{
	background:#f9f9f9;
	padding: 20px 15px;
}

.box-ratio {
 /* background-color: red;*/
  width: 100%;
  position: relative; /* If you want text inside of it */
}

/* If you want text inside of the container */
.box-ratio-content {
	width:100%;
	height:100%;
  position: absolute;
  top: 0;
  left: 0;
}

.box-ratio-content.cover {
	-webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
	/*background-size:90%!important;*/
}

.box-ratio.loader:before {
	content:' ';
	z-index:9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/template/images/loader.gif) center 50% no-repeat;
    background-size: 20%;
}

.ratio-1-1{
  padding-top: 100%; /* 1:1 Aspect Ratio */
}

.ratio-2-1{
  padding-top: 50%; /* 1:1 Aspect Ratio */
}


.ratio-2-3{
  padding-top: 150%; /* 1:1 Aspect Ratio */
}

.ratio-16-27{
  padding-top: 168.75%; /* 1:1 Aspect Ratio */
}

.ratio-16-9{
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.ratio-4-3{
  padding-top: 75%; /* 4:3 Aspect Ratio */
}
.ratio-3-2{
  padding-top: 66.66%; /* 3:2 Aspect Ratio */
}
/* Other ratios */
.ratio-8-5{
  padding-top: 62.5%; /* 8:5 Aspect Ratio */
}

@media (min-width: 1200px) {
	
	
.table-th-lg{
	width:100%!important
}
	
.ratio-0-0-lg{
	position:relative!important;
	
	padding:0px;
}

.ratio-0-0-lg .box-ratio-content{
	position:relative;
	padding:20px 0px;
	text-align:center!important;
}

.ratio-1-1-lg{
	padding-top: 100%!important;
}

.ratio-4-3-lg{
	padding-top: 75%!important;
}
.ratio-4-9-lg{
	padding-top: 225%!important;
}

}



@media (min-width: 992px) and (max-width: 1199px) {
.table-th-md{
	width:100%!important
}

.ratio-1-1-md{
	padding-top: 100%!important;
}

.ratio-4-3-md{
	padding-top: 75%!important;
}
.ratio-4-9-md{
	padding-top: 225%!important;
}

}


@media (min-width: 768px) and (max-width: 991px) {

.table-th-sm{
	width:100%!important
}

.ratio-1-1-sm{
	padding-top: 100%!important;
}

.ratio-4-3-sm{
	padding-top: 75%!important;
}
.ratio-4-9-sm{
	padding-top: 225%!important;
}

.ratio-2-3-sm{
	padding-top: 150%!important; /* 1:1 Aspect Ratio */
}


}


@media (max-width: 767px){

.ratio-1-1-xs{
	padding-top: 100%!important;
}

.ratio-4-3-xs{
	padding-top: 75%!important;
}
.ratio-4-9-xs{
	padding-top: 225%!important;
}

.ratio-2-3-xs{
	padding-top: 150%!important; /* 1:1 Aspect Ratio */
}


}



@media (max-width: 991px) {
	.width-100-sm{
		width:100%!important;
	}
}



@media (max-width: 480px) {
	
.col-xxs-12 {
  width: 100%;
}
.col-xxs-11 {
  width: 91.66666667%;
}
.col-xxs-10 {
  width: 83.33333333%;
}
.col-xxs-9 {
  width: 75%;
}
.col-xxs-8 {
  width: 66.66666667%;
}
.col-xxs-7 {
  width: 58.33333333%;
}
.col-xxs-6 {
  width: 50%;
}
.col-xxs-5 {
  width: 41.66666667%;
}
.col-xxs-4 {
  width: 33.33333333%;
}
.col-xxs-3 {
  width: 25%;
}
.col-xxs-2 {
  width: 16.66666667%;
}
.col-xxs-1 {
  width: 8.33333333%;
}	
	
	
	
	
.table-th-xs{
	width:100%!important
}

.ratio-1-1-xs{
	padding-top: 100%!important;
}

.ratio-4-3-xs{
	padding-top: 75%!important;
}
.ratio-4-9-xs{
	padding-top: 225%!important;
}

.ratio-2-3-xs{
  padding-top: 150%!important; /* 1:1 Aspect Ratio */
}


}

.no-padding{
	padding:0px;
}

.sticky-header .menu-right {
    margin-right: 280px;
}

.sticky-header.left-side-collapsed .menu-right {
    margin-right: 52px;
}

.custom-nav > div > li{
    position:relative;
    cursor:pointer;
    border-bottom: 1px solid #4D586A;
}

.nav.custom-nav >li {
    position: relative;
    display: block;
    border-bottom: 1px solid #4D586A;
	cursor:pointer;
}

.custom-nav > div > li.nav-active{
    background-color: #353f4f;
}


.custom-nav li .fa {
    position:absolute;
    top:11px;
    left:10px;
}

.custom-nav > div > li.menu-list > a {
    background: transparent url(../images/plus-white.png) no-repeat 95% 17px;
}

.left-side-collapsed .custom-nav > div > li.menu-list > a {
    background:none;
}

.custom-nav > div > li.menu-list.nav-active > a{
    background: transparent url(../images/minus.png) no-repeat 95% 17px;
}

.left-side-collapsed .custom-nav > div > li.menu-list.nav-active > a{
    background:none;
}



.left-side .custom-nav .menu-list.nav-active:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 2px;
    height: 100%;
    background: #65cea7;
    z-index: 999;
}


.custom-nav > li > a, .custom-nav > div > li > a{
    position:relative;
    padding: 10px 40px 10px 36px;
    display:block;
    text-decoration:none;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.custom-nav > li > a, .custom-nav > div > li > a span{
    font-weight:bold
}

.custom-nav > li > a:hover, .custom-nav > li > a:active, .custom-nav > div > li > a:hover, .custom-nav > div > li > a:active, .custom-nav > div > li.nav-active > a{
    background-color: #353f4f;
    color: #65cea7;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.custom-nav > div > li > a.parent{
    position:absolute;
    padding:0;
    display:block;
    text-decoration:none;
    right:50px;
    top:1px;
    color:#ffffff;
}
.custom-nav > div > li > a.parent:hover{
    color:#65cea7;
}


.custom-nav .nav-active .sub-menu-list {

    display: none;

}

.left-side-collapsed .custom-nav .nav-active .sub-menu-list {

    display: none!important;

}

.sub-menu-list tr.tree_list a.name i{
   font-style:normal;
}

.sub-menu-list tr.tree_list{
    border-bottom: 1px solid #424f63;
}

.sub-menu-list tr.tree_list:hover,  .sub-menu-list tr.tree_list.active{
    background: #2a323f;
    color:#65cea7;
}

.sub-menu-list tr.tree_list a:hover, .sub-menu-list tr.tree_list.active a.name{

    color:#65cea7
}



.custom-nav > div >li > ul > div > table tr td{
    padding:4px 0px;
    line-height:16px;
    height:34px;
    position:relative;
	vertical-align:top;
}

.custom-nav > div >li > ul > div > table tr td a{
    color:#ffffff;
    padding:0px;
}

.custom-nav > div >li > ul > div > table tr td a .fa{
    position:absolute;
    text-decoration:none;
    left:inherit;
	top:inherit;
	margin-right:0px;
}

.left-side-collapsed .custom-nav li.nav-hover a span, .left-side-collapsed .custom-nav div li.nav-hover a span {
    display: block;
    color: #fff;
}

.left-side-collapsed .custom-nav li a span, .left-side-collapsed .custom-nav div li a span{
    position: absolute;
    background: #65CEA7;
    padding: 10px;
    left: 52px;
    top: 0;
    min-width: 200px;
    text-align: left;
    z-index: 100;
    display: none;
}

.left-side-collapsed .custom-nav li a span:after {
    top: 20px;
}

.left-side-collapsed .custom-nav .menu-list.nav-hover ul {
    display: none;
}



.left-side-collapsed .custom-nav > li > a, .left-side-collapsed .custom-nav > div > li > a{
    height:40px;
}

.left-side-collapsed .custom-nav li .fa {
    left: 16px;
}


.left-side-collapsed .custom-nav li a.parent i{
    display:none;
}

.custom-nav {
    padding-bottom: 0px;
    background: #424f63;
    margin:0px;
}




.grid {
    display: table;
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0;
}
.grid-tr {
    display: table-row;
    padding: 0;
}
.grid-td {
    position:relative;
    display: table-cell;
    vertical-align: top;
    padding: 0;
}


footer {
    position: absolute;
    background: #fff;
    padding: 15px;
    color: #7A7676;
    font-size: 12px;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #eff0f4;
}





/* родитель */
.flex_block{
position:relative;
}

/* flex-контейнер */
.flex_col{
    border:solid 0px #ff0000;
    display:flex;
    flex-direction:column;
    min-height: 100vh;
}

.flex_col .element{
    border:solid 0px #00ff00;
}

.flex_col .element.element_1{
    flex: 1 1 auto;
}

.flex_col .element.element_2{

}

.flex_col .element .element_content{
    background-color: #18b5a4;
}


.flex_row{
    border:solid 4px #ff0000;
    display:flex;

}

.flex_row .element{
    border:solid 2px #00ff00;
}

.flex_row .element.element_1{
    flex: 0 1 1%;
}

.flex_row .element.element_2{
    flex: 1 1 auto;
}

.flex_row .element .element_content{
    background-color: #18b5a4;
}



.resize_frame{
	width:100%;
	position:absolute;
	z-index:-9999;
	visibility:hidden;
}


.left_block{
    width:0%;
}

.main_block{
    width:100%;
}

.left_block .item{
    background:#86cfda;
}

.main_block .item{
    background:#c9e2b3;
}




.left-side-collapsed .main-content {
    margin-left: 52px;
}


/*sidebar*/
.left-side {
    width: 280px;
    position:absolute;
    margin:0;
    left:0px;
    top:0px;
    background:#353f4f;
	z-index:2
}
.left-side-inner {
    padding: 0px;
    margin: 0px;
}

.left-side .form-group input.form-control{
	background:none;
	border-color:#bbbbbb;
	color:#ffffff;
	margin:0px 0px 0px 6px;
	width:270px;
}

.left-side .form-group input.form-control:focus{
	background:none;
	border-color:#65cea7;
}


.logo {
    padding-top: 5px;
    height: 54px;
    background: #353f4f;
}

.logo a {
    font-size: 28px;
    color: #fff;
    margin: 0 0 0 10px;
    text-decoration: none;
    display: inline-block;
}

.logo a img {
    height: 40px;
}

.logo-icon {
    display: none;
}

/*

.flex-block
{
 overflow: hidden;
}
 .flex-item
 {
 float: left;
}


.flex-block
{
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
 .flex-item
 {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 }

*/


.left-side-collapsed .logo-icon {
    padding: 5px 0;
    top: 0;
    margin: 0;
    left: 0;
    width: 52px;
    height: 54px;
    z-index: 100;
    background: #353f4f;
}

.left-side-collapsed .logo-icon a{
    display:block;
    margin: 0 0 0 7px;
    width:40px;
}

.left-side-collapsed .logo-icon a img {
    height: 40px;
}


.left-side{
    margin-bottom:0px;
	height:100%;
}

.left-side-collapsed .left-side{
    margin-bottom:0px;
}

.left-side-collapsed .left-side {
    top: 0px;
}


.main-content {
    z-index:1;
    margin-left:280px;
    position:relative;
	min-height:100vh;
}

.sticky-header .header-section {
    left: 280px;
}


@media screen and (max-width: 767px) {

    body {
        position: relative;
    }

    .left-side {
        position:absolute;
        z-index:2;
    }

    .main-content {
        margin-left: 52px;
        /*width: 100%;*/
    }

    .header-section {
        /*margin-left: 228px;*/
    }

    /*
    .left-side-collapsed .left-side {
        display: none;
    }

    .left-side-collapsed .main-content {
        margin-left: 0;
    }
    */
    .left-side-collapsed .header-section {
        margin-left: 0;
    }

    .left-side-show section {
        overflow-x: hidden;
    }

    .left-side-show .left-side {
        display: block;
    }

/*
.left-side-show .main-content {
    margin-left: 240px;
}
*/
}


.sub-menu-list table tr.category_add_btn{
    background: #ffffff!important;
    cursor: pointer!important;
}

.sub-menu-list table tr.category_add_btn td {
    color: #000000;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
	height:40px;
	vertical-align:middle;
}

.sub-menu-list table tr.category_add_btn td .fa {
    position: absolute;
    top: 13px;
    left: -1px;
}

.sub-menu-list table tr.category_add_btn:hover td{
    color:#65cea7;
}

div.checkbox_radio{
	position: relative;
    width: 15px;
    height: 15px;
}

div.checkbox_radio label{
	cursor:pointer;
}

div.checkbox_radio label.unchecked:after{
	opacity:0!important;
}

div.checkbox_radio label.checked:after{
	opacity:1!important;
}

input[type="checkbox"]:checked, 
input[type="checkbox"]:not(:checked), 
input[type="radio"]:checked, 
input[type="radio"]:not(:checked) 
{
	/*
	position: absolute;
    left: -9999px;
	*/
	visibility:hidden;
}


input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked),
input[type="radio"]:checked,
input[type="radio"]:not(:checked)


input[type="checkbox"]:checked + label,
input[type="checkbox"]:not(:checked) + label,
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
    display: block;
	margin: 0;
    padding: 0;
    position: absolute;
    line-height: 20px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 15px;
    height: 15px;
    border: 1px solid #65cea7;
    background-color: #;
}

input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 0px;
}

input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    border-radius: 100%;
}

input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after,
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after {
    left: 2px;
    top: 4px;
    width: 11px;
    height: 6px;
    border-radius: 1px;
    border-left: 3px solid #65cea7!important;
    border-bottom: 3px solid #65cea7!important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input:disabled[type="checkbox"]:checked + label:before,
input:disabled[type="checkbox"]:not(:checked) + label:before,
input:disabled[type="radio"]:checked + label:before,
input:disabled[type="radio"]:not(:checked) + label:before {
	border-color:#999999!important;
}
input:disabled[type="checkbox"]:checked + label:after,
input:disabled[type="checkbox"]:not(:checked) + label:after,
input:disabled[type="radio"]:checked + label:after,
input:disabled[type="radio"]:not(:checked) + label:after {
	border-color:#999999!important;
}

.sortable-chosen input[type="checkbox"]:checked + label:after,
.sortable-chosen input[type="checkbox"]:checked + label:after, .sortable-chosen input[type="checkbox"]:not(:checked) + label:after {    
    border-left: 3px solid #ffffff!important;
    border-bottom: 3px solid #ffffff!important;
}

form.sortable-chosen.sortable-fallback.sortable-drag{
	display:none;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #e145a3;
}

input[type="checkbox"]:not(:checked) + label:after,
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}

input[type="checkbox"]:checked + label:after,
input[type="radio"]:checked + label:after {
    opacity: 1;
}

button, button:active, button:focus {
    outline: none!important;
}

.checkbox_radio.white input[type="checkbox"]:checked + label:before,
.checkbox_radio.white input[type="checkbox"]:not(:checked) + label:before,
.checkbox_radio.white input[type="radio"]:checked + label:before,
.checkbox_radio.white input[type="radio"]:not(:checked) + label:before {
    border-color:#ffffff!important;
}
.checkbox_radio.white input[type="checkbox"]:checked + label:after,
.checkbox_radio.white input[type="checkbox"]:not(:checked) + label:after, 
.checkbox_radio.white input[type="radio"]:checked + label:after,
.checkbox_radio.white input[type="radio"]:not(:checked) + label:after {	
    border-color:#ffffff!important;
}






.invisible {
	display:none;
}

.form-group {
	position:relative;
    margin-bottom: 10px;
    line-height: 10px;
}

.form-group label {
	color:#000000;
	position:absolute;
	z-index:1;
	top:-5px;
	right:5px;
	padding:0px 5px;
	margin:0px;
    font-weight: normal;
	font-size:12px;
	background:#ffffff
}

.form-group.field-_treehtml-html label{
	background:#eff0f4;
}
.panel-body .form-group label{
	background:#f9f9f9;
}



.help-block {
    margin-top: 0px;
    margin-bottom: 2px;
    color: #000000;
    font-size: 12px;
	min-height:10px;
	text-align:right;
}
/*
.form-group input.form-control, .form-group select.form-control{
    padding: 2px 8px;
    font-size: 13px;
    line-height: 15px;
    width: 100%;
}
*/
.form-group textarea.form-control {
    font-size: 13px;
    line-height: 15px;
    width: 100%;
    min-height: 85px;
    border-radius: 4px;
    padding: 4px 8px;
    resize: vertical;
    border-color: #cccccc;
    resize: vertical;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.form-group textarea.form-control:focus{
	border-color:#424F63;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: inherit;
    bottom: inherit;
    left: 0;
    z-index: 9;
	width:100%;
	height:200%;
    background-color: #000;
}

.modal{
	z-index:10
}

@media (min-width: 768px){
.modal-dialog {
   /* margin: calc(25vh) auto; */
}
.modal-dialog.sm{
	width:400px;
}

.modal-dialog.md{
	width:600px;
}

.modal-dialog.lg{
	width:1000px;
}
}

.modal-dialog-scrollable .modal-content {
    overflow-x: hidden;
    max-height: 90vh;
    overflow-y: auto;
    margin:0 20px;
}

.modal-dialog {
    top: 50%;
    margin: 0px auto;
    transform: translate(0%, -50%)!important;
}
.modal-title {
    color:#ffffff
}
.modal-body {
    background:#ffffff
}

.table-wrap {
  background-color: #fff;
  margin: 0px;
  max-width:100%;
}

.tab-right {
    height: 40px;
}

.panel-heading {
    text-transform: none;
}

.panel-heading.tab-right .nav-tabs > li > a {
    margin:0px;
}

.panel-heading.custom-tab {
    padding: 0px;
}
.panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover {
    border-radius: 4px 0px 0px 0px !important;
    -webkit-border-radius: 4px 0px 0px 0px !important;
}
.panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover {
    border-radius: 0px 0px 0px 0px !important;
    -webkit-border-radius: 0px 0px 0px 0px !important;
}

.panel-heading .nav {
    display: contents;
    border: medium none;
    font-size: 14px;
    margin: -15px 12px -15px;
}

.panel-heading .nav > li > a {
    color: #ffffff;
}
.panel-default > .panel-heading {
    background-color: #424F63!important;
    border-color: #424F63;
    color: #fff;
	position:relative;
}



.tools {
    margin: 0px;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 99;
}

.custom-tab li a:hover, .custom-tab li.active a {
    border-radius: 0 !important;
    background: #65CEA7!important;
    color: #ffffff !important;
}

.custom-tab ul > li > a {
    display: block;
    padding: 10px 15px!important;
}

@media screen and (max-width: 1199px) {
	.main-content {
    z-index: 1;
    margin-left: 52px;
    position: relative;
	}
	
	.table-wrap {
		overflow-y: scroll;
	}
	
	.tab-right {
    height: auto;
	
	}
	.nav-tabs>li {
	float: none;
    margin-bottom:0px;
}
.panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover {
    border-radius: 4px 4px 0px 0px !important;
    -webkit-border-radius: 4px 4px 0px 0px !important;
}

}

.table {
    margin-bottom:0px;
}

.table-bordered>thead>tr>th{
    border: none;
	padding: 10px 5px 9px 5px;
	background:#424F63
	
}
.table-bordered>tbody>tr>td{
	padding: 3px 5px;
}

.table-striped>tbody>tr:nth-child(even)>td, .table-striped .tbody .tr:nth-child(even) .td{
    background-color: #f9f9f9;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped .tbody .tr:nth-child(odd) .td{
    background-color: #ffffff;
}


.table-striped tbody tr:nth-child(even) label{
	background:linear-gradient(0deg, #ffffff 0%, #f9f9f9 100%);
}


textarea.form-control.meta, .table .tbody .tr .td textarea.form-control{
    line-height: 12px;
    font-size: 13px;
    width: 100%;
    min-height: 34px;
    height: 34px;
    resize: vertical;
}

.has-error textarea.form-control{
    border-color: #a94442!important;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
.has-success textarea.form-control {
    border-color: #3c763d!important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}


.table-bordered>tbody>tr.gradeA.current_row>td, .table-bordered .tbody .tr.current_row .td{
    /*background-color: #eeffee!important;*/
}

.table-bordered.table-striped.no-border>tbody>tr>td{
    border:none;
	border-bottom: 1px solid #ddd;
}

.table-striped.no-border>tbody>tr>td{
    border:none;
}

.top_table_block label{
	position: absolute;
	left:inherit;
    right: 60px;
    top: 12px;
	padding:0px;
}

@media (max-width: 480px) {
  .top_table_block button{
	  width:100%
  }
}

.select2-dropdown {
    border: 1px solid #424F63;
	border-radius:0px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #424F63;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container {
    /*width: 100%!important;*/
    display: block;
    
}
.select2-container .select2-selection--single {
    height: 34px;
}

.select2-container span{
    font-size:12px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555555;
    line-height: 34px;
}

.select2.select2-container--default .select2-selection--single {
    border: 1px solid #cccccc;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.has-success .select2.select2-container--default .select2-selection--single {
    border: 1px solid #3c763d;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.has-error .select2.select2-container--default .select2-selection--single {
    border: 1px solid #a94442;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.select2.select2-container--default.select2-container--open .select2-selection--single {
    border:1px solid #424F63;
	/*border-bottom:none;*/
	overflow:hidden;
	position:relative;
}

.select2-container--default .select2-results > .select2-results__options {
    border-radius: 0 0 4px 4px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #65CEA7;
}
.select2-container--default .select2-results__option--selected {
    background-color: #eeffee;
}

.select2-dropdown.select2-dropdown--below{
	margin-top:-1px;
}

.project_select .select2-dropdown.select2-dropdown--below{
	width:240px!important;
}

#parent_user_select{
	float:right;width:240px;margin-top:5px;margin-bottom:0px;
}

#parent_user_select label{
	background:linear-gradient(0deg, #ffffff 0%, #eff0f4 100%);
}

@media (max-width: 767px) {
	#parent_user_select{
		float:left;margin-top:10px;
	}
}



.module_table_row td, .tbody .tr .td{
	font-size:12px;
	letter-spacing:-0.2px
}

.module_table_row td a, .tbody .tr .td a{
	color:#444444;
	font-size:13px;
	line-height:14px;
	cursor:pointer
}

.module_table_row td a i, .tbody .tr .td a i{
	font-size:16px;
}

.module_table_row td a:hover, .module_table_row td a.active, .tbody .tr .td a:hover, .tbody .tr .td a.active{
	color:#65CEA7;
}

.pagination{
	padding:0px;
	margin:0px;
	margin-top:2px
}

.pagination ul{
	padding:0px;
}

.adv-table .dataTables_info, .dataTables_paginate {
    padding: 0px;
}

.dataTables_paginate.paging_bootstrap.pagination li a {
    padding: 4px 9px;
}



table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, .table .thead .tr .td.sorting, .table .thead .tr .td.sorting_asc, .table .thead .tr .td.sorting_desc{
	padding: 12px 0px 8px 16px;
	cursor:pointer;
	position:relative;
}
table.table thead .sorting:before, table.table thead .sorting_asc:before, table.table thead .sorting_desc:before, .table .thead .tr .td.sorting:before, .table .thead .tr .td.sorting_asc:before, .table .thead .tr .td.sorting_desc:before{
	left:5px;
	position:absolute;
	font-family: FontAwesome;
}
table.table thead .sorting:before, .table .thead .tr .td.sorting:before{
	content: "\f0dc";
	color:#ffffff
}
table.table thead .sorting_asc:before, .table .thead .tr .td.sorting_asc:before{
	content: "\f0dd";
	color:#65CEA7
}
table.table thead .sorting_desc:before, .table .thead .tr .td.sorting_desc:before{
	content: "\f0de";
	color:#65CEA7
}

.form-group.field-element-notice, .form-group.field-element-price, .form-group.field-element-price_old, .table.table-bordered .form-group{
	padding:0px;
	margin:0px;
}

.form-group.field-element-price input, .form-group.field-element-price_old input{
	text-align:right
}

.table-wrap .form-group.field-element-notice label{
	display:none;
}
.form-group.field-_treehtml-html .help-block, .table-wrap .form-group.field-element-notice .help-block, .table-wrap .form-group.field-element-price .help-block, .table-wrap .form-group.field-element-price_old .help-block, .table.table-bordered .form-group .help-block{
	display:none;
}

.rows-label{
	margin-top:7px;
	margin-bottom:10px;
	text-align:left;
}

@media (max-width: 767px) {
	.rows-label{
		text-align:right;
	}
	/*
	.dataTables_paginate.paging_bootstrap.pagination{
		float:right!important;
	}
	*/
}

@media (max-width: 480px) {
	/*
	.rows-label{
		float:right!important;
	}
	.select_action{
		float:right!important;
	}
	*/
}

.dz-default.dz-message button.dz-button{
	display:none;
}


.images-sortable-wrapper{
	margin:10px 0 0 0;
	float:left;
	width:100%;
}
.images-sortable-block{
	margin:0 -10px;
}
.images-sortable{
	padding:0px 10px;
	display:block;
	float: left;
	min-height:0px;
	width:100%;
	border:0px dotted #cccccc;
}
.images-sortable div {
	padding-left:1px;
	padding-bottom:1px;
	float: left;
}
.images-sortable div img{
	width:100%
}

.images-sortable .sortable-item{
    position:relative;
	-webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}
/*
.images-sortable .sortable-item.hover, .mfp{
    cursor:zoom-in;
}
*/
.images-sortable .sortable-item.hover:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(101,206,161,0.3);
    /*cursor: default;*/
    top: 0;
    left: 0;
}

.images-sortable .sortable-item.sortable-chosen:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(101,206,161,0.6);
    cursor: move;
    top: 0;
    left: 0;
}


.images-sortable .sortable-item .image-del-link {
    position: absolute;
    right: 3px;
    top: 3px;
    display: block;
	opacity:0;
    z-index: 10;
}

.images-sortable .sortable-item .image-del-link i.fa{
    position: absolute;
    right: 2px;
    top: -1px;
    z-index: 99;
	color:#ffffff;
}


.images-sortable .sortable-item.active .image-del-link, .images-sortable .sortable-item.hover .image-del-link{
    display: block;
    cursor: pointer;
	opacity:1;
	
}
.images-sortable .sortable-item.active .image-del-link, .images-sortable .sortable-item.hover .image-del-link:before{
    content:'';
	display: block;
	position:absolute;
	width:14px;
	height:13px;
	/*
	background:#ff0000;
	*/
	top:0px;
	right:0px;
	z-index:0;
	border-radius:0px;
}




.table-bordered{
	border:none
}

.table-bordered .tbody{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}


.table{
	display:table;
	width:100%
}

.table .tr{
	display:flex;
	width:100%;
}

.table .tr .td{
    display:table-cell;
	border: none;
	line-height:10px;
	padding: 4px 0px 4px 4px;
    position: relative;
	width:16px;
	min-width:16px;
	min-height:35px;
	/*
	max-width:16px;
	*/
	vertical-align:top;
	border-bottom:1px solid #cccccc
}

.table .thead .tr .td{
	padding: 12px 0px 8px 5px;
    background: #424F63;
	color:#ffffff;
	font-weight:bold;
	vertical-align:middle;
	border:none;
}

.table .tr .td.id{
	width:28px;
	min-width:28px;
	/*
	max-width:28px;
	*/
	text-align:right
}

.table .tr .td.check{
	width:22px;
	min-width:22px;
	cursor:pointer;
	/*
	max-width:22px;
	*/
}

.table .tr .td.image{
	width:50px;
	min-width:50px;
	/*
	max-width:50px;
	*/
}

.table .tr .td.name{
	width:40%;
	min-width:200px;
	
}

.table .tr .td.login{
	width:20%;
	min-width:100px;
	
}

.table .tr .td.date, .table .tr .td.price{
	width:80px;
	min-width:80px;
	/*
	max-width:80px;
	*/
}


.table .tr .td.inherit{
	/*
	padding:2px 5px 2px 0px;
	*/
	width:100%;
	/*
	min-width:100%;
	max-width:100%;
	*/
}
@media (max-width: 767px) {
	.table .tr .td.inherit-xs{
		/*
		padding:2px 5px;
		*/
		width:100%;
		/*
		min-width:100%;
		max-width:100%;
		*/
	}
}

.sub-menu-list table tbody tr.tree_list.sortable-chosen td, .table.table-sortable .tbody .tr.sortable-chosen .td{
	background:#65CEA7!important;
	color:#ffffff;
	cursor:move!important;
}
.sub-menu-list table tbody tr.tree_list.sortable-chosen td a, .table.table-sortable .tbody .tr.sortable-chosen .td a{
	color:#ffffff!important;
	cursor:move!important;
	text-decoration:none!important;
}

.sub-menu-list table tbody tr.tree_list.sortable-chosen td input[type="checkbox"]:checked + label:before, .table.table-sortable .tbody .tr.sortable-chosen .td input[type="checkbox"]:checked + label:before,
.sub-menu-list table tbody tr.tree_list.sortable-chosen td input[type="checkbox"]:not(:checked) + label:before, .table.table-sortable .tbody .tr.sortable-chosen .td input[type="checkbox"]:not(:checked) + label:before,
.sub-menu-list table tbody tr.tree_list.sortable-chosen td input[type="radio"]:checked + label:before, .table.table-sortable .tbody .tr.sortable-chosen .td input[type="radio"]:checked + label:before,
.sub-menu-list table tbody tr.tree_list.sortable-chosen td input[type="radio"]:not(:checked) + label:before, .table.table-sortable .tbody .tr.sortable-chosen .td input[type="radio"]:not(:checked) + label:before {
    border: 1px solid #ffffff;
}

.sub-menu-list table tbody tr.tree_list.sortable-chosen td input[type="checkbox"]:checked + label:after, .table.table-sortable .tbody .tr.sortable-chosen .td input[type="checkbox"]:checked + label:after,
.sub-menu-list table tbody tr.tree_list.sortable-chosen td input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after, .table.table-sortable .tbody .tr.sortable-chosen .td input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after {
    
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    
}




.sub-menu-list table tbody tr.tree_list.sortable-fallback, .table.table-sortable .tbody .tr.sortable-fallback, .sortable-item.sortable-fallback_{
	display:none;
}

.cke_chrome {
    display: block;
    border: 1px solid #b6b6b6!important;
    padding: 0;
    border-radius: 4px;
    box-shadow: none;
    overflow: hidden;
	/*transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
	-moz-transition: all 0.2s ease-out 0s!important;
    -webkit-transition: all 0.2s ease-out 0s!important;
    transition: all 0.2s ease-out 0s!important;
}


.cke_reset.cke_focus{
	
	border:1px solid #000000!important;
	border-radius:4px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	
}

.has-success .cke_chrome {
    border: 1px solid #3c763d!important;
}
.has-error .cke_chrome {
    border: 1px solid #a94442!important;
}


.toggle-btn {
    left: 0px;
	position: absolute;
	width: 52px;
    height: 54px;
	font-size: 24px;
}

@media (min-width: 1200px) {
.header-section .row{
	margin-left:35px;
}
}

.header-section #project_select.form-group, #table_block #checked_elements_action.form-group{
	max-width:240px;
}

@media (max-width: 480px) {
.header-section .project_select{
	/*padding-right:0px;*/
}
}

.info-number .badge {
    right:inherit;
	left: 32px;
    top: 5px;
}


.notification-menu .dropdown-menu li form button{
    width:100%;
	text-align:left;
	text-decoration:none;
	border:none;
	color: #fff;
    font-size: 13px;
    padding: 7px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.notification-menu .dropdown-menu li form button:hover{
    background: #2a323f;
    color: #fff;
}

.widget-info-one .inner {
    min-height: 110px;
    padding: 15px 15px 20px 105px;
    position: relative;
} 

.module-name.panel.widget-info-one{
	cursor:pointer;
	-moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
	border:1px solid #dddddd;
}

.module-name.panel.widget-info-one:hover{
	border-color:#65CEA7;
	text-decoration:none!important;
}

/* frontend */

.form-signin .btn-login {
    background: #6bc5a4;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    margin: 0px 0 5px;
    padding: 7px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 18px;
}