body.x-body {
	-webkit-font-smoothing: auto;
}

.ams-header {
	background-color: #222;
    background-image:-moz-linear-gradient(top, #4c4c4c, #000);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4c4c4c), to(#000));
    background-image:-webkit-linear-gradient(top, #4c4c4c, #000);
    background-image:-o-linear-gradient(top, #4c4c4c, #000);
    background-image:linear-gradient(to bottom, #4c4c4c, #000);
    border: 0;
}

.ams-header header > a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}

.ams-header .nav > li > a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 0px 15px;
	background: none !important;
	border: none !important;
}

.ams-header .nav > li .p-nav-title {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	padding: 0px 15px;
	background: none !important;
	border: none !important;
	max-width: 350px;
    overflow: hidden;
    white-space: nowrap;
}

.ams-header a:hover, .ams-header .nav>li>a:hover {
	text-decoration: none;
	background: none;
}

.ams-header h3 {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
}

.ams-logo {
	margin: 0px 6px 0 10px;
    float: left;
    background-image: url(/resources/img/logo-white.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center top;
    width: 40px;
    height: 40px;
}


.ams-body {
	margin-top: 10px;	
    min-height: calc(100vh - 160px);
}

.ams-footer {
    background-color: #00000085;
    padding: 25px 0;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    height: 100px;
}
.ams-footer p {
    font-size: 12px;
    margin: 0;
}
.ams-footer ul li a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}
.ams-footer  ul li a:hover,
.ams-footer  ul li a:focus,
.ams-footer  ul li a:active,
.ams-footer  ul li a.active {
  text-decoration: none;
}
.ams-footer a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #428bca;
}
.ams-footer a:hover,
.ams-footer a:focus {
  color: #31708f;
}

#copyright {
    color: rgba(255, 255, 255, 0.5);
    margin-top: 10px;
}

.navbar-header {
}

.navbar-header .navbar-toggle {
    background-color: #fff;
}

.navbar-header .navbar-toggle .icon-bar {
    background: black;
}

.navbar-header .header-left > * {
	display: inline-block;
}

.navbar-header .header-left {
	padding: 0 0 0 0;
}

@media (max-width: 1199px) {
	.navbar-nav.navbar-right:last-child {
	    margin-left: -15px;
	    margin-bottom: 10px;
	    float: left !important;
	}
}

.x-touch .navbar-header .header-left {
	padding: 5px 0 0 0;
}

.x-body .navbar {
	min-height: 40px;
	border-radius: 0px !important;
}

.x-body .navbar .dropdown-menu > li > a > i {
    min-width: 22px;
}
	
.x-panel-default {
}

.x-action-col-icon.fa {
	font-size: 16px;
	color: #000;
}

.x-mask {
	z-index: 100000;	
}

.x-btn {
	text-decoration: none !important;
}

.x-btn .x-btn-icon-el, .x-btn .x-btn-inner {
	line-height: 16px;
}

.ams-body .page-header {
	margin: 20px 0 10px;
}

.ams-body .page-header h1, .ams-body .page-header .h1, .ams-body .page-header h2, .ams-body .page-header .h2, .ams-body .page-header h3, .ams-body .page-header .h3 {
    margin-bottom: 0px;
}

.nav > li {
	margin-top: 10px;
}

.nav #ProjectSelectionDiv {
	margin-top: -2px;
}

.nav .x-panel-body-default {
	background: none !important;
}

.x-body .container {
	min-width: 1000px;
}

.container-fluit .epro-view-div, .container-fluit .epro-title-div {
	margin: 0px 15px;
}

.epro-error-page {
	margin: 15px;
}

.ams-error-message {
	padding: 20px;
  	margin: 20px 0;
  	background: #efefef;
  	border: 1px solid #ccc;
	border-left-width: 5px;
  	border-radius: 3px;
  	border-left-color: #ce4844;
}

.ams-info-message {
	padding: 20px;
  	margin: 20px 0;
  	background: #efefef;
  	border: 1px solid #ccc;
	border-left-width: 5px;
  	border-radius: 3px;
  	border-left-color: #1b809e;
}

.ams-messages-panel {
  	padding: 0px;
  	margin: 10px 0;
}

.ams-message-panel {
  	padding: 10px !important;
  	background: #efefef  !important;
  	border: 1px solid #ccc;
}

.ams-message-panel > * {
  	background: #efefef  !important;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 10px;
}

.ams-message-type-notification {
    border-left-width: 5px;
  	border-radius: 3px;
  	border-left-color: #FFFFEF;
}

.ams-message-type-notification1 {
    border-left-width: 5px;
  	border-radius: 3px;
  	border-left-color: #FFFFEF;
}

.ams-message-type-notification2 {
  	font-weight: bold;
  	border-left-width: 5px;
  	border-radius: 3px;
  	border-left-color: #FFBA7C;
}

.ams-message-type-notification3 {
	font-weight: bold;
  	border-left-width: 5px;
  	border-radius: 3px;
  	border-left-color: #FF7C7F;
}

.ams-message-type-warning {
  	font-weight: bold;
  	border-left-width: 5px;
  	border-radius: 3px;
  	border-left-color: #FF7C7F;
}

.ams-message-type-ok {
	border-left-width: 5px;
  	border-radius: 3px;
  	border-left-color: #efffff !important;
  	font-weight: bold;
}

.ams-message-icon {
	float: left;
}

.ams-message-content {
	float: left;
	/*margin-left: 10px;
	margin-right: 10px;*/
	border: none;
}

.ams-logout-panel {
	text-align: center;
    padding: 30px;
}

.ams-logout-panel > div {
	line-height: 40px;
    font-weight: 600;
}

.ams-content-panel {
  	padding: 20px;
  	margin: 10px 0;
  	border: 1px solid #eee;
  	border-left-width: 5px;
  	border-radius: 3px;
}

.ams-content-panel h4 {
	margin-top: 0;
	margin-bottom: 5px;
}


.ams-link-panel,
.ams-admin-panel {
  	padding: 20px;
  	margin: 10px 0;
  	border: 1px solid #eee;
  	border-left-width: 5px;
  	border-radius: 3px;
}

.ams-link-panel .ams-panel-link {
	float: left;
	padding: 3px 0;
    min-width: 300px;
        clear: both;
}

.ams-admin-panel {
	max-width: 890px;	
}

.ams-admin-panel h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
}

.ams-admin-panel h3 {
	color: black;
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 14px;
}

.ams-search-match {
	background-color: yellow;
}

.ams-item-header {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 0 5px 0;
}

.ams-item-title {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #999;
	padding: 0 10px 0 0;
	display: table-cell;
   	vertical-align: bottom;
}

.ams-item-alias {
	float: left;
	color: #999;
 	display: table-cell;
   	vertical-align: bottom;
}

.ams-item-properties {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 0 5px 0;
}

.ams-item-property {
	font-weight: bold;
	padding-right: 10px;
	float: left;
	white-space: initial;
}

.ams-item-contents {
	float: left;
	clear: both;
	width: 100%;
}

.ams-item-content {
	float: left;
	white-space: normal;
}

.ams-wrapcontant {
    white-space: pre-line;
}

.ams-right {
	float: right;
	padding-right: 0px;
	padding-left: 10px;
}

.ams-baseeditview > * > * > * > .x-panel {
	margin: 0 0 20px 0;
}

/* Layout modifications */
.ams-body .x-panel-header-default {
	background: white;
	margin: 0 0 0 0 !important;
    padding: 10px 10px 5px 5px !important;
}

.ams-body .x-title-text {
	color: black;
    font-size: 14px;
    font-weight: 500;
}
  
.ams-body .p-subpanel > * > * > * > * > .x-title-text {
    font-size: 20px;
    padding: 30px 0 10px 0;
}

.ams-body .x-table-layout td {
    vertical-align:top;
}

/*  
.ams-body .x-grid-header-ct-docked-top >  {
	border-bottom: 1px solid #ccc;
}
 */
  
.x-link {
	cursor: pointer;	
}

.x-fieldset-default {
	border: none !important;
	padding: 0px 0px 0px 0px !important;
	margin: 20px 0px 0px 0px;
}

.x-fieldset-header-default {
	padding: 0 0 1px !important;
	margin: 0 0 10px 0 !important;
}

.x-fieldset-header-default > .x-fieldset-header-text {
	color: #666;
}

.epro-inline-fieldset {
	border: none !important;
	padding: 0 !important;
	margin: 10px 0 0 0;
}

.epro-inline-fieldset .x-fieldset-header-default {
	padding: 0 0 0 0 !important;
	margin: 0 0 10px 0 !important;
}

.x-form-readonly .x-form-trigger-wrap {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none; /* 1px solid #ddd; */
}

.x-form-readonly .x-form-empty-field-default {
	display: none;
}

.ams-body .x-splitter {
    background-color: #fff !important;
}

.ams-body .x-tab-bar-default {
    background-color: #fff !important;
}

/** Combobox */'
.x-boundlist-selected {
}
.x-boundlist-item .ams-combocheckbox {
	display: inline-block;
    min-width: 16px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
	font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.x-boundlist-item .ams-combocheckbox:before {
    content: "\f0c8";
}
.x-boundlist-selected .ams-combocheckbox:before {
 	content: "\f14a";
}

.x-boundlist-item .ams-combocheckbox {
	margin: -2px 4px 0px 0px; 
}
.x-boundlist-item .x-combo-list-item .x-form-checkbox-default {
    background-position: 0 0;
}
.x-boundlist-selected .x-combo-list-item .x-form-checkbox-default {
    background-position: 0 -15px;
}

.x-combo-list-item {
	min-height: 22px;
}
.x-combo-list-item-inactive {
	color: #999;	
}

.activityreport-grid .x-grid-td {
  overflow: hidden;
  border-width: 0;
  vertical-align: middle;
}

.ams-body .x-column-header {
    border-left-color: transparent  !important;
    border-right-color: transparent  !important;
    border-top-color: transparent  !important;
}

.ams-body .x-grid-cell-special {
    border-color: transparent  !important;
}

.ams-body .x-grid-header-ct {
	border-top: none;
    border-bottom: 1px solid #ccc;
}


.ams-body .x-column-header-text {
	padding: 5px 0px;
}

.ams-body .x-grid-cell {
	padding: 5px 0px;
}

.ams-body .x-column-header-text-inner {
    color: black  !important;
	font-weight: bold;
}

.epro-slider-field .x-form-item-body {
    position: relative;
}
    
.epro-slider-field.epro-empty .x-slider-thumb {
	opacity: 0;
}

.epro-slider-field .epro-resetbtn {
	position: absolute;
    top: 6px;
    right: 0px;
    color: #666;
    font-size: 1.6em;
    width: 20px;
}

.epro-slider-field .x-slider {
	margin-right: 30px;
}

.epro-fieldset-noborder{
	margin: 0;	
}

.epro-textcell {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}
    
/* --------- Tabs  ------ */

.x-tab {
    outline: none !important;
    border: 1px solid transparent !important;
    border-radius: 0px !important;
}
 
.x-tab-bar-body > * > .x-box-target {
    height: 100% !important;
}

.x-tab-bar-body > * > .x-box-target:after {
    content: "";
    display: block;
    background: #ddd;
    height: 1px;
    bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;
}

@media (max-width: 768px) {
	.x-tab-bar-body > * > .x-box-target:after {
		display: none;
	}
}

.x-tab.x-tab-default {
    background: none !important;
    border: none  !important;
    margin-right: 2px !important;
    height: 34px !important;
    padding: 0 10px !important;
}

.x-tab.x-tab-active.x-tab-default {
    cursor: default !important;
    background-color: #fff !important;
   
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
   
    margin-right: 2px !important;
}

@media (max-width: 768px) {
	.x-tab.x-tab-active.x-tab-default {
		border-bottom: none !important;
	}
}

.x-tab-button-default {
} 

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #aaa !important;
}

.x-tab-bar-default {
    background: none !important;
}
 
.x-tab-bar-body > div {
}
 
.x-tab .x-tab-inner {
    color: #aaa !important;
    padding: 5px 15px !important;
}
 
.x-tab.x-tab-active.x-tab-default .x-tab-inner {
    color: #555 !important;
}
 
.x-tab:hover .x-tab-inner {
    text-decoration: underline !important;
}
 
 .x-tbar-page-number .x-form-text-default {
    padding: 0px 2px 1px 2px;
    min-height: 21px;
    text-align: center;
}

/* --------- Toolbars  ------ */ 

.x-toolbar .x-box-inner {
    height: 30px;
}
 
/* --------- Buttons  ------ */ 
.x-toolbar-default .x-box-inner  {
	overflow: visible;
}

.x-btn.primary {
	background-color: #3892d4 !important;
	border-color: #157fcc !important;
}
.x-btn-over.primary {
    background-image: none !important;
    background-color: #3487c3 !important;
    border-color: #1375bc !important;
}
.x-btn.primary .x-btn-inner {
	color: #fff;
}

.x-btn.secondary {
	background-color: #F5F5F5 !important;
	border-color: #D8D8D8 !important;
}
.x-btn-over.secondary {
    background-image: none !important;
    background-color: #ECECEC !important;
    border-color: #CFCFCF !important;
}
.x-btn.secondary .x-btn-inner {
	color: #666;
}

.x-btn.green {
	background-color: #5cb85c !important;
	border-color: #4cae4c !important;
}
.x-btn-over.green {
    background-image: none !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}
.x-btn.green .x-btn-inner {
	color: #fff;
}

.x-btn.red {
	background-color: #d9534f !important;
	border-color: #d43f3a !important;
}
.x-btn-over.red {
    background-image: none !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}
.x-btn.red .x-btn-inner {
	color: #fff;
}

.ams-body .x-form-item-label-default {
	/* color: #aaa;	*/
}

.x-ams-label {
	color: #aaa;	
}

.ams-slider-label-min {
	float: left;
	color: #666;
}

.ams-slider-label-max {
	float: right;
	color: #666;
	margin-right: 30px;
}

/* check combo */ 
.x-combo-checker { background-position: 50% -2px; margin-left: 1px; background-color: transparent; background-image: url("/extjs/resources/themes/images/default/grid/unchecked.gif"); background-position: -1px -1px; background-repeat: no-repeat; height: 14px; width: 14px; display: inline-block; } 
.x-boundlist-selected .x-combo-checker { background-image: url("/extjs/resources/themes/images/default/grid/checked.gif"); }

.ams-moreworking-accepted {
	background-color: #00FF0D !important;	
}
.ams-moreworking-requested {
	background-color: #E7FF00;
}
.ams-moreworking-declined {
	background-color: #FF2D00;
}
.ams-moreworking-compensated {
	background-color: #9999FF;
}
.ams-compensation-accepted {
	background-color: #00FF0D;	
}
.ams-compensation-requested {
	background-color: #E7FF00;
}
.ams-compensation-declined {
	background-color: #FF2D00;
}
.ams-noworking-rowclass .x-grid-cell {
	background: #f4f4f4;
} 

.ams-closed-rowclass .x-grid-cell {
	background: #efffff;
} 

.ams-inactive-rowclass .x-grid-cell {
	color: #ccc;
} 

.x-grid-cell .p-inactive {
	opacity: 0.3;
}

.epro-i18nfield {
    padding-left: 6px;
}

.epro-languageswitcher {
}
    
.epro-languageswitcher-button {
	font-size: 8px;
    margin-right: 10px;
}

.epro-languageswitcher-field {
	background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 16px;
    background-position-x: 0px;
    background-position-y: 3px;
}

.epro-languages-label {
	background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: 0px;
	background-position-y: -2px;
    padding-left: 20px;
}

.epro-pageviewer-wrap {
	float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
	text-align: center;
	color: #428bca;
	width: 110px;
    overflow: hidden;
}

.epro-pageviewer-wrap.x-item-selected {
	background-color: #ddeeFF;
}

.epro-pageviewer-wrap:hover {
	text-decoration: underline;
	cursor: pointer;
}


.epro-pageviewer-thumb {
	padding: 3px;
	width: 100px;
	height: 100px
}

.ams-inactive > .epro-pageviewer-thumb {
	opacity: 0.5;
}

.epro-pageviewer-thumb img {
	width: 100%;
}

.epro-device {
	padding: 20px;
	border-radius: 25px !important;
    background: #666 !important;
    margin: 10px auto;
}

.epro-preview-scale-100 {
	-moz-transform: scale(1);
	-moz-transform-origin: 0 0;
	-o-transform: scale(1);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(1);
	-webkit-transform-origin: 0 0;
	transform: scale(1);
	transform-origin: 0 0;
}

.epro-preview-scale-50 {
	-moz-transform: scale(0.5);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.5);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: 0 0;
	transform: scale(0.5);
	transform-origin: 0 0;
}

.epro-preview-scale-25 {
	-moz-transform: scale(0.25);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.25);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.25);
	-webkit-transform-origin: 0 0;
	transform: scale(0.25);
	transform-origin: 0 0;
}

.epro-entry-toolbar {
		
}

.ams-newdataset-panel {
	border-radius: 3px;
    border: 1px dotted #9D9D9D !important;
}

.epro-dataentry-row {
	border: 0px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.epro-dataentry-panel .x-title {
	border: 0px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    margin-left: -5px;
}

.epro-dataentry-panel .x-title > div{
    padding-left: 5px;
}


.epro-dataentry-row-STARTED {
	border-left-color: #fff;
}
.epro-dataentry-cell-STARTED {
	color: #000;
}
.epro-dataentry-panel-STARTED .x-title {
	border-left-color: #fff;
}

.epro-dataentry-row-READY_FOR_REVIEW {
	border-left-color: #9CBEFF;
}
.epro-dataentry-cell-READY_FOR_REVIEW {
	color: #9CBEFF;
}
.epro-dataentry-panel--READY_FOR_REVIEW .x-title {
	border-left-color: #9CBEFF;
}

.epro-dataentry-row-REJECTED {
	border-left-color: #d9534f;
}
.epro-dataentry-cell-REJECTED {
	color: #c9302c;
}
.epro-dataentry-panel-REJECTED .x-title {
	border-left-color: #d9534f;
}

.epro-dataentry-row-APPROVED,
.epro-dataentry-row-LOCKED {
	border-left-color: #5cb85c;
}
.epro-dataentry-cell-APPROVED,
.epro-dataentry-cell-LOCKED {
	color: #5cb85c;
}
.epro-dataentry-panel-APPROVED .x-title,
.epro-dataentry-panel-LOCKED .x-title {
	border-left-color: #5cb85c;
}

.epro-dataentry-cell-OUTDATED {
	color: #a7459e;
}
.epro-dataentry-panel-OUTDATED .x-title {
	border-left-color: #a7459e;
}
.epro-dataentry-row-OUTDATED {
	border-left-color: #a7459e;
	color: #909090;
}

.epro-slot-row {
	border: 0px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.epro-slot-row-OPEN {
	border-left-color: #eee;
}
.epro-slot-cell-OPEN {
	color: #666;
}
.epro-slot-row-STARTED {
	border-left-color: #fff;
}
.epro-slot-cell-STARTED {
	color: #000;
}
.epro-slot-row-COMPLETED {
	border-left-color: #9CBEFF;
}
.epro-slot-cell-COMPLETED {
	color: #9CBEFF;
}
.epro-slot-row-CLOSED {
	border-left-color: #eee;
}
.epro-slot-cell-CLOSED {
	color: #666;
}

.epro-dataentrycheckpanel {
	margin-top: 5px;
}

.epro-dataentrycheckpanel-body {
	background-color: #999;	
}   

.epro-dataentrycheckpanel-body .x-form-item-label-default,
.epro-dataentrycheckpanel-body .x-ams-label {
    color: #666;
}
 
.epro-dataentrycheckpanel-body .x-autocontainer-innerCt,
.epro-dataentrycheckpanel-body .x-panel-body-default
{
	background: none;	
}   
 
.epro-dataentrycheckpanel-body  .epro-datareview-page {
    margin: 20px;
    padding: 45px 5px 5px 10px !important;
    background-color: #fff;	
}    	

.epro-dataentrycheckpanel-body .epro-datareview-page-inactive {
    background-color: #ddd;
}

.epro-dataentrycheckpanel-body .epro-datareview-page .x-fieldset-header-text {
     font-weight: 600;
}    	

/* Checkbox */
.epro-dataentrycheckpanel-body .x-form-type-checkbox .x-form-cb-wrap-inner {
	margin: 0px 5px;
}

.epro-dataentrycheckpanel-body  .x-fieldset-header-default {
    padding: 10px !important;
    margin: 0 !important;
    position: absolute;
    left: 0px;
    top: 0px;
}
    
.ams-fe-panel .x-panel-header-default {
	background-color: none !important;
	color: #fff;
}

.epro-header-username {
	max-width: 200px;
    padding-left: 10px;
    max-height: 22px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navbar-nav .caret {
    vertical-align: text-top;
}

#StudySelectionDiv {
    margin-top: -2px;
}

.epro-datareview-page .x-form-item-body {
    position: relative;
}

.epro-reasonforchange-container {
	padding: 0px 10px;
    color: #0079B4;
    cursor: pointer;
    position: absolute;
    left: 500px;
    top: 5px;
    width: 200px;
    max-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.epro-reasonforchange-container:hover {
	text-decoration: underline;
}

/* ---  Login --------- */

.ams-loginpage {
 	position: relative;
 	min-height: 100%;
 	background: -webkit-linear-gradient(to left, #7dbed7, rgb(89, 144, 165));  /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(to left, #7dbed7, rgb(89, 144, 165));  /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(to left, #7dbed7, rgb(89, 144, 165));  /* For Firefox 3.6 to 15 */
 	background: linear-gradient(to left, #7dbed7, rgb(89, 144, 165)); /* Standard syntax */	
}

.ams-loginpage .container {
	min-width: auto;
}

.ams-loginpage .ams-header {
	background: none !important;
}

.ams-loginpage hr {
	border-top: none;	
	margin: 5px;
}

.ams-loginpage .ams-body {
    margin-top: 10px;
}

.ams-login-panel {
    padding-left: 24px;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #333;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0.33px 2px 12px rgba(0, 0, 0, 0.3);
    border-radius: 9px;
    width: 500px;
    max-width: 500px;
    padding: 10px 50px 30px 50px;
    margin: 200px auto 10px auto;
}

@media (max-height: 1000px) {
	.ams-login-panel  {
    	margin-top: 100px;
    	margin-bottom: 100px;
	}
}

@media (max-height: 600px) {
	.ams-login-panel  {
    	margin-top: 0px;
    	margin-bottom: 10px;
	}
}

@media (max-width: 600px) {
	.ams-login-panel {
		width: 100%;
   	 	padding: 0px 10px 20px 10px;
	}
}

.ams-login-panel .company-logo {
    width: 320px;
	height: 100px;
    background: transparent url(/resources/images/logo_t.png) 50% 0 no-repeat;
    background-size: auto 100%;	
    margin: 30px auto 0px auto;
    background-size: 100% auto;
}

@media (max-width: 600px) {
	.ams-login-panel .company-logo {
	    width: 220px;
		height: 60px;
	}
}
/* ---  Fieldsets --------- */
.ams-fieldset {
	display: table;
}

.ams-fieldset .ams-row {
	display: table-row;
}

.ams-fieldset .ams-label {
	display: table-cell;
	color: #888;
	padding: 5px;
}

.ams-fieldset .ams-value {
	display: table-cell;
	padding: 5px;
}

.ams-fieldset .ams-hl {
	width: 100%;
	height: 1px;
	background: #888;
	position: absolute;
}

.epro-submit-btn {
	float: left;
}

.epro-reset-pw-btn {
	float: left;
	width: 200px;
	height: 20px;
   	padding: 10px;
   	cursor: pointer;
}

.epro-dataexport-download,
.epro-failuremessage-btn {
	padding-left: 10px;
}

.epro-dropzone-description {
	font-size: 8px;
}

.epro-deactivated-form {
	opacity: 0.5;
}

.epro-innermessagepanel {
	padding: 50px;
    text-align: center;
    border: 1px dashed #999;
    background: #eee;
    margin: 5px;
}


.epro-admin-link {
	border: 1px dashed #428bca;
    padding: 20px;
    min-height: 120px;
    min-width: 200px;
    text-align: center;
    display: inline-block;
    float: left;
    margin: 0 10px 10px 0;
}

.epro-admin-link:hover {
	border: 1px dashed #428bca;
    background: #e9f5ff;
    text-decoration: none;
}

.epro-admin-link span {
    display: inherit;
    font-size: 16px;
    padding: 10px 0 0 0;
}

.epro-admin-link span.fa-4x {
	font-size: 40px;
}

.epro-branding-image {
	background: #666;
}

.epro-info-container {
	display: table;
	background: #efefef;
	margin: 10px;
	padding: 10px 10px;	
	width: calc(100% - 20px);
}

.epro-info-container > * {
	display: table-cell;
	vertical-align: top;
}

.epro-info-container > .epro-info-content {
	width: 99%;
}

.epro-api-key-container > div {
    line-height: 20px;
    margin-right: 5px;
    font-size: 12px;
}

.epro-api-key-container:after {
	clear: both;
	content: '';
}

.epro-api-label {
	font-size: 17px !important;
    line-height: 28px !important;
    width: 90px;
    background: #828282;
    color: #fff;
    margin: 0 10px 0 0;
    padding: 10px 10px;
    height: 100px;
    text-align: center;
    font-weight: 600;
}

.epro-api-lbl {
    min-width: 30px;
    display: inline-block;
    vertical-align: top;
}

.epro-api-url,
.epro-api-key {
	width: 300px;
    display: inline-block;
    font-weight: 800;
    border: 1px solid #333;
    background: white;
    padding: 0 5px;
    word-break: break-all;
}

.epro-api-addon {
    margin: 5px 0 5px 0;
}

.epro-api-addon > a {
    margin: 0 0 0 10px;
    vertical-align: top;
    display: inline-block;
}

.epro-questionnaire-schedule-entry-panel {
	padding: 10px !important;
    margin: 5px 0px 8px 0;
    border: 1px solid #ccc !important;
    border-radius: 10px;
    background: #ededed;
}

.epro-questionnaire-schedule-entry-panel .x-panel-body-default {
	background: none;
}

.x-form-readonly > * > * > * > .x-form-text-default {
	padding: 4px 6px 2px;
}

/* --------------- Entrystate-Viewer ------------------ */

.epro-entrystates-container {
}

.epro-entrystates-container:nth-last-child(1) {
}


.epro-entrystates-panel {
	padding: 10px;
	margin: 5px;	
    position: relative;
}

.epro-entrystate-questionnaire {
	font-size: 20px;
    line-height: 20px;
    padding: 0 0 3px 0;
    max-width: 360px;
    max-height: 40px;
    overflow: hidden;
    white-space: pre-line;
}

.epro-entrystate-desc {
	font-size: 10px;	
	color: #666;
	max-width: 360px;
    max-height: 70px;
    overflow: hidden;
    white-space: pre-line;
}

.epro-entrystate-state-container {
	right: 10px;
    top: 10px;
    position: absolute;
}

.epro-entrystate-state {
    display: inline-block;
    min-width: 120px;
    padding: 3px 7px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px;
}

.epro-entrystates-container .epro-info-logo {
    height: 40px;
}

.epro-entrystates-bar {
    height: 100%;
    width: 1px;
}

.epro-entrystate-state.epro-entrystate-state-AUTO_STARTED {
	background-color: #069900;
}

.epro-entrystate-state.epro-entrystate-state-STARTED {
	background-color: #069900;
}

.epro-entrystate-state.epro-entrystate-state-STOPPED {
	background-color: #992718;
}

.epro-entrystate-state-container .epro-entrystate-date {
	text-align: center;
	font-size: 10px;
    color: #666;
}

.epro-entrystate-btns {
	margin: 10px 0 0 0;
}

.epro-entrystate-btns > * {
	margin: 0 5px 0 0;
}

.epro-entrystates-labels {
	line-height: 20px;
    margin: -4px 0;
    display: block;
}

.epro-stylepanel .x-form-text-wrap {
	border: 1px solid #ccc;
}

.ams-weekdaysfield .x-box-item {
	margin-right: 10px;
	
}

.x-form-type-password .x-form-text-wrap {
	width: 100%;
}

.epro-login-btn {
	height: 30px;
	
}
.epro-resetpw-btn {
	padding: 7px 3px;
	
}