/*!
* Copyright (c) 2019 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors
*/
body {font-family: 'Roboto', sans-serif, Arial; font-weight: 400; line-height:22px; font-size: 14px;
background: #fcfcfc; 
color:#333333;}

body.cke_editable, body.cke_ltr {background-image:none;}
.ckContentArea{font-family: 'Roboto', sans-serif, Arial; font-weight: 400; line-height:22px; font-size: 14px;word-wrap: break-word;}
.inlineCK {width: 100%;min-height: 32px;padding: 5px 5px 5px 10px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;}
.inlineCK.cke_focus {border-color: #005DA2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 93, 162, 0.6); outline: 0 none;  border:1px solid #005DA2;}
.ckContentArea img.fileIcon-sm, .ckContentArea img.fileIcon-lg {margin:0; vertical-align: middle; margin-right: 5px;}
/* CK content link */
.ckContentArea a,
.textimage_comp .ckContentArea a, 
.hero_comp .ckContentArea a {color:#019ddc; text-decoration:none;}
.ckContentArea a:focus,
.textimage_comp .ckContentArea a:focus, 
.hero_comp .ckContentArea a:focus {color:#019ddc; text-decoration:none;}
.ckContentArea a:hover,
.textimage_comp .ckContentArea a:hover, 
.hero_comp .ckContentArea a:hover {color:#019ddc; text-decoration:none;}
.ckContentArea a img.fileIcon-sm{border:0;}
/* CK update css */

/* Common and CK heading styles */
p {margin: 0 0 10px;}
ul, ol { margin-top: 0; margin-bottom: 10px;}
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0;}
.pull-right {float:right;}
.pull-left {float:left;}
a.linkGrey, a.linkGrey:hover, a.linkGrey:focus {color:#939393;}

h1, h2, h3, h4, h5, h6, .ckContentArea h1, .ckContentArea h2, .ckContentArea h3, .ckContentArea h4, .ckContentArea h5, .ckContentArea h6 {margin:25px 0; line-height:normal; }

h1, .h1 {font-size:32px; color: #cccccc; font-weight:400;}
h2, .h2 {font-size:27px; color: #cccccc; font-weight:400;}
h3, .h3 {font-size:23px; color: #cccccc; font-weight:400;}
h4, .h4 {font-size:19px; color: #cccccc; font-weight:400;}
h5, .h5 {font-size:16px; color: #cccccc; font-weight:500;}
h6, .h6 {font-size:14px; color: #cccccc; font-weight:500;}

/* CK heading style */
.ckContentArea h1, .cke_panel_listItem h1 {color: #2f2f2f; font-size:38px; font-weight:400;}
.ckContentArea h2, .cke_panel_listItem h2 {color: #2f2f2f; font-size:34px; font-weight:400;}
.ckContentArea h3, .cke_panel_listItem h3 {color: #2f2f2f; font-size:23px; font-weight:400;}
.ckContentArea h4, .cke_panel_listItem h4 {color: #2f2f2f; font-size:19px; font-weight:400;}
.ckContentArea h5, .cke_panel_listItem h5 {color: #2f2f2f; font-size:16px; font-weight:500;}
.ckContentArea h6, .cke_panel_listItem h6 {color: #2f2f2f; font-size:14px; font-weight:500;}
.ckContentArea .icon{line-height: normal;}
.cke_panel_listItem a:hover{text-decoration: none;}
.ckContentArea table {table-layout:fixed;}

.ckContentArea img {max-width:100%; margin-bottom:10px; height:auto !important;}
.cke_panel_listItem *{line-height: normal;} /* for CK editor drop-down menu */
.cke_combopanel.cke_combopanel__format{width: 280px;} /* Ck heading drop-down width */

/* Ck button style */
.cke_dialog_ui_button.cke_dialog_ui_button_ok{box-shadow:none !important; text-shadow: inherit !important; filter:none; background:transparent !important; 
border-color:#019ddc !important; color: #019ddc !important;}

.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover{ color:#FFFFFF !important; filter:none;
background:#019ddc !important; border-color:#019ddc !important; }
.cke_dialog_ui_button.cke_dialog_ui_button_cancel{filter:none; font-size:12px; background: none; border: 0px none !important; padding:5px 0 0px !important; background-color:transparent; color:#019ddc; box-shadow:none !important; }
.cke_dialog_ui_button.cke_dialog_ui_button_cancel:focus, .cke_dialog_ui_button.cke_dialog_ui_button_cancel:active, .cke_dialog_ui_button.cke_dialog_ui_button_cancel:hover{background: none; filter:none; text-decoration:none; padding:5px 0px 0px !important; border: 0px none !important; box-shadow:none !important; color: #019ddc; }
.cke_dialog_ui_button.cke_dialog_ui_button_cancel:focus, .cke_dialog_ui_button.cke_dialog_ui_button_cancel:active{padding:5px 1px 0px !important;}

/* snippet display in CK editor */
.cke_editable .ckLinkInfo{padding:5px 10px; border:1px dashed #5FA7C5; background:#EDF8FD; margin-bottom:10px;}
.deleteRow, a.deleteRow, a.deleteRow:hover, a.deleteRow:focus {color: #cf4d4f; text-decoration: none;}

/* CK insert video in edit mode to get fit in parent container  */
.media_embed .media_embed .cke_iframe{box-sizing: border-box;}
.cke_show_borders .videoWrapper > img.cke_iframe{height: 100px !important; width: 100% !important; box-sizing: border-box;}

/* icon css override start here */
.ckContentArea .icon-highq-export, 
.ckContentArea .icon-highq-word, 
.ckContentArea .icon-highq-video, 
.ckContentArea .icon-highq-publication,
.ckContentArea .icon-highq-sound,
.ckContentArea .icon-highq-event,
.ckContentArea .icon-highq-excel,
.ckContentArea .icon-highq-image,
.ckContentArea .icon-highq-pdf,
.ckContentArea .icon-highq-powerpoint,
.ckContentArea .icon-highq-microsite,
.ckContentArea .icon-highq-keynote,
.ckContentArea .icon-highq-publication-small,
.ckContentArea .icon-highq-video-small,
.ckContentArea .icon-highq-events-small,
.ckContentArea .icon-highq-microsite-small,
.ckContentArea .icon-highq-word-small,
.ckContentArea .icon-highq-powerpoint-small,
.ckContentArea .icon-highq-pages-small,
.ckContentArea .icon-highq-numbers-small,
.ckContentArea .icon-highq-audio-small,
.ckContentArea .icon-highq-events-small,
.ckContentArea .icon-highq-keynote-small,
.ckContentArea .icon-highq-excel-small,
.ckContentArea .icon-highq-pdf-small,
.ckContentArea .icon-highq-image-small,
.ckContentArea .icon-highq-publication-module,
.ckContentArea .icon-highq-event-module,
.ckContentArea .icon-highq-microsite-module,
.ckContentArea .icon-highq-video-module,
.ckContentArea .icon-highq-html,
.ckContentArea .icon-highq-html-small,
.ckContentArea .icon-highq-generic-small,
.ckContentArea .icon-highq-generic,
.ckContentArea .icon-highq-ctk-small{display:inline-block; float:none; font-size:160%; vertical-align: -20%;line-height: 90%; margin-right:5px; margin-left: 0;}


.ckContentArea .icon-highq-export:before, 
.ckContentArea .icon-highq-word:before, 
.ckContentArea .icon-highq-video:before, 
.ckContentArea .icon-highq-publication:before,
.ckContentArea .icon-highq-sound:before,
.ckContentArea .icon-highq-event:before,
.ckContentArea .icon-highq-excel:before,
.ckContentArea .icon-highq-image:before,
.ckContentArea .icon-highq-pdf:before,
.ckContentArea .icon-highq-powerpoint:before,
.ckContentArea .icon-highq-microsite:before,
.ckContentArea .icon-highq-keynote:before,
.ckContentArea .icon-highq-publication-small:before,
.ckContentArea .icon-highq-video-small:before,
.ckContentArea .icon-highq-events-small:before,
.ckContentArea .icon-highq-microsite-small:before,
.ckContentArea .icon-highq-word-small:before,
.ckContentArea .icon-highq-powerpoint-small:before,
.ckContentArea .icon-highq-pages-small:before,
.ckContentArea .icon-highq-numbers-small:before,
.ckContentArea .icon-highq-audio-small:before,
.ckContentArea .icon-highq-events-small:before,
.ckContentArea .icon-highq-keynote-small:before,
.ckContentArea .icon-highq-excel-small:before,
.ckContentArea .icon-highq-pdf-small:before,
.ckContentArea .icon-highq-image-small:before,
.ckContentArea .icon-highq-publication-module:before,
.ckContentArea .icon-highq-event-module:before,
.ckContentArea .icon-highq-microsite-module:before,
.ckContentArea .icon-highq-video-module:before,
.ckContentArea .icon-highq-generic:before,
.ckContentArea .icon-highq-generic-small:before,
.ckContentArea .icon-highq-html:before,
.ckContentArea .icon-highq-html-small:before {/* line-height:12px; */}
/* icon css override end here */

/* To overwrite default CK dialog container z index */
body .cke_dialog_container{z-index: 3001;}

@media (max-width: 767px) {
	h1, .h1, .ckContentArea h1{ font-size: 26px; margin: 10px 0;}
	h2, .h2, .ckContentArea h2{ font-size: 22px; margin: 10px 0;}
	h3, .h3, .ckContentArea h3{ font-size: 18px; margin: 10px 0;}
	h4, .h4, .ckContentArea h4{ font-size: 16px; margin: 10px 0;}
	h5, .h5, .ckContentArea h5{ font-size: 14px; margin: 10px 0;}
	h6, .h6, .ckContentArea h6{ font-size: 13px; margin: 10px 0;}
	
	.ckContentArea {overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.ckContentArea table {max-width: none;} 
}