/* InstantASP Ltd, www.instantasp.co.uk */

/* reset banner border */
.i-banner { border-bottom-width: 0; }

/* i-tabs override for InstantKB */
.ikb-tabs a { border-width: 0 !important; }
.ikb-tabs li { margin-right: 3px; }
.i-float-right .ikb-tabs li {  margin-left: 3px; margin-right: 0; }

.ikb-tabs li a .padding { padding: 14px; }
.ikb-tabs img { padding: 0; margin: -14px 0; vertical-align: middle; margin-right: 6px; }

/* Home Panels */
.ikb-home-main { float: left; width:74%; }
.ikb-home-extra { float: right; width:25%; }

/* Tab Panels */
.ikb-tab-toc { float: left; width: 29%; height: 100%; margin: 0; padding: 0; }
.ikb-tab-main { float: right; width: 70%;	margin: 0; padding: 0; }

/* Articles */
.ikb-view-articles-row .type-icon { padding: 0; margin-right: 6px; vertical-align: middle; }
.ikb-view-articles-row .primary { vertical-align: middle; }

/* article layout */

.ikb-article-header dl { margin: 0; padding: 0; color:#888; display: inline-block; }
.ikb-article-header dl a { color: #888; }
.ikb-article-header dl a:hover { color: #222; }
.ikb-article-header dt { }
.ikb-article-header dt, 
.ikb-article-header dd { float: left; margin: 0; padding: 0; margin-right: 0.5em;   }
.ikb-article-header dl dd { margin-right: 32px; }

.ikb-article-opts {  margin-top: 12px;  }
.ikb-article-opts .row { margin-bottom: 16px; }
.ikb-article-opts a { display: inline-block; }
.ikb-article-opts a:hover { text-decoration: none; }
.ikb-article-opts .icon { text-align: center; }
.ikb-article-opts .icon i { color:#fff; padding: 4px; }
.ikb-article-opts .padding { float: left; margin: 0 !important; padding: 8px !important; }
.ikb-article-opts .fa-pencil { background: #62C55A; }
.ikb-article-opts .fa-print { background: #888; }
.ikb-article-opts .fa-rss { background:#FF9900; }
.ikb-article-opts .fa-file-pdf-o { background:#FE0002; }

.ikb-article-details { color: #777; vertical-align: top; line-height: 38px; }
.ikb-article-details-margin { margin: 0 0 0 16px; }
.ikb-article-details .i-col-header { margin: 0; }
.ikb-article-details img {	vertical-align: middle;	 }
.ikb-article-details a { color: #777; }

.ikb-article-tags a.tag { float: none; margin-bottom: 3px; }
.ikb-article-tags a.tag span {  padding: 6px; }

/* styled unordered lists for sub categories, attachments, related links etc*/

.ikb-article-list { float: left; width: 100%; line-height: 24px; }
.ikb-article-list li i { vertical-align: middle; }
.ikb-article-list li a { text-decoration: none;  }

/* Article Formatting */

.ikb-article .glossary-term { text-decoration: none !important; border-bottom: 1px dashed #aaa; color: #111 !important; }
.ikb-article .glossary-term:hover { background:#FFF6A7; }

.ikb-glossary-loader { width: 100%; text-align: center; color:#fff; }
.ikb-glossary-loader .fa { font-size: 26pt; }

/* show anchor links in article headers on mouse over */
.ikb-article h1:hover > .anchor,
.ikb-article h2:hover > .anchor,
.ikb-article h3:hover > .anchor,
.ikb-article h4:hover > .anchor,
.ikb-article h5:hover > .anchor,
.ikb-article h6:hover > .anchor { opacity: 1; }

/* ----------------------- */
/* Tidy Formatting Carried Over From Word */
/* ----------------------- */

.ikb-article .MsoNormalTable, 
.ikb-article .MsoTableGrid { border-spacing: 0 !important; line-height: normal; width: 100% !important; }
.ikb-article .MsoNormalTable td { padding: inherit !important; height: auto !important; }
.ikb-article .MsoListParagraph { text-indent: 0 !important; }

/* tidy outlook / dynamics formatting -- added 2016-4 */
.ikb-ticket p.MsoNormal { margin: 0; padding: 0; }

/* ----------------------- */
/* ticket  */
/* ----------------------- */

.ikb-view-ticket .ticket-info { float: left; }
.ikb-view-ticket .ticket-info .info { float: left; }
.ikb-view-ticket .ticket-info .padding { padding: 0 24px;  }

/* override for ArticleDetails within ticket view */
.ikb-view-ticket-details-cell {  margin-bottom: 12px; width: 50%;  }

/* ----------------------- */
/* tickets */
/* ----------------------- */

.ikb-view-tickets .title-cell .i-tooltip  { display: inline-block; }
.ikb-view-tickets .title-cell .i-float-left { white-space: nowrap; max-width: 80%; overflow: hidden; }
.ikb-view-tickets .title-cell .i-float-left a { overflow: hidden; text-overflow:ellipsis;  }

.ikb-icon { font-size: 14pt; color: #bbb; }

.ikb-view-tickets .ikb-icon .fa-flag,
.ikb-view-tickets .ikb-icon .fa-star-o {  color: #ccc; }
.ikb-view-tickets .ikb-icon .fa-star { color: #FFD548;  }
.ikb-view-tickets .ikb-icon .fa-circle,
.ikb-view-tickets .ikb-icon .fa-circle-o { color:#aaa;  }
.ikb-view-tickets .ikb-icon .fa-circle { color: #0092E5; }
.ikb-view-tickets .ikb-icon-resolved .fa-circle { color: #62C55A; }

.ikb-view-tickets tr .ikb-show-on-row-hover { margin: -6px; display:none; }
.ikb-view-tickets tr:hover .ikb-show-on-row-hover { display:inline; }

/* ----------------------- */
/* helpers for large grids */
/* ----------------------- */

td.nowrap { white-space:nowrap; }
td.nowrap span {  max-width: 60px; display: inline-block; overflow: hidden; text-overflow: ellipsis; }
td.nowrap a { white-space:nowrap; max-width: 60px; display: inline-block; overflow: hidden; text-overflow: ellipsis; }
.ikb-view-tickets .i-check-box { margin: 0; padding: 0; }
.grid-overflow .title-cell { min-width: 500px; }

/* link list within side panel on homepage & tickets */
.ikb-link-list a { float: left; width: 100%; color:#444 !important; border-bottom: 1px solid #eee; }
.ikb-link-list a .margin  { float: left; margin: 9px; }
.ikb-link-list .icon { display: inline-block;  vertical-align: middle; }
.ikb-link-list .icon img {	float: left; padding: 0;  }
.ikb-link-list .text { display: inline-block; margin-left: 9px; }

.ikb-page-title .h2 { margin-bottom: 12px; }
.ikb-page-title .text a { color:#427FED !important;  }

.ikb-home-sections .i-btn {  }
.ikb-home-sections .i-btn span { padding: 6px; }

/* ----------------------- */
/* comments CSS  */
/* ----------------------- */

.ikb-comment-header { float: left; width: 100%;   }
.ikb-comment-header .i-float-left { margin: 14px 0; }
.ikb-comment-header .i-float-right { margin: 14px 0; }
.ikb-comment-header h6 { display: inline-block; }
.ikb-comment-header .fa-rss {  margin-left: 6px; }
.ikb-comment-header .i-tabs-o { background-color:transparent !important; border-bottom-width: 0 !important; }

/* comment wrapper */
.ikb-article-comment { border-bottom: 1px solid #eee;    }
.ikb-article-comment .padding { float: left; width: 100%; padding: 14px 0; }

/* comment layout */
.ikb-article-comment .left {  float: left; text-align:center; width: 5%; }
.ikb-article-comment .right { float: left; width: 95%;  }

/* comment vote count & buttons */
.ikb-comment-vote { display: inline-block; margin-top: 12px; width: 32px; }
.ikb-comment-vote i { font-size: 18pt; font-weight: bold; }
.ikb-comment-vote a { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;  transition: all 0.2s ease-in; }
.ikb-comment-vote .vote-count { background:#eee;  float:left; width: 100%; font-family: open_sanslight, Arial Black, Arial, Tahoma; font-size: 16pt; color: #62C55A; font-weight: bold; padding: 6px 0; margin: 1px 0; }

/* ----------------------- */
/* live suggestions  */
/* ----------------------- */

.ikb-live-suggest { float: left; width: 100%; }
.ikb-live-suggest h2 { font-size: 16pt; width: 100%; display: block; }
.ikb-live-suggest a { font-weight: bold; }

.ikb-live-suggest-more { float: left; width: 100%; line-height: normal;  }
.ikb-live-suggest-more a { float: left;   width: 100%;  text-align: center; border-radius: 4px; padding: 0; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; }
.ikb-live-suggest-more a i { display: inline-block; font-size: 12pt; margin: 0; padding: 6px 0 16px 0;  }
.ikb-live-suggest-more a:hover { text-decoration:none !important; }


/* ----------------------- */
/* social buttons  */
/* ----------------------- */

.ikb-social-links { padding: 0; margin: 0; list-style: none; display:inline-block; }
.ikb-social-links > li { float: left; opacity:.7; overflow: hidden; max-width: 28px;  line-height:normal; position: relative;  padding: 0; margin: 0; margin-right: 1px; background-color: #ccc; }

.ikb-social-links > li:hover { opacity:1; }
.ikb-social-links > li.twitter { background-color: #33B1DA; }
.ikb-social-links > li.facebook { background-color: #566EA3; }
.ikb-social-links > li.googleplus { background-color: #C6381A; }
.ikb-social-links > li.misc { background-color: #FF8300; }
.ikb-social-links > li.email { background-color: #2785B7; }

.ikb-social-links > li div, .ikb-social-links > li span { float: left; }

.ikb-social-links > li > a { float: left; text-decoration: none; }
.ikb-social-links .count,
.ikb-social-links-large .count { float: left;  width: 100%; text-align: center; }
.ikb-social-links img { float: left; margin: 0; padding: 0; width: 16px; height: 16px; padding: 6px; }

.ikb-social-links .button { opacity: 0; position: absolute; height: 22px; z-index: 5; margin: 6px; left: 0; top: 0;  cursor: pointer; }
.ikb-social-links .button iframe { float: left; height: 28px !important; padding: 0 !important; margin: 0 !important; }

.ikb-social-links.grade-a.activate-on-hover > li.hover .button,
.ikb-social-links.grade-a.activate-on-click > li.hover.active .button { display: block; }

/* ----------------------- */
/* inbound support channel icon */
/* ----------------------- */

.ikb-channel-icon { color:white; width: 18px; height: 18px; font-size: 8pt !important; text-align: center; padding: 4px 0 0 0; }
.ikb-channel-icon-facebook { background-color: #566EA3;  }
.ikb-channel-icon-twitter { background-color: #33B1DA;  }
.ikb-channel-icon-web { background-color: #62C55A;  }
.ikb-channel-icon-email { background-color: #62C55A;  }
.ikb-channel-icon-phone { background-color: #C76D1E;  }
.ikb-channel-icon-chat { background-color: #D55128;  }

/* ----------------------- */
/* color block for status, priority, type etc */
/* ----------------------- */

.ikb-content-state-pip { line-height: 24px; display: inline-block; height: 24px;  width: 24px; text-align: center; border-radius: 50%; text-transform: uppercase; font-size: 10pt; font-family: Arial; font-weight: bold; color:#aaa; background:#eee;  }


/* ----------------------- */
/* live search - suggestions panel shown below search as you type */
/* ----------------------- */

.ikb-search-suggest { font-family: Arial; font-size: 8pt; position: absolute; border: 1px solid #555; background: #333; line-height: 28px; }
.ikb-search-suggest .results { float: left;  width: 100%; color:#aaa;  }
.ikb-search-suggest .results .padding { float: left;  width: 100%; margin: 12px; }
.ikb-search-suggest .results a {  float: left; padding: 0; width: 100%; color:#666; text-decoration: none;  }
.ikb-search-suggest .results a .title { font-size: 10pt; font-weight: bold; color:#aaa; }
.ikb-search-suggest .results a:hover .title { color:#fff; }
.ikb-search-suggest .results a:hover { color:#aaa; background:#444; }

/* ----- Telerik Overrides */

.reCodeBlock { line-height: 20px !important;  border: 1px solid #eee !important; }

.TelerikModalOverlay { background-color: rgba(0,0,0,.7) !important; opacity: 1 !important; }
.RadWindow .rwCorner { width: 0 !important; }

/* editor */
.rad-editor-textarea textarea { font: normal 10pt Arial; color:#555; }

.RadEditor table,
.RadEditor.reWrapper table td {
    border: 0;
    padding: 0;
}

/* date input */
.RadPicker {  border: 0 !important; background:transparent; float: left; }
.RadPicker .rcTable { border: 0 !important; background:transparent; border-spacing: 0 !important; padding: 0 !important; margin: 0; margin-right: 6px; display: inline;  }
.RadPicker .rcTable td {  border: 0 !important; background:transparent;  padding: 0 !important; margin: 0 !important;  }

/* date picker */
.RadPicker_Default { float: left; width: 100%; line-height: normal;  border: 1px solid #ddd !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.RadPicker_Default .RadInput { background:#fff; border: 0; }
.RadPicker_Default .rcTable  { float: left;  border-spacing: 0 !important; margin: 0; padding: 0; border: 0 !important; }
.RadPicker_Default .rcTable td { margin: 0 !important; padding: 0 !important; margin: 0 !important; }

.RadPicker_Default .rcInputCell {  padding: 0 !important; }
.RadPicker_Default .RadInput .rad-date-picker { height: 26px !important; border: 0 !important; outline: 0!important; }
.RadPicker_Default .RadInput input { outline: 0; border: 0 !important; }

.RadPicker_Default .rcCalPopup { float: left; cursor: pointer; padding: 5px 7px; margin: 0 !important; border-left: 1px solid #ddd; background-color:#fff !important; }
.RadPicker_Default .rcCalPopup img { float: left; }
.RadPicker_Default .rcCalPopup:hover { background-color:#eee !important; }

.RadCalendarPopup .rcTable {border-color:#ddd !important; }
.RadCalendarPopupShadows { border: 0 !important; }
.RadCalendarPopupShadows>.rcShadTR, 
.RadCalendarPopupShadows>.rcShadBL, 
.RadCalendarPopupShadows>.rcShadBR { display: none; }

.RadCalendar_Default { border-collapse:collapse !important; border: 0 !important; background: #333 !important; color:#fff !important; }
.RadCalendar_Default a { color:#fff !important; }

.RadCalendar_Default .rcTitlebar td,
.RadCalendar_Default .rcTitlebar a { background-color:#444 !important; }
.RadCalendar_Default .rcTitlebar { color:#fff !important; }

.RadCalendar_Default .rcWeek td { color:#888 !important; background-color:#3a3a3a !important; }
.RadCalendar_Default .rcWeek th { color:#888 !important; border-color:#444 !important; background-color:#3a3a3a !important; }
.RadCalendar_Default .rcWeek .rcViewSel { padding: 6px !important; }

.RadCalendar_Default .rcTitlebar .rcFastPrev {  background-position: 4px -195px !important; }
.RadCalendar_Default .rcTitlebar .rcPrev { background-position: 6px -295px !important; }
.RadCalendar_Default .rcTitlebar .rcNext { background-position: 6px -395px !important; }
.RadCalendar_Default .rcTitlebar .rcFastNext { background-position: 4px -495px !important; }

.RadCalendar .rcTitlebar .rcPrev, 
.RadCalendar .rcTitlebar .rcNext, 
.RadCalendar .rcTitlebar .rcFastPrev, 
.RadCalendar .rcTitlebar .rcFastNext {  background-color:#666 !important; width: 20px !important; height: 20px !important; margin: 6px !important; border-radius: 50%; }
.RadCalendar .rcTitlebar .rcPrev:hover, 
.RadCalendar .rcTitlebar .rcNext:hover, 
.RadCalendar .rcTitlebar .rcFastPrev:hover, 
.RadCalendar .rcTitlebar .rcFastNext:hover {  background-color:#fff !important; }
.RadCalendar .rcTitlebar .rcTitle { min-width: 100px; padding: 0; }

.RadCalendar .rcTitlebar .rcPrev a, 
.RadCalendar .rcTitlebar .rcNext a , 
.RadCalendar .rcTitlebar .rcFastPrev a, 
.RadCalendar .rcTitlebar .rcFastNext a { padding: 6px !important;  }

.RadCalendar_Default .rcRow th { color:#666 !important; border-color:#444 !important; background-color:#3a3a3a !important; }

.RadCalendar_Default .rcMain td { border-radius: 50%; color:#fff;  border-color:#333 !important; }
.RadCalendar_Default .rcMain td:not(.rcSelected):hover { background: #555 !important; }
.RadCalendar_Default .rcMain td:hover a { color:#fff !important; }
.RadCalendar_Default .rcMain .rcToday { background: #444; color:#fff; }

.RadCalendar_Default .rcMain,
.RadCalendar_Default .rcTitlebar,
.RadCalendarMonthView_Default { border: 0 !important; }

.RadCalendar_Default .rcMain td,
.RadCalendar_Default .rcTitlebar td,
.RadCalendar_Default th,
.RadCalendarMonthView_Default { padding: 12px !important; cursor: pointer !important; }

.RadCalendar .rcWeek th { text-align: center !important; }

table.RadCalendarMonthView { border: 0 !important; border-spacing: 0 !important; }
.RadCalendarMonthView_Default { border-spacing: 0 !important; padding: 1px !important; background:#555 !important; }
.RadCalendarMonthView_Default td { background:#333;color:#fff !important; margin: 0 !important; padding: 6px !important; }
.RadCalendarMonthView_Default a {  color:#fff !important; float: left !important; padding: 4px !important; }
.RadCalendarMonthView_Default a:hover { text-decoration: none; }
.rcSelected { background: #62C55A;  color:#fff; }
.RadCalendar_Default .rcRow .rcSelected { border: 0 !important; background: #62C55A !important; }
.RadCalendarMonthView_Default .rcSelected a {border: 0 !important;  background: #666 !important; border-radius: 2px; }
.RadCalendarMonthView_Default input { padding: 6px; border: 0 !important;}

.RadCalendarMonthView_Default #rcMView_Feb, 
.RadCalendarMonthView_Default #rcMView_Apr, 
.RadCalendarMonthView_Default #rcMView_Jun, 
.RadCalendarMonthView_Default #rcMView_Aug, 
.RadCalendarMonthView_Default #rcMView_Oct, 
.RadCalendarMonthView_Default #rcMView_Dec {
    border-color:#555 !important;
}
/* textarea for twitter & Facebook replies */
.reLayoutWrapper { float: left; }
.RadEditorTextArea { width: auto !important; border: 1px solid #ccc; border-radius: 6px; padding: 12px; background:#fff; }
.RadEditorTextArea textarea {  padding: 0 !important; border: 0 !important; outline: 0 !important; font-size: 12pt; color:#222; background:#fff; height: 95% !important; overflow-y: auto; word-wrap: break-word; }
.RadEditorTextArea textarea:focus { background:#fff; outline: 0; border-color:#bbb; }

.rspResizeBar { border-left: 0 !important; }

/* ----------------------- */
/* statistics block (shown on profile page for user tickets) */
/* ----------------------- */

.ikb-stats-block { float: left; width: 100%; text-align: center;}
.ikb-stats-block h1 { color: #62C55A; margin: 12px 0; font-weight:normal; }

/* small box to inform user images have been disabled */
.ikb-box { float: left; color:#666; }
.ikb-box a { color:#4085FD !important; font-weight: bold; }
.ikb-box h6 { display: block; }
.ikb-box a:hover { color:#000000; }
.ikb-box i { font-size: 12pt; }
.ikb-box .padding { float: left; padding: 9px 9px; display: inline; }
.ikb-box .i-float-left { margin-left: 12px; }
.ikb-box .i-float-right { margin-right: 12px; }

.ikb-box-default {  background: #eee; border: 1px solid #ddd;  }
.ikb-box-danger { background:#FFDADA; border: 1px solid #ddd; }
.ikb-box-caution { background:#FFE6DA; border: 1px solid #ddd; }
.ikb-box-alert { background:#F9FFDA;  border: 1px solid #ddd; }
.ikb-box-dark { background:#444; color:#fff; }
.ikb-box-dark input { color:#fff; }

/* css applied to images removed from email tickets */
.disabled-image { opacity: 0.5; border: 1px solid #bbb; }
.disabled-image:hover { opacity: 1; }

/* ----------------------- */
/* large options in dialogs */
/* ----------------------- */

.ikb-dialog-choices { border-bottom: 1px solid #eee; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none;  }
.ikb-dialog-choices h1 { font-family:  open_sanslight; display: inline; margin: 0; }
.ikb-dialog-choices a { text-align: center; height: 100%; text-decoration: none; float: left; width: 100%; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ikb-dialog-choices a.last { margin-left: -1px; border-width:0; border-left-width: 0; border-color:#eee; border-style:solid; }
.ikb-dialog-choices a:hover { text-decoration: none; }
.ikb-dialog-choices a:hover .icon { -webkit-transform: rotate(-360deg);	-moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); -moz-animation:pulsate 0.5s;  }
.ikb-dialog-choices a .padding { padding: 82px 42px; }
.ikb-dialog-choices a .icon { display: inline-block; border-radius: 50%; background:#eee; color:#777; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ikb-dialog-choices a .icon i { float: left; width: 80px; height: 80px; padding: 24px; font-size: 82px; }
.ikb-dialog-choices .text { display: inline-block; width: 75%; }

/* user list wrapper shown in ViewUserInfo */
.ikb-view-members-label { line-height:normal; display:inline-block; background:#00A900; color:#fff; border-radius: 2px; margin-right: 4px; }
.ikb-view-members-label span { float: left; padding: 4px; }

/* calendar & time picker menu - used to select dates in menus */
.ikb-date-picker-menu { float: left; width: 590px; color:#fff; }
.ikb-date-picker-menu .calendar { float: left; }
.ikb-date-picker-menu .time-picker {  float: left; margin-left: 1px; width: 240px; }

/* ----------------------- */
/* article rating options */
/* ----------------------- */

.ikb-article-feedback {  text-align: center; border-radius: 6px; }
.ikb-article-feedback .i-type-bold { font-size: 12pt; }
.ikb-article-feedback .step-two { display: none; }
.ikb-article-feedback .thank-you { display: none; }
.ikb-article-feedback .thank-you .spacing { margin: 80px 0; }
.ikb-article-feedback .step-two .comments { width: 80%; height: 100px; }

.ikb-article-feedback-nav .i-float-left { margin: 9px; }
.ikb-article-feedback-nav .i-float-right { margin: 9px; }
.ikb-article-feedback-nav .i-btn i-btn-primary {  border: 0 !important; }
.ikb-article-feedback-nav a {  transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; }

.ikb-five-star-rating a { line-height: normal; display: inline-block; border-radius: 2px; border: 0; }
.ikb-five-star-rating a:hover { text-decoration: none;  }
.ikb-five-star-rating a .padding { float: left; padding: 12px; text-align: center; }
.ikb-five-star-rating a .text { font-size: 12pt; text-transform: uppercase; font-weight: bold; margin-left: 6px; }

.ikb-smiley-rating a { width: 100%; text-align: center; display: inline-block; border-radius: 6px; }
.ikb-smiley-rating a:hover { text-decoration: none; }
.ikb-smiley-rating a .padding { float: left; width: 100%; padding: 12px 0; text-align: center; }
.ikb-smiley-rating a .text { font-size: 12pt; text-transform: uppercase; font-weight: bold; }
.ikb-smiley-rating i { font-size: 82px; -webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);  }
.ikb-smiley-rating a:hover i { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: rotate(-360deg);	-moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);  }

.ikb-like-rating a { line-height: normal; display: inline-block; border-radius: 4px; }
.ikb-like-rating a:hover { text-decoration: none; }
.ikb-like-rating a .padding { float: left; padding: 9px; text-align: center; }
.ikb-like-rating a .text { font-size: 12pt; text-transform: uppercase; font-weight: bold; margin-left: 6px; }
.ikb-like-rating i { font-size: 16px }

/* user profile columns */
.content-left-one {float: left; width:75%;}
.content-left-two {float: right; width:24%;}
.content-right-one { float: left; width: 20%; }
.content-right-two { float: right; width: 79%; }

/* button to toggle responsive asides panel */
.responsive-asides-navigation { display: none;  }
.responsive-asides-navigation li, .responsive-asides-navigation li a { margin: 0 !important; }
.responsive-asides-navigation li a { line-height: normal; }
.responsive-asides-navigation li a i { font-size: 16px; }
.responsive-asides-navigation li a .fa-bars { margin-right: 12px;  }
.responsive-asides-navigation li a .padding{  float: left; padding: 12px 20px; }

/* used for article feedback */
.poll-bar { height: 40px; line-height: 36px; max-width: 80%; }
.poll-bar-inner { float: right; margin-right: 9px; white-space:nowrap; width: 30%; overflow: hidden; text-align: right; text-overflow: ellipsis; }

/* --------------------- */
/* staff only phone CSS */
/* --------------------- */

/* phone asides */
.ikb-asides-make-call { width: 500px; left: -500px; color:#ddd; }
.ikb-asides-make-call .i-auto-complete { text-align: left !important; }

/* phone dial used to make calls with twillo */
.ikb-phone-dial { float: left;  text-align: center; width: 100%;  display:block; margin: 0; padding: 0; list-style: none; }
.ikb-phone-dial li { float: left; width: 33.3333%; }
.ikb-phone-dial li a { text-decoration: none; line-height: 82px; width: 100%; display: inline-block;  font-family: open_sanslight, Arial Black, Arial, Tahoma; font-size: 19pt; color:#ddd; }
.ikb-phone-dial li a:hover { text-decoration:none;  color:#fff; }
.ikb-phone-dial li a:active { background: #666; }
.ikb-phone-dial li a span {  text-align: center;  }

.ikb-phone-dial-textbox { text-align: center; float: left; background-color:#333 !important; overflow: hidden; }
.ikb-phone-dial-textbox input { padding: 20px 0 !important; font-size: 12pt !important; text-align: center; background-color:#333 !important; color:#ddd; outline: 0; width: 100%; border: 0 !important; }
.ikb-phone-dial-textbox input:focus { background:#444 !important; }
.ikb-phone-dial-textbox textarea { padding: 0 !important; font-size: 12pt !important; text-align: left; background-color:#333 !important; color:#ddd; outline: 0; width: 97%; border: 0 !important; }
.ikb-phone-dial-textbox textarea:focus { background:#444 !important; }
.ikb-phone-dial-textbox input:focus, .ikb-phone-dial-textbox input:hover { color:#fff !important; }

.ikb-phone-dial-textbox .i-label-default { background:#444 !important; border-color:#444 !important; color:#fff !important; }
.ikb-phone-dial-textbox .ikb-recipient-box { float: none; display: inline-block; margin: 8px 0 7px 0; }

/* box shown when you select an item from the auto complete text box */
.ikb-recipient-box { line-height: 26px; border-radius: 2px; border: 1px solid #ddd !important; color:#000 !important; background:#eee !important; }
.ikb-recipient-box .text { line-height: 24px;  }

.ikb-call-log { background:#444; text-align: center;  }
.ikb-call-log .log { display: inline-block; padding: 12px; color:#fff; font-weight: bold; }

/* incoming call alert */
.ikb-incoming-call {  width: 300px !important; position: fixed; top: 12px; left: 40%; }
.ikb-incoming-call i { font-size: 20pt; }

.ikb-speaking-with { line-height: 22px; color:#fff; }
.ikb-speaking-with .padding { float: left; padding: 12px !important; }
.ikb-speaking-with a { display: inline-block; background:#444; border-radius:2px; text-decoration: none !important; color:#fff !important; font-size: 8pt; }
.ikb-speaking-with a:hover { background: #666; }
.ikb-speaking-with a span { float: left; padding: 4px 8px; }

/* timer / stop watch within ticket replies */
.ikb-stop-watch { float: left; width: 100%; text-align :center; }
.ikb-stop-watch .timer-text { font-family: open_sanslight, Arial Black, Arial, Tahoma; font-size: 20pt; line-height: 50px; color:#fff;  }

/* fixed widget buttons (staff edit button, back to top, submit ticket) */
/* fixed at the bottom of key pages */
.ikb-fixed-widgets { position: fixed; bottom: 12px; left: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }
.ikb-fixed-widgets-right { left: auto !important; right: 12px !important; }
.ikb-fixed-widgets a { float: left; border: 0; border-right-width: 1px; border-style: solid; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }
.ikb-fixed-widgets a:last-child { border-right-width: 0 !important; }
.ikb-fixed-widgets a span { float: left; padding: 12px; }
.ikb-fixed-widgets a .fa { font-size: 14pt !important; }
.ikb-fixed-widgets-hidden {opacity: 0; bottom: -100px; }

.ikb-admin-fixed-widgets { left: 8px;  }
.ikb-admin-fixed-widgets a { background-color:transparent !important; }
.ikb-admin-fixed-widgets a:hover { background-color:#777 !important; }

/* ---------------------------------------------
Documentation Skin
----------------------------------------------*/

/* main wrapper */
.docs { overflow-x: hidden; }

.docs .i-footer { margin-top: 24px; border-top: 1px solid #ddd; }

.docs .ikb-article-list { margin-left: 24px; padding: 0; list-style: disc; }
.docs .ikb-article-list li { display: list-item; }
.docs .ikb-article-list li:last-child { margin-bottom: 24px; }
.docs .ikb-article-list .i-btn { display: none; }
.docs .ikb-article-list a.title:hover { text-decoration: underline; }

/* loader */

.docs-loader { top: 0; left: 0; position: fixed; z-index: 200; opacity: 1; width: 100%; color:#B40950; height: 100%; background:#fff; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out; }
.docs-loader-hidden { visibility: hidden; opacity: 0; }
.docs-loader .fa { margin-top: 220px; font-size: 40pt;  }

/* header */

.docs-header { border:0; border-bottom-width: 1px; border-style:solid; line-height:normal; }
.docs-header h4 {  color: #fff;  display: inline; margin: 0; padding:0; line-height: normal; }
.docs-header ul { float: left; padding: 0; margin: 0; list-style:none; }
.docs-header ul li { float: left; margin: 0; padding: 0; }
.docs-header a.btn { float: left; font-weight: normal; line-height: normal; }
.docs-header a.btn span { float: left; padding: 14px; }
.docs-header a.btn img { float: left; }
.docs-header .i-tooltip,
.docs-header .i-menu-link  { float: left; }

.docs-tbl {  float: left; width: 100%; height: 100%; border-spacing: 0; }
.docs-tbl td { margin: 0; padding: 0; height: 100%; }

/* search box */

.docs-search { float: left; margin: 7px 12px 7px 12px; }
.docs-search .i-search-input { width: 100%; height: auto; background-color:transparent !important; border-color: transparent !important; border: 0 !important; }
.docs-search .i-search-input input { width: 250px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; border-width: 0; border-style: solid; display: block; margin: 0; font-size: 8pt; padding: 0 0 0 16px; outline: none; background:rgba(255,255,255,0.7); -webkit-transition: width 0.1s ease-out; -moz-transition: width 0.1s ease-out; -o-transition: width 0.1s ease-out; transition: width 0.1s ease-out; }
.docs-search .i-search-input input:hover { font-size: 8pt; background:rgba(255,255,255,0.7); }
.docs-search .i-search-input input.active { width: 600px; background:rgba(255,255,255,1); }

/* search button */

.docs-search .i-search-button { width: 32px;  height: 26px; text-align: center;  border-top-right-radius: 16px; border-bottom-right-radius: 16px; margin: 0; }
.docs-search .i-search-button span { padding: 0; display: inline-block; width: 100%; }
.docs-search .i-search-button i { font-size: 8pt; margin-right: 6px; line-height:26px;  }

.docs-mobile-search { display: none; text-align: center; }
.docs-mobile-search .i-search-input { float: none; display: inline-block; margin: 12px 0; width: 95%;  }

/* toc */

.docs-toc {  vertical-align: top; height: 100%;  overflow: auto; }
.docs-toc .content { margin: 16px 6px; }
.docs-toc .i-tree ul li {  white-space: nowrap !important; }

.docs-toc::-webkit-scrollbar { width: 10px; }
.docs-toc::-webkit-scrollbar-thumb:vertical { margin: 10px; background-color: #ccc; -webkit-border-radius: 0px; }
.docs-toc::-webkit-scrollbar-thumb:horizontal { margin: 10px; background-color: #ccc; -webkit-border-radius: 0px; }
.docs-toc::-webkit-scrollbar-button:start:decrement,
.docs-toc::-webkit-scrollbar-button:end:increment {
  height: 10px;
  display: block;
}

/* body */

.docs-body { float: left; position: relative; }
.docs-body .content { width: 97%; margin: 24px auto 0 auto; }

.docs-body .docs-bread-crumb { font-size: 8pt;  }
.docs-body .docs-page-title h1 { display: inline; font-family:open_sanslight; -webkit-font-smoothing: subpixel-antialiased; font-weight: normal; }
.docs-body .docs-page-title .i-spacing { margin: 32px 0 12px 0; }
.docs-body .docs-page-title .i-label { margin-left: 12px; margin-top: -12px; }
.docs-body .docs-page-title a.i-btn span { border: 0; padding: 9px; }
.docs-body .i-bread-crumb .sep { opacity: .5;  }

.docs-body .ikb-article-opts { margin: 0; }
.docs-body .ikb-article-opts .i-row { width: auto; margin: 0; margin-left: 6px; }
.docs-body .ikb-article-opts-header { display: none; }
.docs-body .ikb-article-opts .icon i {  padding: 9px; }


/* toggle TOC for responsive documentation view */
.docs-toggle-toc-link { display: none; }

.i-menu .ikb-article-feedback { margin: 0 !important; background:transparent; }
.i-menu .ikb-article-feedback .center { width: 98%; }

/* -------------------------------
PrettyPrint. Used with prettify.js. 
-------------------------------- */

pre.prettyprint {
    max-width: 85%;
    padding: 12px !important;
    overflow-y: auto;
    font-family: "Consolas",monospace;
    white-space: pre;
    border: 1px dashed #ccc !important;
    background:#F3F3F3;
}

/* SPAN elements with the classes below are added by prettyprint. */
pre.prettyprint .pln { color: #000 }  /* plain text */

@media screen {
    pre.prettyprint .str { color: #a31515; }  /* string content */
    pre.prettyprint .kwd { color: #00f; }  /* a keyword */
    pre.prettyprint .com { color: green; }  /* a comment */
    pre.prettyprint .typ { color: #2b91af; }  /* a type name */
    pre.prettyprint .lit { color: #066; }  /* a literal value */
    /* punctuation, lisp open bracket, lisp close bracket */
    pre.prettyprint .pun,  pre.prettyprint .opn,  pre.prettyprint .clo { color: #660; }
    pre.prettyprint .tag { color: #008; }  /* a markup tag name */
    pre.prettyprint .atn { color: #606; }  /* a markup attribute name */
    pre.prettyprint .atv { color: #080; }  /* a markup attribute value */
    pre.prettyprint .dec, .var { color: #606; }  /* a declaration; a variable name */
    pre.prettyprint .fun { color: red; }  /* a function name */
}

/* Use higher contrast and text-weight for printable form. */
@media print, projection {

    pre.prettyprint .str { color: #a31515 }  /* string content */
    pre.prettyprint .kwd { color: #00f }  /* a keyword */
    pre.prettyprint .com { color: green }  /* a comment */
    pre.prettyprint .typ { color: #2b91af }  /* a type name */
    pre.prettyprint .lit { color: #066 }  /* a literal value */
    /* punctuation, lisp open bracket, lisp close bracket */
    pre.prettyprint .pun,  pre.prettyprint .opn,  pre.prettyprint .clo { color: #660 }
    pre.prettyprint .tag { color: #008 }  /* a markup tag name */
    pre.prettyprint .atn { color: #606 }  /* a markup attribute name */
    pre.prettyprint .atv { color: #080 }  /* a markup attribute value */
    pre.prettyprint .dec, .var { color: #606 }  /* a declaration; a variable name */
    pre.prettyprint .fun { color: red }  /* a function name */
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

/* -------------------------------
/PrettyPrint. Used with prettify.js. 
-------------------------------- */

/* -------------------------------
DiffTable
-------------------------------- */

.ikb-diff-pane-container { float: left; width: 50%; }
.ikb-diff-pane { overflow: auto; font-family: Courier New; font-size: 1em; color:#000; }

/* scrollbar */
.ikb-diff-pane::-webkit-scrollbar { background:#f8f8f8; width: 10px; height: 12px; }
.ikb-diff-pane::-webkit-scrollbar-thumb:vertical { margin: 0 12px; background-color: #aaa; -webkit-border-radius: 12px; }
.ikb-diff-pane::-webkit-scrollbar-thumb:horizontal { margin: 12px 0; background-color: #aaa; -webkit-border-radius: 12px; }
.ikb-diff-pane::-webkit-scrollbar-button:start:decrement,
.ikb-diff-pane::-webkit-scrollbar-button:end:increment { height: 0; display: block; }

.ikb-diff-table { float: left; width: 100%; height: 100%; line-height:normal; }
.ikb-diff-table .line { padding-left: .2em; white-space: nowrap; width: 100%; -moz-user-select: text; -ms-user-select: text; -webkit-user-select: text; user-select: text; }
.ikb-diff-table .lineNumber { -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none;  font-weight: bold; padding: 0 .3em; background-color: #fff; border-right: 1px solid #ddd; color:#aaa; text-align: right; }

.ikb-diff .InsertedLine { background-color: #FFFF00; }
.ikb-diff .ModifiedLine { background-color: #DCDCFF; }
.ikb-diff .DeletedLine { background-color: #FFC864; }
.ikb-diff .UnchangedLine { background-color: #FFFFFF; }
.ikb-diff .ImaginaryLine { background-color: #C8C8C8; }
.ikb-diff .InsertedCharacter { background-color: #FFFF96; }
.ikb-diff .DeletedCharacter { background-color: #C86464; }
.ikb-diff .UnchangedCharacter {}
.ikb-diff .ImaginaryCharacter {}
.ikb-diff .i-label { margin-left: 6px; }
    

/* ------------------------------- 
 anchorific auto-anchors in articles (h1, h2, h3 etc) 
-------------------------------- */

a.anchor {text-decoration: none !important; padding-left: 1%; opacity: 0; text-indent: -50000px; }
a.anchor:after { color:#000; font: normal normal normal 16px/1 FontAwesome; content: "\f0c1"; }
a.anchor:hover:after { color:#000; }

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

.anchorific ul {
    list-style-type: none;
}
.anchorific li ul {
    list-style-type: none;
    display: none;
}
.anchorific ul li a {
    font-size: .8em;
    display: block;
    background-color: #f7f7f7;
    margin-bottom: 3px;
    padding-left: 5px;
}
.anchorific li.active > a {
    border-right: #e54339 2px solid;
}
.anchorific li.active > ul {
    display: block;
}

/* table templates used within articles */

table.kb-table-one { background:#f8f8f8; border: 1px solid #ccc;  border-spacing: 0; }
table.kb-table-one tr td { border-bottom: 1px solid #fff; }
table.kb-table-one tr:first-child td { font-weight: bold; background:#ddd; border-bottom: 1px solid #ccc; }
table.kb-table-one tr:last-child td { border-bottom: 0; }
table.kb-table-one td { padding: 9px;  }
table.kb-table-one tr:nth-child(odd) {background: #eee}

table.kb-table-two { background:#fff; border: 1px solid #ccc; border-spacing: 0; }
table.kb-table-two tr td { border-bottom: 1px solid #fff; }
table.kb-table-two tr:first-child td { font-weight: bold; background:#4F7EB8; color:#fff; border-bottom: 1px solid #ccc; }
table.kb-table-two tr:last-child td { border-bottom: 0; }
table.kb-table-two td { padding: 9px;  }
.kb-table-two tr:nth-child(odd) {background: #eee}

table.kb-table-three { background:#fff; border: 1px solid #ccc; border-spacing: 0; }
table.kb-table-three tr td { border-bottom: 1px solid #fff; }
table.kb-table-three tr:first-child td { font-weight: bold; background:#62C55A; color:#fff; border-bottom: 1px solid #ccc; }
table.kb-table-three tr:last-child td { border-bottom: 0; }
table.kb-table-three td { padding: 9px;  }
table.kb-table-three tr:nth-child(odd) {background: #eee}

table.kb-table-four { background:#f8f8f8; border: 1px solid #ccc; border-spacing: 0; }
table.kb-table-four tr td { border-bottom: 1px solid #ddd;  }
table.kb-table-four tr:first-child td { font-weight: bold; background:#242424; color:#fff; border-bottom: 1px solid #aaa; }
table.kb-table-four tr:last-child td { border-bottom: 0; }
table.kb-table-four td { padding: 9px;  }
table.kb-table-four tr:nth-child(odd) {background: #eee; }

table.kb-table-five { background:#EAF5FF; border: 1px solid #ccc; border-spacing: 0; }
table.kb-table-five tr td { border-bottom: 1px solid #ddd;  }
table.kb-table-five tr:first-child td { font-weight: bold; background:#9EBED8; color:#fff; border-bottom: 1px solid #aaa; }
table.kb-table-five tr:last-child td { border-bottom: 0; }
table.kb-table-five td { padding: 9px;  }
table.kb-table-five tr:nth-child(odd) {background: #F1F5F9; }

table.kb-table-six { background:#F6FFF8; border: 1px solid #C0DBC5; border-spacing: 0; }
table.kb-table-six tr td { border-bottom: 1px solid #C0DBC5;  }
table.kb-table-six tr:first-child td { font-weight: bold; background:#7ACC8B; color:#fff; border-bottom: 1px solid #aaa; }
table.kb-table-six tr:last-child td { border-bottom: 0; }
table.kb-table-six td { padding: 9px;  }
table.kb-table-six tr:nth-child(odd) {background: #EEFCF1; }

/* resiweb */

.resiweb-contact-form { display: block; z-index: 1; position: fixed; bottom: 0;  width: 100%;border-top: 1px solid #ccc;  background: #eee; }
.resiweb-contact-form table {  width: 100%; }
.resiweb-contact-form td { padding: 9px; }
.resiweb-contact-form td.left { width: 80%;  }
.resiweb-contact-form td.right {vertical-align: top; width: 20%;  }
.resiweb-contact-form textarea {padding: 6px; font: normal 10pt Arial; width: 100%;height: 80px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;  transition: all 0.2s ease-in; }

.resiweb-contact-form .btn-upload { cursor: pointer; padding: 6px 0; display: block; width: 100%; }
.resiweb-contact-form .btn-submit { cursor: pointer; padding: 6px 0; display: block;height: 50px; width: 100%; }

.resiweb-contact-form div.upload {cursor: pointer; height: 30px; float: left; width: 100%;position: relative;overflow: hidden;margin-bottom: 6px; }
.resiweb-contact-form div.upload button { cursor: pointer; position: absolute;left: 0;top: 0; z-index: 1; }
.resiweb-contact-form div.upload input { cursor: pointer; position: absolute;left: 0;opacity: 0; padding: 9px; top: 0; z-index: 2; }