body {
    /*padding-top: 70px;*/
    padding-bottom: 0px;
    font-family: Polaris-Medium, Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
}

.bold-text {
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

@font-face {
    font-family: 'Polaris-Medium';
    src: url('../fonts/Polaris-Medium.eot') format('embedded-opentype');
    src: url('../fonts/Polaris-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Polaris-Heavy';
    src: url('../fonts/Polaris-Heavy.eot') format('embedded-opentype');
    src: url('../fonts/Polaris-Heavy.woff') format('woff');
}

@font-face {
    font-family: 'Polaris-Bold';
    src: url('../fonts/Polaris-Bold.eot') format('embedded-opentype');
    src: url('../fonts/Polaris-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Polaris-Light';
    src: url('../fonts/Polaris-Light.eot') format('embedded-opentype');
    src: url('../fonts/Polaris-Light.woff') format('woff');
}

@font-face {
    font-family: 'Polaris-Book';
    src: url('../fonts/Polaris-Book.eot') format('embedded-opentype');
    src: url('../fonts/Polaris-Book.woff') format('woff');
}

.pricing {
    font-family: Polaris-Heavy, Arial;
    font-size: 500%;
}

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.text-caption {
    font-size: .8em;
    margin: 5px 0 0 10px;
}

.text-required {
    font-size: .85em;
}

.textbox-disabled {
    background-color: #fafafa;
    color: #444;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.img-center { display: block; margin-left: auto; margin-right: auto; }

.img-feature {
    height: 225px;
    background-position: center;
    background-color: black;
}

.img-feature1 {
/*    background-image: url('http://24.media.tumblr.com/b273172b94f360682fe9d9b5b78ad672/tumblr_mr80a1mhlR1st5lhmo1_1280.jpg'); */
    height: 225px;
    background-position: center;
    background-color: black;
/*    background-repeat: no-repeat; */
}
.img-feature2 { 
/*     background-image: url('http://24.media.tumblr.com/408fbfeae2d8590512b9fc9cc6207090/tumblr_mr807bH7hh1st5lhmo1_1280.jpg'); */
    height: 225px;
    background-position: center;
    background-color: black;
/*    background-repeat: no-repeat; */
}
.img-feature3 { 
/*     background-image: url('http://31.media.tumblr.com/11d494e09d78f3979af67e256862e85b/tumblr_mr80f71qQe1st5lhmo1_1280.jpg'); */
    height: 225px;
    background-position: center;
    background-color: black;
/*    background-repeat: no-repeat; */
}

/* override Kendo UI style*/
th {
    /*font-weight: bold !important;*/
    color: #a8a8a8;
}

/* force bootstrap style on all drop downs */
/*select{
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}*/

/* override bootstrap alert changed bottom margin from 20px to 0px */
.alert {
    margin-bottom: 0px;
    position: absolute;
    z-index: 9999;
}

.message-area {
    position: relative;
}

/* Use to display content (e.g. Progress Bar) in vertical and horizontal center of page. */
.centered {
    position: fixed; /* or absolute */
    top: 50%;
    left: 50%;
    z-index: 1000;
}

/* Use to display content (e.g. Progress Bar) in horizontal center and 115 px from top of page. */
.centered-top {
    position: fixed; /* or absolute */
    top: 115px;
    left: 50%;
    z-index: 1000;
}

.indent-left {
    margin-left: 10px;
}

.normal-font{
    font-weight: normal !important;
}

.form-margin-top
{
    margin-top: 10px;
}

/* display mouse pointer for filter expand / collapse areas */
.filter-icon, .filter-text {
    cursor: pointer;
}

/* Adjust kendo style k-sprite so font-size and line-height so images display */
.k-sprite {
    text-indent: 0;
    font-size: 1.15em;  /* 1.25em */  
    line-height: 1.25em;  /* 1em */
    padding-right: 5px;
}

/*select {
  background-color: #ffffff !Important;
  border-color: #e7e7e7 !Important;
    color: #333333 !Important;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !Important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !Important;
  -moz-border-radius: 4px !Important;
  -webkit-border-radius: 4px !Important;
  border-radius: 4px !Important;
  -webkit-box-shadow: none !Important;
  box-shadow: none !Important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !Important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !Important;
}*/

/* 2019-09-27 Removed as impacted Roadmap Gantt Edit Popup - need to check other forms and make sure not impacted by commenting this override out. */
/*.k-edit-form-container {
    width: 100% !important;
}*/

/* overrides font family for Kendo UI widgets */
.k-content, .k-raw-content {
    font-family: Polaris-Medium, Arial;
}

.k-window-title{
    line-height: 20px;
}

th.k-header {
    /*font-family: Polaris-Heavy, Arial;*/
    color: #a8a8a8;
}

.comment {
    margin: 10px 0px 20px 0px;
    line-height: 1.5;
}

.idiotware-footer{
    color: #ccc;
}

.profile-header {
    font-family: Polaris-Heavy;
    padding-right: 10px;
    line-height: 20px;
}

.profile-title {
    line-height: 20px;
}

.time-report-footer-total{
    font-family: Polaris-Heavy;
    text-align: right;
    color: #a8a8a8 !important;
}

input.time-report-footer-total{
     background-color: #f9f9f9;
}

.form-group{
    margin-bottom: 5px;
}

.document-menu:hover{
    color: #3B73B9;
    cursor: pointer;
}

.comment-header-group {
    /*padding: 12px 0 0 30px;   Enable once Avatar added back */
    padding: 12px 0 0 0px;
    margin-left: -10px; /* Remove once Avatar added back.*/ 
}

/* override style for specific Kendo UI widgets */
.k-textbox, .k-combobox, .k-input, .k-datepicker {
    width: 100%;
}

.k-numerictextbox {
    width: 50%;
}

/* override the style for tools area of the Kendo UI textarea */
table.k-editor {
    height: 0px;
}

/* grid override formatting */
th.k-header {
    line-height: 2em;
    padding: .4em .5em .1em .5em !important;
}

/* grid override formatting */
.k-grid td {
    padding: .4em .5em .1em .5em !important;
    line-height: 1.8em;
}

#gridSkill .k-grid-content, #gridActivityStreamSkill .k-grid-content {
    max-height: 250px !important;
}

.k-gantt .k-grid-content tr, .k-gantt-rows tr, .k-gantt-tasks tr {
    height: 2.5em;
}

.k-gantt .k-task-template {
    padding: .543em 1.4em .543em .6em;
}

.k-task-wrap {
    margin-top: 3px;
 }

.k-gantt-toolbar > .k-gantt-views > li.k-state-selected{
    border-bottom-color: none;
    border-bottom: 0px;
}

.k-gantt > .k-header li {
    border:0px;
    height: 20px;
    line-height: 20px;
    padding: 0px;
}

.k-gantt-toolbar li .k-link{
    line-height:0px;
}

.k-gantt-toolbar{
    line-height: 28px;
}

.k-gantt-toggle{
    line-height: 0px;
}

.k-gantt-toolbar .k-button{
    border-color: #dcdcdc !important;
}

.k-link>.li{
    display: inline-block;
}

.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover {
    background-color: #fafafa;
    border-color: #fafafa;
}

/* remove opacity of 0.5 for default for dropdowns/multiselect */
.k-dropdown-wrap .k-readonly, .k-multiselect-wrap .k-readonly {
    opacity: 1;
}

.k-dropdown {
    border: 1px solid #f0f0f0;
}

/* Removes extraneous space in kendo drop down lists from .17857143em to .07857143em */
.k-dropdown-wrap .k-input {
    padding: .07857143em 0;
}

.mobile-width {
    width: 150px;
}

.standard-width {
    width: 250px;
}

@media only screen and (max-width: 1024px) {
    .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
        display: inline-block;
        border-width: 1px;
    }
}

@media only screen and (max-width: 1024px) {
    .k-gantt-toolbar>ul.k-gantt-views>li.k-current-view>.k-link {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
        display: inline-block;
    }
}

@media only screen and (max-width: 1024px) {
    .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
        display: inline-block;
    }
}

/* Idiotware Blue (75% opacity) for Gantt Bar not complete */
.k-task-single {
    background-color: rgba(59, 115, 185, 0.75);
}

/* Idiotware Blue for Gantt Bar percent complete */
.k-task-complete {
    background-color: #3B73B9;
    /*background-color: #51B848;*/
}

/* grid override formatting */
.k-pager-wrap {
    line-height: 1.2em;
    padding: 0 !important;
}

/* grid override formatting */
.k-pager-info {
    padding: 0, .2em, 0, 0 !important;
}

/* override the style for textarea content - default for all text areas */
.k-editor .k-editable-area {
    height: 125px;
}

/* override the style for textarea content - apply style to individual element (see Business Case Section Popup's Document Ready for example */
.textarea-100 {
    height: 100px !important;
}

.textarea-150 {
    height: 150px !important;
}

.textarea-175 {
    height: 175px !important;
}

.textarea-200 {
    height: 200px !important;
}

/* override the style for textarea content - apply style to individual element (see Business Case Section Popup's Document Ready for example */
.textarea-medium {
    height: 250px !important;
}

/* override the style for textarea content - apply style to individual element (see Business Case Section Popup's Document Ready for example */
.textarea-large {
    height: 500px !important;
}

#gridPrintInvoice .k-grid-header .k-header, #gridPrintInvoice .k-grid-header .k-header .k-link, #gridPrintInvoice .k-grid-header .k-link, #gridPrintInvoice .k-grid-header .k-link:link {
    color: #fff;
    font-weight:800;
    background-color: #293983;
}

/* override grid spacing */
/*.k-grid td {
    padding: 0px 0px 0px 0px;
}*/

/* override spacing in toolbar */
.k-editor-toolbar .k-button-group .k-tool {
    height:24px !important;
    line-height:24px !important;
    width:36px !important;
}

/* override toolbar color picker settings */
.k-colorpicker .k-tool-icon {
    top:0px;
    padding-top:0px;
}

/* override grid group header to match primary button color */
.k-grouping-header{
    background-color: #337ab7;
}

/* NOT WORKING: This selector is supposed to be specific to the Message text area used to submit comments */
#Message .k-editor .k-editable-area {
    height: 92px;
}

/* NOT WORKING: This selector is supposed to be specific to the comment1 text area used to submit comments */
#comment1 .k-editor .k-editable-area {
    height: 25px;
}

.form-control {
    font-size: 95%;
}

.control-label {
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif;
}

.k-button, .k-input[type=text], .k-input[type=number], .k-input.k-readonly, .k-picker-wrap .k-input, .k-textbox, .k-textbox>input {
    font-size: 95%;
}

/* Override Kendo Checkbox style - adjusting from 16 px down to 12 px */ 
.k-checkbox-label{
    line-height: 20px;
    margin-top: 5px;
}

.k-treeview .k-checkbox-label {
    line-height: 20px;
    margin-top: -2px;
}

.k-check-all .k-checkbox-label:before{
    height: 18px;
    width: 18px;
}

.k-check-all .k-checkbox:indeterminate + .k-checkbox-label:after {
    top: 4px;
    left: 4px;
}

.select-content .k-input {
    text-align: right;
    padding-right: 2px;
}

/*.k-treeview .k-checkbox::before {
    height: 18px;
    width: 18px;
}*/

/*.k-checkbox-label:before {
    font: 0.9em WebComponentsIcons,monospace;
    width: 0.9em;
    height: 0.9em;
    font-size: 0.9em;
    line-height: 0.9em;
}

.k-checkbox-label{
    margin-top: 0px;
    padding-left: 20px;
    line-height: 16px;
    vertical-align: unset;
}

#FilterOrgStructureId .k-checkbox-label {
    margin-top: 0px;
    padding-left: 20px;
    line-height: 40px;
    vertical-align: middle;
    color: red;
}*/

/* Avatars */
.avatar-lg{
    width: 75px;
    height: 75px;
    float: left;
    margin-right: 10px;
}

.avatar-md{
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
}

.img-circle {
    border-radius: 50%;
}

.profile-dropdown{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.product-logo{
    padding:  10px 40px 0 0;    /* top 10px, right 40px */    
    height: 40px;   
}

.product-pricing-logo {
    /*padding: 10px 40px 0 0;  top 10px, right 40px */
    height: 60px;
}

#TimeEntryGrid{
    font-size: 95%;
}

#TimeEntryGrid span.k-icon.k-edit{
    background-image: none;
    padding: 0px;
    width: 15px;
}

#TimeEntryGrid .k-edit-button{
    padding: 0px;
    border: none;
}

.space-below-sm{
    margin-bottom: 15px;
}

.time-entry-row{
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: solid 1px lightgray !important;
    font-size: 95%;
}

.time-entry-label{
    text-align: left !important;
    margin-left: 15px;
}

.time-entry-control{
    margin-left: 15px;
}

.comment-label{
    margin-left: -22px !important;
}

.comment-control{
    margin-left: -30px !important;
}

/*#commentListView.k-listview {
    border: solid 0px white;
}*/

.comment-list.k-listview {
    border: solid 0px white;
}

.time-entry {
    width: 100%;
}

.time-report-entry{
    text-align: right;
}

#timeEntryListView.k-listview {
    border: solid 1px lightgray;
}

.bold
{
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.help-text{
    line-height:1.5em;
}

.text-investment{
    cursor: pointer;
}

.help-text-highlight{
    color:#3B73B9;          /* Idiotware Blue */
}

.mobile-logo{
    margin-left: 12px;
    margin-right: -28px;
    color: #fff;
}

/* Overrides Bootstrap style */
@media {
    .container {
        max-width: 1600px;
        width: 95%;
    }
}

/* Styles the Placeholder value for Kendo Multiselect fields */
/*.k-multiselect-wrap>.k-input {
   color: #999; 
}*/

/*.dropdown-menu {
    font-size: 1.1em;
}*/

.nav {
    font-size: 1.1em;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100%;
}

.navbar-inverse {
    background-color: #000;
    border-color: #000;
}

.menu-item{
    padding: 10px;
    padding-left: 30px;
    font-family: Polaris-Book;
}

.menu-item a{
    text-decoration:none;
    color:#3B73B9;
}

a {
    color: #3B73B9;
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
        color: #3B73B9;
        cursor: pointer;
    }

.tagline {
    text-transform: uppercase;
    /*font-size:.9em;*/
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    color: #3B73B9; /*#555;*/
    border-bottom: 1px solid #dcdcdc;
}

.k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
    line-height: 2.5em;     /* override from 3.5em */
}

.k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-selected, .k-state-selected > .k-link {
    color: #293983; /*#3f51b5;*/
    font-family: Polaris-Bold;
    font-weight: bold;
}

.k-button.k-button-icontext.k-grid-edit, .k-button.k-button-icontext.k-grid-add, .k-button.k-button-icontext.k-primary.k-grid-update, .k-button.k-button-icontext.k-grid-cancel, .k-button.k-button-icontext.k-grid-delete, .k-button.k-button-icontext {
    display: inline-block;
    padding: 6px 12px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 0px; /*square edges*/
    text-transform: capitalize;
}

.custom-grid-button{
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 0px;     /*square edges*/
    text-transform: capitalize !important;
}

.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    color: #000;
    background-color: #fafafa;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-splitbar {
    background-color: #e6e6e6;
}

.k-button.k-button-icontext.k-grid-edit,
.k-button.k-button-icontext.k-grid-add,
.k-button.k-button-icontext.k-grid-delete,
.k-button.k-button-icontext.k-primary.k-grid-update,
.k-button.k-button-icontext.k-grid-cancel,
.k-button.k-button-icontext {
    background: #fafafa;
    color: #000;
}

.k-button.k-button-icontext.k-grid-save-changes,
.k-button.k-button-icontext.k-grid-cancel-changes,
.k-button.k-button-icontext.k-grid-excel,
.k-button.k-button-icontext,
.k-button.k-button-icontext.k-grid-pdf {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #337ab7;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 0px; /*square edges*/
    text-transform: capitalize;
}

/* apply to bootstrap label to give look and feel of bootstrap badge*/
.label-as-badge {
    margin-left:10px;
    font-size: 100%;
    border-radius: 1em;
}

.filter-row{
    margin-bottom:20px;
}

.create-modify-info{
    padding-bottom:8px;
}

.dashboard-widget-header{
    font-size:.9em;
    color:#777;
}

.dashboard-highlight{
    font-size:1.5em;
    color:#3B73B9;
}

.dashboard-widget-border{
    border-radius:4px;
}

.dashboard-small{
    padding:24px 20px;
}

.dashboard-medium{
    padding:24px 20px;
    height:300px;
}

.dashboard-medium-2x{
    padding:24px 20px;
    height:600px;
}

.dashboard-large{
    padding:24px 20px;
    height:400px;
}

.dashboard-xlarge{
    padding:24px 20px;
    height:550px;
}

/* Pair next to two dashboard-medium widgets */
.dashboard-xxlarge {
    padding: 24px 20px;
    height: 625px;
}

.dashboard-maximize {
    padding: 24px 20px;
    height: calc(100vh - 150px);
}

.underline-dotted {
    border-bottom: .15em dotted #3B73B9;
}

.popup-top-fixed {
    padding: 0 0 0 0;
    height: 36px;
    line-height: 36px;
    width: 100%;
    position: fixed;
    top: 36px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fafafa;
    z-index: 1000;
}

.popup-icon-bar {
    background-color: #3B73B9;
}

.popup-body{
    margin-left:230px;
    padding:15px;
}

@media only screen and (max-width: 992px) {
    .popup-body {
        margin-left: 0;
        margin-top: 36px;
        float: left;
        width:90%;
    }
}

.page-top-fixed{
    padding: 0 0 0 15px;
    height: 50px;
    line-height:50px;
    width: calc(100% - 230px);
    position:fixed;
    left:230px;
    top:50px;
    border-bottom:1px solid #dcdcdc;
    background-color:#fafafa;
    z-index:1000;
}

.page-top-fixed-full {
    margin: -15px -15px 15px -15px;
    height: 50px;
    line-height: 50px;
    width: calc(100%+30px);
    position: relative;
    left: 0px;
    top: 0px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fafafa;
    z-index: 1000;
}

.page-top-fixed-xs{
    left:0px;
    width: 100%;
}

.page-body{
    margin-top:70px;
}

.page-title {
    line-height: 50px;
    font-size: 1.25em;
    float: left;
    color: #fff;
    margin-left: 15px;
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* header template for PDF report export */
.page-template .header {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    border-bottom: 1px solid #ccc;
    color: #888;
}

/* footer template for PDF report export */
.page-template .footer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border-top: 1px solid #ccc;
    text-align: left;
    color: #888;
}

.table-header{
    background-color: #293983;
    color: white;
    font-weight:bold;
}

.left-nav{
    border:1px solid #e1e1e8;
    padding:10px;
    margin-bottom: 10px;
    border-radius:5px;
    background-color:#f7f7f9;
}

/* fade on slider */
.carousel-fade .carousel-inner .item {
  opacity: 1;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
    /*-webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    transition-property: opacity;*/
}
.carousel-fade .carousel-inner .active {
  opacity: 1 !important;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.popup-footer{
    border-top:1px solid #dcdcdc;
    background-color:#f9f9f9;
    margin:17px -17px -17px -17px;
    padding:10px;
}

.bs-callout-info {
    background-color: rgba(41, 57, 131, 0.1);           /* Idiotware Indigo 0.1 opacity */
    border-color: #3B73B9;                                        /* Idiotware Blue*/
}

/* override Kendo UI window title bar */
.k-window-titlebar, .k-window-actions {
    background-color: #3B73B9;                              /* Idiotware Blue*/
}

.idiotware-indigo{
    color: #293983;
}

.idiotware-indigo-bg{
    background-color: #293983;
}

.idiotware-indigo-bg-light {
    background-color: rgba(41, 57, 131, 0.1);
}

.idiotware-indigo-bg-light-opacity {
    background-color: #293983;
    opacity: 0.5;
}

.idiotware-blue{
    color: #3B73B9;
}

.idiotware-blue-bg{
    background-color: #3B73B9;
    color: #fff;
}

.idiotware-blue-bg-light {
    background-color: rgba(59, 115, 185, 0.1);
}

.idiotware-green{
    color: #51B848;
}

.idiotware-green-bg{
    background-color: #51B848;
}

.idiotware-green-bg-light{
    background-color: rgba(81, 184, 72, 0.1);
}

.idiotware-yellow{
    color: #DBE120;
}

.idiotware-yellow-bg{
    background-color: #DBE120;
}

.idiotware-yellow-bg-light{
    background-color: rgba(218, 225, 32, 0.1);
}

.idiotware-salmon{
    color: #F28972;
}

.idiotware-salmon-bg{
    background-color: #F28972;
}

.idiotware-salmon-bg-light{
    background-color: rgba(240, 137, 114, 0.1);
}

.idiotware-red{
    color: #E2594D;
}

.idiotware-red-bg {
    background-color: #E2594D;
}

.bootstrap-red-bg {
    background-color: #f2dede;
    color: #a94442;
}

.idiotware-red-bg-light{
    background-color: rgba(224, 88, 76, 0.1);
}

.idiotware-light-gray {
    color: #F2F2F2;
}

.idiotware-light-gray-bg {
    background-color: #F2F2F2;
}

.card{
    border: 1px solid #f2f2f2; 
    background-color: #fafafa;
}

.epic{
    border-left: 5px solid #51B848;                              /* Idiotware Green */
}

.feature{
    border-left: 5px solid #DBE120;                              /* Idiotware Yellow */
}

.story{
    border-left: 5px solid #3B73B9;                              /* Idiotware Blue */
}

.task{
    border-left: 5px solid #293983;                              /* Idiotware Indigo */
}

.defect-card{
    border-left: 5px solid #E2594D;                              /* Idiotware Red */
}

.story-points{
    font-size:1.15em;
    /*color:#3B73B9;*/
}

/*.wizard-step-bg{
}*/

.wizard-menu{
    border:1px solid #dcdcdc;
    padding:10px;
    border-radius:3px;
    margin-bottom:10px;
    background-color: #fafafa;
}

.wizard-menu-enabled {
    background-color: rgba(41, 57, 131, 0.1);
    color: #3B73B9; /* Idiotware Blue */
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.wizard-menu-complete{
    color: #999;
}

.wizard-header {
    color: #3B73B9; /* Idiotware Blue */
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* Overrides Font Awesome default line-height: .75em which was causing icons top to be cut off */
/*.fa-lg{
    line-height: 1em !important;
}*/

.fa-stack-1x {
    height: 28px !important;
    width: 28px !important;
    line-height: 28px !important;
    font-size: .85em;
    margin-top: .1em !important;
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif !important;
    font-weight: bold;
}

.fa-stack{
    height:28px !important;
    width: 28px !important;
}

.fa-stack-2x{
    font-size:1.65em !important;
}

/* override kendo default */
.k-radio:checked+.k-radio-label:after {
    top: 3px;   /* 4px */
    left: 3px;   /* 4px */
}

/* override kendo default */
.k-radio:checked+.k-radio-label:after {
    width: 8px;     /* 10px */
    height: 8px;     /* 10px */
}

.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected>td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview>.k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
    background-color: #3B73B9;                              /* Idiotware Blue*/
    /*background-color: rgba(41, 57, 131, 0.1);*/
    /*background-color: #00b0ff;*/
}

/* remove spacing from treeview / treelist */
/*.k-in
{
    padding: 0px !important;
}*/

/* override kendo backgroup for combo, datepicker, datetimepicker and timepicker */
.k-combobox, .k-datepicker, .k-datetimepicker, .k-timepicker {
    background-color: #fff;
}

/* override kendo button background and text transform from Caps to Normal */
.k-button{
    background-color: #f2f2f2;
    text-transform: none;
}

/* override kendo multiselect values to have radius not as curved */
.k-multiselect-wrap li {
    border-radius: 6px;
}

/* override kendo textbox to white background */
.k-textbox {
    background-color: #fff;
}

/* override kendo k-input to remove .25 em padding on top and bottom */
.k-input{
    padding: 0px;
}

/* override kendo multiselect delete icon from 16px to 10px */
/*.k-icon, .k-tool-icon {
    font: 11px/1 WebComponentsIcons !important;
}*/
.k-i-close:before {
    font: 11px/1 WebComponentsIcons;
    line-height: 9px;
}

/* override tagify values to have radius same curve as kendo multiselect values */
.tagify tag>div::before {
    border-radius: 6px;
    background: #f2f2f2;
}

/* override tagify hover to match hover background of kendo multiselect */
.tagify tag:hover:not([readonly]) div::before {
    background: #ebebeb;
}

.k-grid-header .k-header .k-link {
    color: #000;
    font-family: Polaris-Bold, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths,
.col-xs-7ths, .col-sm-7ths, .col-md-7ths, .col-lg-7ths,
.col-xs-8ths, .col-sm-8ths, .col-md-8ths, .col-lg-8ths,
.col-xs-9ths, .col-sm-9ths, .col-md-9ths, .col-lg-9ths,
.col-xs-10ths, .col-sm-10ths, .col-md-10ths, .col-lg-10ths,
.col-xs-11ths, .col-sm-11ths, .col-md-11ths, .col-lg-11ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/* Get even column widths for 5 column grids */
.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-5ths { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Get even column widths for 7 column grids */
.col-xs-7ths {
    width: 14.28%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-7ths { width: 14.28%; float: left; }
}

@media (min-width: 992px) {
    .col-md-7ths { width: 14.28%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-7ths { width: 14.28%; float: left; }
}

/* Get even column widths for 8 column grids */
.col-xs-8ths {
    width: 12.5%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-8ths { width: 12.5%; float: left; }
}

@media (min-width: 992px) {
    .col-md-8ths { width: 12.5%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-8ths { width: 12.5%; float: left; }
}

/* Get even column widths for 9 column grids */
.col-xs-9ths {
    width: 11.11%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-9ths { width: 11.11%; float: left; }
}

@media (min-width: 992px) {
    .col-md-9ths { width: 11.11%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-9ths { width: 11.11%; float: left; }
}

/* Get even column widths for 10 column grids */
.col-xs-10ths {
    width: 10%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-10ths { width: 10%; float: left; }
}

@media (min-width: 992px) {
    .col-md-10ths { width: 10%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-10ths { width: 10%; float: left; }
}


/* Get even column widths for 11 column grids */
.col-xs-11ths {
    width: 9.09%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-11ths { width: 9.09%; float: left; }
}

@media (min-width: 992px) {
    .col-md-11ths { width: 9.09%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-11ths { width: 9.09%; float: left; }
}

/* Style to Show Loading Image */
.loader, .k-loading-image {
    position: fixed;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3B73B9; /*#3498db;*/
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1.0s linear infinite; /* Safari */
    animation: spin 1.0s linear infinite;
    z-index: 1000;
    background-image: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow:visible;
    margin: auto;
    top: 0;
    left: 200px;        /* account for left nav */     
    bottom: 0;
    right: 0;
}

/* Override Kendo loading image and extend customer .loader for kendo objects */
.k-loading-image{
    position: relative;
    top:40%;
    left:0;
}

/* Safari  for .loader */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

/* For .loader */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.pricing-table {
    border-bottom: solid 1px #f4f4f4;
    padding: 5px 0;
}

.pricing-faq-title {
    margin-top: 30px;
}

/* **** START styles for toggle checkbox **** */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 18px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 2px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #3B73B9;
}

input:focus + .slider {
    box-shadow: 0 0 1px #3B73B9;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 18px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/* **** END styles for toggle checkbox **** */