.btn {
    text-transform: initial !important;
}

.translatedtitle .input-group-content label {
    top: -14px !important;
    margin-bottom: 0;
    font-size: 19px;
    opacity: 0.5;
}

.translatedtitle .form-group { width: 266px; }

a#translateedit {
    font-size: 12px;
    padding: 3.5px 6px;
    background: #e5e6e6;  
    height: 32px;
    color: #245d92;
}

a#translateedit i {
    opacity: 0.5;
    color: #000;
font-size: 16px !important;
    margin: 4px;
    cursor: pointer; 
margin: 4px 2px;
    float: left;
    color: #000;
    opacity: 0.5;    
}

a#translateedit span {
        float: right;
    margin-top: 2px;
    color: #245d92;
}

#content_view_icons .mdi {
    color: #245d92!important;
}

#iconManager .mdi span {
    font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;
    color: #313534;
}

.buttonline {
    padding-left: 174px;
}

.tab-pane .input.text input {
	width: 149px;
}

#keysecureSelect{ border:#555 solid 1px; width:100% ;}
#keysecureSelect #keysecureClients{ width:33%;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #fffff !important;
}
.no_pa_top{padding-top:0px;}
.card .logo{margin:0 auto;text-align:center}
.text_logo{
	font-size: 28px;
    text-align: center;
    display: block;
}	
.section-account{margin-top:10%}
.section-account .card-body{transition:0.2s;}
.section-account .card-body:hover{box-shadow:1px 5px 6px 2px #ccc}
.help-block{position:relative;bottom:0px;}

.material-icons {
	font-size: 30px !important;
}

.actions .material-icons {
	margin-top: 5px !important;
}
.actions.clients ul li {
    display: inline-block;
    float: left;
	position:relative;
    margin-right: 25px;
}


/* 17-5- 16 */

.logo_section {}

.logo_section ul {
    margin: 0px;
}

.logo_section ul li {
    vertical-align: middle
}

.logo_section ul li a {
    display: block;
    padding: 12px 10px;
    transition: 0.5s;
}

.logo_section ul li a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.logo_section ul li a i {
    font-size: 22px;
    margin-top: 9px;
}

.logo_section ul li img {
    max-width: 120px;
    margin: 3px 9px;
}

#menubar {
    width: 240px;
    top: 0px;
    position: relative
}

.header-fixed #header {
    z-index: 5
}

.gui-folder > a:after,
.menubar-visible .gui-folder > a:after,
.menubar-visible .gui-controls li .title,
.gui-controls li .title {
    opacity: 1
}

.gui-controls > li > a .title {
    margin-left: 65px !important;
    left: 0px;
}

.gui-controls a:after {
    margin-left: 0px;
}

#base {
    padding-left: 0px;
    transition: 0.2s;
}

.nano > .nano-pane,
.nano > .nano-content,
#header,
#menubar:before,
.header-fixed,
.header-fixed #header {
    position: relative
}

.header-fixed #menubar {
    float: left
}
.gui-controls > li > a { font-size:13px;} 
.left_block {
    float: left;
    width: auto;
    position: fixed;
    transition: 0px;
    background: #2b323a;
}
.menutoptext { color: #fff;
font-size: 14px;
font-weight: normal;
padding: 0 23px 20px; }
.menubar-inverse .gui-controls li .title { color:#fff !important; text-shadow: 0px 0px 0px  !important }
/*.menubar-pin .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a { background-color:#3b3a3b }*/
/*.menubar-pin .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover { background-color:#3b3a3b }*/ 
.right_block {
    float: left;
    width: 100%;
    background: #e5e6e6 none repeat scroll 0 0 / 100% 100%;
    height: 100%;
    transition: 0.5s
}

.right_toggle {
    padding-left: 240px
}

html,
body {
    overflow: auto
}

body {
    background: #e5e6e6
}

html,
body {
    overflow: auto
}

#header+section {
    background: #e1e7f5 none repeat scroll 0 0;
    display: table;
    height: 100%;
    width: 100%;
	margin-top:55px;
}

@media (min-width: 768px) {
    .header-fixed #menubar {
        width: 240px;
    }
    .menubar-pin #menubar {
        width: 240px;
    }
}
@media (max-width:1300px) {
   .coustomModal .modal-body{ height:89%;}
}

.client_table th {
    text-align: center;
}

.client_table {
    float: left;
    margin: 20px 0;
    max-width: 100%;
    width: 100%;
}

.client_table tr {
    background: #fff!important;
    text-align: center
}

.actionsArea {
    float: right;
    padding: 1% 0;
    vertical-align: middle;
}

.dataArea {
    float: left;
    width: 90%;
}

.actionLink a {
    float: left;
    width: 100%;
}

.data_left {
    float: left;
    vertical-align: middle;
    width: 90%;
}

.client_table table,
.client_table2 table,
.data_left table {
    margin: 10px 0px;
}

.client_table table th,
.client_table2 table td,
.data_left table td {
    border-right: 1px solid #ccc;
    border-top: 0 none !important;
    padding: 15px;
    width: 5%;
    text-align: center;
    height: 75px;
}
.client_table2 table td{padding:0px;width:20%}
.client_table table th {
    color: #000;
    width: 15%!important
}

.client_table2 table td a,
.data_left table td a {
    display: block;
	  
}
.client_table2 table td a{ padding: 2px 0;}

.client_table2 table td:last-child,
.data_left table td:last-child {
    border: none
}

.client_table2{
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px 1px #ccc;
    height: 120px;
    margin: 20px 0;
    overflow: hidden;
    width: 100%;
}
.dataItemArea .dataItem{
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px 1px #ccc;
	min-height:328px;
	float:left;width:100%;
	margin-bottom:30px;
}
.img-res2{width:170px}
.client_table2 table {}
.client_table2 table .kundennameList{ font-weight: bold;}
.client_table2 table td.logopicList img{    width:100px;
    padding-top: 10px;height:auto}
.client_table2 .row > img{   margin: 20px 8px;
    width: 100%;
}
.client_table2 .row img{width:100%}

.actions li {
    float: left;
    list-style: outside none none;
    padding: 30px;
}

.client_table td {
    border-right: 1px solid #ccc
}

.client_table td a {
    float: left;
    width: 100%;
    display: block;
    text-align: center
}
.languages .actions.clients .ink-reaction.btn-floating-action {
margin-right:10px
}
.actions.clients{    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0px 30px;}
.actions.clients ul{    padding: 0px;display:flex}
.actions.clients ul li{display:inline-flex;width:100%;border-right:1px solid #ccc;padding:0px}
.actions.clients ul li:last-child{border-right:0px;}
.top_menu{padding:0px;}
.top_menu .actions  a{height:15px;width:100%;text-align:center}
.svg_icons{display: inherit;}
.svg_icons span {float:left;margin:5px;    margin-top: 0px;}
.svg_icons span img{cursor:pointer}

/* 19-5-16 */
.dataItemArea{}
.dataItemArea .dataItem .c_panel_head{  padding: 10px;} 
.c_panel_head .clientlogo{float:left;width:20%; min-width:45px}
.c_panel_head .clientlogo img{/* max-width: 70%;*/ max-width:40px;}
.c_panel_head .clientname{float:left;width:60%}
.c_panel_head .c_close{float:right;width:10%;min-width:50px;text-align:right;opacity:0.5}
.clientedit .c_panel_head { display: inline-block !important; height: 28px !important; padding:0px !important; width: 100%; }

.dataItem  .c_panel_img{ float: left;
    padding: 0;
    width: 100%;margin-top:10px;height:200px;overflow:hidden}

.pages .dataItem   .c_panel_img{height:auto}	
	.dataItemArea .dataItem  .c_panel_img{height:190px}
.dataItem  .c_panel_img img{width:100%}
.dataItem  .c_panel_footer{ float: left;
    padding: 10px;
    width: 100%;}
	
.dataItem  .c_panel_footer .clientnumber p{white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    width: 100%;}
.dataItem  .c_panel_footer .creationdate{}
 .c_panel_footer .actionsArea{   float: right;
    padding: 0;
    text-align: right;}
	.clientname p{margin-bottom:0px}
.container{margin: 0 auto;
    max-width: 1250px;
    width: 100%!important;display:table}
.actions.clients ul{padding-left:0px}
.actions .neuerKunde .text,
.actions.clients ul li:first-child .neuerKunde .text {padding-left:40px;float:left;}
.actions .neuerKunde  .btn-floating-action{float:left;margin-top:-5px}
.actions span,
.actions .text,	
.neuerKunde .text, .snippet_add span, 
.actions a{font-size:18px;    color: #888;}
.btn.ink-reaction.btn-floating-action.btn-primary {
    margin-right: 14px;
}
/* 19-5-16 | end */

/* 20-5-16 */
.pages.index{background:#f2f1f3;box-shadow:1px 1px 1px 1px #ccc;padding-left:10px;/*float:left;*/  width:100%!important;    
	max-width: 1250px;
    margin: 0 auto;
    position: relative;
	/*display: flex; float:left;*/
}
.dataItemArea.col-sm-9{background:#fff;padding:25px 0px;}
.addnew{ background: #fbf8ff!	important;
    box-shadow: 1px 1px 3px 1px #ccc;
    margin-bottom: 30px;display:table;
    height: 250px;
    width: 100%;cursor:pointer}
.addnew:hover{
background:#e4e4e4!important
}
	
.addnew .addnew_sub{  display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;}
.addnew .addnew_sub i{ background: #eae8ed none repeat scroll 0 0;
    border-radius: 50%;color:#777;
    font-size: 50px !important;
}
.pages .clientnumber > p{margin-bottom:0px;}
.c_panel_back{ bottom: 0;
    float: left;
    width: 100%;padding-left:10px;}
.c_panel_back span{float:right; text-transform:capitalize; color: #245d92;}	
.c_panel_back i{ float: left;color:#000;
/*opacity:0.5;*/
    font-size: 22px !important;
    padding-right: 4px;
    padding-top: 2px;}	
.c_panel_back a{}
.page_left.panel_style1.dataItem{padding-top:20px}
.page_left .c_panel_head img{border-radius:50%; /*height: 40px;*/
    width: 40px;}
.page_links .actions{
 background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 1px 1px #ccc;
    float: left;
    margin: 20px 0;
    padding:0 12px 20px;
    width: 100%;
	}
.page_links ul{  background: #eae8ed none repeat scroll 0 0;
    display: flex;
    float: left;
    padding: 0;
    width: 100%;}
.page_links ul li{    border-right: 1px solid #ccc;
    display: block;
    margin: 5px 0;
    padding: 3px 0;
    text-align: center;
    width: 100%;}
.pages .c_panel_footer .actionsArea .btn{/* margin-top:*/}
/* 20-5-16 | end */
/* 23-5-16 */
#PageEditForm{}
#PageEditForm legend{  border-bottom: 2px solid #ccc;
    font-size: 18px;
    margin-top: 0;}
#PageEditForm div.input,
#PageEditForm div.submit{ display: table;
    margin: 10px auto;
    width: 95%;}
#PageEditForm div.input label{  float: left;
    width: 20%;}
#PageEditForm div.input select,
#PageEditForm div.input input{  border: 1px solid #ccc;
    float: left;
    height: 31px;
    padding: 3px;
    width: 50%}
#PageEditForm div.input .submit{}
#PageEditForm div.submit input{background:#245d92;border:none;color:#fff;padding:5px 16px 7px;}
.page-edit{padding-top:15px!important; /*box-shadow:0 -2px 5px 0 #ccc inset*/}
#PageEditForm div.submit input:hover{background:#028078}
.page-edit .pages.form {
    margin: 0 auto 0 10px;
}
.dataItemArea.page-edit.col-sm-9{min-height:530px}
.page-edit{padding-bottom:0px!important}
.page_header{ background: #fff none repeat scroll 0 0; color: #888888;
    float: left;
    padding: 3px 0 10px;
    width: 100%;}
.page_header .icon{float:left;margin-right:10px;}
.page_header .icon i{  opacity: 0.7}
.page_header .icon .pull-right i{font-size:20px!important}
.page_header span{float:left;margin:3px 0 0 10px;color:#888}
.page_body .checkbox label{   color: #888;}
.page_body .checkbox {margin:13px 0px}
.page_body{ background: #f2f2f2 none repeat scroll 0 0;
    display: table;width:100%;margin:0px!important;box-shadow:1px 0px 5px 0px #ccc inset;padding-bottom:85px}
.page_body .h3{color:#888;margin-bottom:20px;}
.page_body .form-control,
.page_body .floating-label .form-control ~ label{font-size:12px!important;top:0px;}
.page_body .form-group, .form-inline .form-group{    padding-top: 12px;margin-bottom:0px;}
.page_body .checkbox-styled:not(ie8) input ~ span::before{opacity: 0.7;top: 3px;z-index: 1;}
.page_body hr{margin:10px 0px;background:#999;/*margin-right:30px*/}
.spl_chck{ margin-top: 26px!important;}
.page_button .material-icons{font-size:20px!important}
.page_button span{
 margin-right: 7px;
    margin-top: 4px;color:#245d92
}	
.page_button .pull-right{margin-right:30px;}

.page_button .pull-right {
    margin-right: 30px;
    margin-top: 65px;
    margin-bottom: -65px;
}

.page_button .btn{margin-right:10px;}
.tempside .page_button,
.page_v_tree .page_button { bottom: 20px;	
    left: 0;
    position: absolute;
    width: 100%;}
	
.page_v_img{ margin: 30px auto; width: 100%;}
.page_v_tree{ background: #fff none repeat scroll 0 0;
    box-shadow: -1px 0 5px 1px #ccc;
    height: 610px;
    overflow-y: auto;}
.page_v_tree {
    height: 635px;
}
.page-view1{}
.page-view1 .h3{padding:0px 30px 15px 20px; color:#757575; }
.page-view2{}
.page-view2 .p_v_close{margin:10px 0px}
.page-view2 .p_v_close i{font-size:15px!important}
.page-view1 .material-icons {
    float: left;
    font-size: 20px !important;
    margin: 0 4px;
}

.page-view1 .jstree-anchor  span {
    float: left;
    margin-left: 19px;
    margin-top: -1px;
}
.page-view1 .c_menu,
.page-view1 .c_edit,
.page-view1 .c_delete{float:right}
.page-view1 .c_file{}
.jstree-default .jstree-themeicon{display:none}
.jstree-anchor:hover{background:transparent!important;border:none;box-shadow:none}
.page-view1  .jstree-anchor {
    display: inline-block;
    height: 42px;
    line-height: 24px;
    width: 90%;
	padding:10px 0;
	border-bottom: 1px solid #D4D4D4;
    color: #757575;
}
.page-view .jstree-ocl
{
margin:10px 0	
}
.jstree-default .jstree-icon:empty{margin-top:10px!important;}
/* 25-5-16 | end */
/* 30-5-2016 | start */
.no-right {
	padding-right: 0px !important
}

.page_v_tree .h4 { 
	color: #95989a;
font-size: 18px;
font-weight: normal;
margin-bottom: 35px;
}

#myform1 {
	width:86%; margin:40px  auto; 
}

.form-control  {
	color:#95989a; font-size:13px;
}

#myform1 .col-xs-5 > label {
	padding-top: 12px;
	color:#95989a;
}

.form .form-group, .form-inline .form-group { padding-top:0px; }

.dropdown-menu > li > a {  padding: 2px 12px }
.cust-btn {
	background: transparent none repeat scroll 0 0 !important;
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
width: 100% !important;
text-align: left;
border-top:0px;
}
.snippets_add .dropdown-menu > li > a{display:table;width:100%}
#myform1 .dropdown-menu {
	border-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.33);
margin: 0;
top: 34px;
left:1px;
min-width: 95px;
width:98%;
}
.caret.right { 
	margin-left:20px;
}
.templatelayout { 
border: 1px solid #ced1d7;
box-shadow: -1px 0 5px 1px #ccc;
height: 560px;
margin: 18px auto;
width: 96%;
background: #e1e7f5 none repeat scroll 0 0;
border-radius:4px;
}
.tempmain {
	
}
.tempbody {
background: #fff url("../img/tempbody_bg.jpg") repeat-x scroll left 10px bottom;
    border-radius: 0;
    display: table;
    height: 485px;
    margin: 42px 22px;
    padding: 30px;
    position: relative;
    width: 94%;
}
.tempbody  .spinner{}

.spinner {
    margin: 50px;
    height: 32px;
    width: 32px;
    animation: rotate 0.8s infinite linear;
    border: 4px solid #245d92;
    border-right-color: transparent;
    border-radius: 50%;
    margin: 0 auto;
}

.tempbody  iframe{display:none;  min-height: 430px !important;}
.tempside {
background: #fff none repeat scroll 0 0;
box-shadow: -2px 0 4px 0 #ccc;
height: 558px;
}

.tempbody  .btn-floating-action {
	height:30px; width:30px;
}
.tempbody  .btn-floating-action .material-icons {
	font-size: 16px !important;
margin: 6px;
}

.tempside .material-icons {
font-size: 16px !important;
margin: 4px;
cursor: pointer;
}
.tempside ul { padding:0px; }
.tempside li {
color: #245d92;
font-size: 14px;
list-style: outside none none;	
padding-left:15px;
}
.tempside li.active {
	background:#438775; color:#fff;
}
.tempside li a {
	text-decoration: none;
}
.tempside h4 {
	color: #abadaf;
padding: 0 0 0 15px;
font-size:16px;
}
.topdiv {
		background: #bdbdbd none repeat scroll 0 0;
height: 125px;
}
.bottomdiv {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
height: 40px;
}
.bottomdiv ul {
	margin:10px 0;
}
.bottomdiv li {
	color: #757575;
float: left;
list-style: outside none none;
margin: 0 5px;
}
.t_addnew {
	left: -16px;
position: absolute;
top: -16px;
}
.tempbody .btn-floating-action {
	box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.45);
	background:#078b75; border-color:#078b75;
	margin-right: 8px;
}
/* 30-5-2016 | end */
.temp_item2{ 
   width: 65%;
    float: left;
    border: 1px solid #333;
        padding: 5px 0px;
}
.temp_item2 p{	
    margin: 6px 0px;
    color: #078b75;
    font-weight: bold;
}
.temp_row1{    width: 100%;
    float: left;
    margin: 10px 0px;}
.tempbody iframe  body{
	 overflow: hidden;
}	

.tempside li{    cursor: pointer;
    margin: 5px 0px;}
	
.langlinks {
	float: right;
}

a.langlink {
    padding-right: 10px;
    float: right;
    margin-top: -2px;
}

.button_bottom {
    position: absolute;
    bottom: 24px;
    right: 10px;
}
.logoimg {
	padding: 0 !important; background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.preview iframe  {
		height:550px; border: 1px solid #ccc; padding:15px 0px; 
}
.languages .pages{background:#fff}

.languages .pages .tableRow{
	  background: #fff none repeat scroll 0 0;
    box-shadow: 1px 2px 6px -1px rgba(0, 0, 0, 0.4);
    float: left;
    margin:0px 20px 20px 0;
    padding: 20px;/*width: calc(33% - 20px);*/
	width:33%;
	min-height: 61px; 
}
.languages .pages .tableRow:hover{box-shadow:1px 6px 6px -1px rgba(0, 0, 0, 0.5)}
.languages .pages.index{min-height:570px; position: relative;}
.languages .tableRow_heading{  float: left;
 margin: 0 30px;
    padding: 0;
    width: calc(33% - 20px);}

/* 7 - 6-2016 */
.tableRow.even ,.tableRow.odd{ position: relative;}
.actionlist_drop {
		position:absolute; right: 10px;     top: 3px;
}
.actionlist_drop .fa {  color: #9a9999; font-size: 16px;}
.actionlist_drop  .dropdown-menu {
 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.33);
    left: auto;
    min-width: 44px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 135px;
}
.actionlist_drop  .dropdown-menu > li > a  { padding: 0 10px; text-align:left;   }
.bottomdiv_cust .tableData {
	color: #b0b0b0;
float: left;
font-weight:500;
font-size: 11px;
line-height: 7px;
}
.tableRowImg {
border-radius: 50%;
display: block;
float: left;
height: 35px;
margin-right: 8px;
overflow: hidden;
width: 35px;
background-repeat: no-repeat; background-size: cover;	
}
.actionsList img { width:18px; margin:0px; }

.tableData.kundennummerList {
	color: #727272;
font-size: 14px;
line-height: 24px;
}
.tableData.kundennummerList a { color: #727272; text-decoration: none; text-transform:uppercase;}

.tempsidecust  { 
border-left: 1px solid #bcbebf;
height: 345px;
margin: 60px 0 0;
position: relative;
}
.tempsidecust .formButtons  {  bottom: 0; position: absolute;}
.tempsidecust h2 { margin-top:0px; }
.templatelayout-top .tempbody { padding:0 30px; }
.tempbody_main { 	border: 1px solid #bcbebf; padding: 20px; width: 96%; display: table; }
.menubar-inverse .gui-controls a.expanded .gui-icon, .menubar-inverse .gui-controls li.active .gui-icon, .menubar-inverse .gui-controls li.active .gui-icon:hover{
background:transparent;color:#fff;
}
.tempbody_main  .t_addnew { left:0px; }

.tempsidecust .form-control { height:46px; }
#LanguageEditForm .floating-label .form-control ~ label{font-size:14px}
#LanguageEditForm .page_button{bottom: 0;
    position: absolute;
    width: 100%;}
#LanguageEditForm .btn-default{padding:5px}
.language_edit .tempbody{background-image:none;float:left;width:100%;height:100%}
.language_edit .tempbody .tempsidecust,
.language_edit .tempbody .tempbody_main{display: block;
    margin-bottom: 35px;
    min-height: 450px;}
.languages .actions.clients {
    float: left;
    margin: -60px 0 30px;
    width: 100%;
}	
.languages .tableData.actionsList.dropdown{margin-top:5px;}
.language_edit_options  .floating-label .form-control ~ label{
font-size:13px
}
.language_edit_options {
border-top: 1px solid #ccc;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 50px 15px 0;
    width: 100%;
}
.languages  .clients.index {
    display: table;
    width: 100%;
}
.languages .floating-label .form-control ~ label{top:0px}
.language_edit_options{display:none}
.tableRowActive{background:#245d92}
.languages .kundennummerList{cursor:pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:30px;}

/* 08 june 2016 */
.launguageMain{ padding: 30px 0 0 30px;}
.launguageMain .tableRow{ padding:15px !important;}
.launHeading{ font-size:18px;color:#616161; padding-top:10px;}
.smallMeterialIcons  .material-icons{ font-size:22px !important; color:#616161}
.itemMainbox .c_panel_head .clientname{ width:60%;	}
.itemMainbox .c_panel_head .c_close{ min-width:25px;}
.itemMainbox .textWrap{width:85%; white-space: nowrap;overflow: hidden;float: left; text-overflow: ellipsis;}
.itemMainbox .clientname{ min-height:50px}
.itemMainbox .c_panel_footer{background: #e1e7f5;}
.bgnone{ background:none !important;}
.leftPanelImage{position: relative; width: calc(100% + 24px) !important;   margin-left: -12px;}
.plnone{ padding-left:0px !important;}
.padnone{ padding:0px;}
.pb22{padding-bottom: 14px;padding-top:1px;}
.padl10{ padding-left:10px; margin-bottom: 20px;}
.pattb10{ padding:10px 0; }
.padt50{ padding:70px 20px 0 20px !important;}
.mt50{ margin-top:50px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:28px;}
.mt40{ margin-top:40px;}
.mt10{ margin-top:10px;}
.customAlert{position: absolute;left: 0;right: 0;z-index: 9;padding: 5px 10px; top: 1px; background: #f2dede; color: #a94442;}
.bluecolor{ color:#245d92 !important}
.right0{ right:0px !important; left:auto !important}

/* 09 june 2016 */
.rightMainViewPage{ margin:30px auto 0 !important}
.rightMainViewPage .preview iframe{ height:545px !important;}
.page_v_tree .jstree-default>.jstree-container-ul>.jstree-node, .page_v_tree .jstree-default .jstree-node{ background:none !important;}
.smallMaterialIcon{ font-size:22px !important;}
.settingIcon{font-size:20px !important; margin:2px 10px 0 0; color:#626262}
.graylink a{ color:#626262 !important}
.graylink a:hover{ color:#245d92 !important; text-decoration:none;}
.grayc{color:#626262 !important}
.client_table2 .actionsList img,
.grayc img{opacity:0.5}
.textWrap a{width:85%; white-space: nowrap;overflow: hidden;float: left; text-overflow: ellipsis;}
.smallBtn{ padding:2px 10px !important;}
.formPadding .form-group, .formPadding .form-inline .form-group{ padding-top:12px !important}
.moreVertBtn{padding:5px 0px !important;line-height: 14px;margin-top: 15px;font-size: 16px; background:none;}
.moreVertBtn:hover{background:none;}
.textCapitalize{ text-transform:capitalize !important}
.clientTableMain table{}
.clientTableMain .row > img{ margin:0px;}
.clientTableMain table td.logopicList img{ padding:0px;}
.actionListMain{ padding-right:25px !important; text-align:right !important}

.myid_list_div{}
.myid_list_div .myid_close{}
.myid_list_div .myid_list{}
.myid_list_div .myid_list li{float:left;width:calc(50% - 20px);margin:10px;}
.languages .smallMeterialIcons .material-icons{font-size:30px !important;margin-top:8px;}
.languages .dropdown-menu .material-icons{font-size:20px !important;margin-top:8px;}
.languages .dropdown-menu  a i{float:left; margin: 6px !important;}
.languages .dropdown-menu  a span{float:left;margin-left: 9px;margin-top: 5px;}
.templates_add .language_edit_options,
.snippets_add .language_edit_options{display:block;position:relative;   border-bottom: 1px solid #ccc;}
/*.snippets_add  .page_button span{color:#fff!important}*/
.snippets_add  .page_button {margin-top:20px;margin-bottom:20px;float:right}
.snippets_add   .page_button .pull-right {margin-right:0px;}
.templates .actionlist_drop .dropdown-menu > li > a{text-align:left;padding:0 12px}

.templates_add label{font-size: 14px;
    font-weight: bold;
    vertical-align: top;
width: 30%;}
.templates_add  .floating-label select,
.templates_add .floating-label .input input{border: 1px solid #ccc;  padding: 7px;
    width: 50%;}
.templates_add .floating-label textarea{border: 1px solid #ccc;height: 70px;overflow: auto;  padding: 7px;
    width: 50%;}
.templates_add .floating-label .submit input{	
	 background: green none repeat scroll 0 0;
    border: medium none;
    box-shadow: 1px 1px 1px 1px #ccc;
    color: #fff;
    padding: 5px 16px;
    text-transform: uppercase;
}	
.templates_add .floating-label .submit {float:left}
.templates_add .floating-label .submit input:hover{
box-shadow:3px 3px 2px 1px #ccc
}
.tableRow_heading2 { display: table;width: 97%;}
.list_new a,
.tableRow_heading2 .pull-right{text-decoration:underline;margin-bottom:0px;}
.list_new{list-style:none}
.list_new li{float:left;margin:0px 5px}
.launHeading {
    margin: 0;
    padding-top: 12px;
}
.list_new2{
 margin-top: 8px;
}
.templates_add .form-group {margin-bottom:12px;}
.content_page  .datumList section{display:none}
.content_page .actionlist_drop .dropdown-menu > li > a{text-align:left}
.content_add #content{width:50%!important}
.snippet_add i{ padding: 5px;}
.snippet_add{
 display: table;
    margin-bottom: 23px;
}
#editor{position:relative!important}
#editorDiv{padding:0px;	}
.myselect{width:100%}
.myselect option{ display: table;
    font-size: 25px !important;
    width: 100%;}
.input-field .btn.dropdown-toggle.btn-default{background:transparent}
/* june 17 */

.mr0{ margin-right:0px !important;}
.mb0{ margin-bottom:0px !important;}
.paddingl0{ padding-left:0px !important}
.mr30{ margin-right:30px;}
.lh60{ line-height:60px !important;}
.projectClients .pages .tableRow{ width:40%}
.bold th{ font-weight:bod;}
.modalContent{ width:100%; max-height:430px; overflow-x:hidden;}
.card-body .cake-error {width:100%!important}
.submenu{}
#mediaManager .modal-dialog, #mediaManager1 .modal-dialog{width:70%}
.pad30lrb{padding: 0 30px 30px;}
.paging .next, .paging .prev{ color: #ffffff;  background-color: #245d92;  /*background-color: #4caf50;  border-color: #4caf50;*/ padding:7px 15px;padding: 2px 10px !important; text-transform:capitalize; float:right; margin-bottom:20px;}
.paging .prev{ float:left}
.page_links p { display: none; }
.current.pagelinks { color: #ffffff; background-color: #245d92 !important; }
.pagelinks { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;  }
.pagelinks a { color: #245d92 !important;}
.minh750{ min-height:750px;}
.mr-30{ margin-right:-22px;}
.project_form1{}
.project_form1 .input.text.required{ margin: 10px 0;}
.project_form1 label {width:30%;min-width:150px;float:left;}
.project_form1 input{ border: 1px solid #ccc;padding: 3px 8px;}
.project_form1 .verwerfenButton ,
.project_form1 div.submitButton{float:left; margin-right:22px !important;margin-top:30px;}
.project_form1 .verwerfenButton i,
.project_form1 div.submitButton i{ font-size: 20px !important;
    margin-left: 8px;
    margin-top: 3px;}

.project_form1 .verwerfenButton a,
.project_form1 .submitButton button{  background-color: #e5e6e6;
    border-color: #e5e6e6;
    color: #313534; -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.84615;
    margin-bottom: 0;
    padding: 4.5px 14px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;}
.project_form1 h2{	
 border-bottom: 1px solid #ccc;
    font-size: 18px;
    padding-bottom: 7px;
}	
.project_form1 .verwerfenButton a:hover,
.project_form1 .submitButton button:hover{
	background-color: #d2d5d5;
    border-color: #d2d5d5;
    color: #313534;
}
.project_form1 .input.text input {
    width: 160px;
}
#ProjectEditForm .list-inline.pull-right{margin-right:10px}
.project_tabs{margin-top:10px;float:left;width:100%}
.project_tabs .text{margin:10px 0px}
.project_form1{min-height:600px;padding-left:25px}
.snippet_popup{}
.snippet_popup .btn1{margin:10px 11px}
.client_projects_pages{width:100%;float:left}
.language_edit_options2 li{}
.language_edit_options2 li img[alt='Edit'],
.language_edit_options2 li img[alt='Delete']{ margin: 0 3px 3px;width: 18px;}
.floating-label2 .form-control:focus ~ label, 
.floating-label2 .form-control.dirty ~ label{top:-7px}
.form-control2, .form-control2 ~ label{top:0px}
.floating-label2 .form-control ~ label{top:0px}
.form-group2 {margin-top:10px;}

#ClientAddForm textarea.form-control, .page_body #ClientAddForm textarea.form-control ~ label{top:-12px}
.input-field .bootstrap-select{ width:100%}
.bootstrap-select .filter-option i{margin: 3px 5px 0 0;float: left;}
.bootstrap-select.btn-group .dropdown-menu li{padding:3px 0px; border-bottom: #f5f5f5 dotted 1px; margin: 0px;}
.bootstrap-select .dropdown-menu .glyphicon { margin-right:5px;}
.header-fixed #header{ position: fixed !important}
.wid100{ width:100%}
.newStyles .btn-default{background-color: #4fbeb7 !important;}

.lineHeight0{ line-height:0px;}
.spinner {
  margin: 50px;
  height: 32px;
  width: 32px;
  animation: rotate 0.8s infinite linear;
  border: 4px solid #245d92;
  border-right-color: transparent;
  border-radius: 50%;
      margin: 0 auto;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}
.spinner_body{  display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;}
.modal.in .modal-dialog{width:70%}
@media(max-width:768px){
	.modal.in .modal-dialog{width:90%}
	.headerbar-right { left: auto !important; top:0px !important; box-shadow:none !important; z-index:1011;}
	.headerbar-left{ right:0px;}
}
.modal.in .modal-dialog img{cursor:pointer}
.logoThumbnail,
.pic2Thumbnail{width:50px;overflow:hidden} 
.client_logo button,
.client_banner button,
.client_logo input,
.client_banner input,
.client_logo img,
.client_banner img{float:left;  margin-right: 5px !important;
    margin-top: 0 !important;}
.logoThumbnail,
.pic2Thumbnail{visibility:hidden}

.uploadwin .card-body{ min-height:250px;}
.uploadwin .card header p{white-space: nowrap; overflow: hidden;text-overflow: ellipsis !important;}
.fonts22{ font-size:22px !important;line-height:28px !important }
.closeCustomBtn{font-size: 12px !important; padding: 0px 4px !important; line-height:28px !important; background-color:#fff !important}
.martr25{ margin:25px 25px 0 0}

.deleteafIcon li i{ font-size: 18px !important;
    float: left;
    line-height: 25px;
    margin-right:10px;}
	
	
	.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:100% !important}
	@media (max-width: 768px) {
    .resmt30{ margin-top:30px;}
	.languages .pages .tableRow{ width:45%}
}

.whiteColor{ color:#fff !important}
.brBottomNone{ border-bottom:none !important}
/* .neuerKunde .btn-primary::after{
content: 'Neues Template hinzufügen';
    font-size: 12px;
    color: #000;
    margin-left: 23px;
    position: absolute;
    margin-top: 9px;
} */
.cmseditTelMail .input-field label{
    left: 12px;
    transition: none !important;
    top: -4px;
    font-size: 12px;
}
.page_button .material-icons{margin-top:-1px}
.new_d_actions{}
.new_d_actions i{    font-size: 17px!important;
    float: left;
    margin-top: 0px;
    margin-right: 4px;
    margin-left: -6px;}
.new_d_actions span{}
.snippets .ink-reaction.btn-icon-toggle, .snippets .ink-reaction.btn-floating-action {margin:14PX 0PX;margin-right:10px;}
.c_page_button{margin-top:20px;float:right}
.uploadBtn i {
    font-size: 20px !important;
    top: 6px;
    position: relative;
    color: #888 !important;
    margin-left: 6px;
    margin-right: 0;
	float:right;
	
}
.addBtnNew i{ top:5px; position:relative; }
.ml20{ margin-left:20px;}
.uploadBtn:hover i{ color:#888 !important}
.uploadBtn span{color:#245d92 !important; font-size:14px !important;}
.tempside{}
.tempside .button_bottom {}
.tempside .button_bottom .btn-default-bright{font-size: 12px; padding: 3.5px 6px; background:#e5e6e6}
.tempside .button_bottom .btn-default-bright:hover{background:#d2d5d5}
.tempside .button_bottom .btn-default-bright i{  margin:4px 2px;float:left; color:#000; opacity:0.5}
.tempside .button_bottom .btn-default-bright span{  float: right;
    margin-top: 2px;color:#245d92}


.uploadwin .col-xs-3 {
    width: 25%;
    height: 407px;
}

.uploadwin .card-body {
    height: 325px;
}
.modal.in .modal-dialog {
    width: 70%;
    height: 90%;
}
.coustomModal .modal-content {
    height: 100% !important;
}
#logoManager.modal-open .modal{overflow-y: hidden !important;}
.coustomModal .modal-body {    height: 94%;
}
.coustomModal .modalContent {
    width: 100%;
    max-height: 100%;
    overflow-x: hidden;
}
.disPNone{ display:none;}
.marnone{ margin:0px !important}
#iconManager .modal-body li{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;}
#iconManager .modal-body li span{ text-transform:capitalize}
@media (min-width:1300px) {
   .coustomModal .modal-body{ height:89%;}
}