.clear{
	clear: both;
}
body,html{
	height: 100%;
	margin: 0 5px 0 5px;
	min-width: 800px;
	min-height: 400px;
	font-family: 'Trebuchet MS',arial,sans-serif;
	font-size: 12px;
	overflow: hidden;
}

#loading{
	position: absolute;
	background: green;
	color: #fff;
	top:0;
	left:0;
	float:left;
	z-index: 100;
	padding: 5px 5px 6px 5px;
}
h2{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
h3{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 8px 0;
}

.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    overflow-x: visible;
    overflow-y: visible;
}

sup{
	font-size: 12px;
	margin-left: -1px;
	padding-right: 1px;
	vertical-align: super;
}

#logo{
    float: left;
    position: absolute;
    top: 18px;
    width: 250px;
    height: 90px;
    background: url(../images/dsm-logo.png) no-repeat top left;
}
#headerholder{
    height: 45px;
    border-bottom: 1px solid #42AFD7;
}
#applicationtitle{
    position: absolute;
    left: 0;
    top: 8px;
    height: 20px;
    padding: 5px 10px 3px 10px;
    color: #000;
    font-weight: bold;
}
#applicationtitle .logo-small{
    position: absolute;
    left: 0;
    top: 4px;
}
#applicationtitle .title-small{
    position: absolute;
    left: 25px;
    top: 7px;
    width: 300px;
}
#logout{
    position: absolute;
    right: 10px;
    top: 10px;
    height: 20px;
    color: #000;
}
#logout .LoggedInMember{
    padding-right: 10px;
    color: #000;
}
#logout .LogoutButton a{
    color: #000;
}

#logout .logout-item {
    float: left;
    margin-left: 10px;
}

#wrapper{
	height: 100%;
	position: relative;
	display:none;
}
#vertical{
	border: none;
	height: 100%;
}
.section-holder{
	overflow: visible;
}
.section-rounded{
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
	height: 100%;
}

.k-splitbar {
	border: none;
	width: 10px !important;
}
.k-splitbar-vertical{
	height: 0 !important;
}
.k-splitbar-horizontal{
	margin-top: 40px;
	margin-bottom: -30px;
}
.k-pane{
	border: none;
}
.k-tabstrip{
	border: none;
}
.k-tabstrip .k-tabstrip-items{
	padding: 0 0 0 0;
}
.k-tabstrip .k-tabstrip-items .k-item{
	margin: 0 6px 0 0;
	padding: 0 3px 0 3px;
	border-color: #ccc;
	height: 26px;
	background: #f0f0f0;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.k-tabstrip .k-tabstrip-items .k-item.k-state-active{
	margin-bottom: -1px;
	padding-bottom: 1px;
	background: #fff;
}
a.k-grid-filter.k-state-active {
	background: #97B852;
}

.k-tabstrip .k-content{
	margin: 0;
	border: none;
}

#pane-left{
}
.pane-bot .pane-holder{
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	height: 35px;
	border: 1px solid #ccc;
	background: #f0f0f0;
}

.pane-mid{
}

#pane-left .pane-mid .pane-holder{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-moz-border-radius-topleft: 6px;
	border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#pane-main{
	height: 100%;
	border: none;
/*	min-width: 1050px; */
}
#pane-main .pane-mid{
}

#pane-main .pane-mid .pane-holder{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	overflow-y: auto;
	padding: 10px 10px 10px 15px;

}

.AppTabColumn{
	float: left;
	width: 320px;
}
.AppTabColumnDouble{
	float: left;
	width: 640px;
}
.PreviewColumn{
	float: left;
	width: 800px;
	height: 800px;
}

.AppTabColumnSeperator{
	float: left;
	width: 20px;
	height: 20px;
}


/* MENU */
#main-menu{
	margin: 0 0 0 9px;
}
#main-menu li{
	padding: 0 0 0 0;
	margin: 0;
}
#main-menu li .MenuSectionTitle{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 11px;
	padding: 7px 5px 7px 0;
}

#main-menu li a{
	display: block;
	text-decoration: none;
	color: #333;
	padding: 7px 5px 7px 0;
}
#main-menu li ul li a{
	display: block;
	line-height: 16px;
	padding: 7px 5px 7px 7px;
	color: #fff;
	margin-right: 10px;
	text-shadow:#333 -1px -1px 0, #333 -1px -1px 0;
	background: url(../images/mainmenu-sprite.png) no-repeat top left;
}
#main-menu li ul li a span{
	font-size: 11px;
	text-shadow: none;
}
#main-menu li ul li a{
	display: block;
	line-height: 16px;
	padding: 7px 5px 7px 7px;
	color: #fff;
	margin-bottom: 2px;
	font-size: 11px;
	text-shadow:#333 -1px -1px 0, #333 -1px -1px 0;
	/*background: url(../images/mainmenu-sprite.png) no-repeat 0 -50px;*/
	box-shadow: 1px 1px #000;

	border-radius: 0 0 0 3px;

	background: rgb(134,134,134);
	background: linear-gradient(0deg, rgb(83, 83, 83) 0%, rgb(146, 146, 146) 100%);

	/*// background-position: 0 -50px;*/
}
#main-menu li ul li a:hover{
	/*// background-position: 0 -100px;*/
	background: #555;
}
#main-menu li ul li a.current{
	/*background-position: 0 0;*/
	background: rgb(46,156,199);
	background: linear-gradient(0deg, rgba(46,156,199,1) 0%, rgba(91,197,237,1) 100%);

}
#main-menu li ul li ul li{

}
#main-menu li ul li ul li a{
	font-size: 12px;
	background: none;
	text-shadow: none;
	color: #666;
}


.pane-bot .pane-holder .StatusField{
	float: left;
	margin: 6px 0 0 15px;
	font-size: 12px;
	color: #999;
}

.pane-bot .pane-holder .warning, .warning{
	font-size: 18px;
	color: #ff6400;
}
.warning{
	font-size: 14px;
	color: #ff6400;
}
.pane-bot .pane-holder .busy{
	font-size: 14px;
	color: #ff0000;
}
.pane-bot .pane-holder .Actions{
	margin: 4px 5px 0 0;
	float: right;
}
.pane-bot .pane-holder .Actions input.action{
	font-weight: bold;
    padding: 5px;
    color: #666;
}
.pane-bot .pane-holder .Loader{
	margin: 6px 5px 5px 15px;
	float: left;
	display: none;
}

.pane-bot .pane-holder .message-succes {
	color: #7fc358;
}

.pane-bot .pane-holder .message-error {
	color: #faa919;
}

.GHSBlocksPreview{
	width: 660px;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
	-moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
}
.GHSClusterPreviewItem{
	margin-bottom: 5px;
}

/* ContentBlockEditor */
#ContentBlockHolder{
	position: relative;
	margin-bottom: 10px;
}


.ContentBlock{
	width: 660px;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
	-moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
	/*background: yellow;*/
}

.ContentBlock .TopSection{
	/*background: pink;*/
	display: flex;
	justify-content: space-between;
}

.ContentBlock .MainSection{
	/*background: green;*/
	display: none;
}

.ContentBlock .content-block-dropdowns{
	/*background: orange;*/
	display: flex;
}

.ContentBlock .content-block-dropdowns span{
	margin-left: 5px;
}

.ContentBlock .sub-block-section{
	width: 194px;
}


.ContentBlock .BlockTypeTitle{
	float: left;
	width: 300px;
	font-weight: bold;
	margin-top: 5px;
}
.ContentBlock.minimized{
	height: 28px;
}
.ContentBlock .Actions{
	float: right;
	height: 30px;
}
.ContentBlock .Actions .button{
	margin-left: 10px;
}
.ContentBlock .Actions .drag-bar{
	float: left;
	display: block;
	margin: 5px 0 0 0;
	width: 40px;
	height: 10px;
	background: #584B44;
}
.ContentBlock .textarea-wrapper{
	float: left;
	border: 1px solid #C5C5C5;
	border-style:solid;
	background-color: #E9E9E9;
	-moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    width: 100%;
    margin-top: 6px;
    height: 10s7px;
}
.ContentBlock textarea,
.ContentBlock .textarea{
	width: 646px;
	height: 96px;
	-moz-border-radius: 2px;
    border-radius: 2px;
	margin: 2px 2px 2px 2px;
	padding: 4px;
	background: #fff;
	border: 1px solid #e6e6e6;
	-moz-box-shadow:inset 0 0 1px 1px #DDDDDD;
	box-shadow:inset 0 0 1px 1px #DDDDDD;
	color: #333;
	overflow: auto;
}

.ContentBlock.IUB .textarea-wrapper{
	float: left;
	border: 1px solid #C5C5C5;
	border-style:solid;
	background-color: #E9E9E9;
	-moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    width: 403px;
    margin-top: 6px;
    height: 127px;
}
.ContentBlock.IUB textarea,
.ContentBlock.IUB .textarea{
	width: 388px;
	height: 112px;
	-moz-border-radius: 2px;
    border-radius: 2px;
	margin: 2px 2px 2px 2px;
	padding: 4px;
	background: #fff;
	border: 1px solid #e6e6e6;
	-moz-box-shadow:inset 0 0 1px 1px #DDDDDD;
	box-shadow:inset 0 0 1px 1px #DDDDDD;
	color: #333;
}

.ContentBlock .textarea span.notavailable, span.notavailable{
	color: red;
	text-transform: lowercase;
	font-style: italic;
}
.ContentBlock .TopSection .k-dropdown{
	width: 200px !important;
}
.ContentBlock.IUB .BlockTypeTitle,
.ContentBlock.IUB .TopSection .k-combobox,
.ContentBlock.IUB .TopSection .k-dropdown{
	width: 200px !important;
}
.ContentBlock .ContentBlock_SentenceExtraValue{
	display: none;
}
.ContentBlock .TopSection .k-autocomplete{
	display: none;
}
.ContentBlock.IUB .ContentBlock_SentenceExtraValue{
	display: block;
}
.ContentBlock.IUB .TopSection .k-autocomplete{
	display:inline-block;
	width: 130px !important;
}
.ContentBlock .subblocks{
	display: none;
}
.ContentBlock.IUB .subblocks{
	display: inherit;
	float: left;
	margin: 5px 0 0 5px;
	width: 250px;
}
.ContentBlock.IUB .subblock{
	padding: 3px 5px 3px 5px;
	margin: 0 0 2px 0;
	background: #E6E6E6;
	color: #666;
	-moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #C5C5C5;
    font-size: 12px;
}
.ContentBlock.IUB .subblock .subblock-left{
	float: left;
	width: 190px;
	overflow: hidden;
}
.ContentBlock.IUB .subblock .subblock-right{
	float: left;
	width: 48px;
	overflow: hidden;
}

.ContentBlock.IUB .subblock a{
	float: right;
	margin-left: 5px;
	color: #999;
	text-decoration: none;
}

.ContentBlock .ActionButtonSmall{
	display: none;
}
.ContentBlock.IUB .ActionButtonSmall{
	display: inherit;
	color: #fff;
	text-decoration: none;
	position: relative;
}
.ContentBlock.IUB .ActionButtonSmall span{
	position: absolute;
	left: 5px;
	background: #ccc;
	padding: 5px 8px 6px 8px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
    border-radius: 5px;
	background-image: linear-gradient(bottom, rgb(110,110,110) 26%, rgb(143,143,143) 63%, rgb(214,214,214) 100%);
	background-image: -o-linear-gradient(bottom, rgb(110,110,110) 26%, rgb(143,143,143) 63%, rgb(214,214,214) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(110,110,110) 26%, rgb(143,143,143) 63%, rgb(214,214,214) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(110,110,110) 26%, rgb(143,143,143) 63%, rgb(214,214,214) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(110,110,110) 26%, rgb(143,143,143) 63%, rgb(214,214,214) 100%);
}
.ContentBlock.IUB .ActionButtonSmall:hover span{
	background: #999;
	background-image: linear-gradient(bottom, rgb(89,89,89) 26%, rgb(120,120,120) 63%, rgb(173,173,173) 100%);
	background-image: -o-linear-gradient(bottom, rgb(89,89,89) 26%, rgb(120,120,120) 63%, rgb(173,173,173) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(89,89,89) 26%, rgb(120,120,120) 63%, rgb(173,173,173) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(89,89,89) 26%, rgb(120,120,120) 63%, rgb(173,173,173) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(89,89,89) 26%, rgb(120,120,120) 63%, rgb(173,173,173) 100%);
}


#AppForm_edit_Languages{
	width: 700px;
}
#AppForm_edit_Languages li{
	float: left;
	width: 140px;
	clear: none !important;
}
.ActionButton{
	display: block;
	clear: both;
	margin: 5px 0 10px 0;
	color: #fff;
	text-decoration: none;
	float: left;
}
.ActionButton span{
	background: green;
	padding: 5px 8px 5px 8px;
	color: #fff;
	text-decoration: none;
	-moz-box-shadow: 0 0 3px 3px #DDDDDD;
	box-shadow: 0 0 3px 3px  #DDDDDD;
	-moz-border-radius: 5px;
    border-radius: 5px;
	background-image: linear-gradient(bottom, rgb(25,83,28) 17%, rgb(53,117,56) 59%, rgb(80,153,84) 80%);
	background-image: -o-linear-gradient(bottom, rgb(25,83,28) 17%, rgb(53,117,56) 59%, rgb(80,153,84) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(25,83,28) 17%, rgb(53,117,56) 59%, rgb(80,153,84) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(25,83,28) 17%, rgb(53,117,56) 59%, rgb(80,153,84) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(25,83,28) 17%, rgb(53,117,56) 59%, rgb(80,153,84) 80%);
}
.ActionButton:hover span{
	background: orange;
	background-image: linear-gradient(bottom, rgb(191,100,21) 17%, rgb(222,159,0) 59%, rgb(255,183,0) 80%);
	background-image: -o-linear-gradient(bottom, rgb(191,100,21) 17%, rgb(222,159,0) 59%, rgb(255,183,0) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(191,100,21) 17%, rgb(222,159,0) 59%, rgb(255,183,0) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(191,100,21) 17%, rgb(222,159,0) 59%, rgb(255,183,0) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(191,100,21) 17%, rgb(222,159,0) 59%, rgb(255,183,0) 80%);
}
label.left{
	font-weight: bold;
	font-size: 14px;
}

/* GRID */
td a {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-decoration: none;
}

td a img{
	width: 32px;
	height: 32px;
}

.toolbar {

}
.toolbar-row {
    position: relative;
}

.toolbar .toolbar-item {
	float:left;
	margin: 0 7px 0 7px;
    width: 175px;
}

.toolbar .toolbar-item-button{
    position: absolute;
    top: 0;
    right: 0;
	margin: 18px 7px 0 7px;
    width: 50px;
}


.toolbar .toolbar-item:first-child {
	margin-left: 0px;
	margin-right: 7px;
}

.toolbar .toolbar-item .k-dropdown,
.toolbar .toolbar-item .k-autocomplete {
    width: 175px !important;

}

.toolbar label {
	display: block;
	margin-top: 3px;
}

.toolbar label.checkbox-label {
	display: inline;
	margin-top: 3px;
}

.toolbar input.checkbox {
	margin-top: 24px;
}

.toolbar #scheduleAddNewButton {
    margin-top: 15px;
}

/* SHEDULEBLOCK */
.SheduleBlock{
	margin-right: 20px;
}
.SheduleBlock li{
	margin-bottom: 5px;
}
.SheduleBlock li .date{
	font-weight: bold;
}
.SheduleBlock li .daypart{
	margin-right: 10px;
	color: #666;
}
.SheduleBlock li .AM{
	padding: 5px 5px 5px 5px;
	background: #e0e0e0;
}
.SheduleBlock li .PM{
	border-top: 1px solid #aaa;
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
}
.SheduleBlock .today .AM{
	background: #BEE0FC;
}
.SheduleBlock .today .PM{
	background: #CFE9FF;
}

/* LOGOBOX */
.logobox {
	min-height: 100px;
	padding: 5px;
	margin: 0 20px 10px 0;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f0f0f0;
}
.logoboxitem {
	width: 220px;
	height: 30px;
}
.logoboxitem2 {
	background: #fff;
	height: 60px;
	padding: 5px;
	border: 1px solid #ccc;
}

/* ThumbnailCheckBoxSetField */
.thumbnailcheckboxset li{
	padding: 5px;
	margin: 0 20px 10px 0;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f0f0f0;
}
.thumbnailcheckboxset .checkboxpart{
	margin: 0 0 5px 0;
}
.thumbnailcheckboxset .thumbnailpart{
	background: #fff;
	height: 60px;
	padding: 5px;
	border: 1px solid #ccc;
}

/* xd action replacement */
a.xd-actionreplacement{
	padding: 0 0 0 10px;
	height: 26px;
	display: inline-block;
	background: #F0F0F0 url(../images/sprite-action-button.png) no-repeat top left;
}
a.xd-actionreplacement span{
	padding: 5px 10px 5px 0;
	display: inline-block;
	background: #F0F0F0 url(../images/sprite-action-button.png) no-repeat top right;
	color: #333;
	font-weight: bold;
}
a.xd-actionreplacement:hover{
	background-position: left -40px;
}
a.xd-actionreplacement:hover span{
	background-position: right -40px;
}
.green a.xd-actionreplacement{
	background-position: left -80px;
}
.green a.xd-actionreplacement span{
	background-position: right -80px;
	color: white;
}
.green a.xd-actionreplacement:hover{
	background-position: left -120px;
}
.green a.xd-actionreplacement:hover span{
	background-position: right -120px;
}
.blue a.xd-actionreplacement{
	background-position: left -160px;
}
.blue a.xd-actionreplacement span{
	background-position: right -160px;
	color: #fff;
}
.blue a.xd-actionreplacement:hover{
	background-position: left -200px;
}
.blue a.xd-actionreplacement:hover span{
	background-position: right -200px;
}
.red a.xd-actionreplacement{
	background-position: left -240px;
}
.red a.xd-actionreplacement span{
	background-position: right -240px;
	color: #fff;
}
.red a.xd-actionreplacement:hover{
	background-position: left -280px;
}
.red a.xd-actionreplacement:hover span{
	background-position: right -280px;
}
.yellow a.xd-actionreplacement{
	background-position: left -320px;
}
.yellow a.xd-actionreplacement span{
	background-position: right -320px;
}
.yellow a.xd-actionreplacement:hover{
	background-position: left -360px;
}
.yellow a.xd-actionreplacement:hover span{
	background-position: right -360px;
}

/* iframe styling and sizing */
.AppTabColumn iframe{
	width: 320px;
	height: 320px;
	border: 1px solid #ccc;
	background: #999;
}
.AppTabColumnDouble iframe{
	width: 640px;
	height: 640px;
	border: 1px solid #ccc;
	background: #999;
}
.previewFrameLarge{
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	background: #999;
}
#LabelStatus{
	background: #4FC9F4;
	color: #fff;
	padding: 2px 5px 2px 5px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#LabelStatus.Rejected{
	background: red;
}

#LabelStatus.Draft{
	background: #ccc;
}
#LabelStatus.Pending{
	background: #F7A11D;
}
#LabelStatus.Approved{
	background: #7AC257;
}

#MetaBlock, #ApproverBlock{
	margin: 10px 0 0 0;
}

#ApproverBlock .left {
	float:left;
	width: 160px;
}

#ApproverBlock .right {
	float:left;
	width: 150px;
	margin-right: 10px;
}
#ApproverBlock a {
	color: #000;
}
#MetaBlock p, #ApproverBlock p{
}
#MetaBlock p .label, #ApproverBlock p .label{
	display: inline-block;
}

#ApproverBlock p .label{
	font-weight: bold;
}
#MetaBlock p .value {
	font-style: italic;
}
#ApproverBlock ul li {
	list-style: circle;
	list-style-position: inside;
}

#ApproverBlock ul li .value {
	font-style: italic;
}

#CustomText1 .middleColumn{
	width: 640px;
}

#LicenceStatementID {
	margin-top: 10px;
}

#PreviewField1Column, #PreviewField2Column, #PreviewScannedField2Column, #PreviewField3Column, #BoxPreviewField3Column {
	border: 1px solid #000000;
}

#download-preview-pdf {
	margin-bottom: 16px;
}

.yellow {
	background-color: #ffff00 !important;
}

.white {
	background-color: #ffffff !important;
}
#ShedulePanelbar{
	margin-bottom: 10px;
}

#ShedulePanelbar .k-header
{
	font-weight: bold;
}

.nr-of-ghs {
	color : #ff0000;
}
.k-grid tbody td{
	line-height: 14px;
}
.k-grid tbody .k-button{
/*	min-width: 20px !important; */
}

.k-grid tbody td > .k-button{
	min-width: 72px;
	padding: 1px 7px 1px;
}

a.batch-data-button{
	min-width: 90px !important;
}
.k-grid-toolbar{
	padding-top: 9px;
}
.k-grid tbody td > .k-button{
	margin-top:0px !important;
	margin-bottom:3px !important;
}

input[disabled='disabled'] {
	color: #999 !important;
}

.k-button.green{
background: #cdeb8e; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
background: linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
}
.k-button.green:hover{
background: #cdeb8e; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8e 0%, #b4d682 12%, #94b54d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(12%,#b4d682), color-stop(100%,#94b54d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#b4d682 12%,#94b54d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdeb8e 0%,#b4d682 12%,#94b54d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdeb8e 0%,#b4d682 12%,#94b54d 100%); /* IE10+ */
background: linear-gradient(top,  #cdeb8e 0%,#b4d682 12%,#94b54d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#94b54d',GradientType=0 ); /* IE6-9 */
}
.k-button.orange{
background: #ffecba; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWNiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2Q4NzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffecba 0%, #fcd876 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffecba), color-stop(100%,#fcd876)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffecba 0%,#fcd876 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffecba 0%,#fcd876 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffecba 0%,#fcd876 100%); /* IE10+ */
background: linear-gradient(top,  #ffecba 0%,#fcd876 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffecba', endColorstr='#fcd876',GradientType=0 ); /* IE6-8 */
}
.k-button.orange:hover{
background: #ffecba; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWNiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWNhNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffecba 0%, #f9ca52 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffecba), color-stop(100%,#f9ca52)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffecba 0%,#f9ca52 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffecba 0%,#f9ca52 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffecba 0%,#f9ca52 100%); /* IE10+ */
background: linear-gradient(top,  #ffecba 0%,#f9ca52 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffecba', endColorstr='#f9ca52',GradientType=0 ); /* IE6-8 */
}
.k-button.red{
background: #fcdbdb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmMxYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fcdbdb 0%, #ffc1c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdbdb), color-stop(100%,#ffc1c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcdbdb 0%,#ffc1c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcdbdb 0%,#ffc1c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcdbdb 0%,#ffc1c1 100%); /* IE10+ */
background: linear-gradient(top,  #fcdbdb 0%,#ffc1c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdbdb', endColorstr='#ffc1c1',GradientType=0 ); /* IE6-8 */
}
.k-button.red:hover{
background: #fcdbdb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjllOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fcdbdb 0%, #ff9e9e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdbdb), color-stop(100%,#ff9e9e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcdbdb 0%,#ff9e9e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcdbdb 0%,#ff9e9e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcdbdb 0%,#ff9e9e 100%); /* IE10+ */
background: linear-gradient(top,  #fcdbdb 0%,#ff9e9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdbdb', endColorstr='#ff9e9e',GradientType=0 ); /* IE6-8 */
}

.dropdown-remarks {
	color: #A43385;
}
.dropdown-unit {
	color: #ff6600;
}

#ApprovedByBlock {
	clear: both;
	padding-top: 10px;
}

.ApprovedBy {
	color: #7ac257;
}

.NotApprovedBy {
	color: #ff0000;
}

#AppForm_edit_action_SetApprovedDisabled + a, #AppForm_edit_action_SetPendingDisabled + a {
	cursor: default;
}

#BarcodeField3Column {

}

table#weight-data-input {
    margin: 10px 0 10px 0;
}

table#weight-data-input td{
    padding: 2px 3px 2px 3px;
}

table#weight-list {
    margin-top: 10px;
}

table#weight-list td{
    padding: 2px 3px 2px 3px;
}

#CustomLabelPreview {
    position: relative;
    border: 1px #000000;
    width: 100%;
    height: 100%;
    z-index: 20;
}

#production-data-block-holder{
	position: absolute;
	/* border: 1px solid red; */
	width: 100%;
	height: 100%;

	-ms-transform-origin: center center; /* IE 9 */
	-webkit-transform-origin: center center; /* Chrome, Safari, Opera */
	transform-origin: center center;
}

#production-data-block {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px dashed #000;
    width: 40%;
    height: 15%;
    overflow:hidden;
    z-index: 9999;

	-ms-transform-origin: center center; /* IE 9 */
	-webkit-transform-origin: center center; /* Chrome, Safari, Opera */
	transform-origin: center center;

    background-color: rgba(255,255,0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE */
}
#production-data-block :hover{
    cursor: move;
}

#production-data-block.ui-widget-content {
    background: rgba(255,255,255, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE */
}
#production-data-block div.batch-holder {
    display: none;
}

#production-data-block p{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 14px;
    margin: 4px 0 4px 0;
}

#production-data-block p.NetWeight{
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
}
#production-data-block p.Lot{
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
}
#production-data-block p.ProductionDate,
#production-data-block p.CountryOfOrigin,
#production-data-block p.BestBefore{
    font-size: 13px;
    line-height: 14px;
}

#production-data-block .DateExtended{
    display: none;
    margin-top: 3px;
    font-size: 8px;
    line-height: 9px;
}

.ApprovalCommentWindow{
	display: none;
}

.ApprovalCommentWindow textarea{
	width: 580px;
	height: 260px !important;
}
.ApprovalCommentWindow .k-autocomplete{
	width: 586px !important;
}


.icon-comment{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: red;
}

.Draft{
	color: #999999;
}
.Pending{
	color: #ff9900;
}
.TimeOut{
	color: #999;
}
.Rejected{
	color: red;
}
.Published,
.Approved{
	color: #0CBB00;
}
a.toolTip{
	color: #0066ff;
}
a.ApproverCommentsLink{
	color: #0066ff;
}

#approval-choice {
	display: flex;
	align-items: center;

}
#approval-choice .approval-option{
	display: flex;
	align-items: center;
}
#approval-choice .approval-option label{
	padding-top: 4px;
}

.hide-approval-choice{
    background: #f0f0f0;
    color: #333;
    display: inline-block;
    font-weight: bold;
    margin: 0 5px 0 5px;
    padding: 5px 10px 5px 0;
    float: left;
}

.alert #ui-dialog-title-approval-choice-dialog {
    color: red;
}


.upload_previews ul li.uploadifyFile {
    height: 50px;
}

.upload_previews ul li.uploadifyFile div.filename {
    line-height: 15px;
    padding-right: 35px;
}

textarea.k-input{
	text-indent: 0 !important;
	padding: 5px 5px !important;
}

.approval-status__holder{
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.approval-status__inner{
	padding: 5px 10px;
}

.approval-status__item{
	margin-bottom: 5px;
	font-size: 13px;
}

.approval-already{
	display: inline-block;
	padding: 3px 5px;
	background: white;
	color: green;
	border-radius: 3px;
}

.approval-pending{
	display: inline-block;
	padding: 3px 5px;
	background: white;
	color: red;
	border-radius: 3px;
}

.request-comments-info{
	border: 1px solid red;
	width: 290px;
	padding: 5px;
	font-size: 12px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.request-comments-info__label{
	font-weight: bold;
	width: 36px;
	display: inline-block;
}
.request-comments-info__comment{

}

.optionset.compact,
.optionset.compact li{
	margin: 0;
	padding: 0;
	display: inline-block;
}
.optionset.compact li{

}