.a4e7-fw-input-line { width:50%;height:38px;font-size:14px;line-height:16px; border:1px solid #d7d7d7; padding:2px;}
.a4e7-fw-input-line.fw-bg-blue { background-color: #dce7f2 ; }

.a4e7-fw-input-box { width:50%;font-size:13px;line-height:18px; border:1px solid #d7d7d7; padding:2px;}
.a4e7-fw-input-url { width:65%;font-size:13px;line-height:18px; border:1px solid #d7d7d7; padding:2px;}
.a4e7-fw-input-inline { width:130px;font-size:13px;line-height:18px; border:1px solid #d7d7d7; padding:2px;}
.a4e7-fw-input-title { width:200px;font-size:13px;line-height:18px; border:1px solid #d7d7d7; padding:2px;}
.a4e7-fw-input-list { width:220px;font-size:13px;line-height:18px; border:1px solid #d7d7d7; padding:2px;}
.a4e7-fw-input-list:disabled { background-color:#edf2f9;}

.a4e7-fw-font-blue { color: #4074a7; }
.a4e7-fw-font-green { color: #127544; }
.a4e7-fw-font-red { color: #a12012; }
.a4e7-fw-font-beige { color: #efe9da; }

.a4e7-fw-bg-light { background-color: #eeeeee; }
.a4e7-fw-bg-dark { background-color: #dddddd; }

.a4e7-fw-tab-line { line-height: 36px; text-decoration: none; color:#3d3d3d; }

.a4e7-fw-inline-tag-blue { background-color: #e4edf6;  padding: 1px 3px 1px 3px;margin: 0px 3px 0px 3px; font-size:10px !important; text-transform: uppercase;border:1px solid #d7d7d7;}


.a4e7-fw-animate {-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.a4e7-fw-animate-750 {-webkit-transition: all 750ms ease-in-out;-moz-transition: all 750ms ease-in-out;-o-transition: all 750ms ease-in-out;-ms-transition: all 750ms ease-in-out;transition: all 750ms ease-in-out;}
.a4e7-fw-animate-500 {-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}


.a4e7-fw-show { display:block !important; }
.a4e7-fw-hide { display:none !important; }

.a4e7-fw-select-menu {position:relative;}
.a4e7-fw-select-menu .menu-btn { width:100%;height:60px;background-color:#ffffff;border:1px solid #d7d7d7; }
.a4e7-fw-select-menu .menu-btn .btn-content { position:relative;cursor:pointer; height:100%;background-color:#ededed;}
  
.a4e7-fw-select-menu .menu-btn .btn-content .box-list-item { position:relative;background-color:#ebebeb; width:100%;height:60px;}
.a4e7-fw-select-menu .menu-btn .btn-content .box-list-item .item-image { position:absolute;top:10px;right:10px; }
.a4e7-fw-select-menu .menu-btn .btn-content .box-list-item .item-image img { height:40px; }
.a4e7-fw-select-menu .menu-btn .btn-content .box-list-item .item-title { position:absolute;top:10px;left:10px; }
.a4e7-fw-select-menu .menu-btn .btn-content .box-list-item .item-title b {  }
.a4e7-fw-select-menu .menu-btn .btn-content .btn-info { padding:22px 0px 0px 0px; text-align:center; height:100%;}  
  
  
.a4e7-fw-select-menu .menu-box { position:absolute;top:60px;left:0px;width:100%;height:360px; background-color:#ffffff;border:1px solid #d7d7d7;box-shadow: 8px 8px 15px #888888;z-index:10000;}
.a4e7-fw-select-menu .menu-box .box-close { position:absolute;bottom:-1px;right:-1px;padding: 2px 6px 2px 6px;cursor:pointer;color:#ffffff;font-size:16px;font-weight:bold;background-color:#a9a9a9;}
  
.a4e7-fw-select-menu .menu-box .box-list { overflow:auto; height:360px;  }
.a4e7-fw-select-menu .menu-box .box-list .box-list-item-frame .box-list-item { position:relative;background-color:#ebebeb; width:100%;height:60px;border-bottom:1px solid #d7d7d7; cursor:pointer; }
.a4e7-fw-select-menu .menu-box .box-list .box-list-item-frame.on .box-list-item { background-color:#dce7f2; }
.a4e7-fw-select-menu .menu-box .box-list .box-list-item-frame .box-list-item:hover { background-color:#dce7f2; }
.a4e7-fw-select-menu .menu-box .box-list .box-list-item-frame .box-list-item .item-image { position:absolute;top:10px;right:10px; }
.a4e7-fw-select-menu .menu-box .box-list .box-list-item-frame .box-list-item .item-image img { height:40px; }
.a4e7-fw-select-menu .menu-box .box-list .box-list-item-frame .box-list-item .item-title { position:absolute;top:10px;left:10px; font-size:11px; }
.a4e7-fw-select-menu .menu-box .box-list .box-list-item-frame .box-list-item .item-title b { font-size:13px;  }


.a4e7-fw-tab-menu { margin: 0px 0px 20px 0px; border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;}
.a4e7-fw-tab-menu:after { content:".";	display:block;	height:0;	clear:both;	visibility:hidden; }
.a4e7-fw-tab-menu a { text-decoration: none; }
.a4e7-fw-tab-menu .tab-item { float:left; margin: 0px; padding: 6px 12px 6px 12px; color:#3d3d3d; border-top:1px solid #d7d7d7;border-right:1px solid #d7d7d7; background-color: #eeeeee; cursor:pointer; }
.a4e7-fw-tab-menu .tab-item.on { background-color: #dce7f2; }


.a4e7-fw-headline { margin: 8px 0px 24px 0px; font-size: 20px;}
.a4e7-fw-edit-link { cursor:pointer;text-decoration: none !important;color: #3d3d3d !important;padding: 0px !important;background: transparent !important;border-radius:none !important;display:inline !important;}
.a4e7-fw-line { margin: 0px 0px 16px 0px; border-bottom:1px solid #d7d7d7; height:16px;}
.a4e7-fw-preview { margin: 0px 0px 12px 0px; }
.a4e7-fw-low-area { height:48px;}




.a4e7-fw-jq-check-delete {  }
.a4e7-fw-jq-check-delete-label { cursor: pointer; background-color: #cc0000 !important; color: #ffffff !important; margin: 0px 0px 0px 8px !important; padding: 4px 8px 4px 8px !important; box-shadow: 8px 8px 15px #888888;}


.a4e7-fw-columns:after { content:".";	display:block;	height:0;	clear:both;	visibility:hidden; }
.a4e7-fw-columns .fw-column { float:left; }
.a4e7-fw-columns .fw-column.cl-label { width:220px; }
.a4e7-fw-columns .fw-column.cl-inline { width:150px; }
.a4e7-fw-columns .fw-column.cl-title { font-style:italic; color: #4074a7;}
.a4e7-fw-columns .fw-column.cl-wide { width:240px; }
.a4e7-fw-columns .fw-column.cl-third { width:33.3%; text-align: center;}

.a4e7-fw-columns:hover { background-color: #e8ebef; }
.a4e7-fw-columns:hover input { background-color: #e8ebef; }
.a4e7-fw-columns:hover select { background-color: #e8ebef; }



.a4e7-fw-columns .fw-column .cl-btn { float:left; width:50px; text-align: center; cursor:pointer; font-size: 11px; line-height: 17px; background-color:#f7f7f7;border:1px solid #d7d7d7; margin: 3px 5px 0px 0px;}
.a4e7-fw-columns .fw-column .cl-btn:hover { background-color: #4074a7; color:#ffffff; }

table.a4e7-fw-export-table {border-top:1px solid #a9a9a9;border-left:1px solid #a9a9a9;}
table.a4e7-fw-export-table th {border-right:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9; background-color:#ebebeb;} 
table.a4e7-fw-export-table td {border-right:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9;} 
table.a4e7-fw-export-table tr:hover { background-color: #dce7f2; } 


.a4e7-fw-section-toggle {}
.a4e7-fw-section-toggle-title { background-color:#ebebeb; width:450px;border:1px solid #d7d7d7; margin-bottom:16px; cursor: pointer;}
.a4e7-fw-section-toggle-title.stg-invalid { background-color: #f2dfdd; }
.a4e7-fw-section-toggle-title.stg-valid { background-color: #d8e0c1; }
.a4e7-fw-section-toggle-title.stg-unavailable { background-color: #ebebeb; }


.a4e7-fw-section-toggle-title .tgt-label { padding:12px; font-size: 17px: }
.a4e7-fw-section-toggle-title .tgt-label span { font-style: italic;font-size: 12px; color:#888888; }
.a4e7-fw-section-toggle-content { margin-bottom:16px; }


.a4e7-fw-dialog { position: fixed; bottom:0px; left:0px; background-repeat: repeat; width: 100%; height: 100%; }
.a4e7-fw-dialog .fd-close { position: absolute; top:70px; right:52px; color:#ffffff;font-size: 36px;cursor: pointer; font-family: arial;}
.a4e7-fw-dialog .fd-background { position: absolute; bottom:0px; left:0px;  background-repeat: repeat; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; }
.a4e7-fw-dialog .fd-foreground { position: absolute; bottom:0px; left:0px;  background-repeat: repeat; width: 100%; height: 100%;  }
.a4e7-fw-dialog .fd-foreground .fg-dialog-window { position: absolute; border:1px solid #d7d7d7; background-color: #ffffff; box-shadow: 8px 8px 15px #3d3d3d; }
.a4e7-fw-dialog .fd-foreground .fg-dialog-window.dwb-size-default { width:640px; height:480px; }
.a4e7-fw-dialog .fd-foreground .fg-dialog-window.dwb-size-medium { width:840px; height:580px; }
.a4e7-fw-dialog .fd-foreground .fg-dialog-window .dw-content { padding: 12px 12px 12px 12px; }

.a4e7-fw-dialog .fd-foreground .fg-dialog-window .dw-close { position: absolute; top:20px; right:24px; color:#3d3d3d;font-size: 26px;cursor: pointer; font-weight: bold;}


.a4e7-fw-service-call-btn { position: relative; border:1px solid #d7d7d7; padding: 6px 12px 6px 12px; width: 360px; margin: 0px 0px 16px 0px;cursor: pointer; }
.a4e7-fw-service-call-btn:hover { margin: -4px 0px 20px -4px;box-shadow: 4px 4px 10px #a9a9a9;}
.a4e7-fw-service-call-btn.state-bg-initial { background-color: #efe9da;  }
.a4e7-fw-service-call-btn.state-bg-running { background-color: #dce7f2; margin: -4px 0px 20px -4px;box-shadow: 4px 4px 10px #a9a9a9;}
.a4e7-fw-service-call-btn.state-bg-complete { background-color: #d8e0c1; margin: -4px 0px 20px -4px;box-shadow: 4px 4px 10px #a9a9a9; }
.a4e7-fw-service-call-btn.state-bg-failed { background-color: #f2dfdd; margin: -4px 0px 20px -4px;box-shadow: 4px 4px 10px #a9a9a9; }




.a4e7-fw-service-call-btn .scb-label {  }
.a4e7-fw-service-call-btn .scb-indicator { position: absolute; top:18px; right:18px; width: 16px; height: 16px; }
.a4e7-fw-service-call-btn .scb-counter { position: absolute; top:16px; right:46px; height: 16px; text-align:right; font-size:12px;}
.a4e7-fw-service-call-btn .scb-message { color:#888888; font-style: italic; }


.a4e7-fw-list-filter {}
.a4e7-fw-list-filter .lf-label {background-color: #66a7a9;padding: 3px 12px 3px 12px; color:#ffffff; margin: 0px 0px 8px 0px;}
.a4e7-fw-list-filter .lf-list {}
.a4e7-fw-list-filter .lf-list .lf-line-space { margin-bottom: 8px; }
.a4e7-fw-list-filter .lf-list ul {}
.a4e7-fw-list-filter .lf-list ul li { cursor: pointer; }
.a4e7-fw-list-filter .lf-list a { text-decoration: none !important; color:#3d3d3d; }
.a4e7-fw-list-filter .lf-list a.hover { text-decoration: none; color:#3d3d3d; }
.a4e7-fw-list-filter .lf-list ul li[data-fw-list-filter-active-state=on] { font-weight: bold; }
.a4e7-fw-list-filter .lf-list ul li.on { font-weight: bold; }

.a4e7-fw-list-entry { padding: 3px 12px 3px 12px; }
/*.a4e7-fw-list-entry:nth-child(even) { background-color: #dddddd; }*/
.a4e7-fw-list-entry.odd { background-color: #eeeeee; }
.a4e7-fw-list-entry.even { background-color: #dddddd; }
.a4e7-fw-list-entry a { text-decoration: none; color:#3d3d3d; }
.a4e7-fw-list-entry a:hover { color:#3d3d3d; }
.a4e7-fw-list-entry span { font-size:14px; }

.a4e7-fw-list-header { font-size:18px; line-height:29px; font-weight: 700; padding: 3px 12px 3px 12px;background-color: #27374F; color:#ffffff; }
.a4e7-fw-list-search { width: 100%; font-size:17px; line-height:29px; padding: 3px 12px 3px 12px;background-color: #ffffff; color:#828282;border-bottom: 2px solid #27374F;border-top: none;border-right: none; border-left: none;   }

.a4e7-fw-list-link-search { width: 100%; font-size:17px; line-height:29px; padding: 3px 12px 3px 12px;background-color: #ffffff; color:#828282;border-bottom: 2px solid #27374F;border-top: none;border-right: none; border-left: none;   }


.a4e7-fw-list-frame {  }
.a4e7-fw-list-frame .lf-line-space { margin-bottom: 8px; }

.a4e7-fw-pagination {  }
.a4e7-fw-pagination:after { content:".";	display:block;	height:0;	clear:both;	visibility:hidden; }
.a4e7-fw-pagination div { float:left; }
.a4e7-fw-pagination .pg-previous { background-color: #66a7a9;padding: 3px 12px 3px 12px; color:#ffffff; }
.a4e7-fw-pagination .pg-next { background-color: #66a7a9;padding: 3px 12px 3px 12px; color:#ffffff; }
.a4e7-fw-pagination .pg-current { background-color: #66a7a9;padding: 3px 12px 3px 12px; color:#ffffff;cursor:pointer; }
.a4e7-fw-pagination .pg-loop { background-color: #eeeeee; color:#3d3d3d; padding: 3px 12px 3px 12px; cursor:pointer;  }
.a4e7-fw-pagination .pg-space { padding: 3px 12px 3px 12px; width: 42px }
.a4e7-fw-pagination .pg-last { background-color: #66a7a9;padding: 3px 12px 3px 12px; color:#ffffff;cursor:pointer; }

.a4e7-hide-job{width:22px;height:22px;cursor:pointer;float:left;margin-bottom:12px;margin-right:12px;}
.a4e7-delete-job{width:22px;height:22px;cursor:pointer;float:left;margin-bottom:12px;margin-right:12px;}

@media all and (max-width:991px) {	
	.a4e7-select-filter-education-dropdwn {
		text-align: center;
		
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
	.a4e7-select-filter-education-dropdwn:nth-child(1) {
		text-align: right !important;
	}
    .a4e7-select-filter-education-dropdwn .a4e7-education-dropdown {
		border-radius: 0px !important;
		
    }
	.a4e7-select-search-education-dropdwn{
		text-align: left;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.a4e7-education-search-input{
		height:31px;
		font-size: 13px;
		background-color:#ffffff;
		color:#898989;
		border-bottom: 2px solid #a7a631 !important;
	}
	.a4e7-jobs-dropdown{width:100%;}
}

@media all and (max-width:543px) {
    .a4e7-select-filter-education-dropdwn .a4e7-education-dropdown {
		font-size: 9px;
		width:95%;
		padding-left: 5px;
    }
	
	.a4e7-education-search-input{
		height:29px;
		font-size: 12px;
		
		
	}
	.a4e7-fw-jobs-mobile-dropdown-button{font-size:12px !important;}
	.a4e7-fw-jobs-mobile-dropdown{text-align:center !important}
}

@media all and (max-width:370px) {
    .a4e7-select-filter-education-dropdwn .a4e7-education-dropdown {
		font-size: 8px;
		width:95%;
		padding-left: 4px;
    }
	
	.a4e7-education-search-input{
		height:29px;
		font-size: 12px;
		
		
	}
	.a4e7-fw-jobs-mobile-dropdown-button{font-size:11px !important;}
	.a4e7-fw-jobs-mobile-dropdown{text-align:left !important}
}