body {


	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
	color: #89786a;

}

button {

	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;

}

input[type="submit"],input[type="submit"]{
	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
}



#ajaxloader
{
	position: absolute;
	width: 30px ;
	height: 30px ;
	border: 8px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	box-shadow: 0 0 25px 2px #eee;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;



	left: calc(50% - 1em);
	top:  calc(50% - 1em);
}

@-webkit-keyframes spin
{
	from { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	to   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
	from { -moz-transform: rotate(0deg); opacity: 0.4; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	to   { -moz-transform: rotate(360deg); opacity: 0.4; }
}

@-ms-keyframes spin
{
	from { -ms-transform: rotate(0deg); opacity: 0.4; }
	50%  { -ms-transform: rotate(180deg); opacity: 1; }
	to   { -ms-transform: rotate(360deg); opacity: 0.4; }
}

@-o-keyframes spin
{
	from { -o-transform: rotate(0deg); opacity: 0.4; }
	50%  { -o-transform: rotate(180deg); opacity: 1; }
	to   { -o-transform: rotate(360deg); opacity: 0.4; }
}

@keyframes spin
{
	from { transform: rotate(0deg); opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1; }
	to   { transform: rotate(360deg); opacity: 0.2; }
}


html, body, .Container
{
    height: 100%;
	margin: 0;
    padding: 0;
}

    .Container:before
    {
        content: '';
        height: 100%;
        float: left;
    }

.Header
{

    background-color: #51ae38;
    height : 50px;
}
.myContent
{
    position: relative;
    z-index: 1;
}
    .myContent:after
    {
        content: '';
        clear: both;
        display: block;
    }

.Wrapper
{
    position: absolute;
    width: 100%;
    height: 100%;
}
    .Wrapper > div
    {
        height: 100%;
    }



.LeftContent
{
    background-color: #51ae38;
    float: left;

    overflow: auto;
    width: 200px;
height: 100%;
	overflow: hidden;
	position: relative;
}

.RightContent
{
    background-color: #e8e4d4;
    overflow: auto;

}

.body{
   background-color: #f8f7f2;
    width: 900px;
     height: 100%;
    overflow: auto;
}








/*

wecwecwecwec

*/

.menu {  padding: 0; min-width: 900px; 1white-space: nowrap;}

.menu li { display: inline;  1display: inline-block; }

.menu li a , .menu li.active a{
	margin-right: 2px;
	color: #89786a;


	float: left;

	line-height: 30px;
	text-decoration: none;
	text-align: center;

	padding: 6px 30px 0px 30px ;
	background-color: #e8e4d4;



    font-weight:bold;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;



}


.menu li a:hover{ background-color: #f8f7f2; }
.menu li.active a { background-color: #f8f7f2; }

#menu-exit  {color: #fff; background-color: #424242; }
#menu-exit:hover  {color: #424242; background-color: #fff; }








.content , .sidebar_content , .navigation_content {  bottom:0; top:0; left:0; right:0; }
.content { width: 880px; background-color: #f8f6f2;
            padding: 10px 10px 10px 10px;  overflow: auto;


}



.sidebar_content {
	margin-top: 13px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px; /* Decrease this value for cross-browser compatibility */
    overflow: auto;
	1width: 1000%;
}


.Header .logo { width: 170px; height: 50px; }
.Header .logo > img{ margin-left: 60px; margin-top: 10px; }


.navigation_content { width:auto; height:50px;background: #51ae38; position: absolute; margin-left: 200px; padding: 0px 0px 0px 0px; }
.navigation_menu {position:absolute; bottom:0;}





.button , .remove_button {text-decoration: none;background-color: #EEEEEE;color: #333333;padding: 8px 10px 8px 10px;border-top: 0px solid #CCCCCC;
                          border-right: 0px solid #333333;border-bottom: 0px solid #333333;border-left: 0px solid #CCCCCC;font: 14px/100% Arial, Helvetica, sans-serif;}
.button:hover {background-color: #CCCCCC;}
.remove_button {background-color: #F8E6E0;}
.remove_button:hover {background-color: #F5BCA9; }


.full_width{
	width: 100%;
}
.full_width_auto{
	width: auto;
	height: 100%;
	padding: 0px 0px 0px 0px;
}



/*
.sidebar_content ul { margin: 0; padding: 0; }


.collabse_element1{
	margin-right: 4px;


	color: #fff;
	display: block;

	line-height: 14px;
	text-decoration: none;


	padding: 8px 10px 8px 10px;
    height: auto;
}

.collabse_element2:hover2 { color: #89786a; background: #e8e4d4; }


.collabse_element ul{
	margin-top1:  10px;

}

.sidebar_content ul li a {
	margin-right: 4px;
	color: #fff;
	display: block;

	line-height: 14px;
	text-decoration: none;


	padding: 8px 10px 8px 10px;
    height: auto;



}

.left_navi_border2 {

	border-bottom:1px solid #e8e4d4;

}


.sidebar_content ul li a.red {

	background-color: #ef4726;

}


.sidebar_content ul li a.disable:hover {background-color: #51ae38; color: #fff; cursor: default;}


.sidebar_content ul li a.active { color: #89786a; background-color: #fff; }

.sidebar_content ul li a:hover { color: #89786a; background: #e8e4d4; }


.leftshift { margin-left: 12px; }
.leftshift2 { margin-left: 24px; }


*/




.sidebar_content ul {
	padding: 0;
	margin: 0;
	color: white;
	font-family: "Helvetica";
	font-size: 14px;
}



.sidebar_content li a {


	display: block;
	line-height: 1.2em;
	text-decoration: none;
	padding: 8px 10px;
	height: auto;
	font-size: 1em;
	color: #fff;
}

.sidebar_content li a.active {

	color: #89786a; background-color: #fff;
}

.sidebar_content li a.disable {

	cursor: default;
	color: #000;
}

.sidebar_content li a.disable:hover {

	background-color: #51ae38; color: #000; cursor: default;
}


.sidebar_content li a:hover {
	background: #E8E4D4;
	color: #89786A;
	cursor: pointer;
}

.sidebar_content>ul>li {
	border-bottom: 1px solid white;
}

.sidebar_content ul ul>li {
	padding-left: 0;
	margin-left: 1em;
	list-style-type: none;
}
/*
.sidebar>ul>li>ul {
	display: none;
}*/

.sidebar_content .voe {
	background: #ef4726;
}







/**
 *   START
 */

.tab_container {

	color: #89786a;
	background-color1: #f1f;

}

.tab_container.innen {

	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: -1px;

}

.tab_container_navigation{
	overflow: hidden;
	position: relative;
	border-bottom:1px solid #e8e4d4;
	padding: 0px 0px 0px 5px ;

}




.tab_button{
	margin-bottom: -1px;
	margin-right: 2px;
	display: block;
	float: left;

	line-height: 22px;


	padding: 4px 20px 0px 20px ;
	background-color: #e8e4d4;

	color: #89786a;

    font-weight:bold;


	border:1px solid #e8e4d4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	cursor: pointer;



}

.tab_button.active{ background-color: #fff;  border-bottom: none; cursor: default;}
.tab_button:hover{ background-color: #fff; }
.tab_button:disabled{ background-color: #f8f6f2; }
.tab_button:disabled:hover{  cursor: default; }
.tab_button.active:disabled{ background-color: #fff; }


.tab_button_title{

	padding: 0 4px 0px 0px;
    position: absolute;
    bottom: 0;
    right: 0;

}

.tab_button_title_left{

    padding: 0 4px 0px 4px;
    position: relative;
    display: inline-block;
    width: 20%;
}




.tab_container_content{
	clear:both;
	border:1px solid #e8e4d4;
	overflow: hidden;
	background-color: #fff;

	border-top: none;
	padding: 10px 0px 0px 0px;
}

.tab_container_content.content_details{
	padding: 6px 6px 6px 6px;
}



/**
 * Accordion
 */

.ui-accordion {
	padding: 0px;
}

.ui-accordion-content,.ui-accordion-header{
	border:1px solid #e8e4d4;
	border-left: none;
	border-right: none;
	1padding: 0px 0 0 0 !important;
	margin: 0px 0 0 0 !important;
}

.ui-accordion-content,.ui-accordion-header.ui-state-default{
	background: #fff !important;
}


.ui-accordion-content {
	padding: 0px 0px 0px 0px !important;
	margin: 0px !important;


}


.ui-sortable {
	width: 100%;
	padding: 0px ;
	margin: 0px;

}




/**
 * Page
 */

.template_content{
	background-color: #fff;

	margin: -1px;




	border:1px solid #e8e4d4;
}




.sortable_slideshow {overflow: hidden; list-style-type: none; margin: 0; padding: 5px 5px; width: 100%; }
.sortable_slideshow .slideshow_template {border:0px solid #e8e4d4; text-align: center; overflow: hidden; background: #fff;margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; width: 158px; height: 110px;  height: auto;  float: left; }
.sortable_slideshow .slideshow_template img { height: 80px;  }
.sortable_slideshow .slideshow_template input { 1background: #f1f; width: 94% ; }

.search_result_item_image{

	 text-align: center;
	overflow: hidden;
}




.action_div{

	position: relative;
	height:34px;
	background-color: #2a86ea;
	padding: 0 9px;
}

.action_right_div{
	float: right;
}

.action_buttons_div{
	display: table-cell;
	position: relative;
    vertical-align: middle;
    height: 34px;
}



.action_buttons_div > button, .action_buttons_div > input{
	margin-left: 5px;
}

.sorthandlebutton_move{
	cursor:move;
}






/* Demo Syles Slideshow */

.device {
  width: 640px;
  height: 300px;
  padding: 30px 40px;
  border-radius: 20px;
  background: #111;
  border: 3px solid white;
  margin: 5px auto;
  position: relative;
  box-shadow: 0px 0px 5px #000;
}
.device .arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  height: 300px;
  width: 640px;
}
.content-slide {
  padding: 20px;
  color: #fff;


}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}










.separator{
	height:1px;

	 background: #e8e4d4;
}


.simple_container{

	background: #fff;

	border: 1px solid #e8e4d4;


}

.simple_page_container{

	background: #fff;

	border: 1px solid #e8e4d4;
	margin: 0px 10px 10px 10px;
}


.menu_list_cell{ padding222: 10px 10px 10px 10px; overflow: hidden; }
.menu_list_cell .list_title{
	padding: 10px;
}
/*
.menu_list_title_value{ padding: 0px 0px 0px 0px; overflow: hidden; height1: 100%;  min-height: 34px;  height1: 34px; margin-left: 10px; }
.menu_list_title_value .menu_title{ float: left; height:100%; width: calc(45% - 5px); }
.menu_list_title_value .menu_value{ //opacity: 0.5; float: right; height:100%;  min-height: 34px;  width: calc(55% - 15px); ; padding: 0px 0px 0px 10px;}
*/

.menu_list_title_value{
margin:0 0 0px 0;
clear:both;
display: table;
width: 100%;

}
.menu_list_title_value .menu_title{

	width: 45%;
	max-width: 10px;
	overflow: hidden;

}
.menu_list_title_value .menu_value{

}



.menu_list_title_value .menu_title, .menu_list_title_value .menu_value{
	display: table-cell;
	padding: 0px;
}
.menu_list_title_value .menu_value{
	padding: 2px 10px 2px 6px;
}
.menu_list_title_value .menu_title{
	padding: 10px 10px 10px 10px;
}

.menu_list_cell .list_cell{
	padding: 0px 0px 0px 10px;
}

.menu_list_cell .list_title{
	padding: 10px 10px 10px 10px;
	display:inline-block;
}


.menu_list_title_value .menu_value.bg_gray{ background: #e8e4d4;  //background: #f1f;}

/*
.menu_list_title_value .menu_value input{ width: calc(100% - 15px); 1background: red; position:relative; top:calc(50% - 1em); }
*/
.menu_list_title_value .menu_value input{ width: 100%;}
.menu_list_title_value .menu_value select{ position:relative; top:calc(50% - 1em); width: 100%}

/*
.list_title {  height2: 34px; line-height2: 34px; font-weight:bold; width: auto;  padding: 10px 0 10px 0;}
*/
.list_title { font-weight:bold; }

.menu_list_title_value .menu_value.radio input{width: auto;}


.menu_list_cell.bg_gray{ background: #e8e4d4; }

.bg_gray{ background: #e8e4d4; }

.menu_list_cell.title{ height: 34px; margin-top: 4px;}



.list_cell {  height: 34px; line-height: 34px; }

.search_container  {
    margin-bottom: 10px;
}

.search_container .menu_value input#search {
	width:70%;
}

.search_container .menu_value input#search_start {
    width:25%;
    padding: 3px;
}

.search_container .menu_title  {
    width:auto;
}

.action_buttons_upload {
	display: inline-block;
	float: right;
    padding: 3px;
}

.action_buttons_upload button {
    padding: 2px;
}


.clearable{
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */


.container_title{  padding: 10px; font-weight:bold;}
.container_description {  padding: 10px;}

.intervention_form1{
	float1: right;
	width: 90px !important;
}

.intervention_form{
	height: 100%;
	overflow: hidden;
	 1display: table-cell;
    vertical-align: middle;
   1height: 34px;
}

.intervention_form input,.intervention_form select{
	 width: 80px !important; float: right; margin: 4px;margin-right: 8px;
}
.intervention_form span {}



.div-table{
  display:table;
  width:100%;
	border-bottom:1px solid  #e8e4d4;


}

.div-table-col{
	padding: 10px 10px 10px 10px;
	float:left;/*fix for  buggy browsers*/
	display:table-cell;
	width:150px;


}
.div-table-col-button{
	1float:right;/*fix for  buggy browsers*/
	display:table-cell;
	width:auto;


	height: 100%;
	overflow:auto;
	vertical-align: middle;
	padding: 0px 5px 0px 7px;

	border-left:1px solid  #e8e4d4;
}





.content_title{

	font-weight:bold;
	 margin-left: 10px;
	 margin-top: 2px ;
	height: 24px;
	width: 500px;

	float: left;
}

.dbu_table{ border-spacing: 0; width: 100%; margin: 0px; padding: 0px; }
.dbu_table th{ text-align: left; padding: 0px 10px;}
.dbu_table tr > th:first-child + th{ border-left: 1px solid #e8e4d4; padding: 0px 10px; }
.dbu_table td, .dbu_table th { border-bottom: 1px solid #e8e4d4; max-width: 100px; overflow: hidden; height: 34px;}
.dbu_table tr > td:first-child {  padding: 0px 10px; }
.dbu_table tr > td:first-child + td{ border-left: 1px solid #e8e4d4; padding: 0px 10px; }

.imageView_disabled{
	opacity: 0.3;
}








.h_space_5 { height:5px; width:1px; font-size:1px; line-height:1px; clear:both; }
.h_space_10 { height:10px; width:1px; font-size:1px; line-height:1px; clear:both; }
.h_space_20 { height:20px; width:1px; font-size:1px; line-height:1px; clear:both; }






/*

 jquery ui

*/


.ui-widget {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
}
.ui-widget .ui-widget {
	font-size: 13px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
}



.ui-dialog-titlebar-close {
  visibility1: hidden;
	position: absolute;
	right: .3em;
	top: 50%;
	width: 30px !important;
	height: 38px !important;;

	padding: 0px;

	background: rgba(220,160,140,0.0) !important;;
	margin-top: -24px !important;
	margin-bottm: 14px !important;;

	border: 0px solid #CCCCCC !important;;;
}

.ui-icon-closethick{
	visibility: hidden;

}




.ui-dialog-titlebar-close:before {
   font-family: "NaNeNaApp";
   content: "\E004";
   font-size:34px;
	font-weight: normal;
   height:30px;
	color: #89786a !important;
}

.ui-state-error{
	background: #fff;
	border: 1px solid #ef4726 !important;;;
	color: #ef4726;
	padding: 10px;
	list-style-type: none;
	margin: 0;
}





.ui-tabs{
	border: 0px solid #e8e4d4 !important;
	padding: 0px  !important;
	background: rgba(220,160,140,0.0) !important;;
}

.ui-tabs-nav{
	border: 0px solid #ef4726 !important;
	background: rgba(220,160,140,0.0) !important;;
	//padding: 0px  !important;

	margin-left: 3px !important;

}

.ui-tabs-panel{
	border: 1px solid #e8e4d4 !important;
	background: #ffffff !important;

	padding: 0px 0px 0px 0px  !important;
}


.ui-tabs-nav .ui-corner-top{
	border: 1px solid #e8e4d4 !important;
	border-bottom: 0px  solid !important;

	1background: #ffffff !important;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	margin-left: 2px !important;
	font-weight:bold !important;;

	padding: 0px 9px 0px 9px  !important;

	height:26px !important;;

	margin: 0 .2em 0 0  !important;
	margin-left: 2px !important;
}

.ui-tabs-anchor{
	padding: .6em 1em !important;
}



.ui-dialog-buttonpane{
	background: #2a86ea;
	border: 0px solid #e8e4d4 !important;
	//height: 34px !important;
	margin: 1px 1px 1px 1px !important;
}

.ui-dialog-buttonset1{
	height: 34px !important;
}

.ui-button{

	cursor: pointer;
}


/*

ui-widget ui-state-default ui-corner-all ui-button-text-only
*/

.ui-widget-overlay.ui-front{
	background: #000 ;
	opacity: 0.7 !important;;
}

.ui-state-hover1 {
    background:none;
    border:none;
}
/*
 * CKE EDITOR
 */
.cke_dialog_body{
	background: #f8f7f2 !important;
	border-top-left-radius: 0px !important;;
	border-top-right-radius: 0px !important;;
}
.cke_dialog_title{
	color: #f8f7f2 !important;
	color: #89786a !important;;
	background: #fff !important;
	margin: 4px !important;
	border: 1px solid #e8e4d4 !important;
	border-top-left-radius: 0px !important;;
	border-top-right-radius: 0px !important;;
}


.cke_dialog_close_button{
	background-image: none !important;
	margin-top: -8px !important;;
}

.cke_dialog_close_button:before {
	color: #89786a;
   font-family: "NaNeNaApp";
   content: "\E004";
   font-size:34px;
	font-weight: normal;
   height:10px;
	margin-left: -10px;

}

.cke_dialog_contents{
	background: #f8f7f2 !important;
	color: #89786a !important;;
}

.cke_dialog_close_button1{
	background-image: none !important;
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	cursor:pointer;
	text-align:center;
	height:20px;
	width: 20px;
	top:5px;
	//z-index:5
}



.cke_dialog_ui_labeled_content,.cke_dialog_ui_labeled_label{
	1float:left !important;
	padding: 4px 4px 4px 4px  !important;
}
.cke_dialog_ui_text{
	1overflow: auto;
}

#cke_35_label,#cke_32_label{
	display: none;
}
.cke_dialog_ui_hbox_last{
	1background: #e8e4d4 important;
}
.cke_dialog_background_cover{
	background-color: black !important;
    opacity: 0.7 !important;
}

.cke_dialog_footer{
	background: #2a86ea !important;
	height: 34px !important;
	//border: 10px solid #e8e4d4 !important;
}

.cke_resizer{
	display: none;
}

.cke_dialog_ui_button {
  height: 20px !important;;
}



.menu_value.bg_gray.radio label{
	float: left;
}

.action_right_div .dbu_video_tutorial_button {
    color: #fff;
    display: table-cell;
    line-height: 30px;
}

.navigation_menu {
    min-width: 920px;
}

.navigation_content .dbu_video_tutorial_button {
    color: #fff;
    display: inline-block;
    line-height: 37px;
    padding-left: 10px;
}