/*
    Springboard v7.0
	File: modals.css (imported in springboard.css)
    Author: Nirmal Sivaram
	Created: 04/05/2017
    Last update: 04/05/2017
	Copyright: PeopleScout - A True Blue Company
*/

/* GLOBAL DIALOG BOXES PROPERTIES */

.modal-sm {
	max-width: auto !important;
}
.modal-md {
	max-width: auto !important;
}
.modal-lg {
	max-width: auto !important;
}

@media (min-width: 800px) {
	.modal-lg {
		width: 800px !important;
	}
}

@media (min-width: 768px) {
	.modal-sm {
		width: 400px !important;
	}
	.modal-md {
		width: 600px !important;
	}
}

/* START INTERACTIVE DIALOGS */

.dialogWrapper, .dialogWrapper.ui-widget-content {
	border:1px solid #d2d2d2;
	-webkit-box-shadow:  0 0 40px rgba(0,0,0,0.2);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.dialogWrapper .ui-dialog-titlebar {
	height: 40px;
	background: #29313c;
	color: #fff;
	padding-top: 6px;
	padding-left: 10px;	
	text-transform: uppercase;
	font-weight: 500;
}
.dialogWrapper .ui-dialog-titlebar-icon {
	color: #fff;
	margin-top: 4px;
	margin-right: 10px;	
	padding:0px;
}
.dialogWrapper .ui-dialog-titlebar-icon .ui-icon {
    background-image: url("/rasp/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-aristo");
}
.dialogWrapper .ui-dialog-titlebar-icon.ui-state-hover,
.dialogWrapper .ui-dialog-titlebar-icon.ui-state-active,
.dialogWrapper .ui-dialog-titlebar-icon.ui-state-focus{
	background: transparent;
	color: #fff;
	box-shadow: none;
	border: none;
	padding:0px;
	margin-top: 4px;
	margin-right: 10px;		
}
.dialogWrapper .ui-dialog-content {
	padding:0;
	margin: 0;
}
.dialogWrapper .dialogHeader {
	text-transform: uppercase;
	font-weight: 500;
	/*margin-bottom: 15px;*/
}
.dialogWrapper .ui-resizable-handle {
	display: none !important;
} 
.resume_dialog_wrapper .dialogWrapper .ui-resizable-handle {
	display: block !important;
} 
.resume_dialog_wrapper .dialogWrapper{
	/*top:45px !important;*/
}


.dialogWrapper .ui-dialog-content {

}
.dialogBody {
	margin-top:20px;
}
.dialogBody .ui-datatable-tablewrapper{
	border-top:1px solid #d2d2d2;
}
.dialogBody .SubHeader .ActionTitle{
	font-weight:500;
}
.dialogWrapper .dialogFooter  {
	height: 40px;
	text-align: right;
	border-top: 1px solid #d2d2d2;
	margin-top: 15px;
	background: #efefef;
}
.dialogWrapper .ui-widget-header {
	border: none;
}
.dialogConfirm-footer {
	background: #efefef;
    border-top: 1px solid #d2d2d2;
    width: 100%;
    margin: 20px -15px 0;
    text-align:right;    
}

/* END INTERACTIVE DIALOGS */

/* START CONFIRM DIALOGS */

.dialogConfirm.ui-dialog .ui-dialog-titlebar {
	background: none;
	border-top:3px solid #febd51;
	height: 60px;
	border-bottom: 1px solid #d2d2d2;
}

/* END CONFIRM DIALOG BOXES */

.springboard .overlayPanel{
	border:1px solid #d2d2d2;
	border-radius:0px;
	box-shadow: 0 5px 15px rgba(102,102,102,0.5);
	min-width: 500px;
	font-family: "Rubik", Arial, sans-serif;
	font-size: 14px;	
	color: #000000;
}
.springboard .overlayPanel .ui-overlaypanel-close{
	position: absolute;
	top: 4px;
	right: 5px;
	border-radius: 0px;	
	box-shadow:none;
	border:none;
	background:none;
}
.springboard .overlayPanel .ui-overlaypanel-close .ui-icon{
	background-image:none;
	border:1px soldi red;
	visibility:hidden;
}
.springboard .overlayPanel .ui-overlaypanel-close:after{
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 15px;
	display: block;
	position: absolute;
	top: 3px;
	right: 6px;
}
.springboard .overlayPanel .ui-overlaypanel-content{
	padding:0px;
}
.springboard .overlayPanel .overlayHeader{
	margin-right: 0px;
	margin-left: 0px;
	padding:20px 0 2px 0;
	font-weight: 500;
	margin-bottom: 20px;
	background: @brand-primary3;
    height: 40px;
    color: #fff;
}
.springboard .overlayPanel .overlayBody{
	margin-right: 0px;
	margin-left: 0px;
	padding:0 0 20px;
}
.springboard .overlayPanel .overlayFooter{
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #d2d2d2;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
}	
.springboard .overlayPanel .overlayBody textarea{
	width: 100%;
	border: 1px solid #d2d2d2;
	background-image: none;
	padding: 3px;
}	
.springboard .overlayPanel .overlayFooter button{
	background: none;
	border-radius: 0px;
	border: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	color:#075799;
	font-family: "Rubik", Arial, sans-serif;
	font-size: 14px;	
}	
.springboard .overlayPanel .overlayFooter button.ui-state-hover,
.springboard .overlayPanel .overlayFooter button.ui-state-active,
.springboard .overlayPanel .overlayFooter button.ui-state-focus{
	border:none;
	box-shadow:none;
}
.springboard .overlayPanel .overlayFooter button.cancel-button{
	color:#000000;
}


/* Candidate notes overlay panel */

.overlayPanel .noteRelation{
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "Rubik", Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
}


/* Hiring Manager specific styles */
.dialogBody .send-invites-panel input{
    width: auto;
    margin: 0px;
    vertical-align: top;
    min-height: 21px;
    margin-bottom: 5px;
    margin-right: 3px;
}
.dialogBody .modal-action-buttons{
    position: absolute;
    padding-top: 18px;
    right: 20px;	
}
.dialogBody .modal-action-buttons .btn.ui-state-hover,
.dialogBody .modal-action-buttons .btn.ui-state-focus,
.dialogBody .modal-action-buttons .btn.ui-state-active,
.dialogBody .btn:hover
.dialogBody .modal-action-buttons .btn:hover{
	color:#075799;
}
.dialogBody .ui-autocomplete.hiring-manager-list .ui-autocomplete-input{
	margin-bottom:5px;
}



/* NS 17/01/2018 styling for Indeed instructions dialog */
div[data-rasp-id="sponsorJobAdIndeed"]{
	height:575px !important;
	top:70px !important;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-dialog-content{
	height:532px !important;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-dialog-content blockquote{
	margin-left:0px;
	margin-right:0px;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-dialog-content .dialogBody{
	margin-top:5px;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-wizard-step-titles{
	background:#efefef;
}
div[data-rasp-id="sponsorJobAdIndeed"] ul.ui-wizard-step-titles{
	margin-left:-15px;
	margin-right:-15px;
	height:50px;
	padding-left: 22px;
}
div[data-rasp-id="sponsorJobAdIndeed"] ul.ui-wizard-step-titles li{
	font-size: 13px;
	text-transform: uppercase;
	background: transparent;
	padding-top: 15px;	
	border:none;
}
div[data-rasp-id="sponsorJobAdIndeed"] ul.ui-wizard-step-titles li:first-of-type::before{
	content:"1";
	margin-right: 8px;
	padding: 6px;
	border-radius: 100px;
	position: relative;
	padding-right: 12px;
	padding-left: 10px;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	background: #333333;	
}
div[data-rasp-id="sponsorJobAdIndeed"] ul.ui-wizard-step-titles li:last-of-type::before{
	content:"2";
	margin-right: 8px;
	padding: 6px;
	border-radius: 100px;
	position: relative;
	padding-right: 12px;
	padding-left: 10px;
	font-weight: 500;
	font-size: 16px;
	color: #fff;	
	background: #333333;
	margin-left: 45px;
}
div[data-rasp-id="sponsorJobAdIndeed"] ul.ui-wizard-step-titles li:first-of-type::after{
	content:"";
	border-bottom: 2px solid #d2d2d2;
	width: 30px;
	position: absolute;
	margin-top: 10px;
	margin-left: 15px;
}
div[data-rasp-id="sponsorJobAdIndeed"] ul.ui-wizard-step-titles li.ui-state-highlight:first-of-type::before,
div[data-rasp-id="sponsorJobAdIndeed"] ul.ui-wizard-step-titles li.ui-state-highlight:last-of-type::before{
	background: #feb438;
}
div[data-rasp-id="sponsorJobAdIndeed"] .dialogFooter a.ui-commandlink{
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	padding-top: 10px;
	display: block;	
	width: 60px;
    position: absolute;
    right: 15px;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-wizard-navbar button.ui-wizard-nav-next{
	position: absolute;
	right: 70px;
	margin-top: 19px;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-wizard-navbar button.ui-wizard-nav-next span.ui-icon{
	display:none;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-dialog-content blockquote + div button.ui-button{
	position: absolute;
    right: 85px;
    margin-top: 18px;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-wizard-navbar button.ui-wizard-nav-back{
	position: absolute;
	left: 2px;
	margin-top: 18px;
}
div[data-rasp-id="sponsorJobAdIndeed"] .ui-wizard-navbar button.ui-wizard-nav-back span.ui-icon{
	display:none;
}

/* NS 19/01/2018 styling for channel builder dialog */
.channel-builder .ActionContent{
	margin-left:10px;
	margin-right:10px;
}
.channel-builder .form-group{
	width:100%;
}
.channel-builder .form-group .ui-selectonemenu,
.channel-builder .form-group .ui-autocomplete,
.channel-builder .form-group .source-input{
	width:60% !important;
	margin-bottom:0px;
}
.channel-builder .form-group .control-label{
	padding-top: 9px;
	font-weight: 500;
	font-size: 14px;
}
.channel-builder .form-group .col-sm-3{
	width:20%;
}
.channel-builder .form-group .col-sm-9{
	width:80%;
}	
.channel-builder .form-group .col-sm-9 .value{
	display:block;
	padding-top:8px;
}
.channel-builder .form-group .col-sm-9 .source-info{
	display: block;
	margin-top: -10px;
	font-size: 12px;
}
.channel-builder .form-group .col-sm-9 .source-input-info{
	display: block;
	margin-top: 1px;
	font-size: 12px;
}
.channel-builder .copy-url-panel{
	margin-left: -25px;
	margin-right: -25px;
	margin-bottom: 20px;
	margin-top: 10px;
	background: #efefef;
}
.channel-builder .copy-url-panel table{
	text-align:right;
	padding-right:15px;
}	
.channel-builder .posting-history > table > tbody > tr > td.label{
	padding-left:0px;
	padding-right:0px;
}
.channel-builder .ActionFooter{
	position:absolute;
	right:15px;
	margin-top:18px;
}

/* NS 24/01/2018 styling for Talent Folder dialogs in Admin console*/
.adminConsole-Tabcontent div.ModalWin[data-rasp-id="addProcessStepLibraryModalPanelTF"] .ui-dialog-content{
	overflow-x:hidden;
}
.adminConsole-Tabcontent div.ModalWin[data-rasp-id="addProcessStepLibraryModalPanelTF"] .ui-dialog-content .ActionContent{
	min-height:122px;
}
.adminConsole-Tabcontent div.ModalWin[data-rasp-id="addProcessStepLibraryModalPanelTF"] .ui-dialog-content .ButtonBox{
	height:43px;
}
.adminConsole-Tabcontent div.ModalWin[data-rasp-id="addProcessStepLibraryModalPanelTF"] .ui-dialog-content .ButtonBox .ActionLink{
	text-transform:uppercase;
	font-size: 13px;
	font-weight: 500;
	margin-right: 15px;
}
.adminConsole-Tabcontent div.ModalWin[data-rasp-id="addProcessStepLibraryModalPanelTF"] .ui-dialog-content .ActionContent .row{
	margin-left:15px;
	margin-right:15px;
}
.adminConsole-Tabcontent div.ModalWin[data-rasp-id="addProcessStepLibraryModalPanelTF"] .ui-dialog-content .ActionContent .form-group{
	width:100%;
}
.adminConsole-Tabcontent div.ModalWin[data-rasp-id="addProcessStepLibraryModalPanelTF"] .ui-dialog-content .ActionContent .form-inline .control-label{
	font-size: 13px !important;
	color: #666;
	font-weight: 500 !important;
	padding: 0;
	margin-top:10px;
}

/* NS 29/03 - Fix for canddiate card modal screens */
.ui-dialog.dialogWrapper.candidateCard{
	height: 375px !important;
	width: 500px !important;	
}
.ui-dialog.dialogWrapper.candidateCard .ui-tabs .ui-tabs-panel{
	margin-bottom: 18px;
}
.ui-dialog.dialogWrapper.candidateCard .ui-tabs .ui-tabs-panel{
	height:286px;
	overflow:hidden;
}
.ui-dialog.dialogWrapper.candidateCard .ui-tabs .ui-tabs-panel .jobLists{
	height: 245px;
	overflow: auto;
}
.ui-dialog.dialogWrapper.candidateCard .vcardaddress{
	margin-bottom: 15px;
}
.ui-dialog.dialogWrapper.candidateCard .vcardaddress{
	margin: 0 0 15px;
}
.ui-dialog.dialogWrapper.candidateCard .dialogFooter a:hover{
	color:#075799;
}
.ui-dialog.dialogWrapper.candidateCard .qs-job:first-child {
    padding: 0 0 10px 0;
}
.ui-dialog.dialogWrapper.candidateCard .qs-job{
	padding: 10px 0;
}


/* NS 01/06/18 - Fix for modal title chopping off for admin -> approval process screens */
.adm_recruitment_request .dialogWrapper .ui-dialog-titlebar .ui-dialog-title{
	font-size:14px;
	line-height:normal;
}
.adm_recruitment_request .dialogWrapper .ui-dialog-titlebar .ui-dialog-titlebar-close{
	position: absolute;
	top: 7px;
	right: 0px;
}
.adm_recruitment_request .dialogWrapper .ui-dialog-content{
	width:100%;
}


/* NS 15/06/18 - Increasing add hiring manager modal width */
.springboard .ui-dialog.modal-md[data-rasp-id="add-hiring-manager"]{
	width:850px !important;
}


/* NS 18/06/18 - DE2154 Chrome Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .springboard div[data-rasp-id="configModal"] .ui-dialog-content .dialogBody div.ui-row-editor{
		overflow: visible;
		float: left;
		margin-left: -5px;
    }
}

/* NS 18/06/18 -Add work engagement modal form styling */
.springboard div[data-rasp-id="dg_content_workEngagementDlg"] .form-group{
	margin-bottom:0px;
}
.springboard .work-availability .form-group{
	margin-bottom:0px;
}
.springboard fieldset.salary-data{
	padding-bottom: 0px;
}
.springboard fieldset.salary-data legend{
	border:none;
	background:transparent;
	text-transform: uppercase;
	color: #075799;
	font-family: "Rubik",Arial,sans-serif;
	font-weight:500;
	font-size:13px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.springboard fieldset.salary-data legend .ui-fieldset-toggler{
	margin-left: -4px;
	margin-right: 3px;
	margin-top: 1px;	
}

/* NS 08/08/18 - NS fixing layout issue with edit talent folder modal */
.springboard .dialogWrapper.talent-folder-edit-modal .ui-dialog-content{
	overflow-x:hidden;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container{
	width:1125px;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container .row .col-md-4 > span > .col-md-4{
	padding-left:0px;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container div[data-rasp-id="hiringmanagersPanel"]{
	width:65.8%;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container div[data-rasp-id="manageLineManagers"]{
	margin-bottom: 20px;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container .FolderContent div[data-rasp-id="tf-edit-panel"] > .ui-widget-content > span{
	display:block;
	width: 23%;
	float: left;
	padding-bottom: 10px;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container .FolderContent div[data-rasp-id="tf-edit-panel"] > .ui-widget-content > span:nth-of-type(4){
	clear: left;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container .ConfirmationBtns{
	clear:left;
	position: absolute;
	margin-top:80px;
	margin-left: 70%;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container .ConfirmationBtns a.ui-commandlink,
.springboard .dialogWrapper.talent-folder-edit-modal .container .ConfirmationBtns div.ui-panel,
.springboard .dialogWrapper.talent-folder-edit-modal .container .ConfirmationBtns button.ui-button{
	float:left;
	width:60px;
	text-align:center;
	background:transparent;
}
.springboard .dialogWrapper.talent-folder-edit-modal .container .ConfirmationBtns a.ui-commandlink{
	font-weight:500;
	text-transform: uppercase;
	font-size: 13px;
	margin-top: 7px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .springboard .dialogWrapper.talent-folder-edit-modal .container .ConfirmationBtns a.ui-commandlink{
		margin-top: 8px;
    }
}


/* NS 06/09/18 - Add work engagement modal performace rating stars styling */
.springboard div[data-rasp-id="dg_content_workEngagementDlg"] .dialogBody .form-group .ui-rating{
	border: 1px solid #d2d2d2;
    background: #29313c;
    padding-top: 6px;
    padding-left: 5px;
    height: 32px;	
}


/* NS 07/09/18 - Campaigns EOI custom fields modal styling */
.springboard.campaign .container-fluid{
	height:900px;
	overflow:auto;
}
.springboard .eoi-custom-fields-modal{
	max-width:700px;
	border-radius:0px;
}
.springboard .eoi-custom-fields-modal .ui-dialog-titlebar{
	height: 40px;
	background: #29313c;
	color: #fff;
	padding-top: 9px;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: 500;
	border-radius:0px;	
}
.springboard .eoi-custom-fields-modal .ui-dialog-titlebar .ui-dialog-title{
	font-size: 14px;
	font-family: "Rubik",Arial,sans-serif;
}
.springboard .eoi-custom-fields-modal .ui-dialog-titlebar .ui-dialog-titlebar-close{
	margin-top:1px;
}
.springboard .eoi-custom-fields-modal .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover{
	border:none;
	box-shadow:none;
	background:transparent;
}
.springboard .eoi-custom-fields-modal .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
    background-image: url("/rasp-portal-builder/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-bootstrap");
}
.springboard .eoi-custom-fields-modal .ui-dialog-content{
	padding-bottom:0px;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings{
	border:1px solid #d2d2d2 !important;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings .ui-panel-titlebar{
	padding:0px;
	border:none;
	border-bottom: 1px solid #d2d2d2;	
	border-radius: 0px;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings .ui-panel-titlebar .ui-panel-title{
	padding:0px;
	margin:0px;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings .ui-panel-titlebar .ui-panel-title .row{
	margin:0px;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings .ui-panel-titlebar .ui-panel-title .row .bs-grid-header{
	height: 30px;
	padding-top: 8px;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings div[data-rasp-id*="profileField"]{
	border: 1px solid #efefef;
	padding-top: 4px;
	padding-bottom: 4px;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings div[data-rasp-id*="profileField"] label.ui-outputlabel{
	font-weight:400 !important;
	font-size:14px !important;
	color: #000 !important;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings div[data-rasp-id*="profileField"]:nth-of-type(odd){
	background: #ffffff;
	border:none;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings div[data-rasp-id*="profileField"]:nth-of-type(even){
	background: #f9f9f9;
}
.springboard .eoi-custom-fields-modal .ui-dialog-content .custom-fields-listings div[data-rasp-id*="profileField"] .col-sm-3.bs-grid-body{
	padding-left:45px;
}

.springboard .eoi-custom-fields-modal .ui-dialog-footer{
	height: 40px;
	text-align: right;
	border-top: 1px solid #d2d2d2;
	margin-top: 15px;
	background: #efefef;	
}
.springboard .eoi-custom-fields-modal .ui-dialog-footer .ui-commandlink{
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	position: relative;
	top: 4px;
}


/* NS 19/09/18 - UI fix for attach PD modal from request refcheck action */
.springboard .dialogWrapper.ModalWin[data-rasp-id="attachPositionDescription"] .ui-dialog-content.ui-widget-content{
	overflow:visible;
}
.springboard .dialogWrapper.ModalWin[data-rasp-id="attachPositionDescription"] .dialogBody .ui-tabs-panels{
	height: 255px;
	overflow: auto;
}
.springboard .dialogWrapper.ModalWin[data-rasp-id="attachPositionDescription"] .dialogBody a.ui-commandlink.btn.btn-primary{
	position: absolute;
	margin-top: 12px;
	right: 10px;
}
.springboard .dialogWrapper.ModalWin[data-rasp-id="attachPositionDescription"] .dialogBody a.ui-commandlink.btn.btn-primary:hover{
	color: #075799;
}
.springboard .dialogWrapper.ModalWin[data-rasp-id="attachPositionDescription"] .dialogFooter{
	margin-top: 10px;
}


/* NS 20/09/18 - UI fixes for Reset Flag modal */
.springboard .resetFlagOption_Dlg .resetFlag-remember{
	margin-top:15px;
}
.springboard .resetFlagOption_Dlg table.ui-selectoneradio .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet{
	background-position: -81px -145px;
}
.springboard .resetFlagOption_Dlg .resetFlag-remember td.ui-panelgrid-cell{
	border:none;
	vertical-align:top;
}
.springboard .resetFlagOption_Dlg .resetFlag-remember td:first-child{
	padding-right:6px;
}
.springboard .resetFlagOption_Dlg .resetFlag-remember td:last-child{
	padding-left:0px;
}

/* NS 21/09/18 - Making grid filters input slimline */
.raspFilterSelector .ui-selectcheckboxmenu-filter-container .ui-inputfield.ui-inputtext{
	min-height: 17px;
	padding: 0px;
	line-height: 12px;
	position: relative;
	top: -3px;
	padding-left: 3px;
	font-size: 13px;	
}
.raspFilterSelector .ui-selectcheckboxmenu-filter-container .ui-icon.ui-icon-search{
	top: 0px;
}
.raspFilterSelector.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header{
	height: 35px;
	padding-top: 7px;	
}

/* NS 04/10/18 - DE2436 Bulk Interviews toggle button label fix */
.ModalWin #createBulkInterviewsDialog .configComms .automatic-config{
	height:40px;
}
.ModalWin #createBulkInterviewsDialog .configComms .automatic-config span{
	vertical-align: top;
	position: relative;
	top: 17px;
}


/* NS 15/10/18 - Fix about popup panel UI */
#RichAlertPopup .dialogWrapper .dialogFooter{
	position:absolute;
	bottom:0;
	width:100%;
}
#RichAlertPopup .dialogWrapper .dialogFooter .ActionButton{
	color: #075799;
}


/* NS 16/10/18 - Edit Ref Data popup panel UI */
#EditRefDataAction.ui-dialog.ModalWin,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin{
	padding-top:0px;
}
#EditRefDataAction.ui-dialog.ModalWin .ui-dialog-content,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .ui-dialog-content{
	overflow:hidden;
}
#EditRefDataAction.ui-dialog.ModalWin .ui-dialog-titlebar,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .ui-dialog-titlebar{
	height: 40px;
	background: #29313c;
	color: #fff;
	padding-top: 6px;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: 500;	
}
#EditRefDataAction.ui-dialog.ModalWin .ui-dialog-titlebar .ui-dialog-titlebar-close,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .ui-dialog-titlebar .ui-dialog-titlebar-close{
	margin-right: 15px;
	margin-top: 4px;
	padding:0px;
}
#EditRefDataAction.ui-dialog.ModalWin .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
#EditRefDataAction.ui-dialog.ModalWin .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-focus,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-focus{
	background:transparent;
	border:none;
	box-shadow: none;
	margin-top:4px;
	padding:0px;
	margin-right: 15px;
}
#EditRefDataAction.ui-dialog.ModalWin .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
    background-image: url("/rasp/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-aristo");
}
#EditRefDataAction.ui-dialog.ModalWin .container,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container{
	width:100%;
	padding:0px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .SubHeader,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .SubHeader{
	font-weight: 500;
	padding-top: 5px;
	padding-bottom: 5px;
}
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .SubHeader{
	display:none;
}
#EditRefDataAction.ui-dialog.ModalWin .container .SubHeader .ActionTitle,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .SubHeader .ActionTitle{
	float: left;
	margin-right: 10px;
	width: 150px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .SubHeader .ActionSubTitle:before,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .SubHeader .ActionSubTitle:before{
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	display: block;
	left: 160px;
	top: 10px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent{
	padding: 0px !important;
	height: 515px;
	overflow: auto;	
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionFooter,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionFooter{
	margin-left: -14px;
	margin-right: -14px;
	background: #efefef;
	height: 40px;
	margin-top: 21px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionFooter .ButtonBox,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionFooter .ButtonBox{
	text-align: right;
	margin-right: 30px;
	padding-top: 3px;	
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionFooter .ButtonBox button.ui-button,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionFooter .ButtonBox button.ui-button{
	margin-left: 15px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionFooter .ButtonBox button.ui-button .ui-button-text,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionFooter .ButtonBox button.ui-button .ui-button-text{
	font-size:14px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"],
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"]{
	position: absolute;
	width: 12%;
	bottom: 0px;	
	left:8px;
	height:40px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"] .ActionButton,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"] .ActionButton{
	position: relative;
	top: 2px;
	font-weight: 500 !important;
	padding: 10px 7px 3px 7px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"] .ActionButton .ui-button-text,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"] .ActionButton .ui-button-text{
	font-size:14px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"] .ajax-indicator,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"] .ajax-indicator{
	float: right;
	position: relative;
	padding: 0px;
	top: 1px;	
	width:40px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"] .ajax-indicator img#loadingIcon,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent div[data-rasp-id="newItemPanel"] .ajax-indicator img#loadingIcon{
	vertical-align: bottom;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent table.input-radio,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent table.input-radio{
	margin-bottom:5px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent table.input-radio input + label,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent table.input-radio input + label{
	padding: 7px 20px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent table[data-rasp-id="editRefDataPanel"] td,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent table[data-rasp-id="editRefDataPanel"] td{
	padding:0px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent .ui-tabs.ui-tabs-top .ui-tabs-nav,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent .ui-tabs.ui-tabs-top .ui-tabs-nav{
    padding: 4px 15px 0;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel{
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel .ui-datatable-tablewrapper,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel .ui-datatable-tablewrapper{
	border-top:1px solid #d2d2d2;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel .ui-datatable-tablewrapper td,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel .ui-datatable-tablewrapper td{
	padding: 3px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel .ui-datatable-tablewrapper td input,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel .ui-datatable-tablewrapper td input{
	margin-bottom:0px;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel .ui-datatable-tablewrapper table thead th .ui-sortable-column-icon,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent .ui-tabs .ui-tabs-panel .ui-datatable-tablewrapper table thead th .ui-sortable-column-icon{
    margin: -19px 5px 0 0;
}
#EditRefDataAction.ui-dialog.ModalWin .container .ActionContent > .ui-outputpanel > .ui-outputpanel > .ui-outputpanel > span,
#actionsModalPanelsLevelTwo .ui-dialog.ModalWin .container .ActionContent > .ui-outputpanel > .ui-outputpanel > .ui-outputpanel > span{
	border: 1px solid #efefef;
	width: 100%;
	margin-bottom: 5px;
	padding: 5px !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	color: #8a6d3b !important;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
#confirmSiteCategoryChangeModal.ModalWin,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"]{
	padding-top:0px;
	width:370px !important;
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-titlebar .ModalWinTitle > div,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-titlebar .ModalWinTitle > div{
	background:transparent !important;
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-content,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content{
	width:100%;
	overflow:hidden;
}
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content{
	padding:0px;
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-content .ModalWin,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin{
	padding-top:0px;
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-content .ModalWin .ActionContent,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin .ActionContent{
	height:165px;
}
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin .ActionContent{
	padding:15px !important;
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-content .ModalWin .ActionContent .icon,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin .ActionContent .icon{
	float: left;
	width: 35px;
	margin-top: -4px;	
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-content .ModalWin .ActionContent table.labelfonts,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin .ActionContent table.labelfonts{
	padding-left:0px !important;
	padding-top:0px !important;
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-content .ModalWin .ActionContent table.labelfonts input[type="radio"],
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin .ActionContent table.labelfonts input[type="radio"]{
	width:auto;
	min-height:auto;
}
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin .ActionFooter{
	margin: 0px;
	padding-top: 0px;
	height: 45px;
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-content .ModalWin .ActionFooter .ButtonBox,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin .ActionFooter .ButtonBox{
	padding-top: 10px;
}
#confirmSiteCategoryChangeModal.ModalWin .ui-dialog-content .ModalWin .ActionFooter .ButtonBox a.ActionButton,
#actionsModalPanelsLevelTwo div[data-rasp-id="confirmSiteCategoryChangeModal"] .ui-dialog-content .ModalWin .ActionFooter .ButtonBox a.ActionButton{
	font-weight: 500;
	text-transform: uppercase;
	margin-left: 15px !important;
}
#editRefdataWarningPanel.ModalWin,
#actionsModalPanelsLevelTwo #editRefdataWarningPanel.ModalWin{
	padding-top:0px;
}
#editRefdataWarningPanel.ModalWin .SubHeader .decoration,
#actionsModalPanelsLevelTwo #editRefdataWarningPanel.ModalWin .SubHeader .decoration{
	float: left;
	width: 40px;	
}
#editRefdataWarningPanel.ModalWin .SubHeader .ActionTitle,
#actionsModalPanelsLevelTwo #editRefdataWarningPanel.ModalWin .SubHeader .ActionTitle{
	width:auto !important;
	margin-top:4px;
	font-weight:500;
}
#editRefdataWarningPanel.ModalWin .ActionContent table#warningRefDataPanel td,
#actionsModalPanelsLevelTwo #editRefdataWarningPanel.ModalWin .ActionContent table#warningRefDataPanel td{
	vertical-align:top;
	padding: 5px 8px;
}
#editRefdataWarningPanel.ModalWin .ActionContent table#warningRefDataPanel td:first-of-type,
#actionsModalPanelsLevelTwo #editRefdataWarningPanel.ModalWin .ActionContent table#warningRefDataPanel td:first-of-type{
	font-weight:500;
}


/* NS 07/11/18 - Configure TF popup panel UI */
.ModalWin.configure-process-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
	margin-top: 4px;
	padding:0px;
}
.ModalWin.configure-process-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
.ModalWin.configure-process-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-focus{
	background:transparent;
	border:none;
	box-shadow: none;
	margin-top:4px;
	padding:0px;
}
.ModalWin.configure-process-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
    background-image: url("/rasp/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-aristo");
}


/* NS 09/10/19 - Campaign monitor modal stylings */
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
	clip: rect(auto, auto, auto, auto);
  }
  
  .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
	position: absolute;
	border: 0.08em solid #307bbb;
	width: 0.84em;
	height: 0.84em;
	clip: rect(0em, 0.5em, 1em, 0em);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  
  .pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
  }
  
  .c100 {
	position: relative;
	font-size: 120px;
	width: 1em;
	height: 1em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin: 0 0.1em 0.1em 0;
	background-color: #cccccc;
  }
  .c100 *, .c100 *:before, .c100 *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }
  .c100.center {
	float: none;
	margin: 0 auto;
  }
  .c100.big {
	font-size: 240px;
  }
  .c100.small {
	font-size: 80px;
  }
  .c100 > span {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	width: 5em;
	line-height: 5em;
	font-size: 0.2em;
	color: #cccccc;
	display: block;
	text-align: center;
	white-space: nowrap;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .c100:after {
	position: absolute;
	top: 0.08em;
	left: 0.08em;
	display: block;
	content: " ";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: whitesmoke;
	width: 0.84em;
	height: 0.84em;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
  }
  .c100 .slice {
	position: absolute;
	width: 1em;
	height: 1em;
	clip: rect(0em, 1em, 1em, 0.5em);
  }
  .c100.p1 .bar {
	-webkit-transform: rotate(3.6deg);
	-moz-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	-o-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
  }
  .c100.p2 .bar {
	-webkit-transform: rotate(7.2deg);
	-moz-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	-o-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
  }
  .c100.p3 .bar {
	-webkit-transform: rotate(10.8deg);
	-moz-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	-o-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
  }
  .c100.p4 .bar {
	-webkit-transform: rotate(14.4deg);
	-moz-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	-o-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
  }
  .c100.p5 .bar {
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	transform: rotate(18deg);
  }
  .c100.p6 .bar {
	-webkit-transform: rotate(21.6deg);
	-moz-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	-o-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
  }
  .c100.p7 .bar {
	-webkit-transform: rotate(25.2deg);
	-moz-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	-o-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
  }
  .c100.p8 .bar {
	-webkit-transform: rotate(28.8deg);
	-moz-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	-o-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
  }
  .c100.p9 .bar {
	-webkit-transform: rotate(32.4deg);
	-moz-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	-o-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
  }
  .c100.p10 .bar {
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
  }
  .c100.p11 .bar {
	-webkit-transform: rotate(39.6deg);
	-moz-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	-o-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
  }
  .c100.p12 .bar {
	-webkit-transform: rotate(43.2deg);
	-moz-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	-o-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
  }
  .c100.p13 .bar {
	-webkit-transform: rotate(46.8deg);
	-moz-transform: rotate(46.8deg);
	-ms-transform: rotate(46.8deg);
	-o-transform: rotate(46.8deg);
	transform: rotate(46.8deg);
  }
  .c100.p14 .bar {
	-webkit-transform: rotate(50.4deg);
	-moz-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	-o-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
  }
  .c100.p15 .bar {
	-webkit-transform: rotate(54deg);
	-moz-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-o-transform: rotate(54deg);
	transform: rotate(54deg);
  }
  .c100.p16 .bar {
	-webkit-transform: rotate(57.6deg);
	-moz-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	-o-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
  }
  .c100.p17 .bar {
	-webkit-transform: rotate(61.2deg);
	-moz-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	-o-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
  }
  .c100.p18 .bar {
	-webkit-transform: rotate(64.8deg);
	-moz-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	-o-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
  }
  .c100.p19 .bar {
	-webkit-transform: rotate(68.4deg);
	-moz-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	-o-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
  }
  .c100.p20 .bar {
	-webkit-transform: rotate(72deg);
	-moz-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	transform: rotate(72deg);
  }
  .c100.p21 .bar {
	-webkit-transform: rotate(75.6deg);
	-moz-transform: rotate(75.6deg);
	-ms-transform: rotate(75.6deg);
	-o-transform: rotate(75.6deg);
	transform: rotate(75.6deg);
  }
  .c100.p22 .bar {
	-webkit-transform: rotate(79.2deg);
	-moz-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	-o-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
  }
  .c100.p23 .bar {
	-webkit-transform: rotate(82.8deg);
	-moz-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	-o-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
  }
  .c100.p24 .bar {
	-webkit-transform: rotate(86.4deg);
	-moz-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	-o-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
  }
  .c100.p25 .bar {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
  }
  .c100.p26 .bar {
	-webkit-transform: rotate(93.6deg);
	-moz-transform: rotate(93.6deg);
	-ms-transform: rotate(93.6deg);
	-o-transform: rotate(93.6deg);
	transform: rotate(93.6deg);
  }
  .c100.p27 .bar {
	-webkit-transform: rotate(97.2deg);
	-moz-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	-o-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
  }
  .c100.p28 .bar {
	-webkit-transform: rotate(100.8deg);
	-moz-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	-o-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
  }
  .c100.p29 .bar {
	-webkit-transform: rotate(104.4deg);
	-moz-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	-o-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
  }
  .c100.p30 .bar {
	-webkit-transform: rotate(108deg);
	-moz-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	-o-transform: rotate(108deg);
	transform: rotate(108deg);
  }
  .c100.p31 .bar {
	-webkit-transform: rotate(111.6deg);
	-moz-transform: rotate(111.6deg);
	-ms-transform: rotate(111.6deg);
	-o-transform: rotate(111.6deg);
	transform: rotate(111.6deg);
  }
  .c100.p32 .bar {
	-webkit-transform: rotate(115.2deg);
	-moz-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	-o-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
  }
  .c100.p33 .bar {
	-webkit-transform: rotate(118.8deg);
	-moz-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	-o-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
  }
  .c100.p34 .bar {
	-webkit-transform: rotate(122.4deg);
	-moz-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	-o-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
  }
  .c100.p35 .bar {
	-webkit-transform: rotate(126deg);
	-moz-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	-o-transform: rotate(126deg);
	transform: rotate(126deg);
  }
  .c100.p36 .bar {
	-webkit-transform: rotate(129.6deg);
	-moz-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	-o-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
  }
  .c100.p37 .bar {
	-webkit-transform: rotate(133.2deg);
	-moz-transform: rotate(133.2deg);
	-ms-transform: rotate(133.2deg);
	-o-transform: rotate(133.2deg);
	transform: rotate(133.2deg);
  }
  .c100.p38 .bar {
	-webkit-transform: rotate(136.8deg);
	-moz-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	-o-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
  }
  .c100.p39 .bar {
	-webkit-transform: rotate(140.4deg);
	-moz-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	-o-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
  }
  .c100.p40 .bar {
	-webkit-transform: rotate(144deg);
	-moz-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	-o-transform: rotate(144deg);
	transform: rotate(144deg);
  }
  .c100.p41 .bar {
	-webkit-transform: rotate(147.6deg);
	-moz-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	-o-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
  }
  .c100.p42 .bar {
	-webkit-transform: rotate(151.2deg);
	-moz-transform: rotate(151.2deg);
	-ms-transform: rotate(151.2deg);
	-o-transform: rotate(151.2deg);
	transform: rotate(151.2deg);
  }
  .c100.p43 .bar {
	-webkit-transform: rotate(154.8deg);
	-moz-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	-o-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
  }
  .c100.p44 .bar {
	-webkit-transform: rotate(158.4deg);
	-moz-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	-o-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
  }
  .c100.p45 .bar {
	-webkit-transform: rotate(162deg);
	-moz-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	-o-transform: rotate(162deg);
	transform: rotate(162deg);
  }
  .c100.p46 .bar {
	-webkit-transform: rotate(165.6deg);
	-moz-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	-o-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
  }
  .c100.p47 .bar {
	-webkit-transform: rotate(169.2deg);
	-moz-transform: rotate(169.2deg);
	-ms-transform: rotate(169.2deg);
	-o-transform: rotate(169.2deg);
	transform: rotate(169.2deg);
  }
  .c100.p48 .bar {
	-webkit-transform: rotate(172.8deg);
	-moz-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	-o-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
  }
  .c100.p49 .bar {
	-webkit-transform: rotate(176.4deg);
	-moz-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	-o-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
  }
  .c100.p50 .bar {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
  }
  .c100.p51 .bar {
	-webkit-transform: rotate(183.6deg);
	-moz-transform: rotate(183.6deg);
	-ms-transform: rotate(183.6deg);
	-o-transform: rotate(183.6deg);
	transform: rotate(183.6deg);
  }
  .c100.p52 .bar {
	-webkit-transform: rotate(187.2deg);
	-moz-transform: rotate(187.2deg);
	-ms-transform: rotate(187.2deg);
	-o-transform: rotate(187.2deg);
	transform: rotate(187.2deg);
  }
  .c100.p53 .bar {
	-webkit-transform: rotate(190.8deg);
	-moz-transform: rotate(190.8deg);
	-ms-transform: rotate(190.8deg);
	-o-transform: rotate(190.8deg);
	transform: rotate(190.8deg);
  }
  .c100.p54 .bar {
	-webkit-transform: rotate(194.4deg);
	-moz-transform: rotate(194.4deg);
	-ms-transform: rotate(194.4deg);
	-o-transform: rotate(194.4deg);
	transform: rotate(194.4deg);
  }
  .c100.p55 .bar {
	-webkit-transform: rotate(198deg);
	-moz-transform: rotate(198deg);
	-ms-transform: rotate(198deg);
	-o-transform: rotate(198deg);
	transform: rotate(198deg);
  }
  .c100.p56 .bar {
	-webkit-transform: rotate(201.6deg);
	-moz-transform: rotate(201.6deg);
	-ms-transform: rotate(201.6deg);
	-o-transform: rotate(201.6deg);
	transform: rotate(201.6deg);
  }
  .c100.p57 .bar {
	-webkit-transform: rotate(205.2deg);
	-moz-transform: rotate(205.2deg);
	-ms-transform: rotate(205.2deg);
	-o-transform: rotate(205.2deg);
	transform: rotate(205.2deg);
  }
  .c100.p58 .bar {
	-webkit-transform: rotate(208.8deg);
	-moz-transform: rotate(208.8deg);
	-ms-transform: rotate(208.8deg);
	-o-transform: rotate(208.8deg);
	transform: rotate(208.8deg);
  }
  .c100.p59 .bar {
	-webkit-transform: rotate(212.4deg);
	-moz-transform: rotate(212.4deg);
	-ms-transform: rotate(212.4deg);
	-o-transform: rotate(212.4deg);
	transform: rotate(212.4deg);
  }
  .c100.p60 .bar {
	-webkit-transform: rotate(216deg);
	-moz-transform: rotate(216deg);
	-ms-transform: rotate(216deg);
	-o-transform: rotate(216deg);
	transform: rotate(216deg);
  }
  .c100.p61 .bar {
	-webkit-transform: rotate(219.6deg);
	-moz-transform: rotate(219.6deg);
	-ms-transform: rotate(219.6deg);
	-o-transform: rotate(219.6deg);
	transform: rotate(219.6deg);
  }
  .c100.p62 .bar {
	-webkit-transform: rotate(223.2deg);
	-moz-transform: rotate(223.2deg);
	-ms-transform: rotate(223.2deg);
	-o-transform: rotate(223.2deg);
	transform: rotate(223.2deg);
  }
  .c100.p63 .bar {
	-webkit-transform: rotate(226.8deg);
	-moz-transform: rotate(226.8deg);
	-ms-transform: rotate(226.8deg);
	-o-transform: rotate(226.8deg);
	transform: rotate(226.8deg);
  }
  .c100.p64 .bar {
	-webkit-transform: rotate(230.4deg);
	-moz-transform: rotate(230.4deg);
	-ms-transform: rotate(230.4deg);
	-o-transform: rotate(230.4deg);
	transform: rotate(230.4deg);
  }
  .c100.p65 .bar {
	-webkit-transform: rotate(234deg);
	-moz-transform: rotate(234deg);
	-ms-transform: rotate(234deg);
	-o-transform: rotate(234deg);
	transform: rotate(234deg);
  }
  .c100.p66 .bar {
	-webkit-transform: rotate(237.6deg);
	-moz-transform: rotate(237.6deg);
	-ms-transform: rotate(237.6deg);
	-o-transform: rotate(237.6deg);
	transform: rotate(237.6deg);
  }
  .c100.p67 .bar {
	-webkit-transform: rotate(241.2deg);
	-moz-transform: rotate(241.2deg);
	-ms-transform: rotate(241.2deg);
	-o-transform: rotate(241.2deg);
	transform: rotate(241.2deg);
  }
  .c100.p68 .bar {
	-webkit-transform: rotate(244.8deg);
	-moz-transform: rotate(244.8deg);
	-ms-transform: rotate(244.8deg);
	-o-transform: rotate(244.8deg);
	transform: rotate(244.8deg);
  }
  .c100.p69 .bar {
	-webkit-transform: rotate(248.4deg);
	-moz-transform: rotate(248.4deg);
	-ms-transform: rotate(248.4deg);
	-o-transform: rotate(248.4deg);
	transform: rotate(248.4deg);
  }
  .c100.p70 .bar {
	-webkit-transform: rotate(252deg);
	-moz-transform: rotate(252deg);
	-ms-transform: rotate(252deg);
	-o-transform: rotate(252deg);
	transform: rotate(252deg);
  }
  .c100.p71 .bar {
	-webkit-transform: rotate(255.6deg);
	-moz-transform: rotate(255.6deg);
	-ms-transform: rotate(255.6deg);
	-o-transform: rotate(255.6deg);
	transform: rotate(255.6deg);
  }
  .c100.p72 .bar {
	-webkit-transform: rotate(259.2deg);
	-moz-transform: rotate(259.2deg);
	-ms-transform: rotate(259.2deg);
	-o-transform: rotate(259.2deg);
	transform: rotate(259.2deg);
  }
  .c100.p73 .bar {
	-webkit-transform: rotate(262.8deg);
	-moz-transform: rotate(262.8deg);
	-ms-transform: rotate(262.8deg);
	-o-transform: rotate(262.8deg);
	transform: rotate(262.8deg);
  }
  .c100.p74 .bar {
	-webkit-transform: rotate(266.4deg);
	-moz-transform: rotate(266.4deg);
	-ms-transform: rotate(266.4deg);
	-o-transform: rotate(266.4deg);
	transform: rotate(266.4deg);
  }
  .c100.p75 .bar {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
  }
  .c100.p76 .bar {
	-webkit-transform: rotate(273.6deg);
	-moz-transform: rotate(273.6deg);
	-ms-transform: rotate(273.6deg);
	-o-transform: rotate(273.6deg);
	transform: rotate(273.6deg);
  }
  .c100.p77 .bar {
	-webkit-transform: rotate(277.2deg);
	-moz-transform: rotate(277.2deg);
	-ms-transform: rotate(277.2deg);
	-o-transform: rotate(277.2deg);
	transform: rotate(277.2deg);
  }
  .c100.p78 .bar {
	-webkit-transform: rotate(280.8deg);
	-moz-transform: rotate(280.8deg);
	-ms-transform: rotate(280.8deg);
	-o-transform: rotate(280.8deg);
	transform: rotate(280.8deg);
  }
  .c100.p79 .bar {
	-webkit-transform: rotate(284.4deg);
	-moz-transform: rotate(284.4deg);
	-ms-transform: rotate(284.4deg);
	-o-transform: rotate(284.4deg);
	transform: rotate(284.4deg);
  }
  .c100.p80 .bar {
	-webkit-transform: rotate(288deg);
	-moz-transform: rotate(288deg);
	-ms-transform: rotate(288deg);
	-o-transform: rotate(288deg);
	transform: rotate(288deg);
  }
  .c100.p81 .bar {
	-webkit-transform: rotate(291.6deg);
	-moz-transform: rotate(291.6deg);
	-ms-transform: rotate(291.6deg);
	-o-transform: rotate(291.6deg);
	transform: rotate(291.6deg);
  }
  .c100.p82 .bar {
	-webkit-transform: rotate(295.2deg);
	-moz-transform: rotate(295.2deg);
	-ms-transform: rotate(295.2deg);
	-o-transform: rotate(295.2deg);
	transform: rotate(295.2deg);
  }
  .c100.p83 .bar {
	-webkit-transform: rotate(298.8deg);
	-moz-transform: rotate(298.8deg);
	-ms-transform: rotate(298.8deg);
	-o-transform: rotate(298.8deg);
	transform: rotate(298.8deg);
  }
  .c100.p84 .bar {
	-webkit-transform: rotate(302.4deg);
	-moz-transform: rotate(302.4deg);
	-ms-transform: rotate(302.4deg);
	-o-transform: rotate(302.4deg);
	transform: rotate(302.4deg);
  }
  .c100.p85 .bar {
	-webkit-transform: rotate(306deg);
	-moz-transform: rotate(306deg);
	-ms-transform: rotate(306deg);
	-o-transform: rotate(306deg);
	transform: rotate(306deg);
  }
  .c100.p86 .bar {
	-webkit-transform: rotate(309.6deg);
	-moz-transform: rotate(309.6deg);
	-ms-transform: rotate(309.6deg);
	-o-transform: rotate(309.6deg);
	transform: rotate(309.6deg);
  }
  .c100.p87 .bar {
	-webkit-transform: rotate(313.2deg);
	-moz-transform: rotate(313.2deg);
	-ms-transform: rotate(313.2deg);
	-o-transform: rotate(313.2deg);
	transform: rotate(313.2deg);
  }
  .c100.p88 .bar {
	-webkit-transform: rotate(316.8deg);
	-moz-transform: rotate(316.8deg);
	-ms-transform: rotate(316.8deg);
	-o-transform: rotate(316.8deg);
	transform: rotate(316.8deg);
  }
  .c100.p89 .bar {
	-webkit-transform: rotate(320.4deg);
	-moz-transform: rotate(320.4deg);
	-ms-transform: rotate(320.4deg);
	-o-transform: rotate(320.4deg);
	transform: rotate(320.4deg);
  }
  .c100.p90 .bar {
	-webkit-transform: rotate(324deg);
	-moz-transform: rotate(324deg);
	-ms-transform: rotate(324deg);
	-o-transform: rotate(324deg);
	transform: rotate(324deg);
  }
  .c100.p91 .bar {
	-webkit-transform: rotate(327.6deg);
	-moz-transform: rotate(327.6deg);
	-ms-transform: rotate(327.6deg);
	-o-transform: rotate(327.6deg);
	transform: rotate(327.6deg);
  }
  .c100.p92 .bar {
	-webkit-transform: rotate(331.2deg);
	-moz-transform: rotate(331.2deg);
	-ms-transform: rotate(331.2deg);
	-o-transform: rotate(331.2deg);
	transform: rotate(331.2deg);
  }
  .c100.p93 .bar {
	-webkit-transform: rotate(334.8deg);
	-moz-transform: rotate(334.8deg);
	-ms-transform: rotate(334.8deg);
	-o-transform: rotate(334.8deg);
	transform: rotate(334.8deg);
  }
  .c100.p94 .bar {
	-webkit-transform: rotate(338.4deg);
	-moz-transform: rotate(338.4deg);
	-ms-transform: rotate(338.4deg);
	-o-transform: rotate(338.4deg);
	transform: rotate(338.4deg);
  }
  .c100.p95 .bar {
	-webkit-transform: rotate(342deg);
	-moz-transform: rotate(342deg);
	-ms-transform: rotate(342deg);
	-o-transform: rotate(342deg);
	transform: rotate(342deg);
  }
  .c100.p96 .bar {
	-webkit-transform: rotate(345.6deg);
	-moz-transform: rotate(345.6deg);
	-ms-transform: rotate(345.6deg);
	-o-transform: rotate(345.6deg);
	transform: rotate(345.6deg);
  }
  .c100.p97 .bar {
	-webkit-transform: rotate(349.2deg);
	-moz-transform: rotate(349.2deg);
	-ms-transform: rotate(349.2deg);
	-o-transform: rotate(349.2deg);
	transform: rotate(349.2deg);
  }
  .c100.p98 .bar {
	-webkit-transform: rotate(352.8deg);
	-moz-transform: rotate(352.8deg);
	-ms-transform: rotate(352.8deg);
	-o-transform: rotate(352.8deg);
	transform: rotate(352.8deg);
  }
  .c100.p99 .bar {
	-webkit-transform: rotate(356.4deg);
	-moz-transform: rotate(356.4deg);
	-ms-transform: rotate(356.4deg);
	-o-transform: rotate(356.4deg);
	transform: rotate(356.4deg);
  }
  .c100.p100 .bar {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
  }
  .c100:hover {
	cursor: default;
  }
  .c100:hover > span {
	width: 3.33em;
	line-height: 3.33em;
	font-size: 0.3em;
	color: #307bbb;
  }
  .c100:hover:after {
	top: 0.04em;
	left: 0.04em;
	width: 0.92em;
	height: 0.92em;
  }
  .campaign-monitor-summary-panel{top:25% !important;}
  .campaign-monitor-summary-panel .dialogFooter{display:none;}
  .campaign-monitor-list tr:nth-child(even) {background: #ffffff;}
  .campaign-monitor-list tr:nth-child(odd) {background: #f9f9f9;}
  .panel-heading .accordion-toggle:after {
	  font-family: 'Glyphicons Halflings';
	  content: "\e114";
	  float: right;
	  color: grey;
  }
  .panel-heading .accordion-toggle.collapsed:after {
	  content: "\e080";
  }
  .campaignMonitor-panel .ui-panelgrid .ui-panelgrid-cell{
	  border:1px solid #d2d2d2;
  }
	
	
/* NS - 10/03/2020 - top align create custom field modal panel */
.springboard .ui-dialog.dialogWrapper.new-custom-property{
	top:20% !important;
	z-index:9999 !important;
	Position:fixed;
}


/* NS - 17/08/2020 - Skills matching dialog styling */
.skill-matching-dialog .dialogBody{
	height: 554px;
	overflow: auto;
	margin-top: 0px;
	overflow-x: hidden;
}
.skill-matching-dialog .dialogFooter{
	margin-top: 0px;
	height: 45px;
	line-height: 42px;
}
.skill-matching-dialog .property-content{
	margin-bottom:15px;
	border: 1px solid #e2e2e2;
	padding: 10px;
	background: rgba(246,246,246,0.4);
}
.skill-matching-dialog .property-content .ui-selectcheckboxmenu-multiple-container.ui-inputfield,
.skill-matching-dialog .property-content .ui-selectonemenu{
	margin-bottom:0px;
}
.skill-matching-dialog .property-content .ui-selectcheckboxmenu-multiple-container.ui-inputfield li[class*="LABEL_TITLE_"]{
	padding-top:3px;
}
.skill-matching-dialog .property-content div[class*="label-cutom-propety"] label{
	font-weight: 500;
	font-size: 14px;
}
.skill-matching-dialog .property-content .ui-selectmanycheckbox{
	padding-top:7px;
}
.skill-matching-dialog .property-content .ui-chkbox + label{
	top: -3px;
	margin-left: 3px;
}
.skill-matching-dialog .dialogFooter a.btn:hover,
.skill-matching-dialog .dialogFooter a.btn:focus{
	color: #075799;
}
.skill-matching-dialog .ui-datatable{
	margin-bottom:25px;
}
	.skill-matching-dialog .ui-datatable thead th{
	padding-top: 7px;
padding-bottom: 7px;
}
.skill-matching-dialog .ui-datatable tbody td{
	min-height:36px;
	overflow:visible !important;
	height:auto !important;
	padding-top:3px;
	padding-bottom:3px;
}
.skill-matching-dialog .property-content .ui-datatable .ui-selectonemenu-label.ui-inputfield{
	margin-bottom:0px;
}
.skill-matching-dialog .property-content .ui-datatable .ui-datatable-tablewrapper table thead th .ui-sortable-column-icon{
	margin: -19px 5px 0 0;
}
.skill-matching-summary-dialog .dialogBody{
	margin-top: 0px;
}				
.skill-matching-summary-dialog .dialogFooter{
	display:none;
}
.skill-matching-summary-dialog .ui-datatable-summaryrow{
	background:rgba(210,210,210,0.6);
}
.skill-matching-summary-dialog .ui-datatable-summaryrow td{
	font-size:13px;
	font-weight:500;
	text-transform:uppercase;
}
.skill-matching-summary-dialog .ui-datatable tfoot td{
		background:rgba(102,102,102,0.7);
		color: #ffffff;
		text-shadow: none;
		font-weight: 500;
		text-transform: uppercase;
		font-size: 14px;
		padding:7px;
}
.skill-matching-summary-dialog .ui-datatable thead th{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:4px;
}	
.skill-matching-summary-dialog .alert.score{
	font-size: 30px;
	font-weight: 500;
	display: block;
	line-height: 40px;
	padding: 10px;
	text-align: center;	
}	


/* NS - 04/11/2020 - Job search, select department dialog styling */
div[data-vm="DepartmentPickerCtrlDepartmentsView"] .ActionButton.select-dept-btn{
	font-weight: 500;
	margin-right: 12px;
}
div[data-rasp-id="JobSearchGridStubJobGrid"] div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-titlebar{
	height: 40px;
	background: #29313c;
	color: #fff;
	padding-top: 6px;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: 500;
}
div[data-rasp-id="JobSearchGridStubJobGrid"] div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-titlebar-icon{
	color: #fff;
	margin-top: 4px;
	margin-right: 10px;
	padding: 0;
}
div[data-rasp-id="JobSearchGridStubJobGrid"] div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-titlebar-icon .ui-icon {
	background-image: url("/rasp/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-aristo");
}
div[data-rasp-id="JobSearchGridStubJobGrid"] div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-titlebar-icon.ui-state-hover,
div[data-rasp-id="JobSearchGridStubJobGrid"] div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-titlebar-icon.ui-state-focus,
div[data-rasp-id="JobSearchGridStubJobGrid"] div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-titlebar-icon.ui-state-active{
	background:transparent;
	box-shadow:none;
	margin-top: 4px;
	margin-right: 10px;
	padding: 0;
	border:none;
}
div[data-rasp-id="JobSearchGridStubJobGrid"] div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content{
	max-height:500px !important;
	overflow-x:hidden;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ActionContent{
	padding-top:10px;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ActionContent .row .form-control{
	width:84%;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ActionContent .row .form-control + .col-md-3{
	width:13%;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ActionContent .row .ActionButton{
	position: relative;
	top:2px;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ui-tree{
	height:auto !important;
	margin-bottom: 15px;
	border: 1px solid #ddd;
	padding: 10px;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ui-tree .ui-tree-toggler{
	position: relative;
	top: -2px;
	left: 2px;	
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ui-tree .ui-treenode{
	margin-bottom:5px;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ui-tree .ui-treenode-label{
	padding: 3px 10px 3px 10px;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ui-tree .ui-treenode-label.ui-state-hover{
	border:none;
	background:transparent;
	font-weight:500;
	box-shadow:none;
}
div[data-rasp-id="searchDepartmentModalDepartmentsView"] .ui-dialog-content .ui-tree .ui-treenode-label.ui-state-highlight{
	background: #ddd;
	font-weight: 500;
}

/* NS - 19/02/21 - SB-3849 - Email signature admin */
.dialogWrapper.signature-preview-dialog .ui-dialog-content,
.dialogWrapper.edit-signature-modal .ui-dialog-content{
	overflow:visible;
}
.signature-preview-dialog .dialogBody .ui-messages{
	padding-bottom:10px;
}
.signature-preview-dialog .dialogBody .ui-messages:empty{
	padding-bottom:0px;
}
.signature-preview-dialog .dialogBody label.ui-outputlabel{
	font-size: 13px !important;
	color: #666;
	font-weight: 500 !important;
	padding: 0;
	margin: 0 5px 0 0;
	position: relative;
	top: 1px;
}
.signature-preview-dialog .btn.btn-primary{
	display:inline-block;
}
.signature-preview-dialog label.email-preview-label{
	display: block;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px !important;
	padding-bottom: 3px !important;
}
.admin-dialog.dialogWrapper.edit-signature-modal .ui-dialog-content .ActionContent{
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 12px !important;	
	padding-bottom:3px !important;
}
.admin-dialog.dialogWrapper.edit-signature-modal .ui-dialog-content .ActionContent .ui-selectonemenu{
	margin-bottom:0px;
}
.dialogWrapper.edit-signature-modal .ui-dialog-content .ActionContent label.form-label{
	display:block;
	margin-bottom:2px;
}
.edit-signature-modal .signature-info-content{
	padding-bottom:15px;
}
.edit-signature-modal .signature-details{
	padding-bottom:5px;
}
.edit-signature-modal .email-signature-content{
	padding-bottom:15px;
}
.edit-signature-modal .email-signature-content .cke_contents{
	height:228px !important;
}
.dialogWrapper.edit-signature-modal .ActionFooter a{
	display:inline-block;
	padding-top:3px;
}
.dialogWrapper.edit-signature-modal .ActionFooter a:hover{
	color:#075799;
}


/* NS - 31/03/21 - SB-3514 */
.reviewLayout .custom-property-wrapper .ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all{
	background: #efefef !important;
	color: #000 !important;
	height: 40px;
	margin-bottom: 0;
	padding: 0;
	border-radius: 0;
	border-bottom: 1px solid #d2d2d2;
}
.reviewLayout .custom-property-wrapper .ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all a{
background: transparent !important;
border: none !important;
text-shadow: none !important;
}
.reviewLayout .custom-property-wrapper .ui-panel-titlebar a.ui-panel-titlebar-icon .ui-icon-plusthick::before {
	top: 0px !important;
}


/* NS - 13/08/2021 - Fix for unable to type in refdata select one dropdown filter field for custom properties */
div[data-rasp-id="customPropertyEditor"] .dialogBody .custom-property-editor-content .ui-selectonemenu-panel{
	width:100% !important;
}
div[data-rasp-id="customPropertyEditor"] .dialogBody .custom-property-editor-content .ui-selectonemenu-panel .ui-selectonemenu-filter-container{
	width:100%;
}
div[data-rasp-id="customPropertyEditor"] .dialogBody .custom-property-editor-content .ui-selectonemenu-panel .ui-selectonemenu-filter{
	position: relative;
	z-index: 9999;
	width: 100%;
}
div[data-rasp-id="customPropertyEditor"] .dialogBody .custom-property-editor-content .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search{
	z-index: 9999;
	right: 15px;
	margin-top: 5px;	
}