/* General padding margin */
.mt5{margin-top:5px;}.mt7{margin-top:7px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}
.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}
.mb5{margin-bottom:5px;}.mb7{margin-bottom:7px;}.mb10{margin-bottom:10px;}.mb12{margin-bottom:12px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}

/* internal, external title info h2 box */
.__hr_tx{margin-bottom:20px;}
.__hr_tx h2{border-bottom:1px solid #ccc;margin-top:0px !important;}


/* general */
.changelog{width:98%;margin-left:7px;} /* global, add a bit margin*/
.__bknd__1{max-width:250px;}
.changelog p{font-size:15px;}
.clear{clear:both;}
.hide_{display:none;}
.ib{display:inline-block;}
.i{font-style:italic;}
.left{float:left;}
.right{float:right;}


/* headings */
#changelog h2{margin:2px 0px 10px 0px;}

/* language menu */
.topMenu ul li a{cursor:pointer;}

/* workaround - disable outline*/
*:focus {
    outline: none;
}

/* Styles for select, input, textarea etc */
.changelog .form-group{
  margin-bottom: 15px;
}
.changelog .form-group label{
  display:inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight1: bold;
  font-size: 14px;
}
.form-control {
  display: block;
  width: 98%;
  height: 34px;
  padding1: 5px 12px;
  padding-left:6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  /*
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          */
}
.form-control-mini {
  height: 28px;
  padding1: 5px 12px;
  padding-left:6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  /*
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          */
}
.form-control:focus {
  /*border-color: #66afe9;*/
  outline: 0;/*
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}

/* select field*/
.changelog select{padding-top: 6px;
padding-bottom: 6px;
background:#F2F1F0;
border: 1px solid #ccc;
}
/* todo maybe, fix outline bug
.changelog select1:-moz-focusring {
    color: transparent;
    text-shadow1: 0 0 0 #000;
}
*/

span.platform-span
{
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 5px;
}

/* Errors in forms */
.changelog .has-error .help-block{
	color:#a94442;
}
.changelog .has-error textarea,.changelog .has-error input,.changelog .has-error select, .changelog .has-error span {
	border-color:#a94442;
}

/* button */
.btn-default{padding:7px 12px;cursor:pointer}

.btn-default-miray{padding:4px 5px;cursor:pointer;border-radius: 4px;color:#555;background:#F2F1F0;border:1px solid #ccc;}
.btn-default-miray-big{padding:7px 12px;cursor:pointer;border-radius: 4px;color:#555;background:#F2F1F0;border:1px solid #ccc;}

/* Menu override */
#changelog ul ul.subMenu{background:#fff;}
#changelog div.subMenuRSh{background:#fff;border-right:1px solid #C0C0C0;border-bottom1:1px solid #C0C0C0;}
#changelog div.subMenuLSh{background:#fff;border-left:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;}


/* Default CSS override */
#changelog .bs_content{padding-top:10px;}



/* pagination */
#changelog ul.pagination {
    text-align:center;
    color1:#829994;
}
#changelog ul.pagination li {
    display:inline;
    padding:0 3px;
}
#changelog ul.pagination a {
    color1:#0d7963;
    display:inline-block;
    padding:8px 12px;
    border:1px solid #C0C0C0;
    text-decoration:none;
    cursor:pointer;
    font-size: 15px;
}
#changelog ul.pagination a:hover, 
#changelog ul.pagination a.current {
    background:#F3F3F3;
    color: #0f1a09;
}
#changelog ul.pagination a.current {
    cursor:default;
}




/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://dallasbass.com
*/

[class*='grid'],
[class*='col-'],
[class*='mobile-'],
.grid:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

[class*='col-'] {
	float: left;
  	min-height: 1px;
	padding-right: 20px; /* column-space */
}

[class*='col-'] [class*='col-']:last-child {
	padding-right: 0;
}

.grid {
	width: 100%;
	max-width1: 1140px;
	min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

@media handheld, only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left1: 20px; /* grid-space to left */
		padding-right1: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; /* column-space */
	}

	[class*='col-'] [class*='col-'] {
		padding-right: 0;
	}

	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}


/* alerts */
.changelog .alert{padding:15px 10px;margin:4px 1px 8px 1px;font-size:15px;}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-danger {
  color: #b4152a;
  background-color: #f2dede;
  border-color: #ebccd1;
}


div.disclaimer
{
    font-size: 15px;
    padding: 10px;
    background-color: #fff7e6;
    color: #887142;
}
/*
.close_{cursor:pointer;float:right;margin-top: -4px;padding: 0px 2px;}*/


div.invisiblekeywordlist
{
    display: none; /* initial */
    border: 1px lightgray solid;
    border-radius: 10px;
    padding: 10px;
    font-size: 14px;
    background-color: white;
    width: 800px;
    line-height: 1.5;
    position: absolute;
    left: 200px;
    bottom: -20px;
}

div.invisibleproductlist
{
    display: none; /* initial */
    border: 1px lightgray solid;
    border-radius: 10px;
    padding: 10px;
    font-size: 14px;
    background-color: white;
    width: 800px;
    line-height: 1.5;
    position: absolute;
    left: 200px;
    bottom: -20px;
}

/* backend products list table */
.normalTable{width:100%;border:1px solid #d8d8d8;margin-bottom:20px;border-collapse: collapse;font-size:13px;}
.normalTable tr td{border-bottom:1px solid #C0C0C0;border-left:1px solid #C0C0C0;border-right:1px solid #C0C0C0;}
.normalTable tr{border-bottom:1px solid #C0C0C0;}

/* padding of each cell could be different for different tables so set it manually for each table */
.normalTable.dt_products tr td{padding:6px 12px;}
.normalTable.dt_versions tr td{padding:6px 12px;}
.prd_sorter{cursor:crosshair;} /* add crosshair cursor */

/* product active/inactive red/green circle */
#changelog .prdOnOff{display:inline-block;width:14px;height:14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#changelog .prdOnOff.prd_on{background:#33ab33;cursor:pointer;}
#changelog .prdOnOff.prd_off{background:#f53c4a;cursor:pointer;}


/* fix: while sorting, table TR becomes narrowed, so make it as it was before */
.ui-sortable-helper {
    display: table;
}




/* changelog list styling */
.cl__wrapper{margin-left:5px;margin-right:5px;}/* todo, check and delete this, not used */
.normalTable.cl_lists_table{font-size: 14px;line-height: 150%;}
.normalTable.cl_lists_table tr td{padding:10px;border-right:none;border-left:none;}
.normalTable.cl_lists_table tr td p{padding:0px;margin:0px;}
.clIntUncomplete{background: #fff3d6;}
.cl_lists_in_1_1{width:125px;}
.cl_lists_in_1{display:inline-block;}
.cl_lists_in_1-a{margin-left:10px;margin-right:10px;}
.cl_list_int_txt{color: #a7a7a7;}/* internal text */
.cl_list_int_txt p{color: #a7a7a7;}



/* normal table bg color for product lists
.normalTable.dt_products tbody tr:nth-child(odd){ background-color:#fcfcfc;}*/

/* width */
._w5{width:5%;}._w7{width:7%;}._w8{width:8%;}._w9{width:9%;}._w10{width:10%;}._w15{width:15%;}._w20{width:20%;}._w25{width:25%;}._w30{width:30%;}._w40{width:40%;}._w50{width:50%;}._w60{width:60%;}._w70{width:70%;}

/* color for publish circle */
#changelog .publish{display:inline-block;width:14px;height:14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#changelog .publish.on{background:#33ab33;cursor:pointer;}
#changelog .publish.off{background:#f53c4a;cursor:pointer;}
#changelog .publish.unpubInt{background:#3597f8;}

/*.__cl_tabl_el1_par{width:16px;height:16px;}*/

/* changelog list edit delete img */
.__cl_tabl_el1{width:16px;height:16px;background-image: url('/img/changelog/edit.png');display: inline-block;margin-right:10px;cursor:pointer;}
.__cl_tabl_el2{width:16px;height:16px;background-image: url('/img/changelog/del.png');display: inline-block;cursor:pointer;cursor:pointer;}
.__cl_tabl_el3{width:16px;height:16px;background-image: url('/img/changelog/copy.png');display: inline-block;margin-right:10px;cursor:pointer;}
.__cl_tabl_el4{width:16px;height:16px;background-image: url('/img/changelog/up-arrow.png');display: inline-block;margin-right:10px;cursor:pointer;}
.bnd_cl_lists_res_total{color: #287B3D;font-size: 13px;}

/* hash tag icon */
.__cl_tabl_el5{width:16px;height:16px;background-image: url('/img/changelog/tag.png');margin-right:7px;}
.hashInt{display: inherit;margin-top: -21px;margin-bottom:5px;}

/* alert delete icon */
.__cl_tabl_el6{background-repeat:no-repeat;width:24px;height:24px;background-image: url('/img/changelog/del_24x24.png');display: inline-block;margin-top: -3px;float: right;cursor:pointer;}

/* Add,refresh button on view changelogs */
.__cl_add_entry{width:24px;height:24px;background-image: url('/img/changelog/plus.png');display: inline-block;margin-top:36px;}
.__cl_refresh_entry{width:24px;height:24px;background-image: url('/img/changelog/reload.png');display: inline-block;margin-top:36px;margin-right:11px;cursor:pointer;}


/* changelog title + add btn */
.__cl_add_entry__{width:99%;}
.__cl_add_entry__:after {
  content: "";
  display: table;
  clear: both;
}
.__cl_add_entry__1{float:left;}
.__cl_add_entry__2{float:right;}


/* todo this block delete later */





/* save and duplicate btn*/
.save-and-duplicate{margin-left:15px;}


/* changelog lists date FROM, TO */
.bknd__cl__intv{display:none;}

/* changelog edit public info TITLE */
.tabs_title,.tabs_effect{font-size:14px;margin-bottom:5px;}


/* changelog edit popup modal */

/* The Modal (background) */
.changelog .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
}

/* Modal Content */
.changelog .modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 15px;
    border: 1px solid #888;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 550px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    min-height1:150px;
    z-index: 999999;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.changelog .modal-footer span {
	display:inline-block;
	background:#fefefe;
	color:#444;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 3px;
	margin-right: 15px;
	font-size: 14px;
	cursor:pointer;
}
.changelog .modal-content .modal-body {
	margin-bottom1: 53px;min-height:80px;
	padding-right: 28px;
}
.changelog .modal-content .error{
	color:#a94442;
}


/**********************************************************************************************************************
Frontend styling START
************************************************/

.fnd__hr_tx{margin-bottom:20px;}
.fnd__hr_tx h2{margin-bottom:0px !important;}
.fnd__hr_tx p{margin-top:0px !important;}
.products_editions div{
	float:left;
	margin-right:20px;
}
.btn_-default{padding: 2px 12px;cursor: pointer;}

/* table */
/*.__m22{margin-bottom:10px;margin-top:15px;text-decoration:underline;}*/
.__m22{
	margin-bottom: 10px;
    margin-top: 15px;
    text-transform: uppercase;
    color: gray;
	border-bottom: 1px solid gray;
	padding-bottom: 3px;
}



/* new entry top title etc */
.dataEntryWrapper1{width:98%;margin-left:7px;}
.__dataEntryTopTitleBox{margin-bottom:20px;}
.__dataEntryTopTitleBox:after {content: "";display: table;clear: both;}
.__dataEntry_products_editions{width:100%;}




.myTable{width:100%;border1:1px solid #d8d8d8;margin-bottom:15px; border-collapse: collapse;font-size:15px;}
.myTable ._m1{width:5%;}.myTable ._m2{width:17%;padding-left: 15px;}
.myTable tr td{padding-bottom:11px;}
.myTable tr{border-bottom1:1px solid #C0C0C0;}
.bold{font-weight:bold;}.center{text-align:center;}
.__c_p_tdt{margin:0px !important;font-weight:bold;}
.__c_p_tdt1{margin:0px !important;padding:0px !important;}
.__c_p_ncl{margin-top:35px;color:#b4152A;font-size:14px;}
.changelogEntryBodyTrFirst{background1: #f4f4f4;border-bottom1:1px solid #C0C0C0;padding-bottom:1px;}
.changelogEntryBodyTrFirst td{}
.changelogEntryBodyTrSecond td{padding-top:2px;padding-bottom:14px;}
.EntryDate{font-size:15px;}
.EntryVersionTitle{font-size:23px !important;}

/* new CL design frontend */
.CLDescBlock{margin-top:0px !important;margin-bottom1:17px !important;}
.dBlock{display:block;}
.ClDescGap{margin-top:2px;}
.ClIntInfo{margin-top:9px;}
.ClIconGroup a{display: inherit;}
.ClIconGroup{width:93px;}
.CLTags{padding:0;margin:0;}
.clTagsInt{padding-right:10px;}



/* internal description text color */
.EntryBodyint1{color:#a7a7a7;font-style1:italic;}
.EntryBodyint2{color:#7a4949;}
.EntryBodyint3{color:#a7a7a7;}
.EntryBodyExt1{padding:0px !important;margin-top:0px !important;margin-bottom:0px !important;}
.EntIntUnpub{color1:#995c5c;color:#b86e6e;}


/*star colors */
.changelog .stars{font-size:110%;margin-right:5px;}
/*
.changelog .star1{color:#CE5627;}  major 
.changelog .star2{color:#54A3C8;}  minor 
.changelog .star3{color:orange;}  bugfix 
*/


/* selectbox */
.c_products select,.c_editions select{width:210px;}
.c_editions select option.hide{display:none;}




/* Final Ajax spinner*/
.lv__lgi{position: relative;}
.lv__lgih.show{
position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index:99999;
background-image: url('https://www.miray.de/img/changelog/loading.gif');
background-repeat: no-repeat;background-color: transparent;
background-position: 460px 0px;
background-position1: top center;

}



/** ajax Loading */ /*
.lv__lgi{position: relative;}
.lv__lgih.show{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index:99999;
	background-image: url('/img/changelog/loading.gif');
	background-position1: left 440px;background-position: 30% 120px;background-repeat: no-repeat;background-color: transparent;background-position1: 50% 180px;
}
*/

/*
.lv__lgi{position: relative;}
.lv__lgih.show{
position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index:99999;
background-image: url('/img/changelog/loading.gif');
background-repeat: no-repeat;background-color: transparent;
background-position: top center;
}
*/


/**********************************************************************************************************************
Frontend styling END
************************************************/