/* cm-casemanager-main.001.css */

.cm-inframe {
	bottom:65px;
}

/* CaseManager 4.0 main styling */

.cm-viewportsize {
	display:none;
}

.cm-inline {
	display:inline!important;
}

* {
	outline: none !important;
	-moz-outline: none !important;
}

.dropdown.open .dropdown-menu a {
	border:0 !important;
}

.dropdown.open .dropdown-menu a:hover {
	background:#eee !important;

}

body {
	min-width:320px;
}

@font-face {
    font-family: 'mipermitregular';
    src: url('font/mipermit-webfont.eot');
 }

@font-face {
    font-family: 'mipermitregular';
    src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
         url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
         url('font/mipermit-webfont.ttf') format('truetype'),
         url('font/mipermit-webfont.svg#mipermitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.mipermitfont {
	font-family:mipermitregular;
}

html {
	-ms-overflow-style: scrollbar; /* Fixes the annoying IE10/11 Windows 8.x overlayed scrollbar which hides content behind it! */
}

.cm-fixedheightscroller150 {
	-ms-overflow-style: -ms-autohiding-scrollbar; /* overriding the silly scrollbars in IE10/11/Edge */
	max-height:150px;
	overflow-y:auto;
	padding-right:15px;
}

body {
	font-size:13px;
}

.cm-backtotop {
    position:fixed;
    bottom:70px;
    right:17px;
}

.cm-backtotop a {
    display: block;
    background:#666;
    background: rgba(0,0,0,0.5);
    color:#fff;
    text-shadow: 0px 0px 2px black;
    padding: 7px;
    border-radius: 3px;
}

.cm-backtotop a:hover {
    background:#444;
    background: rgba(0,0,0,0.7);
}

kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	margin-top:1px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

.cm-modulebarul {
	padding:2px;
}

.cm-modularbarstack {
    line-height:1.2em  !important;
    height:1em  !important;
}
.cm-modularbarstack+span {
    text-align: center !important;
}

.cm-modularbarstack .fa-stack-2x {
    font-size:20px  !important;
}

.cm-modularbarstack .fa-stack-1x {
    color:#333  !important;
    font-size:15px !important;
    text-shadow: 0 0 2px #fff;
}

table th {
	background:#fff !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding:5px;
	transition: all 0.6s !important;
}

.table-striped > tbody > tr:hover td {
	transition: all 0.2s !important;
}

.form-control {
	font-size: 13px;
	cursor: text;
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-control:not(select) {
	cursor: text !important;
	box-shadow: 0 0 0 transparent !important;
}

.form-control[disabled],
fieldset[disabled] .form-control {
	opacity:0.6;
}

select.form-control {
	cursor:pointer !important;
}

.cm-notificationicon {
    background:transparent url(../images/svg/g/bell.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
	width:35px;
	height:35px;
	display:block;
}

.cm-trossvg {
    background:transparent url(../images/svg/g/signpost2.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}
.cm-plotssvg {
    background:transparent url(../images/svg/g/elements_selection.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-casessvg {
    background:transparent url(../images/svg/g/briefcase.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-postalsvg {
    background:transparent url(../images/svg/g/mail2.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-cctvsvg {
    background:transparent url(../images/svg/g/surveillance_camera2.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-fpnsvg {
    background:transparent url(../images/svg/g/scales.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-progressivesvg {
    background:transparent url(../images/svg/g/sort_ascending2.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-abandonedsvg {
    background:transparent url(../images/svg/g/lifebelt.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-removalssvg {
    background:transparent url(../images/svg/g/mobile_crane.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-mipermitsvg {
    background:transparent url(../images/svg/g/mipermit.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-financesvg {
    background:transparent url(../images/svg/g/bank_building.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-agenciessvg {
    background:transparent url(../images/svg/g/users3.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-doccentresvg {
    background:transparent url(../images/svg/g/document_text.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-assetssvg {
    background:transparent url(../images/svg/g/tags.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-bookingssvg {
    background:transparent url(../images/svg/g/book_open.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-inspectionssvg {
    background:transparent url(../images/svg/g/clipboard_checks.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-jobtaskssvg {
    background:transparent url(../images/svg/g/list_style_bullets.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-bluebadgesvg {
    background:transparent url(../images/svg/g/new.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-permitssvg {
    background:transparent url(../images/svg/g/form.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-licencesvg {
    background:transparent url(../images/svg/g/wax_seal.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-busintelsvg {
    background:transparent url(../images/svg/g/presentation_chart.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-supportsvg {
    background:transparent url(../images/svg/g/user_headset.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-vehiclesvg {
    background:transparent url(../images/svg/g/car_sedan.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-locationsvg {
    background:transparent url(../images/svg/g/map_location2.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-usersvg {
    background:transparent url(../images/svg/g/user.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-settingssvg {
    background:transparent url(../images/svg/g/gearwheels.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-managementsvg {
    background:transparent url(../images/svg/g/tools.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-insightsvg {
    background:transparent url(../images/svg/g/data_table.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-reportsvg {
    background:transparent url(../images/svg/g/text.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-reportsvg {
    background:transparent url(../images/svg/g/text.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-heatmapsvg {
    background:transparent url(../images/svg/g/fire.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-devicehubsvg {
    background:transparent url(../images/svg/g/tablet_computer_touch.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-devicesvg {
    background:transparent url(../images/svg/g/pda.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}

.cm-patrolmap {
    background:transparent url(../images/svg/g/earth_location.svg) 50% 50%;
    background-size:25px;
    background-repeat: no-repeat;
}




.btn:active, .btn.active {
	box-shadow: none;
}

.btn.active:hover {
	background: #f5f5f5;
}

.btn .fa {
	padding-right:5px;
}

.btn-xs {
	padding:2px 5px 3px 5px;
}

.cm-searchbar .btn .fa {
	padding-right:0px;
}

.btn-toolbar .btn .caret {
	margin-left:5px;
}

.cm-inlinetoolbar {
	padding-bottom:5px;
}

#divDashReminderRecipients.panel-body {
	padding:5px;
}

#divDashReminderRecipients.panel-body span {
	font-size:85%;
	display:inline-block;
	margin:2px;
}

#divDashReminderRecipients.panel-body span .fa {
	cursor:pointer;
}

.radio input[type="radio"] {
	xposition: relative;
	top:-5px;
}

.cm-sidebarburger {
	float:left;
	margin-left:20px;
	width:45px;
	padding:0;
}

.navbar-inverse .navbar-toggle {
    border-color: #ddd !important;
}

.navbar-toggle {
	background:#fff;
}

.navbar {
    margin-bottom: 0 ;
    border:0 ;
}

.modal-full .modal-dialog {
	max-width:1000px;
	width:100%;
}

.modalrightarrow:after {
	position:absolute;
	top:50%;
	left:52%;
	margin:-30px 0 0 -30px;
	content: "\f061";
	text-align: center;
	font-size: 80px;
	font-family: FontAwesome;
	opacity: 0.2;
}

.modal-footer .btn + .btn {
	margin-left:0 !important;
}

.popover-title h4 {
	margin:0;
	padding:0;
	font-weight: 200;
}

.popover-footer {
	padding:10px 0 10px 0;
}

#divLargeImage img {
    cursor: pointer !important;
	cursor: -webkit-zoom-in !important;
	cursor: -moz-zoom-in !important;
}

.checkbox input[type="checkbox"] {
	xposition: relative;
	top:-3px;
	margin-left:-10px !important;
	xtransform: scale(1.2);
	xdisplay: inline-block;
	xheight:auto ;
	xmargin-left:0 !important;
}

td .checkbox {
	text-align:center;
}

td .checkbox input[type="checkbox"] {
	position: relative;
	top:0px;
	xtransform: scale(1.2);
	display: inline-block;
	height:auto ;
	margin-left:0 !important;
}

#frmReportParameters .checkbox label {
	padding-left:0;
}

#frmReportParameters .checkbox input[type="checkbox"] {
	position: relative;
	left:10px;
	transform: scale(1.1);
}

.table {
	margin-top: 5px;
	margin-bottom:5px !important;
	border: 1px solid #ddd;
}

.cm-inlinetable {
	max-height: 137px;
	overflow-y: auto;
	width:100%;
}

.table-responsive {
    border :0;
    clear:both;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
}

.table .fa-arrow-up, .table .fa-arrow-down {
	color:#bbb;
	padding-left:3px;
}

.tablefooter {
    font-weight: 700;
}

.cm-tr-green td {
	color:#090 !important;
}

.cm-form-group-bold label, .cm-form-group-bold input {
    font-weight: bold;
    font-weight: 700;
}

.form-horizontal .form-group {
	margin-right:0 !important;
	margin-bottom: 5px !important;
	margin-left:0 !important;
}

.form-horizontal .checkbox {
	margin-right:0 !important;
	margin-left:0 !important;
}

.form-horizontal .checkbox input[type="radio"], input[type="checkbox"] {
	margin:2px 0 0;
	cursor: pointer !important;
	background-color:transparent !important;
}

input[type="checkbox"] {
    width:auto !important;
}

html[data-useragent*='iPad'] input[type="checkbox"] {
    margin-top:7px;
}

html[data-useragent*='iPad'] input[type="checkbox"] .btn-xs {
	padding: 2px 5px 0 5px;
	line-height: 1.8;
}

html[data-useragent*='iPad'] #tblTECExportListBody td input[type="checkbox"] {
    margin:0 0 0 5px;
}

.cm-searchtypemenu {
	left:21px;
}

label {
	font-weight: 400;
}

label[class^="col-"] {
	padding:0 5px 0 5px;
}

.cm-inline-iframe {
	margin:0;
	padding:0;
	width:100%;
}

.cm-iframepadding {
    padding-bottom:35px !important;
}

.textcenter {
	text-align: center;
}

.form-group input, .form-group select {
	padding:0 0 0 5px;
	height:25px;
}

.form-group textarea {
	padding:5px;
}


select[multiple], select[size] {
	height: auto !important;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top:4px;
}

.row {
	margin:0 0 0 -15px !important;
}

.form-group .input-group-addon {
	padding: 1px 5px 0 5px;
}

.input-group-addon .fa-calendar {
	cursor: pointer;
}

.mod-login {
	padding:0 10px 0 10px;
}

.mod-login .form-group .input-group-addon {
	padding: 6px 12px;
}

.mod-login .form-group input {
	padding: 6px 12px;
	height: 34px;
}

.mod-login .modal-dialog .form-group input {
	padding:0 0 0 5px;
	height: 25px;
}

.cm-loginpadding {
	padding:0 15px 15px 15px;
}

.progress {
	height: 25px;
	background-color: #fff;
}

.cm-casepackcontentscasenumber {
	font-weight: 700;
	font-size: 14px;
	background: #eee;
}

.cm-casepackcontentscasenumber [class*="fa-"] {
	margin-right:5px;
	margin-left:4px;
	font-weight: 300 !important;
}

.alert > p + p {
	margin-top: 5px;
	padding-left: 33px;
}

.alert [class*="fa-"] {
	position: relative;
	top:-4px;
	display: inline-block;
	float:left;
	margin-right: 10px;
	margin-bottom: 8px;
	font-size: 27px;
}

.alert.alert-half {
	width:50%;
	clear:both;
}

.alert.alert-centre {
	margin:10px auto;
	clear:both;
}

.alert button i {
    font-size: 12px !important;
    top:3px !important;
    margin:0 !important;
}

.alert button {
    margin-left:20px !important;
}

.alert p {
    margin-left:33px;
}

.cm-btn-alert {
	position: relative;
	top:-6px;
	float:right !important;
}

body[class*="mod-"] .cm-searchbar {
   display:block !important;
}

body.mod-SUPPORT.opt .cm-searchbar {
   display:none !important;
}

/* Hiding the siderbar on pages that don't use it */

.mod-PLOT #divMainWrapper .col-md-2.cm-nopadding {
	display:none;
}

.mod-PLOT #divMainWrapper .cm-maincontent {
	width:100%!important;
}



/* These allow the sub menu to be shown depending on the page you're on.... */
.mod-CORRESP #sbmodCORRESP,
.mod-APPEAL #sbmodAPPEAL,
.mod-NOTICE #sbmodNOTICE,
.mod-POSTAL #sbmodPOSTAL,
.mod-ABANDONED #sbmodABANDONED,
.mod-CLAMP #sbmodCLAMP,
.mod-CCTV #sbmodCCTV,
.mod-PAYMENT #sbmodPAYMENT,
.mod-FPN #sbmodFPN,
.mod-PROGRESS #sbmodPROGRESS,
.mod-ASSET #sbmodASSET,
.mod-BOOKING #sbmodBOOKING,
.mod-INSPECTION #sbmodINSPECTION,
.mod-JOBTASK #sbmodJOBTASK,
.mod-BLUEBADGE #sbmodBLUEBADGE,
.mod-PERMIT #sbmodPERMIT,
.mod-MANAGEMENT #sbmodMANAGEMENT,
.mod-SUPPORT #sbmodSUPPORT,
.mod-CFGVEHICLE #sbmodCFGVehicle,
.mod-CFGCORRESP #sbmodCFGCorresp,
.mod-CFGCONTRA #sbmodCFGContra,
.mod-CFGLOCATION #sbmodCFGLocation,
.mod-CFGUSER #sbmodCFGUser,
.mod-CFGSYSTEM #sbmodCFGSystem,
.mod-CFGPROGRESS #sbmodCFGProgress,
.mod-CFGCASE #sbmodCFGCase,
.mod-CFGPERMIT #sbmodCFGPermit,
.mod-LICENCE #sbmodLICENCE,
.mod-PLOT #sbmodPLOT
{
	display:block!important;
}

/* Sidebar menu hightlights */
.optNoticeStageQueuesNOTICE #optNoticeStageQueuesNOTICE,
.optUserQueueNOTICE #optUserQueuesNOTICE,
.optNoticeManualNotice #optNoticeManualNOTICE,
.optNoticeBatchActionNOTICE #optNoticeBatchActionNOTICE,
.optGlobalDashboard #optGlobalDashboard,
.optNoticeStageQueuesPOSTAL #optNoticeStageQueuesPOSTAL,
.optUserQueuePOSTAL #optUserQueuesPOSTAL,
.optNoticeBatchActionPOSTAL #optNoticeBatchActionPOSTAL,
.optNoticeStageQueuesFPN #optNoticeStageQueuesFPN,
.optFPNManualCase #optFPNManualCase,
.optNoticeStageQueuesPROGRESS #optNoticeStageQueuesPROGRESS,
.optUserQueuePROGRESS #optUserQueuesPROGRESS,
.optNoticeManualNotice #optNoticeManualPROGRESS,
.optNoticeBatchActionPROGRESS #optNoticeBatchActionPROGRESS,
.optAbandonedReportVehicle #optAbandonedReportVehicle,
.optContratorExportAbandonBailiff #optContractorExportAbandonBailiff,
.optNoticeStageQueuesABANDONED #optNoticeStageQueuesABANDONED,
.optUserQueueABANDONED #optUserQueuesABANDONED,
.optNoticeBatchActionABANDONED #optNoticeBatchActionABANDONED,
.optCCTVIndexer #optCCTVIndexer,
.optCCTVReviewQueue #optCCTVReviewQueue,
.optNoticeStageQueuesCCTV #optNoticeStageQueuesCCTV,
.optUserQueueCCTV #optUserQueuesCCTV,
.optNoticeBatchActionCCTV #optNoticeBatchActionCCTV,
.optPaymentSingleEntry #optPaymentSingleEntry,
.optPaymentBatchEntry #optPaymentBatchEntry,
.optPaymentSuspenseAccount #optPaymentSuspenseAccount,
.optFileHistoryPayment #optFileHistoryPayment,
.optCashCollectionsBatchEntry #optCashCollectionsBatchEntry,
.optDVLAResponseListRESPONSE #optDVLAResponseListRESPONSE,
.optDVLAResponseListMISMATCH #optDVLAResponseListMISMATCH,
.optDVLABatchVQ5 #optDVLABatchVQ5,
.optDVLAPNCFaxReport #optDVLAPNCFaxReport,
.optAppealManualEntry #optAppealManualEntry,
.optAppealStageQueues #optAppealStageQueues,
.optFileHistoryDVLA #optFileHistoryDVLA,
.optTECExportListDEBT #optTECExportListDEBT,
.optTECExportListWARRANT #optTECExportListWARRANT,
.optTECProcessReturns #optTECProcessReturns,
.optFileHistoryTEC #optFileHistoryTEC,
.optTECExportListCOURT #optTECExportListCOURT,
.optContratorExportBailiff #optContractorExportBailiff,
.optContratorExportPreBailiff #optContractorExportPreBailiff,
.optFileHistoryBailiff #optFileHistoryBailiff,
.optCorrespPrintQueue #optCorrespPrintQueue,
.optIndexScans #optCorrespIndexScans,
.optIndexPhotos #optCorrespIndexPhotos,
.optIndexScansRejected #optCorrespIndexScansRejected,
.optIndexPhotosRejected #optCorrespIndexPhotosRejected,
.optCorrespBatchEntry #optCorrespBatchEntry,
.optUserQueueCORRESP #optUserQueuesCORRESP,
.opt #optCorrespUnassociatedQueue,
.opttReportsList #optManagementReportsList,
.optLiveMap #optManagementLiveMap,
.optManagementDeviceManager #optManagementDeviceManager,
.optManagementInterfaceConfig #optManagementInterfaceConfig,
.optManagementJobManager #optManagementJobManager,
.optManagementSecurityLog #optManagementSecurityLog,
.optManagementSystemLog #optManagementSystemLog,
.optFileHistoryJob #optFileHistoryJob,
.optFileHistoryDownload #optFileHistoryDownload,
.optManagementUserActivity #optManagementUserActivity,
.optMainContent #optSBRO_NOTICE_MainContent,
.optPermitStageQueuesLICENCE #optPermitStageQueuesLICENCE,
.optClampManualCase #optClampManualCase,
.optClampStageQueues #optClampStageQueues,
.optNoticeStageQueuesCLAMP #optNoticeStageQueuesCLAMP,
.optClampPoundOverview #optClampPoundOverview,
.optPermitIssueLICENCE #optPermitIssueLICENCE,
.optoptPermitApplicationsLICENCE #optPermitApplicationsLICENCE,
.optoptPermitApplicationsOnHoldLICENCE #optPermitApplicationsOnHoldLICENCE,
.optPermitIssuePERMIT #optPermitIssuePERMIT,
.optPermitIssuePERMIT #optPermitApplicationsOnHoldPERMIT,
.optPermitApplicationsOnHoldPERMIT #optPermitApplicationsPERMIT,
.optPermitApplicationsPERMIT #optPermitApplicationsOnHoldPERMIT,
.optPermitBatchRenew #optPermitBatchRenew,
.optPermitStageQueuesPERMIT #optPermitStageQueuesPERMIT,
.optPermitAllocationsOverview #optPermitAllocationsOverview,

.optObs #optSBRO_NOTICE_Obs,
.optMedia #optSBRO_NOTICE_Media,
.optCaseNotes #optSBRO_NOTICE_CaseNotes,
.optAddresses #optSBRO_NOTICE_Addresses,
.optDVLAResponses #optSBRO_NOTICE_DVLAResponses,
.optProgressionHistory #optSBRO_NOTICE_ProgressionHistory,
.optPayCorresp #optSBRO_NOTICE_PayCorresp,
.optRelated #optSBRO_NOTICE_Related,
.optFinancial #optSBRO_NOTICE_Financial,
.optAppeals #optSBRO_NOTICE_Appeals,

.optMainContent #optSBRO_POSTAL_MainContent,
.optObs #optSBRO_POSTAL_Obs,
.optMedia #optSBRO_POSTAL_Media,
.optCaseNotes #optSBRO_POSTAL_CaseNotes,
.optAddresses #optSBRO_POSTAL_Addresses,
.optDVLAResponses #optSBRO_POSTAL_DVLAResponses,
.optProgressionHistory #optSBRO_POSTAL_ProgressionHistory,
.optPayCorresp #optSBRO_POSTAL_PayCorresp,
.optRelated #optSBRO_POSTAL_Related,
.optFinancial #optSBRO_POSTAL_Financial,
.optTEC #optSBRO_POSTAL_TEC,

.optMainContent #optSBRO_FPN_MainContent,
.optObs #optSBRO_FPN_Obs,
.optMedia #optSBRO_FPN_Media,
.optCaseNotes #optSBRO_FPN_CaseNotes,
.optAddresses #optSBRO_FPN_Addresses,
.optDVLAResponses #optSBRO_FPN_DVLAResponses,
.optProgressionHistory #optSBRO_FPN_ProgressionHistory,
.optPayCorresp #optSBRO_FPN_PayCorresp,
.optRelated #optSBRO_FPN_Related,
.optFinancial #optSBRO_FPN_Financial,

.optMainContent #optSBRO_PROGRESS_MainContent,
.optObs #optSBRO_PROGRESS_Obs,
.optMedia #optSBRO_PROGRESS_Media,
.optCaseNotes #optSBRO_PROGRESS_CaseNotes,
.optAddresses #optSBRO_PROGRESS_Addresses,
.optDVLAResponses #optSBRO_PROGRESS_DVLAResponses,
.optProgressionHistory #optSBRO_PROGRESS_ProgressionHistory,
.optPayCorresp #optSBRO_PROGRESS_PayCorresp,
.optRelated #optSBRO_PROGRESS_Related,
.optFinancial #optSBRO_PROGRESS_Financial,
.optTEC #optSBRO_PROGRESS_TEC,

.optMainContent #optSBRO_CLAMP_MainContent,
.optMedia #optSBRO_CLAMP_Media,
.optCaseNotes #optSBRO_CLAMP_CaseNotes,
.optAddresses #optSBRO_CLAMP_Addresses,
.optDVLAResponses #optSBRO_CLAMP_DVLAResponses,
.optProgressionHistory #optSBRO_CLAMP_ProgressionHistory,
.optPayCorresp #optSBRO_CLAMP_PayCorresp,
.optRelated #optSBRO_CLAMP_Related,
.optFinancial #optSBRO_CLAMP_Financial,

.optMainContent #optSBRO_CCTV_MainContent,
.optObs #optSBRO_CCTV_Obs,
.optMedia #optSBRO_CCTV_Media,
.optCaseNotes #optSBRO_CCTV_CaseNotes,
.optAddresses #optSBRO_CCTV_Addresses,
.optDVLAResponses #optSBRO_CCTV_DVLAResponses,
.optProgressionHistory #optSBRO_CCTV_ProgressionHistory,
.optPayCorresp #optSBRO_CCTV_PayCorresp,
.optRelated #optSBRO_CCTV_Related,
.optFinancial #optSBRO_CCTV_Financial,
.optTEC #optSBRO_CCTV_TEC,

.optAssetAllocationsOverview #optAssetAllocationsOverview,
.optInspectionReportFault #optInspectionReportFault,
.optInspectionMaintenanceScheduleReport #optInspectionMaintenanceScheduleReport,

.optMainContent #optSBRO_ASSET_MainContent,
.optNotesHistory #optSBRO_ASSET_NotesHistory,
.optPermitHistory #optSBRO_ASSET_PermitHistory,


.optTEC #optSBRO_NOTICE_TEC,
.optAbandonedVisitsRequiredReport #optAbandonedVisitsRequiredReport,
.optMainContent #optSBRO_MAP_MainContent,
.optManagementMapReporter #optSBRO_MAP_MainContent,
.optMapIssueGraph #optManagementMapIssueGraph,
.optManagementUserAdmin #optManagementUserAdmin,
.optManagementUserActivity #optManagementUserActivity,
.optManagementSpotCheckList #optManagementSpotCheckList,
.optTECExportList #optTECExportListDEBT

{

}

/* Sidebar menu hightlight icon */
.optNoticeStageQueuesNOTICE #optNoticeStageQueuesNOTICE:after,
.optUserQueueNOTICE #optUserQueuesNOTICE:after,
.optNoticeManualNotice #optNoticeManualNOTICE:after,
.optNoticeBatchActionNOTICE #optNoticeBatchActionNOTICE:after,
.optGlobalDashboard #optGlobalDashboard:after,
.optNoticeStageQueuesPOSTAL #optNoticeStageQueuesPOSTAL:after,
.optUserQueuePOSTAL #optUserQueuesPOSTAL:after,
.optNoticeBatchActionPOSTAL #optNoticeBatchActionPOSTAL:after,
.optNoticeStageQueuesFPN #optNoticeStageQueuesFPN:after,
.optFPNManualCase #optFPNManualCase:after,
.optNoticeStageQueuesPROGRESS #optNoticeStageQueuesPROGRESS:after,
.optUserQueuePROGRESS #optUserQueuesPROGRESS:after,
.optNoticeManualNotice #optNoticeManualPROGRESS:after,
.optNoticeBatchActionPROGRESS #optNoticeBatchActionPROGRESS:after,
.optAbandonedReportVehicle #optAbandonedReportVehicle:after,
.optContratorExportAbandonBailiff #optContractorExportAbandonBailiff:after,
.optNoticeStageQueuesABANDONED #optNoticeStageQueuesABANDONED:after,
.optUserQueueABANDONED #optUserQueuesABANDONED:after,
.optNoticeBatchActionABANDONED #optNoticeBatchActionABANDONED:after,
.optCCTVIndexer #optCCTVIndexer:after,
.optCCTVReviewQueue #optCCTVReviewQueue:after,
.optNoticeStageQueuesCCTV #optNoticeStageQueuesCCTV:after,
.optUserQueueCCTV #optUserQueuesCCTV:after,
.optNoticeBatchActionCCTV #optNoticeBatchActionCCTV:after,
.optPaymentSingleEntry #optPaymentSingleEntry:after,
.optPaymentBatchEntry #optPaymentBatchEntry:after,
.optPaymentSuspenseAccount #optPaymentSuspenseAccount:after,
.optFileHistoryPayment #optFileHistoryPayment:after,
.optCashCollectionsBatchEntry #optCashCollectionsBatchEntry:after,
.optDVLAResponseListRESPONSE #optDVLAResponseListRESPONSE:after,
.optDVLAResponseListMISMATCH #optDVLAResponseListMISMATCH:after,
.optFileHistoryDVLA #optFileHistoryDVLA:after,
.optTECExportListDEBT #optTECExportListDEBT:after,
.optTECExportListWARRANT #optTECExportListWARRANT:after,
.optTECProcessReturns #optTECProcessReturns:after,
.optFileHistoryTEC #optFileHistoryTEC:after,
.optTECExportListCOURT #optTECExportListCOURT:after,
.optContratorExportBailiff #optContractorExportBailiff:after,
.optContratorExportPreBailiff #optContractorExportPreBailiff:after,
.optFileHistoryBailiff #optFileHistoryBailiff:after,
.optCorrespPrintQueue #optCorrespPrintQueue:after,
.optIndexScans #optCorrespIndexScans:after,
.optIndexPhotos #optCorrespIndexPhotos:after,
.optIndexScansRejected #optCorrespIndexScansRejected:after,
.optIndexPhotosRejected #optCorrespIndexPhotosRejected:after,
.optCorrespBatchEntry #optCorrespBatchEntry:after,
.optUserQueueCORRESP #optUserQueuesCORRESP:after,
.opt #optCorrespUnassociatedQueue:after,
.opttReportsList #optManagementReportsList:after,
.optLiveMap #optManagementLiveMap:after,
.optManagementDeviceManager #optManagementDeviceManager:after,
.optManagementInterfaceConfig #optManagementInterfaceConfig:after,
.optManagementJobManager #optManagementJobManager:after,
.optManagementSecurityLog #optManagementSecurityLog:after,
.optManagementSystemLog #optManagementSystemLog:after,
.optFileHistoryJob #optFileHistoryJob:after,
.optFileHistoryDownload #optFileHistoryDownload:after,
.optManagementUserActivity #optManagementUserActivity:after,
.optMainContent #optSBRO_NOTICE_MainContent:after,
.optPermitStageQueuesLICENCE #optPermitStageQueuesLICENCE:after,
.optClampManualCase #optClampManualCase:after,
.optClampStageQueues #optClampStageQueues:after,
.optNoticeStageQueuesCLAMP #optNoticeStageQueuesCLAMP:after,
.optClampPoundOverview #optClampPoundOverview:after,
.optPermitIssueLICENCE #optPermitIssueLICENCE:after,
.optoptPermitApplicationsLICENCE #optPermitApplicationsLICENCE:after,
.optoptPermitApplicationsOnHoldLICENCE #optPermitApplicationsOnHoldLICENCE:after,
.optPermitIssuePERMIT #optPermitIssuePERMIT:after,
.optPermitApplicationsOnHoldPERMIT #optPermitApplicationsPERMIT:after,
.optPermitApplicationsPERMIT #optPermitApplicationsOnHoldPERMIT:after,
.optPermitBatchRenew #optPermitBatchRenew:after,
.optPermitStageQueuesPERMIT #optPermitStageQueuesPERMIT:after,
.optPermitAllocationsOverview #optPermitAllocationsOverview:after
{
	background: transparent;
	font-family: FontAwesome;
	font-size:18px;
	float:right;
	position:relative;
	right:5px;
	top:-2px;
	color: #428bca;
	color: #aaa;
	opacity: 0.5;
}

/* Sidebar show/hide depedning on module selected */

.mod-NOTICE #liReviewPageNOTICE,
.mod-POSTAL #liReviewPagePOSTAL,
.mod-FPN #liReviewPageFPN,
.mod-PROGRESS #liReviewPagePROGRESS,
.mod-ABANDONED #liReviewPageABANDONED,
.mod-CLAMP #liReviewPageCLAMP,
.mod-CCTV #liReviewPageCCTV,
.mod-PERMIT #liReviewPagePERMIT,
.mod-ASSET #liReviewPageASSET,
.mod-INSPECTION #liReviewPageINSPECTION,
.mod-PLOT #liReviewPagePLOT {
    display:block !important;
}

.cm-sidebarburger {
    width:38px;
    height:34px;
}

#cm-navbar-menuicon {
	display:inline-block;
}

#cm-navbar-menuicon:before {
	background: transparent;
	font-family: FontAwesome;
	font-size:22px;
	float:right;
	position:relative;
	color: #eee !important;
	font-style: normal !important;
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	width:35px;
	height:32px;
	border-radius:3px;
	display:block;
	top: 0px !important;
    right: 0px !important;
}

/* the stuff above might be able to be removed */

.optGlobalDashboard #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/gauge.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-PLOT #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/elements_selection.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-NOTICE #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/briefcase.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-POSTAL #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/mail2.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-CCTV #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/surveillance_camera2.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-FPN #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/scales.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-PROGRESS #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/sort_ascending2.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-ABANDONED #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/lifebelt.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-CLAMP #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/mobile_crane.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-PAYMENT #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/bank_building.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-APPEAL #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/users3.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-CORRESP #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/document_text.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-ASSET #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/tags.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-INSPECTION #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/clipboard_checks.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-JOBTASK #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/list_style_bullets.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-JOBTASK #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/list_style_bullets.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-BLUEBADGE #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/new.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-PERMIT #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/form.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-LICENCE #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/wax_seal.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-MANAGEMENT #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/tools.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-SUPPORT #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/user_headset.svg) 50% 50% no-repeat;
    background-size:25px;
}

.mod-MIPERMIT #cm-navbar-menuicon:before {
	content:" " !important;
	background:#fff url(../images/svg/g/mipermit.svg) 50% 50% no-repeat;
    background-size:25px;
}

.cm-fauxheader {
    height:5px;
    xbackground:#333;
}

.form-signinwrapper {
	margin: 0 auto;
	margin-top:60px;
	max-width: 450px;
	border-radius: 10px;
	box-shadow: 0 0px 85px 0 rgba(0,0,0,0.15);
}

.form-signin {
	padding-top:15px;
	border-top: 0;
	border-radius: 0 0 6px 6px;
	background: #fff;
}

.cm-loginheaderlogo {
	position: relative;
	top:13px;
	right:15px;
	float:right;
	width: 99px;
	height:30px;
	background: url(../images/chipsidelogo.png);
	background-size: 100%;
}

.cm-versionfooter {
	margin:0 auto;
	margin-top: 6px;
	padding:0 10px 0 0;
	max-width: 450px;
	color: #999;
	text-align: right;
	font-size: 10px;
}

.cm-logintitle h1 {
	margin:0;
	padding:15px 15px 15px 15px;
	border-radius: 6px 6px 0 0;
	background: #555;
	color: #eee;
	font-weight: 100;
	font-size: 24px;
}

.cm-logintitleIE h1 {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #b94a48;
	font-weight: 300;
	font-size: 24px;
}

.form-signinwrapper .btn-link {
    text-decoration: none;
}

.mod-login {
	background: #fff;
}

.alert-danger .cm-logintitle h1 {
	border-color: #b94a48;
}

.fail {
	color: #b94a48;
}

.cm-maincontent {
	padding:0 2px 60px 2px !important;
}

.cm-hasiframe .cm-maincontent {
    padding:0 2px 0 2px !important;
}

#divMainContent {
	padding-right:2px !important;
}

#divMainContentContainer {

}

.cm-nopadding {
	padding: 0 !important;
}

.cm-nomargin {
	margin: 0 !important;
}

.cm-modulebar {
	height:55px;
}

#spnMiPermitCheck {
	font-size:10px;
}

.cm-modulebar .nav.navbar-nav a {
	padding: 5px 4px 2px 4px;
	color:#eee;
	transition: all .2s;
    xmin-width:45px;
    border-bottom:1px solid transparent;
}

.cm-modulebar .nav.navbar-nav a.disabled {
    opacity:0.5 !important;
}

.cm-modulebar .nav.navbar-nav a.disabled:hover {
    xcolor:#888 !important;
    background: transparent !important;
    border-bottom: 3px solid transparent !important;
    cursor: no-drop !important;
}

.cm-modulebar .nav.navbar-nav a ul li a:hover {
	background:red !important;
	border:0 !important;
	color:#444 !important;
}

.navbar-inverse .navbar-nav > .open > a {
	background:transparent;
}

.btn, .cm-messagecentrerow, .cm-treeviewlabel, .cm-indent2 label {
	transition: all 0.6s !important;
}

.btn:hover, i:hover, .cm-messagecentrerow:hover, .cm-treeviewlabel:hover, .cm-indent2 label:hover {
	transition: all 0.2s !important;
}

.form-control:focus {
	transition: all 0.2s ease;
}

.cm-modulebar .nav a [class*="fa-"], .cm-modulebar .nav a .mipermitfont {
	display:block;
	text-align: center;
	font-size:20px;
}

.cm-modulebar .nav a .mipermitfont {
	font-size:25px;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-style: normal;
	line-height:20px;
}

.fa-rotate-270 {
    padding:5px 5px 5px 5px;
}

.cm-modulebar .nav a span {
	display:block;
    text-align: center;
    font-size:9px;
    line-height: 11px !important;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom:3px;
}

.cm-mobulebaricon {
    width:100%;
    height:25px;
    display: inline-block;
    transition: all .6s;
    transform: scale(1.0);
}

.cm-modulebar .nav.navbar-nav a.disabled:hover .cm-mobulebaricon {
    transform: scale(.6) !important;
    transition: all .6s !important;
}

.cm-sidebaricon {
	width:16px;
	display: inline-block;
	height:16px;
	background-size:16px !important;
	margin-right:5px;
	top:2px;
}

.pushdown {
	margin-top:58px;
}

.sectionstrap {
	display:none;
}

.cm-infobar {
	margin:0 1px 0 0;
	padding:5px 5px 5px 10px;
	border-radius: 3px !important;
	clear:both;
	padding: 4px 4px 3px 3px;
	background:transparent;
	border-radius: 0;
	border:0;
}

.cm-infobar:after {
	display: block;
    content: "";
    clear: both;
}

.cm-infobartitle {
	font-weight: 500;
	font-size:20px;
	xpadding-top:8px;
}

.cm-thinbutton {
	padding:5px;
}

.cm-sidebar {
	padding: 2px 1px 60px 2px !important;
}

.cm-searchbar {
	border:1px solid #ccc;
	border-radius:4px;
	padding:0;
	margin:0 0 5px 0;
	background:white;
	display:none;
}

.cm-addonicons {
	width:16px;
	display: inline-block;
	height:21px;
	position:relative;
	top:2px;
	background-size: 16px !important;
	transition: all .6s;
}

.cm-addon button:hover .cm-addonicons {
	transition: all .2s;
}

.cm-history {
	background:transparent url(../images/svg/g/clock_back.svg) 50% 50% no-repeat !important;
    background-repeat: no-repeat !important;
	background-size: 16px !important;
}

.cm-search {
	background:transparent url(../images/svg/g/magnifying_glass.svg) 50% 50% no-repeat !important;
    background-repeat: no-repeat !important;
	background-size: 16px !important;

}

.cm-searchbar .caret {
	border-top-color: #666 !important;
}

.cm-searchbar .cm-searchinput {
	border:0;
	box-shadow:none;
	padding-left:7px;
}

.cm-searchbar .cm-searchinput:focus {
	box-shadow:none !important;
}

.cm-sidebarbasepush {

}

.cm-searchbar .input-group-btn {
	margin: 0;
	padding: 0;
}

#optGlobalDashboard {
	border-radius: 0 0 4px 4px;
	border-bottom: 0 !important;
}

.cm-searchbar .input-sm {
	height: 32px;
}

/* New Top Search */


.cm-topnavbutton .cm-usericonsvg {
	width:100%;
	height:25px;
	background: transparent url(../images/svg/g/user.svg) 50% 50%;
	background-size:25px;
	background-repeat:no-repeat;
}

.cm-topnavsearch {
	padding:10px !important;
	background-color: rgba(255,255,255,.9);
	background-color:transparent;
	margin-top:0 !important;
	margin-bottom:0 !important;
	position:fixed;
	right:105px;
	top:0;
	z-index:1031;
}

.cm-topnavsearch .dropdown {
	display:inline;
}

.cm-topnavsearch .dropdown-menu {
	top:165%;
}

.cm-topnavsearch .form-control {
	width:90px;
	display:inline-block;
	transition: width .3s;
	border-radius:0;
	border-left:0;
	border-right:0;
	padding-left:5px;
	padding-right:5px;
	margin-left:-4px;
	border-color:#ccc !important;
	position: relative;
	top:1px;
}

html[data-useragent*='Windows'][data-useragent*='Chrome'] .cm-topnavsearch .form-control {
	top:1px;
}

html[data-useragent*='Windows'][data-useragent*='Edge'] .cm-topnavsearch .form-control {
	top:0px;
}

html[data-useragent*='Windows'][data-useragent*='Firefox'] .cm-topnavsearch .form-control {
	top:0px;
}

html[data-useragent*='Windows'][data-useragent*='rv:11.0'] .cm-topnavsearch .form-control {
	top:0px;
}

html[data-useragent*='Macintosh'][data-useragent*='Firefox'] .cm-topnavsearch .form-control {
	top:0px;
}

@-moz-document url-prefix() {
  .cm-topnavsearch .form-control {
     margin-top:-3px;
  }
}

@media all and (-ms-high-contrast:none) { 	/* IE10 */
	.cm-topnavsearch .form-control {
		margin-top:-2px;
	}
		.cm-topnavsearch .form-control {
		xwidth:60px;
	}
}

@supports (-ms-ime-align: auto) {			/* Edge */
	.cm-topnavsearch .form-control {
		margin-top:-2px;
	}
}

.cm-topnavsearch .form-control:focus {
	width:200px;
	transition: width .5s;
	box-shadow: 0 0 0 transparent!important;

}

.cm-topnavsearch .dropdown-menu-right > li > a {
	padding: 3px 20px 3px 10px;
}

.nav .dropdown .dropdown-menu li a {
	padding: 3px 20px 3px 20px;
}

.dropdown-header {
	text-transform:uppercase;
	padding: 5px 10px;
	background:#e5e5e5;
	color:#333
}

.cm-topnavsearchhistory {
	border:1px solid #ccc;
	height:34px;
	width:30px;
	background: #fff url(../images/svg/g/clock_back.svg) 50% 50% no-repeat !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	border-radius:3px 0 0 3px;
	border-right:0;
}

.cm-topnavsearchhistory:hover {
	background: #eee url(../images/svg/g/clock_back.svg) 50% 50% no-repeat !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
}

.cm-topnavsearchgo {
	border:1px solid #ccc;
	height:34px;
	width:30px;
	background: #fff url(../images/svg/g/magnifying_glass.svg) 50% 50% no-repeat !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	border-radius:0;
	border-right:0;
	border-left:0;
}

.cm-topnavsearchgo:hover {
	background: #eee url(../images/svg/g/magnifying_glass.svg) 50% 50% no-repeat !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
}

.cm-topnavsearchmore {
	border:1px solid #ccc;
	height:34px;
	width:30px;
	background-color:#fff;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	border-radius:0 3px 3px 0;
	border-left:0;
	margin-left:-5px;
}

.cm-topnavsearchmore:hover {
	background-color:#eee;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
}

.cm-topnavbarmain {
	padding:0 !important;
	xheight:54px !important;
	xoverflow:hidden;
}




.cm-mainsidemenu {
	margin: 0 0 10px 0;
	padding:0;
	border-radius: 4px;
	list-style: none;
	background:transparent;
	border:1px solid #ddd;
	background: #fff;
	background: rgba(255,255,255,0.7);
}

.cm-mainsidemenu ul {
	list-style: none;
	font-size: 13px;
}

.cm-sidebarheader {
	padding: 3px 0 3px 7px;
	font-weight: 300;
	font-size:16px;
	border-bottom: 1px solid #ccc;
}

.cm-sidebarheader i {
	position: relative;
	top:1px;
	padding-right:5px;
	font-size:16px;
}

.cm-sidebarheader i.fa-envelope {
	margin-left:0px;
	padding-right:5px;
	top:-1px;
}

.cm-sidebarheader i.fa-suitcase {
	margin-left:0px;
	padding-right:5px;
	top:-1px;
}

.cm-sidebarheader i.fa-gbp {
	margin-left:5px;
	padding-right:7px;
}

.cm-sidebarheader i.fa-file {
	margin-left:4px;
	padding-right:6px;
}

.cm-sidebarheader i.fa-time {
	margin-left:2px;
}

.cm-sidebarheader i.fa-exclamation-circle {
	margin-left:2px;
}

.cm-sidebarheader i.fa-certificate {
	margin-left:2px;
}


.cm-sidebarsubheader {
	padding:3px 0 3px 28px;
	font-weight: 200;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

.cm-topradius {
	border-radius: 3px 3px 0 0;
}

.cm-submenu {
	padding:0;
	margin-bottom:5px;
}

.cm-submenu a {
	display: block;
	color: #444;
	cursor: pointer;
	border: 0;
    padding: 3px 0 3px 28px;
	transition: all 0.6s;
}

.cm-submenu a:hover {
	text-decoration: none;
	background:#eee;
	transition: all 0.2s;
}

.cm-submenu li ul {
    padding-left:0;
}

.cm-submenu li ul a {
    padding-left:50px;
	font-size:85%;
}



.cm-add-top-arrow:before, .cm-usernamedrop:before {
	position: absolute;
	top: -7px;
	left:142px;
	z-index: 999;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ddd;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	border-left: 7px solid transparent;
	content: '';
}

.cm-add-top-arrow:after, .cm-usernamedrop:after {
	position: absolute;
	top: -6px;
	left: 143px;
	z-index: 999;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.throbber {
	display:block;
	min-height: 50px;
	width:100%;
	height:100%;
	background-image: url("../images/small-throbber.gif");
	background-position: center center;
	background-repeat: no-repeat;
	text-align:center;
}

.cm-sectiontitle .throbber {
	width:16px;
	min-height:16px;
}


.fullscreenthrobber {
	display:block;
	min-height: 50px;
	width:100%;
	height:100%;
	text-align:center;
	position: relative;
    top:45%;
    left:4%;
}

.cm-fullscreenthrobberwrapper {
    z-index: 99999;
    position:fixed;
    top:0;
    left:0;
    background:white;
    background-color: rgba(255,255,255,0.9);
    height:100%;
    width: 100%;
}

.cm-btn-dropappend {
	padding:1px 5px 2px 7px;
}

.cm-btn-dropappend i.fa-external-link {
	position: relative;
	top:1px;
}

.cm-btn-dropappend .caret {
	margin-right:2px;
}

.cm-vert-resize {
	resize: vertical;
}

.dash-header {
	padding:0 0 5px 0;
}

.dash-body {
	overflow-y: auto;
	display:block !important;
	max-height:250px;
}

/* .dash-body table {
	display:block !important;
}


.dash-body table tbody {
	overflow-y: auto;
	display:block !important;
	max-height:200px;
}

.dash-body table tbody tr, .dash-body table thead  {
	display: table;
	table-layout:fixed;
	width:100%;
}

.cm-table {
	display:block !important;
}

.cm-table tbody {
	overflow: auto;
	display:block !important;
	max-height:500px;
}


.cm-table tbody tr, .cm-table thead {
	display: table;
	table-layout: fixed;
	width:100%;
}
*/


.modal {
	overflow-y: auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   //-- IE10 and IE11

   body {
		display:none;
   }

   .modal-open iframe {
	display:none !important;
}
}



body.modal-open,
    .modal-open
    .navbar-fixed-top,
    .modal-open
    .navbar-fixed-bottom {
     xmargin-right: 15px; /*<-- fixes modal making page jump to right */
    }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #ffffff;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal h4.modal-title {
	margin:10px 0 0 0;
	margin:0;
	padding:0;
	font-weight: 300;
	font-weight: 300;
	font-size: 22px;
	line-height: 22px;
}

.modal-footer {
	border-radius:0 0 6px 6px;
	background:#eeeeee;
}

.modal-header {
	border-radius:6px 6px 0 0;
	background:#eeeeee;
}

.cm-sectiontitle .cm-filterintitle  {
	margin:0px !important;
	float:right;
	position:relative;
	right:16px;
	top:-5px;
	width:15em;
	padding:2px 5px;
	height:25px;
}

.dash-header .dash-controls {
	display: inline;
	float:right;
	color:#bbb;
	font-size: 17px;
}

.dash-header .dash-controls [class*="fa-"] {
	margin-left:10px;
	cursor: pointer;
	transition: all 0.6s;
}

.dash-header .dash-controls [class*="fa-"]:hover {
	color:#0081c2;
	transition: all 0.2s;
}

.dash-header .dash-controls .fa-plus:hover {
	color:#0a0 !important;
	transition: all 0.2s;
}

.dash h3 {
	margin:10px 0 10px 0;
	font-weight: 300;
	font-size: 18px;
}

.cm-drivelabel {
	display: block;
	padding-left:5px;
	width:100%;
}

.cm-bar-drivethreshold:before {
	position:relative;
	top:5px;
	left:-6px;
	color:#dd514c;
	content: "\f0da";
	font-size:17px;
	font-family: FontAwesome;
}

.modal .cm-drivedetails {
	margin:0;
	border: 0;
	padding:20px 0 0 0 ;
}

.cm-drivedetails .progress {
	margin:5px 0 5px 0;
}

.progress-bar span {
	position:relative;
	top:2px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.cm-footerbuttonbar {
	display: block;
	padding:5px 0 6px 0;
	width:100%;
	transition: all .6s;
}

.cm-footerbuttonbar .container {
	width:100% !important;
}

.cm-footerbuttonbar-bottom {
	position:fixed;
	bottom:0;
	z-index: 99;
}

.cm-footerbuttonbar2 {
	position:fixed;
	bottom:0;
	display: block;
	padding:5px 0 6px 0;
	width:16.66666666666664%;
	background: #222;
	background: rgba(0,0,0,0.8);
}

.cm-footerbuttonbar3 {
	position:fixed;
	bottom:0;
	display: block;
	margin-left:-5px;
	padding:5px 0 6px 0;
	width:100%;
	background: #222;
	background: rgba(0,0,0,0.8);
}

.cm-fakefooterbuttonbar {
	height:40px;

}

.fake-form-control {
    padding:4px 0 5px 0;
    display: inline-block;
}

.cm-emptyfooter {
	height:30px;
}

.cm-usermenu {
	xmargin:3px 5px 3px 3px;
}

.cm-usericon {
	float:left;
	padding:0 5px 0 5px !important;
	font-size: 23px !important;
}

.cm-usernameblock {
	padding: 10px 5px 15px 5px !important;
	height: 54px;
	color: #eee;
	vertical-align: middle;
	transition: all .2s;
	transform: scale(1.0);
}

.cm-notification {
	padding:10px!important;
}

.cm-usernameblock .caret {
    top: -14px;
}

.open .cm-usernameblock .caret {
	border-top-color: #fff !important;
}

.cm-usernameblock:hover .caret {
	border-top-color: #fff !important;
}

.cm-usernameblock:hover {
	background: #444 !important;
	color: #fff;
	transition: all .6s;
}

.cm-usericonsvg {
    background:transparent url(../images/svg/g/user.svg) 0 0;
    background-size:30px;
    width:35px;
    height:35px;
    display: inline-block;
    background-repeat: no-repeat;
    transition: all .6s;
    transform: scale(1.0);
}

.cm-usernameblock:hover .cm-usericonsvg {
	transform: scale(1.2);
}

.cm-usernameblock:focus {
	background: transparent !important;
	color: #fff;
}

.open .cm-usernameblock {
	color: #fff;
}

.cm-usernameblock .caret {
	position: relative;
	left:-2px;
	border-top-color: #fff;
}

.cm-username {
	display: block;
	padding:5px 10px 5px 9px;
	font-weight: 700;
}

.cm-usernamedrop {
	white-space: nowrap;
	right:4px !important;
}

.cm-usernamedrop li a [class*="fa-"] {
	position: relative;
	top:1px;
	left:-2px;
	display: inline-block;
	float:left;
	padding:0 20px 0 1px;
	color:#333 !important;
	font-size: 14px !important;
}

.cm-usernamedrop li a.cm-logout {
	xbackground: #a00;
	color:#d00 !important;
	border-top: 2px solid #eee;
	xmargin-top: 3px;
	xfont-weight: 700;
}

.cm-usernamedrop li a.cm-logout [class*="fa-"] {
	color:#d00 !important;
	white-space: nowrap;
}

.cm-usernamedrop li a.cm-logout:hover, .cm-usernamedrop li a.cm-logout:hover i, .dropdown.open .dropdown-menu a.cm-logout:hover {
	background:#e00 !important;
	color:#fff !important;
}

.ui-sortable {
	margin:0;
	padding:0;
	border-bottom:1px solid #eee;
	list-style-type: none;
}

.ui-unsortable {
	margin:0;
	padding:0;
	border-bottom:1px solid #eee;
	list-style-type: none;
	background: #fff;
}

.ui-sortable li .sortableinput {
	display: block;
	padding:5px 5px 5px 10px;
	border:1px solid #eee;
	border-bottom: 0;
	background-position: right center;
	cursor: ns-resize;
}

.ui-unsortable li .sortableinput {
	display: block;
	padding:5px;
	border:1px solid #eee;
	border-bottom: 0;
	background-position: right center;
	cursor: default;
}

.ui-sortable li .sortableinput label {
	display:inline-block;
	margin: 0;
	font-weight: 400;
	cursor: ns-resize;
}

.ui-unsortable li .sortableinput label {
	display:inline-block;
	margin: 0;
	font-weight: 400;
	cursor: pointer;
}

.ui-sortable li .sortableinput input {
	position:relative;
	top:-1px;
	display:inline-block;
	margin:0 10px 0 5px;
	cursor: pointer;
}

.sortableinput .fa-times {
	position:relative;
	float:right;
    top:4px;
	right:30px;
}

.cm-unorderedlist .fa-times {
	position:relative;
	float:right;
}

.cm-unorderedlist .fa-times:hover {
	color: #f00;
}

.cm-table td .fa-times:hover {
    color: #f00;
}

.ui-unsortable li .sortableinput input {
	position:relative;
	top:-1px;
	display:inline-block;
	margin:0 10px 0 5px;
	cursor: default;
}

.cm-listedarray {
	list-style:none;
	padding:0;
	margin: 0 0 5px 0;
}

.cm-listedarray li {
	background:#fff;
	padding:3px 0 0 5px;
	height: 25px;
	line-height: 1.428571429;
	border: 1px solid #cccccc;
	border-radius: 4px;
	margin-top:5px;
	color: #555;
}

.cm-listedarray li:first-child {
	margin-top:0px;
}

.cm-listedarraylabel {
	text-align:right;
	padding:0 5px;
}

.cm-listedarraygroup {
		list-style:none;
	padding:0 15px 0 5px;
	margin: 0 0 5px 0;
}

.cm-listedarraygroup li {
	background:#fff;
	padding:3px 0 3px 5px;
	line-height: 1.428571429;
	border: 1px solid #cccccc;
	border-radius: 0px;
	color: #555;
	display:block;
	margin-top:-1px;
}

.cm-listedarraygroup-description {
	font-weight:700;
	text-transform: capitalize;
	display:block;
}

.cm-listedarraygroup-sub {
	display:inline-block;
	font-weight:normal;
}

#tblDashHotlistBody .fa-remove {
	position:relative;
	top:2px;
	float:right;
	margin-right:10px;
}

#divConfiguredTasks .fa-remove {
	position:relative;
	top:3px;
	float:right;
	margin-right:30px;
}

#packattachments .fa-remove {
	position:relative;
	top:2px;
	float:right;
	margin-right:0;
}





.ui-sortable li .sortableinput {
	background: #fff url(../images/draghandle.gif) no-repeat;
	background-position: right center;
}

.sortableinput .locked {
	color:#999;
	cursor: default !important;
}

.cm-drivedetails {
	margin:0;
	padding:0;
}

.cm-drivelabel {
	display: block;
	padding-left:5px;
	width:100%;
}

.cm-bar-drivethreshold:before {
	position:relative;
	top:2px;
	left:-6px;
	color:#dd514c;
	content: "\f0da";
	font-size:17px;
	font-family: FontAwesome;
}

.modal .cm-drivedetails {
	margin:0;
	border: 0;
}

.modal .cm-drivedetails .text-right {
	padding-right:5px;
}

.modal .cm-drivedetails .input-group-addon {
	font-size: 13px;
}

.cm-drivedetails .progress {
	margin:5px 0 5px 0;
}

.cm-drivedetailsrow {
	clear:both;
}

.modal-full .modal-body {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 600px;
}

.modal-body {
	padding-top:10px !important;
	padding-bottom: 10px !important;
}

.modal-body label {
	font-weight: 500;
}

.modal-body .alert {
    margin-bottom:0 !important;
}

.cm-dashmodal {

}

.modal-footer {
	margin-top:0;
	padding:10px 15px 10px 15px;
}

.cm-sectiontitle {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin:5px 0 5px 0;
	padding:5px 0 5px 5px;
	width:100%;
	border-radius: 4px;
	vertical-align: middle;
	font-weight:500;
	font-size:15px;
	line-height: 16px;
	clear:both;
}


.cm-sectiontitle .btn {
	position:relative;
	top:-4px;
	right:2px;
	padding:1px 5px 0 5px;
}

.cm-sectiontitle .label {
	position:relative;
	top:-2px;
	right:2px;
	padding:4px 8px 5px 8px;
	font-weight: 200;
	font-size:12px !important;
}

.cm-title-label {
	position: relative;
	top:-2px;
	right:3px;
	padding-top:4px;
	font-weight: 500;
}

.cm-select-label {
	padding:5px 7px 6px 7px;
	padding-top:4px;
	font-weight: 500;
	font-size: 13px;
}

.nav .dropdown .dropdown-menu li a {
	padding:3px 10px 3px 10px;
	color:#444;
}

.dropdown-menu .divider {
	margin:3px;
}

.dropdown-menu {
	font-size: 12px;
	xmargin-bottom:50px !important;
}

.nav-tabs {
	margin-top:5px;
}

.nav-tabs > li > a {
	display: inline-block;
	padding:5px 7px 5px 10px;
	border-color: #eee #eee #ddd;
	background: #eee;
	color:#444;
}

.nav-tabs > li > a:hover {
	border-color: #eee #eee #ddd;
	background: #e5e5e5;
	color:#444;
}

.nav-tabs > li > a .close {
	position: relative;
	top:-4px;
	color: #900;
	font-size: 20px;
	opacity: 0.7;
}

.nav-tabs > li > a .close:hover {
	color:#f00;
}

.nav-tabs .fa-refresh {
	margin-left:10px;
	margin-right:5px;
	color:#0081c2;
	cursor: pointer;
}

.nav-tabs .fa-refresh:hover {
	color:#333;
}

@media screen and (min-width:0\0) {

    .nav-tabs > li > a .close {
	top:0;
	}
}

.cm-unorderedlist {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
	border-bottom: 1px solid #eee;
	list-style: none;
	background: #fff;
}

.cm-unorderedlist li a {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px;
	border:1px solid #eee;
	border-bottom: 0;
	color: #444;
}

.cm-unorderedlist li a:hover {
	background: #eee;
	text-decoration: none;
	cursor: pointer;
	color:#333;
}

.cm-unorderedlist li a [class*="fa-"] {
	padding-right:5px;
}

.cm-uolistreadonly {
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #eee;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.cm-uolistreadonly li a {
	cursor: default !important;
	background: transparent;
	padding-top:3px;
	padding-bottom: 2px;
}

.cm-uolistreadonly li a:hover {
	background: transparent;
}

.cm-faultlist {
    border:0;
}

.cm-faultlist li {
    border:0;
    padding-left:10px;
}

.cm-faultlist li label {
    cursor: pointer;
    padding-left:3px;
}

.fa-check-square-o {
    margin:0 2px 0 0 !important;

}

.fa-square-o {
    margin:0 4px 0 0 !important;
}

.cm_tabdataiconholder {
	display: inline-block;
	float:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:3px 5px 5px 5px;
	border:1px solid #ddd;
	border-radius: 4px;
	background: #fff;
}

.cm_tabdataiconholder a {
	position: relative;
	top:2px;
	margin:2px 4px 1px 4px;
	color: #444;
	font-weight: 100;
	font-size: 14px;
	cursor: pointer;
}

.cm_tabdataiconholder a:hover {
	color: #000;
	text-decoration: none;
}

.cm_tabdatapagingresultcount {
	display: inline-block;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:4px 6px 4px 6px;
	border:1px solid #ddd;
	border-radius: 4px;
	background: #fff;
}

.cm_recordselect {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding:0;
	border:1px solid #ddd;
	border-radius: 4px;
	background: #fff;
}

.cm_recordselect li {
	display: inline;
}

.cm_recordselect i {
	display: inline-block;
	padding:5px 6px 6px 6px;
	color:#444;
	font-size:16px;
	cursor:pointer;
}

.cm_recordselect i:hover {
	color:#000;
	text-decoration: none;
}

.cm_recordselectcount {
	position: relative;
	top:-1px;
	display: inline-block;
	padding:0 3px 0 3px;
	color: #000;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
}

.tablecontainer {
  overflow-x: auto;
  overflow-y: hidden;
	width: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

.fa-globe span {
	position: relative;
	top:-1px;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fa-warning-sign span {
	position: relative;
	top:-1px;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.title-button .btn {
    padding-top:0px;
}

.cm-moduleselector {
	padding:5px 0 5px 0;
}

.cm-moduleselector .fa {
    padding-right:1px;
    padding-left:2px;
}

.cm-moduleselector  {
	display: inline-block;
	float: none;
	width: 100%;
	text-align: center;
}

.cm-moduleselector.btn-group > .btn {
	float:none !important;
}

[data-toggle="buttons"] .btn {
    padding:3px 5px 3px 5px;
    font-weight: normal !important;
}

.title-button .fa-warning-sign {
	color: #900;
}

.title-button .fa {
    margin-left:10px;
}

.title-button .btn .fa {
    margin-left:2px;
}

.pagination {
	float:right;
	margin:0 10px 0 0;
}

.pagination > li > a {
	padding:4px 6px 4px 6px;
	transition: all 0.6s;
}
.pagination > li > a:hover {

	transition: all 0.2s;
}

.cm-treeviewitemicon {
	position:relative;
	top:0px;
	float:left;
	padding-right:7px;
	font-size:14px;
}

.cm-treeviewlabel {
	margin:0;
	padding:5px 0 5px 0;
	display: block;
	cursor: pointer;
}

.cm-treeviewlabel:hover {
	background:#eee;
}

.css-treeview ul {
    margin: 0;
    padding: 0;
    border-bottom:1px solid #eee;
    list-style: none;
    background:#fff;
}

.css-treeview-fixedheight .ui-unsortable {
    overflow-x: hidden;
	overflow-y: scroll;
	max-height: 500px;
}

#divAbilitiesTree ul li ul li {
    padding: 0 0 0 10px;
}

.css-treeview li {
    margin: 0;
    padding: 0;
    border:1px solid #eee;
    border-bottom: 0;
    list-style: none;
}

.css-treeview li span {
	display: block;
	padding: 4px 0 0 10px;
	cursor: pointer;
}

.css-treeview li span:hover {
	xbackground: #ddd;
}

.css-treeview li ul li {
	border-right: 0;
	border-left: 0;
}

.css-treeview .fa-check-empty {
	position: relative;
	top:1px;
	margin-right:2px;
	font-size:15px;
	cursor: pointer;
}

.css-treeview .fa-check-sign {
	position: relative;
	top:1px;
	margin-right:1px;
	font-size:15px;
	cursor: pointer;
}

.css-treeview .fa-check {
	position: relative;
	top:1px;
	font-size:15px;
	cursor: pointer;
}

.css-treeview input {
  position: relative;
  left:-99999px;
  opacity: 0;
  display: none;
}

.css-treeview {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.css-treeview a {
  display: block;
  padding:4px 5px 5px 15px;
  color:#444;
  text-decoration: none;
  font-size: 13px;
  line-height: 15px;
  cursor: pointer;
}

.css-treeview ul li ul li a:hover {
	background: #eee;
}

.css-treeview .cm-treeviewanchor {
	margin:0 !important;
    padding:0 0 0 0;
}

.cm-treeviewanchor i {
    padding-right:5px;
}

.css-treeview .cm-treeviewanchor span {
	padding:5px 5px 5px 0px;
	background: transparent;
}

.cm-treeviewanchor i {
	z-index:;
}

.css-treeview .cm-treeviewanchor span:hover {
	background: #eee !important;
}

.css-treeview .cm-indent2 label {
	padding-top:5px;
	margin-bottom: 0;
	padding-bottom: 5px;
	display: block;
	cursor: pointer;
}

.css-treeview .cm-indent2 label:hover {
	background: #eee;
}

.cm-indent1 label, .cm-indent1 span {
    padding-left:10px !important;
}

.cm-indent2 label, .cm-indent2 span {
    padding-left:25px !important;
}

.cm-indent3 label, .cm-indent3 span {
    padding-left:40px !important;
}

.cm-indent4 label, .cm-indent4 span {
    padding-left:40px !important;
}

.cm-treeview-folder label:before {
    content: "\f114";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right:5px;
}

.cm-treeview-folder input[type=checkbox]:checked+label:before {
    content: "\f115";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right:3px;
}

.cm-treeviewanchoricons {
	float:right;
}

.css-treetitlenoclick {
	cursor:default !important;
}

.css-treetitlenoclick:hover {
	background:#eee !important;
}

.css-treeview input ~ ul {
	display: none;
	cursor: pointer;
}

.css-treeview input:checked:not(:disabled) ~ ul {
	display: block;
	cursor: pointer;
}

x.css-treeview input + label + ul
{
    display: none;
}

x.css-treeview input:checked + label + ul
{
    display: block;
}

.optManagementInterfaceConfig .cm-treeviewanchor {
    padding-left:15px;

}

.cm-reportparamscheckboxes {
	list-style-type: none;
}

.cm-reportparamscheckboxes label {
	display: inline-block;
	margin-bottom: 0 !important;
	width:100%;
	height:20px !important;
}

.cm-telephonetype {
	display: inline;
}

.cm-telephone {
	display: inline;
}



.cm-infobarsummary {
    padding-bottom: 2px;
	font-size:14px;
	font-weight:500;
}

.cm-authorityselector {
	display:block;
	margin:6px 2px 0 6px;
}

.cm-authorityselector .btn-group {
	vertical-align: top !important;
}

.cm-authorityselector > .btn-group {
	margin-right:0px;
}

.cm-authorityselector-group {
	display:inline-block;
	vertical-align: top !important;
}

.cm-authorityselector-group .btn-group {
    margin-right:0;
}

.cm-authorityselector .btn-group + .btn-group {
	margin-left: 0;
}

.cm-authorityselector .btn {
	padding:3px 4px 3px 4px;
	min-width: 50px;
	margin-bottom:5px;
	z-index:9;
}

.cm-authorityselector .btn [class*="fa-"] {
	margin-left:2px;
	padding-right:5px;
	font-size: 13px;
}

.cm-authorityselector .dropdown-toggle .fa-group {
	padding-left:5px;
}

.cm-authorityselector-group .btn {
	border:1px solid #ddd;
	background: #efefef;
}

.cm-authorityselector-group .btn:hover {
	border:1px solid #ccc;
	background: #ddd;
}

.cm-authorityselector-group .btn.active {
	border:1px solid #7d7 !important;
	background: #e5ffe5;
}

.cm-authorityselector-group .btn.active:hover {
	border:1px solid #8e8 !important;
	background: #c5ffc5;
	color:#333;
}

.cm-authorityselector .dropdown-toggle {
	padding-right:5px;
}

.cm-authorityselector .cm-authority-sublist .active {
    background:#E5FFE5;
}

.cm-icon-red [class*="fa-"]{
	color:#b00;
}

.cm-icon-orange [class*="fa-"]{
	color:#e90;
}

.cm-icon-white [class*="fa-"]{
	color:#bbb;
}

.cm-icon-purple [class*="fa-"]{
	color:purple;
}

.cm-icon-yellow [class*="fa-"]{
	color:gold;
}

.cm-icon-green [class*="fa-"]{
	color:green;
	text-shadow: 0 0 2px #fff;
}

.cm-icon-pink [class*="fa-"]{
	color:pink;
}

.cm-icon-blue [class*="fa-"]{
	color:blue;
}

.cm-authority-sublist {
	position: absolute;
	top:28px;
	display: block;
	margin: 0;
	padding:5px 0 5px 0;
	width:auto;
	border:1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	list-style-type: none;
	font-size: 11px;
	cursor: pointer;
	z-index:2;
}

.cm-authority-sublist:before {
	position: absolute;
	top: -7px;
	left: 6px;
	z-index: 999;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ddd;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	border-left: 7px solid transparent;
	content: '';
}

.cm-authority-sublist:after {
	position: absolute;
	top: -6px;
	left: 7px;
	z-index: 999;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.cm-authority-sublist li {
	display: block;
	margin: 0;
	width:100%;
}

.cm-authority-sublist a {
	display: block;
	margin: 0;
	padding:3px 10px 3px 5px;
	color:#555;
	font-size:12px;
	white-space: nowrap;
}

.cm-authority-sublist a i {
	display: inline-block;
	padding:1px 5px 1px 5px;
}

.cm-authority-sublist a:hover {
	background: #f5f5f5;
	color: #262626 ;
	text-decoration: none;
}

.cm-btn-active {
	border:1px solid #bbb;
}

.xbtn-toolbar > .btn + .btn, .xbtn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group {
    margin-left:0px;
}

.btn-toolbar .pull-right .btn {
	margin-left:5px;
}


.btn-group {
    margin-right:4px;
}

.btn-toolbar .btn-group {
    float:none;
}



.cm-window-option {
	float:left;
	padding-top:4px;
	width:210px;
}

.cm-window-option .form-group {
	display:inline!important;
}


.cm-window-option .control-label {
	float:left;
	padding:3px 10px 0 10px !important;
	width:auto !important;
	color: #eee;
	font-size:12px;
}

.control-label {
	cursor:pointer;
}

.cm-window-option .controls {
	display:inline!important;
	margin-left:0;
}

.cm_reviewqueueimage {
	margin:5px 0 10px 0;
	padding:5px;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #eee;
}

.cm-mediaimage {
	margin:5px 0 5px 0;
	padding:5px;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #eee;
}

.cm-mediaimage img {
	xwidth: 100%;
}

.cm-mediaimagedetail {
	display:block;
	padding-left:10px;
	font-weight: 500;
	font-size: 12px;
}

.cm-mediaimagedetail span {
	font-weight: 400;
}

.cm-mediaimagebuttons {
	display: block;
	margin:0 0 5px 0;
	text-align: center;
	xfloat:right;
}

.cm-mediaimagebuttons .btn-xs {
	padding-top:1px;
}

.cm-mediaimagedetail i {
	margin-right:5px;
}

.cm-cameraframesimage .cm_reviewqueueimage {
	max-height: 400px;
	width: 100%;
}

.cm-cameraframescontrolwrapper {
	padding:5px;
	border:1px solid #ddd;
	border-radius: 4px;
	background:#eee;
}

.cm-cameraframescontrols {
	float:right;
}

.cm-cameraframescontrols .btn {
	padding:4px 10px 3px 10px;
}

.cm-cameraframescontrolinfo {
	float:right;
	padding: 6px 10px 0 0;
}

.cm-cameraframescontroloption {
	padding: 6px 0 0 10px;
}

.cm-cameraframescontroloption label {
	padding:0 10px 0 0;
}

.cm-batchtotals {
	padding:10px 5px 5px 5px;
	border:1px solid #ddd;
	border-radius: 4px;
	background:#fff;
}

.xcm-reportdetails {
	margin: 2px 1px 0 0;
	padding: 5px 5px 5px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #ddd;
}

.xcm-reporttitle {
	font-weight: 200;
	font-size:17px;
	line-height:22px;
}

.cm-reportdetails {
    margin-top:10px;
    padding:10px;
    border-top:1px solid #ccc;
}

.cm-reporttitle {


    font-weight: 200;
	font-size:17px;
	line-height:22px;
}

.cm-reportinfo {
	font-size:12px;
}

.cm-removefav {
	position: relative;
	top:0;
	float:right;
	margin-right: 5px;
	margin-left:0;
	color: #900;
	font-size: 14px;
	cursor:pointer;
}

.cm-favourites label::before {
	content: "\f005" !important;
	font: normal normal normal 14px/1 FontAwesome;
	color:gold !important;
	left:1px;
	position: relative;
	padding-right:8px;
	top:0;
}

.cm-tasks label::before {
	content: "\f03a" !important;
	left:1px;
	position: relative;
	padding-right:8px;
	top:0;
	font: normal normal normal 14px/1 FontAwesome;
}

.cm-removefav:hover, .fa-remove:hover {
	color:#e00;
}

button .fa-remove:hover {
    color:#333;
}

.xcm-teclist {
	margin:0 auto;
	width:60%;
}

.cm-teclist table {
	border-color: #fff !important;
}

.cm-teclist table td {
	padding:5px;
	vertical-align: middle !important;
	border-color: #fff !important;
}

.teccol1 {
	padding-left: 10px !important;
}

.teccol3 {
	font-size:20px;
	text-align: right;
	padding-right: 10px !important;
}

.cm-success {
	color:#090 !important;
}

.cm-warning {
	color:orange;
}

.cm-fail {
	color:#900;
}

.thumbnail {
	float:left;
	margin-right:5px;
	padding:0px;
	border: 0px solid #ddd;
	background: #fff url(../images/small-throbber.gif) no-repeat center center;
	width:15%;
	display:inline-block;
	min-height:40px;

}

.thumbnail:hover {
	xbackground: #ddd;
	xborder: 1px solid #ccc;
}

.thumbnail img {
    cursor: pointer !important;
	cursor: -webkit-zoom-in !important;
	cursor: -moz-zoom-in !important;
	border: 1px solid #ddd;
	border-radius:4px;
	xbackground: #eee url(../images/small-throbber.gif) no-repeat center center;

}

.modal-full .modal-body.cm-thumbnailmodal {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    padding:10px;
    max-height: 100% !important;
}

.miniviewerthumbnail {
    display:table-cell;
    background: #fff url(../images/small-throbber.gif) no-repeat center center;
    min-width:100px;
    min-height: 100px;

}

.miniviewerthumbnail img {
    xwidth:250px !important;
    border: 1px solid #ddd;
    margin-right:10px;
    border-radius:4px;
}

#divImageMiniViewer .modal-dialog {
    width:auto !important;
    max-width: calc(100% - 20px) !important;
}

.cm-infobaricons {
	position: relative;
	top:-2px;
	padding-right: 2px;
	text-align: right;
}

.cm-infobaricons .cm-iconwrapper {
	display: inline-block;
	padding: 3px 5px 3px 5px;
}

.cm-infobaricons .label {
	position: relative;
	top:3px;
	font-size: 14px;
}

.cm-infobaricons .cm-closebutton {
	margin: 0;
	padding: 3px 5px 3px 5px;
	background:#a00;
	cursor:pointer;
}

.cm-infobaricons .cm-closebutton .fa-remove {
	position: relative;
	top:-1px;
}

.cm-infobaricons .cm-closebutton:hover {
	background: #500;
	color: #fff !important;
}

.cm-infobaricons .cm-closebutton .fa-remove:hover {
	color: #fff !important;
}

.cm-infobaricons .cm-remindericon {
	margin: 0;
	padding: 3px 5px 3px 5px;
	background: #ffa700;
	cursor: pointer;
}

.cm-infobaricons .cm-remindericon.cm-hoverpointer:hover {
    background: #bd8419;
}

.cm-hoverpointer {
    cursor: pointer !important;
}

.cm-addon button, .cm-addon .btn {
	background:transparent !important;
	border:0 !important;
	padding:0 !important;
	width:16px;
	margin-right:5px;
	margin-left:4px;
}

.cm-plusbelladdon {
    position: absolute;
    font-size: 10px;
    float: left;
    top: 8px;
    color: #FFA700;
    left: 8px;
}

.cm-infobaricons .cm-hotlistbuttonremove {
	margin: 0;
	padding: 3px 5px 3px 5px;
	background:#a00;
	cursor:pointer;
}

.cm-infobaricons .cm-hotlistbuttonremove:hover {
	background:#500;
}

.cm-infobaricons .cm-hotlistbuttonadd {
	margin: 0;
	padding: 3px 5px 3px 5px;
	background:#090;
	cursor:pointer;
}

.cm-infobaricons .cm-hotlistbuttonadd:hover {
	background:#060;
}

.cm-indent3>li>.cm-treeviewlabel {
	padding-left:20px !important;
}

.cm-title-label-big {
	margin-top: 2px;
	padding:5px 10px 5px 10px;
	font-weight: 200;
	font-size:18px;
	line-height:27px;
}

.cm-googlemapwrapper {
    padding-left:0;
}

.cm-googlemapcontainer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}

.cm-googlemap {
	display: block;
	border:1px solid #ccc !important;
	border-radius: 3px;
}



.fadein {
    display: block;
}

.fadeout {
    display: none !important;
}



#ulShifts {
    left:15px;
}

#ulShifts a {
    padding-left:10px;
}

#ulShifts a .fa-check {
    visibility: hidden;
    padding-right:3px;
}

#ulShifts a.selected .fa-check {
    visibility: visible;
    color:#3c763d;
    padding-right:3px;
}

.cm-mapcardwrapper {
    padding-right:15px;
    overflow-x: hidden;
    max-height:600px;
}

.cm-mapcardshiftwrapper {

}

.cm-mapcardshiftdetail {

}

.cm-mapcardcontainer {
    padding-top:5px;
}

.cm-mapcard {
	display: block;
	border:1px solid #ccc;
	border-left-width: 5px;
	border-radius: 3px;
	background: #fff;
	padding:10px;
	margin-bottom:5px;
	margin-left:10px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	transform: scale(1.0);
	transition: all 0.6s;
}

.cm-mapcard:hover {
    background:#fff;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    transform: scale(1.05);
	transition: all 0.2s;
}

.cm-mapcard-issue, .cm-balloon-issue {
    border-left-color:gold;
}

.cm-mapcard-obs, .cm-balloon-obs {
    border-left-color:#30a0c5;
}

.cm-mapcard-loc, .cm-balloon-loc {
    border-left-color:green;
}

.cm-mapcard-test, .cm-balloon-test {
    border-left-color:pink;
}

.cm-mapcard-vda, .cm-balloon-vda {
    border-left-color:blue;
}

.cm-mapcard-spoil, .cm-balloon-spoil {
    border-left-color:#999;
}

.cm-mapcard-officer {
    font-weight: 300;
	font-size:18px;
	line-height: 22px;
}

.cm-mapcard-eventtype {
    float:left;
    font-size:12px;
    width:50%;
    font-weight: 700;
}

.cm-mapcard-date {
    float:right;
    font-size:11px;
    width:50%;
    text-align: right;
}

.cm-mapcard-device {

}

.cm-mapcard-track {
    border-left-color:purple;
    margin-right:20px;
    margin-left:30px;
    margin-top:0;
}

.cm-mapcard-track .cm-mapcard-eventtype {
	width:40%;
}

.cm-mapcard-track .cm-mapcard-date {
    width:60%;
}

.cm-mapcardtitle {
    font-size:18px;
    text-align: center;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #ccc;
    margin-left:10px;
    box-sizing: border-box;
}

.cm-mapcardtitle span {
    display:block;
    font-size:12px;
    text-align: center;
}


.cm-googlemap-balloon {
	display: block;
}

.cm-googlemap-balloon span {
	display:inline-block;
}

.cm-googlemap-balloon-title {
	display:block !important;
	margin:0 0 7px 0;
	padding:0 0 7px 0;
	border:0;
	border-radius:7px 7px 0 0;
	font-weight: 300 !important;
	font-size:18px !important;
	line-height: 22px;
}

.cm-googlemap-balloon p {
	margin-bottom:3px;
	font-weight: 300 !important;
	font-size: 12px;
	line-height: 15px;
}

.cm-googlemap-balloon-title [class*="fa-"] {
	margin-right: 5px;
}

.cm-balloonlabel {
	width:100px;
	font-weight: 500 !important;
}

.cm-rowpadding {
	padding:5px 0 4px 0;
}

.cm-ok {
	color:#090;
}

.cm-info {
	color:#0081c2;
}

.cm-stop {
	color:#b00;
}

.cm-warn {
	color:orange;
}

.cm-joblist, .cm-clamplist, .cm-messagelist, .cm-devicemessagelist {
	margin:0;
	padding: 0 5px 0 5px;
	list-style: none;
}

.cm-joblist .cm-active a span, .cm-joblist .cm-active i, .cm-messagelist .cm-active a span, .cm-messagelist .cm-active i{
	color:#fff !important;
}

.cm-joblist li, .cm-clamplist li, .cm-messagelist li {
	margin:0;
	padding:0;
}

.cm-jobrow, .cm-clamprow {
	line-height: 9px;
}

.cm-clamprow {
	line-height: 18px;
}

.cm-clamprow span[class*="col-"] {
    display: block !important;
}

.cm-jobrow a, .cm-clamprow a {
	display:inline-block;
	margin:0;
	padding:5px;
	width: 100%;
	border: 1px solid #eee;
	border-top:0;
	background: #fff;
	color:#444;
	font-size: 13px;
}

.cm-joblist li:first-child a, .cm-clamplist li:first-child a, .cm-messagelist li:first-child a {
	border-top: 1px solid #eee;
}

.cm-jobrow a [class*="fa-"] {
	float:left;
	margin:0 5px 5px 0;
	font-size: 22px;
}

.cm-jobrow[data-toggle="Failed"] a .cm-jobstatus {
	color: #900 ! important;
}

.cm-jobrow[data-toggle="Successful"] a .cm-jobstatus {
	color: #090 ! important;
}

.cm-jobtitle {
	display:block;
	float:left;
	padding:3px 0 5px 0;
	width: 65%;
	font-weight: 500;
}

.cm-jobstatus {
	float:right;
	padding:3px 0 5px 0;
	font-weight: 500;
}

.cm-jobdescription {
	display:block;
	float:left;
	padding-top:3px;
	width: 65%;
	color: #777;
	font-size: 11px;
}

.cm-joblastrun  {
	float:right;
	padding-top:3px;
	color: #777;
	font-size: 11px;
}

.cm-jobrow a:hover, .cm-clamprow a:hover {
	background: #e5e5e5;
	color: #222 !important;
	text-decoration: none;
}

.cm-servicename, .cm-servername, .cm-serverstatus {
	padding:5px 5px 0 10px;
	font-size: 13px;
}

.cm-servicename span, .cm-servername span, .cm-serverstatus span {
	padding:0 0 0 10px;
}

.cm-servicecontrols {
	float:right;
	margin-bottom:5px;
	padding:5px;
	border:1px solid #ddd;
	border-radius: 5px;
	background:#eee;
}

.cm-servicecontrols div {
	display: inline-block;
}

.cm-servicecontrols div i {
	padding: 0 5px 0 5px;
	cursor: pointer;
}

.cm-clamp-vrm {
    padding-bottom: 3px;
}

.cm-clamp-vrm-rec {
    padding-bottom: 3px;
}

.cm-clamp-location {

}

.cm-clamp-assigndest {

}

.cm-clamp-removalvehicle {

}

.cm-clamp-stage {
    display: block;
    clear:both;
    font-size: 11px;
    xorder-top:1px solid #ddd;
    padding-top:3px;
    color: #777;
}

.cm-clamp-label {
    color: #777;
    font-size: 11px;
}

.cm-clamprow a [class*="fa-"] {
	float:left;
	margin:0 5px 5px 0;
	font-size: 20px;
}

.cm-uppercase {
    text-transform: uppercase;
}
.cm-propercase {
    text-transform: capitalize;
}

.cm-clamp-minutes {
    display:inline !important;
    clear:none;
}

.cm-messagelist li a {
	padding:.75em .75em .75em 30px;
	transition: all 0.6s;
	border-bottom:2px solid #ccc !important;
}

.cm-messagelist li {
	border-bottom:0 !important;
}

.cm-messagelist .cm-messagefrom {
	display:block;
	font-weight:500;
	font-size:110%;
	width:60%;
	padding-bottom:10px;
}

.cm-messagelist .cm-messagedate {
	float:right;
	display:block;
}

.cm-messagelist .cm-messagesubject {
	color:#555;
	display:block;
	width:100%;
	padding-bottom:10px;
}

.cm-messagelist .cm-messagepreview {
	color:#888;
	font-size:90%;
	float:left;
	display:block;
	font-weight:400 !important;
}

.cm-messagelist li.cm-unread * {
	font-weight:700;
}

.cm-messagelist li {
	position:relative;
}

.cm-messagelist li a:before {
	content:"\f2b7";
	font-family:fontawesome;
	position:absolute;
	top:10px;
	left:9px;
	transition: all 0.6s;
}

.cm-messagelist .cm-active div, .cm-messagelist .cm-active div:hover, .cm-messagelist li.cm-active a:hover:before {
	color:#fff !important;
}

.cm-messagelist .cm-unread div, .cm-messagelist .cm-unread div:hover, .cm-messagelist li.cm-unread a:hover:before {
	color:#000 !important;
}

.cm-messagelist li.cm-unread a:before {
	content:"\f003";
	font-family:fontawesome;
	position:absolute;
	top:11px;
	left:9px;
	font-weight:300 !important;
}

#divMessageItem .cm-messagefrom {
	font-weight: 700;
	padding-bottom:5px;
}

#divMessageItem .cm-messagedate {
	float:right;
}

#divMessageItem .cm-messagesubject {
	font-weight: 700;
}

#divMessageItem .cm-messageheader {
	background:#e5e5e5;
	padding:.75em .75em .5em .75em;
	border:1px solid #ccc;
	border-bottom:0;
}

.cm-devicemessagelist {

}

.cm-devicemessagelist li  {
	display: block;
    margin: 0;
    padding: 5px;
    width: 100%;
	border:1px solid #ccc;
    border-top: 0;
    background: #f9f9f9;
    color: #444;
	line-height:28px;
}

.cm-devicemessagelist li:before, .cm-devicemessagelist li:after {
	content:"";
	clear:both;
	display:table;
}

.cm-devicemessagelist li:first-of-type {
	    border-top: 1px solid #ccc;
		border-radius:4px 4px 0 0;
}

.cm-devicemessagelist li:last-of-type {
		border-radius:0 0 4px 4px;
}

.cm-devicemessagelist li:hover {
	background:#fff;
}

.cm-devicemessagelist li .fa {
	float:left;
	width:45px;
}

.cm-typevrm:before {
	content: "\f1b9";
	font: normal normal normal 24px/1 FontAwesome;
	position:relative;
	left:5px;
}

.cm-typeofficer:before {
	content: "\f183";
	font: normal normal normal 24px/1 FontAwesome;
	position:relative;
	left:11px;
}

.cm-typedevice:before {
	content: "\f10b";
	font: normal normal normal 24px/1 FontAwesome;
	position:relative;
	left:13px;
}

.cm-typelocation:before {
	content: "\f041";
	font: normal normal normal 24px/1 FontAwesome;
	position:relative;
	left:11px;
}

.cm-devicemessagelist li button .fa {
	float:none;
	width:auto;
}

.cm-devicemessagelist li button .fa:before {
	font-size:16px !important;
	position:static;
}

.cm-devicemessagelist .cm-messagedate {
	float:left;
	font-size:17px;
	font-weight:500;
}

.cm-devicemessagelist .cm-message {
	float:left;
	font-size:17px;
	padding-left:15px;
	font-weight:300;
}

.cm-devicemessagelist .cm-messageby {
	font-size:12px;
	color:#888;
	display:inline-block;
	top:2px;
	position:relative;
	padding-left:7px;
}

.cm-devicemessagelist .btn {
	float:right;
}

/* Stage Queues -------------------------------------------------------------------- */

.table-striped > tbody > tr.RC_Red_N td {
	color: #d00 !important;
}

.table-striped > tbody > tr.RC_Red_N:hover td {
	background: #d00 !important;
	color: #fff !important;
}

.table-striped > tbody > tr.RC_Green_N td {
	color: #090 !important;
}

.table-striped > tbody > tr.RC_Green_N:hover td {
	color: #fff !important;
	background: #090 !important;
}

.table-striped > tbody > tr.RC_Red_B td {
	color: #d00 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Red_B:hover td {
	color: #fff !important;
	font-weight: bold !important;
	background: #d00 !important;
}

.table-striped > tbody > tr.RC_Green_B td {
	color: #090 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Green_B:hover td {
	background: #090 !important;
	font-weight: bold !important;
	color:#fff !important;
}

.table-striped > tbody > tr.RC_Red_N_Blue td {
	background: #99c5f2 !important;
	color: #d00 !important;
}

.table-striped > tbody > tr.RC_Red_N_Blue:hover td {
	background: #d00!important;
	color: #99c5f2 !important;
}

.table-striped > tbody > tr.RC_Green_N_Blue td {
	background: #99c5f2 !important;
	color: #090 !important;
}

.table-striped > tbody > tr.RC_Green_N_Blue:hover td {
	background: #090 !important;
	color: #99c5f2 !important;
}

.table-striped > tbody > tr.RC_White_N_Blue td {
	background: #99c5f2 !important;
	color: #fff !important;
}

.table-striped > tbody > tr.RC_White_N_Blue:hover td {
    color: #99c5f2 !important;
	background: #fff !important;
}

.table-striped > tbody > tr.RC_Red_B_Blue td {
	background: #99c5f2 !important;
	color: #d00 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Red_B_Blue:hover td {
	background: #d00 !important;
	color: #99c5f2 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Green_B_Blue td {
	background: #99c5f2 !important;
	color: #090 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Green_B_Blue:hover td {
	background: #090 !important;
	color: #99c5f2 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_White_B_Blue td {
	background: #99c5f2 !important;
	color: white !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_White_B_Blue:hover td {
    color: #99c5f2 !important;
	background:#fff !important;
}

.table-striped > tbody > tr.RC_Red_N_Red td {
	background: #871f1f !important;
	color: #d00 !important;
}

.table-striped > tbody > tr.RC_Red_N_Red:hover td {
	color: #000 !important;
	background: #d00 !important;
}

.table-striped > tbody > tr.RC_Black_N_Red td {
	background: #871f1f !important;
	color: Black !important;
}

.table-striped > tbody > tr.RC_Black_N_Red:hover td {
	color: #871f1f !important;
	background: #000 !important;
}

.table-striped > tbody > tr.RC_White_N_Red td {
	background: #871f1f !important;
	color: #fff !important;
}

.table-striped > tbody > tr.RC_White_N_Red:hover td {
    color: #871f1f !important;
	background: #fff !important;
}

.table-striped > tbody > tr.RC_Red_B_Red td {
	background: #871f1f !important;
	color: #d00;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Red_B_Red:hover td {
	color: #871f1f !important;
	background: #d00;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Black_B_Red td {
	background: #871f1f !important;
	color: #000 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Black_B_Red:hover td {
	color: #871f1f !important;
	background: #000 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_White_B_Red td {
	background: #871f1f !important;
	color: #fff !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_White_B_Red:hover td {
	color: #871f1f !important;
	background: #fff !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Orange_B_Moch td {
	background: #ffe4b5 !important;
	color: #ffa500 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Orange_B_Moch:hover td {
	color: #ffe4b5 !important;
	background: #ffa500 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Moch_B_Orange td {
	background: #ffa500 !important;
	color: #ffe4b5 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Moch_B_Orange:hover td {
	color: #ffa500 !important;
	background: #ffe4b5 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Black_B_Yellow td {
	background: #ff0 !important;
	color: Black !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Black_B_Yellow:hover td {
	color: #ff0 !important;
	background: Black !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Green_B_Green td {
	background: #adff2f !important;
	color: #090 !important;
	font-weight: bold !important;
}

.table-striped > tbody > tr.RC_Green_B_Green:hover td {
	color: #adff2f !important;
	background: #090 !important;
	font-weight: bold !important;
}

/* -------------------------------------------------------------------- */

.cm-messagecentre {
	border-top:1px solid #ccc;
}

.cm-messagecentrerow {
	padding:5px;
	border-bottom:1px solid #ccc;
}

.cm-messagecentrerow:hover {
	background: #ddd;
	cursor: pointer;
}

.cm-messagecentrefrom {
	float:left;
	font-size:13px;
	position:relative;
	top:-4px;
	text-overflow:ellipsis;
}

.cm-messagecentredate {
	float:right;
	font-size: 11px;
	position:relative;
	top:-2px;
	text-align: right;
}

.cm-messagecentresubject {
	clear:left;
	margin-left: 16px;
}

.cm-messageicon {
	float:left;
	position: relative;
	top:3px;
	font-size: 12px;
	height: 10px;
	left:4px;
	margin-right:8px;
	color: #999;
	background: #fff;
}

.cm-messagelist li input[type=checkbox] {
	display: none;
}

.cm-messagelistediting li input[type=checkbox] {
	display:inline;
	position: absolute;
	top:8px;
	left:8px;
}

.cm-messagelistediting li a {
	padding-left:52px !important;
	transition: all 0.6s;
}

.cm-messagelistediting  li.cm-unread a:before, .cm-messagelistediting li a:before {
	left:30px;
	transition: all 0.6s;
}

.cm-sidebar-info-icon {
    float:right;
    font-size: 15px;
    padding-right:5px;
}

.cm-sidebar-info-icon i {
    margin-left:3px;
    position: relative;
    top:-1px;
}

.cm-notificationitem {
    padding:5px 10px 5px 10px;
    width:400px;
    cursor: pointer;
    border-bottom:1px solid #e5e5e5;
}

.cm-notificationitem:last-child {
    border:0;
}

.cm-notificationitem:hover {
    background: #eee;
}

.cm-notificationitemtitle {
    font-weight: 600;
    float:left;
    display: inline;
    width:73%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:13px !important;
}

.cm-notificationitemtitle .fa {
    margin-right:3px;
}

.cm-notificationitemdate {

    float:right;
    display: inline;
}

.cm-notificationitemmessage {

}

.cm-notificationitemreference {
    clear:both;
    padding-left:19px;
}

.cm-notificationdrop:before {
	position: absolute;
	top: -7px;
	right:8px;
	z-index: 999;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ddd;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	border-left: 7px solid transparent;
	content: '';
}

.cm-notificationdrop:after {
	position: absolute;
	top: -6px;
	right:9px;
	z-index: 999;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.cm-usernameblock .badge {
    background: #e00;
	color:#fff !important;
    position: relative;
    top:-37px;
    left:20px;
    font-size:12px !important;
    display: inline-block !important;
}

.cm-mapoptions {
    position:absolute;
    top:85px;
    right:calc(50% - 75px);
    z-index: 1020;
    background: rgba(255,255,255,0.9);
    border:1px solid #aaa;
    padding:7px 10px 7px 10px;
    border-radius:5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#lblGrouping {
    color:#fff;
    padding: 4px 13px 0 0;
    width:50px;
    text-align: right;
}

#btnPlay {
    padding:1px 5px 0 10px !important;
    margin-left:15px;
}

.cm-progtree ul li {
    list-style: none;
}

.cm-progtree .hide {
    display:block !important;
    height:20px;
}


.cm-progtreelist {
    padding:10px;
    width:100%;
    list-style: none;
}

.cm-progtree-cardwrapper {
    padding:1px;
}

.cm-progtree-cardwrapper .cm-progtree-card {
    display: inline-block;
	border: 1px solid #ccc;
	border-left-width: 15px;
	border-radius: 3px;
	background: #fafafa;
	padding: 11px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	transform: scale(1.0);
	transition: all 0.6s;
	min-width: 250px;
	list-style: none;
	z-index: 1;
	font-size:11px;
	text-transform: uppercase;
}

.cm-progtree-card.stage {
    border-left-color: #428bca;
}

.cm-progtree-card.action {
    border-left-color: gold;
}

.cm-progtree-card.category {
    border-left-color: purple;
}

.cm-progtree-cardwrapper .cm-progtree-card.action:before {
    position: absolute;
    left:-24px;
    top:13px;
    content:"ACTION";
    xcontent: "\f013";
    xfont-family: fontawesome;
    font-size:9px;
    font-weight:500;
    z-index: 10;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.cm-progtree-cardwrapper .cm-progtree-card.stage:before {
    position: absolute;
    left:-22px;
    top:13px;
    color:#fff;
    content:"STAGE";
    xcontent: "\f008";
    xfont-family: fontawesome;
    font-size:9px;
    font-weight:500;
    z-index: 10;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


.cm-progtree-cardwrapper .cm-progtree-card.category:before {
    position: absolute;
    left:-16px;
    top:6px;
    color:#fff;
    content:"CAT";
    xcontent:"\f247";
    xfont-family: fontawesome;
    font-size:9px;
    font-weight:500;
    z-index: 10;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


.cm-progtree-cardwrapper .cm-progtree-card:hover {
    background:#fff;
    cursor: pointer;
    z-index:999;
    xtransform: scale(1.05);
    transition: all 0.3s;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.cm-progtree, .cm-progtree ul, .cm-progtree li {
     position: relative;
}

.cm-progtree ul {
    list-style: none;
    padding-left: 32px;
}

.cm-progtree li::before, .cm-progtree li::after {
    content: "";
    position: absolute;
    left: -15px;
    z-index:-1;
}

.cm-progtree li:before {
    border-top: 2px solid #ccc;
    top: 20px;
    width: 16px;
    height: 0;
    z-index:-1;
}

.cm-progtree li:after {
    border-left: 2px solid #ccc;
    height: 100%;
    width: 0px;
    top: 0px;
    z-index:-1;
}

.cm-progtreelist > li:before, .cm-progtreelist > li:after{
    border:none !important;
}

.cm-progtreelist ul > li:last-child::after {
    height: 20px;
}

.cm-progtree-card .form-group {
    margin: 5px 0 0 0;
}

.cm-progtree-card .form-group button {

}

.cm-progtree-card .label {
    text-transform: uppercase;
    margin-top:5px;
    margin-bottom:0;
    font-weight: 400;
    font-size:10px;
    display:inline-block;
}

.default > .cm-progtree-cardwrapper > .cm-progtree-card {
    border-right-width: 15px;
    border-right-color: #292;
    border-top-color: #292;
    border-bottom-color: #292;
}

.default > .cm-progtree-cardwrapper > .cm-progtree-card:after {
    position: absolute;
    right:-25px;
    top:13.5px;
    color:#fff;
    content:"DEFAULT";
    font-size:8px;
    font-weight:500;
    z-index: 10;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.printandpost > .cm-progtree-cardwrapper > .cm-progtree-card {
    border-right-width: 15px;
    border-right-color: olive;
    border-top-color: olive;
    border-bottom-color: olive;
}

.printandpost > .cm-progtree-cardwrapper > .cm-progtree-card:after {
    position: absolute;
    right:-19px;
    top:10px;
    color:#fff;
    content:"P & P";
    font-size:9px;
    font-weight:500;
    z-index: 10;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.system > .cm-progtree-cardwrapper > .cm-progtree-card {
    border-right-width: 15px;
    border-right-color: maroon;
    border-top-color: maroon;
    border-bottom-color: maroon;
}

.system > .cm-progtree-cardwrapper > .cm-progtree-card:after {
    position: absolute;
    right:-24px;
    top:13px;
    color:#fff;
    content:"SYSTEM";
    font-size:8px;
    font-weight:500;
    z-index: 10;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.cm-progtree-title {
    font-size:13px;
    text-transform: none;
    font-weight: 700;
    padding-right:10px;
}

.cm-newline {
    display:block;
    padding-top:3px;
}

.cm-newline .fa {
    width:12px;
}

.cm-top-right {
    float:right;
    position:relative;
    top:2px !important;
    right:-2px;
    margin:0 0 0 10px !important;
}

.cm-inline-icon {
    float:right;
    margin:0!important;
}

.cm-device {
	background:#f9f9f9;
	padding:10px;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	transition: all 0.5s;
	border-radius:4px;
	margin-bottom:15px;
}

.cm-device:hover {
	background:#fff;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	border: 1px solid #ccc;
}

.cm-devicemenubutton {
	float:right;
}

.cm-devicemenubutton .btn {
	border-color:inherit !important;
}

.cm-devicemenubutton .btn .caret {
	border-top-color:#fff;
}

.cm-deviceicon {
	font-size:30px;
	float:left;
	position:relative;
	top:-5px;
	padding-right:10px;
	padding-left:5px;
}

.cm-devicename {
	font-size:26px;
}

.cm-devicetype {
	font-weight:500;
	clear:both;
	font-size:17px;
}

.cm-minimap {
	border:1px solid #bbb;
	border-radius:3px;
	margin-top:10px;
}

.cm-deviceloggedin {
	font-weight:500;
}






#divMessagingRecipients {
	padding:10px;
}

#divMessagingRecipients span.label {
	font-size:13px;
	margin:1px;
	white-space: normal;
	font-weight:normal;
	display:inline-block;
}

#divMessagingRecipients span.label .fa {
	cursor:pointer;
}


/* ======= Corresp ====================================================== */

.cm-correspbuilder {
    overflow-y: scroll;
    max-height:700px
}

.cm-correspbuildercols [class^="col-"] {
    padding:0;
    margin:0;
}

.cm-correspbuildercols .col-md-7 {
    padding-left:15px;
}


.cm-correspbuildercols .col-md-5 {
    padding-left:10px;
    padding-right:10px;
}

.cm-correspbuilder {

}

.cm-correspreviewwrapper * {
    all:unset;
}

.cm-correspreviewwrapper {
    clear:both;
}

.cm-corresppagenumber {
    text-align: center;
    border-top:1px solid #d5d5d5;
    color:#999;
}

.cm-corresppagenumber span {
    background:#f5f5f5;
    padding:0 9px;
    position:relative;
    top:-9px;
}

.cm-corresptoolbar {
    background:#ddd;
    width: calc(100% - 29px);
    margin:0 auto;
    display: block;
    padding:2px;
    border-radius: 2px;
    position: absolute;
    top:0;
    z-index:999;
    clear:both;
}

.cm-corresptoolbar ul {
    margin:0;
    padding:3px;
    list-style: none;
}

.cm-corresptoolbar ul li {
    display: inline-block;
}

.cm-corresptoolbar ul li {
    border-right:1px solid #bbb;
    margin-right:3px;
    padding-right:3px;
}

.cm-corresptoolbar a .fa {
    font-size:14px;
    color:#333;
    margin:0 2px;
    font-family: fontawesome !important;
}

.cm-corresptoolbar a .fa:hover {
    color:#666;
}

select::-ms-expand {
	display: none; /* IE11 hide native button */
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: url(../images/arrow-down-01-128.png) !important;
   padding-right:22px !important;
   background-size:16px;
   background-repeat:no-repeat;
   background-position:right 50%;
   box-shadow:none;
}


.form-group.error  label {
	color:#a94442 !important;
}

.form-group.error .input-group-addon, .form-group.error input, .form-group.error .input-group-btn button, .form-group.error select.form-control {
	border-color: #dd9a98 !important;
	background-color: #f2dede !important;
	color:#a94442 !important;
}

.form-group.success  label {
	color:#090 !important;
}

.form-group.success .input-group-addon, .form-group.success input, .form-group.success .input-group-btn button, .form-group.success select.form-control {
	border-color: #4b4 !important;
	background-color: #d0ffd0 !important;
	color:#090 !important;
}

.form-group.warning  label {
	color:#cc9900 !important;
}

.form-group.warning .input-group-addon, .form-group.warning input, .form-group.warning .input-group-btn button, .form-group.warning select.form-control {
	border-color: #ffc107 !important;
	background-color: #FFF3CE !important;
	color:#997300 !important;
}

select#cmbActions {
	background-image:none !important;
}

.cm-corresptoolbar select.form-control {
    margin:0 !important;
    height:26px;
}

.cm-editable {
	border:2px dashed transparent;
	position:relative;
	border-left:5px solid green;
	padding-left:5px;
	margin:0 -10px 0 -10px;
	transition: all 0.6s !important;
}

.cm-editable:hover {
	background:#fff;
	border-color:green;
	transition: all 0.2s !important;
}

.cm-editable:focus {
	background:#fff;
	border-color:green;
}

.cm-editable div {
    margin-bottom:5px;
}

.cm-editablegadgets {
    float:right;
    background:#bbb;
    display:none;
    position:absolute;
    top:-2px;
    right:-2px;
    padding:3px;
    border-radius: 0 0 0 2px;
}

.cm-editablegadgets .fa {
    padding:0 2px;
    font-family: fontawesome !important;
}

.cm-editablegadgets .fa-close {
    cursor:pointer;
}

.cm-editablegadgets .fa-close:hover {
    color:red;
}

.cm-editablegadgets .fa-bars {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.cm-editablegadgets .fa-bars:hover {
    color:white;
}

.cm-editablegadgets .fa-bars:focus {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.cm-paragraphs {
    margin:0;
    padding:0;
    list-style: none;
}

.cm-editable:hover .cm-editablegadgets, .cm-editable:focus .cm-editablegadgets {
    display: inline-block;
}

.cm-paragraphadded img {
    max-width:100%;
}

.cm-correspimages {
    padding:0;
    margin:5px 0 0 0;
    list-style: none;
}

.cm-correspimages li {
    display: inline-block;
    float:left;
    width:32%;
    margin:2px;
}

.cm-correspimages li img {
    width:100%;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    border:2px solid #fff;
    transition: all 0.6s !important;
    padding:2px;
}
.cm-correspimages li img:hover {
    transition: all 0.2s !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    border:2px solid green;
}

.cm-correspmergefields {
    padding:0;
    margin:5px 0 0 0;
    list-style: none;
}

.cm-correspmergefields li {
    display: inline-block;
    float:left;
    width:48%;
    margin:2px;
}

.cm-correspmergefields li p {
    background:#fff;
    border-radius: 4px;
    border:2px dashed #ccc;
    padding:7px;
    transition: all 0.6s !important;
    margin:0;
}

.cm-correspmergefields li p:hover {
    border:2px solid green;
    transition: all 0.2s !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.cm-correspmergefields li p:focus {
    cursor: -webkit-grabbing;
    cursor: -moz-grab;
    cursor: grab;
}

.cm-correspsectiontitle {
    padding:5px 0 0 5px;
    font-weight: bold;
    clear:both;
}

.a4 {
  width: 45.5vw;
  height:67vw;
}

.cm-correspwrapper {
    padding-top:50px;
    padding-left:0.3vw;
    padding-right:0.3vw;
}

.cm-correspreviewpage {
	border:1px solid #ddd;
	box-sizing: border-box;
	box-shadow:0 6px 10px rgba(0,0,0,0.1);
	background:#fff;
	padding:2vw;
	border-radius:2px;
	margin-bottom:20px;
	position: relative;
	margin-left:.2vw;
}

.cm-paragraphlist {
    margin:0;
    padding:5px 0 0 0;
    list-style: none;
}

.cm-paragraphlist li p {
    background:#fff;
    border-radius: 4px;
    border:2px dashed #ccc;
    padding:7px;
    transition: all 0.6s !important;
}

.cm-paragraphlist li p:hover {
    border:2px solid green;
    transition: all 0.2s !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.cm-paragraphlist li p:focus {
    cursor: -webkit-grabbing;
    cursor: -moz-grab;
    cursor: grab;
}

#liFavourites {
	padding-top:5px;
}

#divReportListTree ul {
	border:0;
}

#divReportListTree.css-treeview li {
	border:0;
}

#divReportListTree .cm-treeviewlabel {
	padding:0 2px 0 2px;
}

#divReportListTree .cm-treeview-folder label:before {
    content: "\f054\00a0\00a0\f114";

    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 3px;
	padding-left:5px;
	color:#666;
}

#divReportListTree .cm-treeview-folder input[type=checkbox]:checked+label:before {
    content: "\f078\00a0\00a0\f115";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 1px;
	padding-left: 1px;
	color:#666;
}

#divReportListTree .cm-indent3 {
	padding-left:4px;
}

#divReportListTree .cm-indent4 a {
	padding-left:5px;
}

#divReportListTree.css-treeview .cm-treeviewanchor span {
	padding:2px 5px 2px 5px;
}

#divReportListTree.css-treeview .cm-treeviewanchor span:hover {
	background:none !important;
}

.cm-reportdetails {
	margin:0;
	padding: 0 0 10px 5px;
	border:0;
	border-bottom:1px solid #ccc;
}

.cm-reporttitle {
	font-weight:400;
}

.cm-reportinfo {
	padding-top:5px;
}

.cm-favourites {
	padding-bottom:5px !important;
	margin-bottom:5px !important;
	border-bottom:1px solid #ccc !important;
}

.cm-tasks {
	padding-top:5px !important;
	margin-top:5px !important;
	border-top:1px solid #ccc !important;
}

.cm-tasks label:before {
	left:3px;
}

.cm-config .form-control[disabled], .cm-config .form-control[readonly], .cm-config fieldset[disabled] .form-control {
	xborder-color:transparent !important;
	background-color: transparent !important;
	color:black !important;
}

.cm-config .cm-inline-iframe {
	padding-top:5px;
}

.cm-config .table {
	margin-top:0;
}

#bodyNode.cm-config, #xbodyNode.cm-config  {
	background-color: transparent !important;
}

.cm-config [class^="col-"] .table-responsive {
	padding: 0 0 10px 0 !important;
	width: calc(100% + 10px) !important;
}

.cm-config .row.cm-nomargin [class^="col-"] .table-responsive {
	xwidth: 100% !important;
}

.cm-config .cm-labelwithcontrol {
	padding:0 !important;
	margin: 0 !important;
	position:relative;
	top:-5px;
}

.cm-config .cm-labelwithcontrol input {
	position:relative;
	top:5px;
	right:-5px;
	padding:0 !important;
	margin: 0 !important;
}

.cm-config .cm-labelwithcontrol + div.col-sm-9 input[type="checkbox"]  {
	top:-2px;
	position:relative;
}


.sessionvars h2 {
	margin:8px;
	padding:0;
	font-weight: 100;
	color: #333;
}

.sessionvars .table TD:first-child {
	width:200px;
}

.sessionvars .btn-xs {
	padding:0 5px 0 5px;
	position:relative;
	top:-3px;
	right:3px;
	line-height:1.7;
}

.cm-permittypelocationslist {
	background-color: #fff;
	max-height:150px;
	overflow:hidden;
	overflow-y: auto;
	border:1px solid #ccc;
	border-radius:4px;
	list-style:none;
	padding:3px 0 3px 0px;
}

.cm-permittypelocationslist li {
	border-bottom:1px solid #eee;
	padding:3px 0 3px 10px;
}

#divDashReminderItemBody .cm-reminderbuttons button {
	margin:2px 0 2px 0;
}



/* New horizontal tab bar ---------------------------------- */

.cm-ReviewOptionsContent { /* Add padding to content */
	padding:0px 10px 0 10px;
}

.cm-subnavgroup-padding {
	padding:0 10px 0 10px;
	clear:both;
	position: relative;
	top:-5px;
}

.cm-subnavgroup {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
}

.cm-subnavgroup-topborder {
	height:1px;
	border:1px solid #ccc;
	border-bottom:0;
	border-radius:5px 5px 0 0;
	width:100%;
	position:relative;
	top:25px;
	xmargin-top:-20px
	clear:both;
}

.cm-subnavgroup .btn-group .btn {
	padding: 4px 7px;
	font-size: 13px;
}

.cm-subnavgroup-info-icon {
	float:right;
}

.cm-subnavgroup-info-icon .fa {
	padding:0 0 0 5px;
}

.cm-subnavgroup .btn span {
	float:left;
}

.cm-subnavgroupflex .btn span {
	display:inline-block;
	flex:none;
}

.cm-subnavgroupflex .cm-subnavgroup-info-icon {
	float:none;
	flex:none;
	display:inline-block;
}

.cm-subnavgroupflexwrapper {
	background:#ccc;
	border-radius:4px;
	padding:1px;
	max-width:1050px;
	margin:0 auto;
	margin-top:10px;
}

.cm-subnavgroupflex {
	display:flex;
	flex-direction: row;
	border-radius:4px;
	margin:0;
	flex-wrap: wrap;
	padding:0;
	background:transparent;
	margin-right:-1px;
	margin-bottom:-1px;
}

.cm-subnavgroupflex-item {
	flex: 1 0 auto;
	background:transparent;
	list-style:none;
	margin:0 1px 1px 0;
}

.cm-subnavgroupflex-item .btn {
	background:transparent;
	width:100%;
	border-radius:2px;
	border:0;
	background:#fff;
	padding:5px 7px;
	font-size:13px;
}

.cm-subnavgroupflex-item .btn-primary {
}

.cm-subnavgroupflex-item .btn:hover {
	xbackground-color:#eee;
}

.cm-subnavgroupflex-item .cm-subnavgroupflex-item + .cm-subnavgroupflex-item {
	margin-left:-1px;
}

.cm-subnavgroupflex .btn-group {
	margin-right: 0;
}

.cm-subnavgroupflex-item .cm-flex-btn-group {
	display:flex;
	flex: 0 1;
}

.cm-subnavgroupflex-item .cm-flex-btn-group button:disabled {
	display:none;
}

.cm-subnavgroupflex .cm-flex-btn-group .dropdown-toggle {
	width:25px;
	margin-left:1px;
}

.cm-subnavgroupflex .cm-flex-btn-group .dropdown-toggle:hover .caret {
	border-top-color:#333;
}

.cm-subnavgroupflex-item.cm-active ul li a {
	background-color:#fff !important;
}

.cm-subnavgroupflex-item.cm-active ul li a:hover {
	background-color:#eee !important;
}

.btn-group.open .dropdown-toggle {
	box-shadow:none !important;
}

#optSBRO_NOTICE_Media i.fa {
	color:#007bff;
}

#optSBRO_NOTICE_Addresses i.fa, #optSBRO_PERMIT_Addresses i.fa {
	color:#6610f2;
}

#optSBRO_NOTICE_CaseNotes i.fa {
	color:#FD7E15;
}

#optSBRO_NOTICE_PayCorresp i.fa, #optSBRO_PERMIT_PayCorresp i.fa {
	color:#28A748;
}

#optSBRO_NOTICE_Related i.fa , #optSBRO_PERMIT_Related i.fa {
	color:#ffc107;
}


.cm-attachments {
	padding:7px 0 0 0;
}

.cm-attachments-strap {
	float:left;
	position:relative;
	top:-3px;
	padding-right:7px;
	font-size:18px;
}

.cm-attachments ul.cm-attachments-list {
	list-style: none;
	padding:0;
	margin:0;
	float:left;
}

.cm-attachments ul.cm-attachments-list li {
	float:left;
}

.cm-attachments ul.cm-attachments-list li button.btn-xs {
	padding: 1px 5px 0 5px;
}

[class="btn"] { /* HERE */
	border:10px solid red !important;
}

.cm-button-pdf:before {
	content:"\f1c1";
}

.cm-button-csv:before {
	content:"\f0f6";
}

.cm-button-doc:before, .cm-button-docx:before {
	content:"\f1c2";
}

.cm-button-jpg:before, .cm-button-png:before, .cm-button-gif:before, .cm-button-bmp:before{
	content:"\f1c5";
}

.cm-button-xls:before, .cm-button-xlsx:before {
	content:"\f1c3";
}

.cm-attachments .dropdown-menu > li {
	float:none;
	display: block;
	width:100%;
}

.cm-attachments .dropdown-menu > li > a {
	padding:5px 7px !important;
}


/* Animations  - - - - - - - - - - - - - - - - - - - - - - */

.cm-anim-bellring {
	-webkit-animation: ring 8s 0s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 8s 0s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 8s 0s ease-in-out infinite;
	transform-origin: 50% 4px;

}

.cm-notificationitem:hover .cm-anim-bellringonhover {
	-webkit-animation: ring 8s 0s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 8s 0s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 8s 0s ease-in-out infinite;
	transform-origin: 50% 4px;

}

@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }
	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }
	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}

@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }
	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}

@media all and (-ms-high-contrast:none) { /* --------- fixes PDF on top bug in IE 11 */
	.modal-open object[type="application/pdf"] {
		visibility:hidden !important;
	}
}

/* Responsive stuff  - - - - - - - - - - - - - - - - - - - - - - */

@media (max-width: 1600px) {
	xbody {background: skyblue;}
}

@media (max-width: 1200px) {
	xbody {background: red;}
}

@media (max-width: 992px) {
	xbody {background: pink;}
	.cm-listedarraylabel {
	text-align:left;
}
}

@media (max-width: 768px) and (orientation: landscape) {
    .navbar-collapse {
        max-height:238px !important;
    }
}

@media (max-width: 768px) {

    .cm-mapcard {
        margin-right:10px;
        margin-left:10px;
    }

    .cm-mapcard-date {
        width:40%;
    }

    .cm-mapcard-track {
        margin-right:20px;
        margin-left:20px;
    }

    .cm-mapcardcontainer {
        max-height: 200px;
        margin-bottom: 10px;
    }

	x.navbar-nav .dropdown .dropdown-menu { /* SMC */
		display:block;
		width:100%;
		position:relative;
		top:0;
		box-shadow:none;
		border-radius:0;
		background:transparent;
	}

	.navbar-nav .dropdown .dropdown-menu li a {
		color:#ccc;
		padding:10px 10px 10px 65px !important;
	}

	.cm-sidebarbasepush {
		height:0px;
	}

	.cm-maincontent {
		padding: 0 5px 60px 5px !important;
	}

	.navbar-nav {
		margin:0 !important;
	}

	.navbar-toggle {
		margin-right:5px;
	}

	.navbar-collapse {
		margin: 0 !important;
		max-height: none;
		xbox-shadow: 0 10px 30px black;
	}

	.navbar-collapse.cm-sidebar {
		max-height: none;
	}

	.navbar-nav .fa-gbp {
		margin-left:5px;
		padding-right:5px;
	}

	.navbar-nav .fa-exclamation-circle {
		margin-left:2px;
		padding-right:2px;
	}

	.navbar-nav .fa-file {
		margin-left:3px;
		padding-right:4px;
	}

	.navbar-nav .fa-time {
		margin-left:2px;
		padding-right:3px;
	}

	.navbar-nav .fa-check {
		margin-left:1px;
		padding-right:2px;
	}

	.navbar-nav .fa-certificate {
		margin-left:2px;
		padding-right:3px;
	}

	.navbar-nav .fa-list {
		margin-left:1px;
		padding-right:1px;
	}

	.navbar-nav .fa-user-md {
		margin-left:3px;
		padding-right:3px;
	}

	.cm-mainnav {
    	background: rgba(0,0,0,0.5);
	}

	.cm-mainnav li a {
    	padding-left:23px !important;
	}

	.cm-modulebar .nav a [class*="fa-"], .cm-modulebar .nav a .mipermitfont {
		display: inline-block;
		padding-right:20px;
	}

	.cm-modulebarul {

    	background: #fff;
    }

	.cm-modulebar .nav a .mipermitfont {
		top:5px;
	}

	.cm-modulebar .nav a span {
		display: inline-block;
		xpadding-left:20px;
		font-weight: 300;
		font-size:18px;
		margin-top:-5px;
	}

	.cm-usernameblock {
	    xheight: 45px;
	}

	.pushdown {
        xmargin-top: 50px !important;
    }

	.dash-span.col-md-4 {
		padding: 0 5px 0 5px !important;
	}

	.form-group .cm-btn-dropappend {
		margin-top: 0 !important;
	}

	.cm-sidebar {
    	padding-bottom: 0 !important;
	}

	.cm-usernamedrop a {
    	font-size: 14px;
	}

	.cm-submenu a {
    	font-size: 15px!important;
	}

    .alert.alert-half {
	    width:100%;
	}

    .cm-datetimelabel {
        width:100%;
    }

    .dropdown-menu {
	    font-size: 14px;
    }

    .modalrightarrow:after {
    	position:relative;
    	top:0;
    	left:52%;
    	margin:-30px 0 0 -30px;
    	content: "\f063";
    	text-align: center;
    	font-size: 80px;
    	font-family: FontAwesome;
    	opacity: 0.2;
    }

    .control-label {
        margin-bottom:4px!important;
    }



	.cm-mainnav {
		background:#fff;
		overflow-y:auto!important;
		max-height:465px;
		box-shadow:0 5px 10px rgba(0,0,0,0.2);
	}

	.cm-mainnav .cm-mobulebaricon {
		float:left;
		position:relative;
		top:5px;
	}

	.cm-modulebar .nav.navbar-nav a {
		padding:10px;
		display:block;
		clear:both;
		border-bottom: 0 !important
	}

	.cm-modulebar .nav.navbar-nav a:hover .cm-mobulebaricon {
		transform: scale(1.0) !important;
	}

	.cm-mainnav a span {
		font-size:16px !important;
		padding-left:20px;
		position:relative;
		top:3px;
	}

	.cm-mainnav .dropdown-menu a {
		color:#333 !important;
		font-size:16px !important;
	}

	.mod-POSTAL #modPOSTAL .cm-mobulebaricon,
	.mod-NOTICE #modNOTICE .cm-mobulebaricon,
	.mod-FPN #modFPN .cm-mobulebaricon,
	.mod-PROGRESS #modPROGRESS .cm-mobulebaricon,
	.mod-ABANDONED #modABANDONED .cm-mobulebaricon,
	.mod-CLAMP #modCLAMP .cm-mobulebaricon,
	.mod-CCTV #modCCTV .cm-mobulebaricon,
	.mod-PAYMENT #modPAYMENT .cm-mobulebaricon,
	.mod-APPEAL #modAPPEAL .cm-mobulebaricon,
	.mod-CORRESP #modCORRESP .cm-mobulebaricon,
	.mod-ASSET #modASSET .cm-mobulebaricon,
	.mod-BOOKING #modBOOKING .cm-mobulebaricon,
	.mod-INSPECTION #modINSPECTION .cm-mobulebaricon,
	.mod-JOBTASK #modJOBTASK .cm-mobulebaricon,
	.mod-BLUEBADGE #modBLUEBADGE .cm-mobulebaricon,
	.mod-PERMIT #modPERMIT .cm-mobulebaricon,
	.mod-LICENCE #modLICENCE .cm-mobulebaricon,
	.mod-BIinSight #modBIinSight .cm-mobulebaricon,
	.mod-BIReports #modBIReports .cm-mobulebaricon,
	.mod-BILiveMap #modBILiveMap .cm-mobulebaricon,
	.mod-BIMapReporter #modBIMapReporter .cm-mobulebaricon,
	.mod-BIIssueHeatMap #modBIIssueHeatMap .cm-mobulebaricon,
	.mod-MIPERMIT #modMIPERMIT .cm-mobulebaricon
	{
		transform: scale(1.0) !important;
	}

	.cm-searchbar .cm-searchinput {
		font-size:20px;
	}

	.cm-addonicons {
		background-size:23px !important;
		width:23px;
		height:23px;
	}

	.cm-addon button, .cm-addon .btn {
		width:25px;
	}

	div[class^="col-"] {
		padding-right:5px;
	}

	.form-group .btn {
		margin:5px 0 0 16px;
	}
}


/* Changes when the menu collapses */

@xmedia (max-width: 1010px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    x.navbar-nav>li {
        float: none;
    }
    x.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

	.cm-modulebar {
		min-width:auto;
		background:white;
	}

	.cm-modulebarul {
		background:white;
		margin:0;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
		float:none;
		width:100%;
	}
}











@media (max-width: 1180px) {
	.cm-modulebar .nav.navbar-nav a span {
		font-size:8px;
		transition:none;
	}
	.cm-modulebar .nav.navbar-nav a {
		transition:none;
	}
}

@media (max-width: 1100px) {
	.cm-modulebar .nav.navbar-nav a {
		min-width:35px;
		padding:12px 0 9px 0;
	}
	.cm-modulebar .nav.navbar-nav a span {
		font-size:7px;
		display:none;
	}
}

@media (max-width: 850px) {
	.cm-modulebar .nav.navbar-nav a {
		min-width:33px;
	}
	.cm-modulebar .nav.navbar-nav a span {
		font-size:7.5px;
	}


}


.textarea-withlabel {
	width:71% !important;
	margin-left:15px;
}

@media (max-width: 768px) {
	.textarea-withlabel {
		width:96% !important;
		margin-left:15px;
	}

	.cm-navbar-menuicon {
		z-index:99999 !important;
	}
	.navbar-nav .dropdown .dropdown-menu {
		display:;
		width:100%;
		position:relative;
		top:0;
		box-shadow:none;
		border-radius:0;
		background:transparent;
	}

	.navbar-toggle {
		border-color: #ccc !important;
	}

	.cm-modulebar .nav.navbar-nav a {
		width:100%;
		padding:5px 0 4px 0 !important;
		border-bottom:0 !important;
		margin:0 !important;
		height:45px;
	}

	.cm-modulebar .nav.navbar-nav a:hover {
		background-color: #eee !important;
		border-color: transparent !important;
		border-bottom:0 !important;
	}

	.cm-modulebar .nav.navbar-nav a i, .cm-topnavbutton .cm-usericonsvg {
		background-position:20px 50%;
		float:left;
	}

	.cm-usermenu .cm-modulebar .nav.navbar-nav a  {
		border-top:1px solid #999;
	}

	.cm-modulebar .nav.navbar-nav a span {
		font-size:18px !important;
		float:left;
		padding-left:60px !important;
		display:inline-block;
		line-height:1em;
		margin-top:-15px;
		color:#444 !important;
	}

	.cm-topnavsearch {
		top:-2px !important;
		right:160px !important;
		left:50px !important;
		width:auto !important;
		display:inline;
		text-align:right;
		background:transparent !important;
		min-width:165px;
	}

	.cm-sidebarburger {
		margin-left:10px;
	}

	.cm-topnavsearch a {
		text-align:left;
	}

	.cm-topnavsearch .dropdown-menu-right {
		right:0 !important;
		left: auto !important;
	}

	.cm-topnavsearch .form-control, .cm-topnavsearch .form-control:focus {
		width:39% !important;
		transition:none;
		xtop:-3px !important;
	}

	.cm-topnavbarmain {
		max-height:500px;
	}

	.cm-topnavbar {
		height:auto;
	}

	.cm-topnavbarmain .navbar-nav .dropdown .dropdown-menu li a {
		padding:5px 5px 5px 40px !important;
		font-size:17px;
		border-bottom:1px solid #eee !important;
	}

	.dropdown-header {
		display:none;
	}

	.navbar-nav .dropdown .dropdown-menu {
		display:block;
		width:100%;
		position:relative;
		top:0;
		box-shadow:none;
		border-radius:0;
		background:#efefef;
		z-index:900 !important;

	}
}


.stoo {
	border:2px solid red;
}