/* Minification failed. Returning unminified contents.
(348,1): run-time error CSS1019: Unexpected token, found '}'
 */
.my-account .backdrop{z-index:2000;position:fixed;width:100%;height:100%;margin-top:-50px;overflow:hidden;margin-left:-15px;margin-right:15px;}.my-account .content{z-index:2001;position:relative;}
:focus {
  outline: none;
}
/* 
    Sometimes the sub menus get too large for the page and prevent the menu from scrolling, limiting functionality
    A quick fix is to change .side-menu to 

    -> position:absolute
    
    and uncomment the code below.
    You also need to uncomment 
    
    -> <div class="absolute-wrapper"> </div> in the html file

    you also need to tweek the animation. Just uncomment the code in that section
    --------------------------------------------------------------------------------------------------------------------
    If you want to make it really neat i suggest you look into an alternative like http://areaaperta.com/nicescroll/
    This will allow the menu to say fixed on body scoll and scoll on the side bar if it get to large
*/
/*.absolute-wrapper{
    position: fixed;
    width: 200px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #e7e7e7;
}*/

.side-menu {
  position: fixed;
  width: 200px;
  height: 100%;
  background-color: #f5f5f5;
  border-right: 1px solid #e7e7e7;
  overflow-y: auto;
}
.side-menu .navbar {
  border: none;
}
.side-menu .navbar-header {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
  background-color: transparent;
  margin-right: -1px;
  border-right: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.side-menu .navbar-nav li a .glyphicon {
  padding-right: 10px;
}
.side-menu #dropdown {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.side-menu #dropdown .caret {
  float: right;
  margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
  float: right;
}
.side-menu #dropdown > a {
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
  padding: 0;
  background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
  width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
  padding-left: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
  border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
  margin-left: -20px;
  padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
  margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
  padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
  background-color: #f3f3f3;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
  min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
  display: block;
}
.side-menu #search {
  position: relative;
  z-index: 1000;
}
.side-menu #search .panel-body {
  padding: 0;
}
.side-menu #search .panel-body .navbar-form {
  padding: 0;
  padding-right: 50px;
  width: 100%;
  margin: 0;
  position: relative;
  border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
  width: 100%;
  position: relative;
}
.side-menu #search .panel-body .navbar-form input {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  padding: 15px 18px;
}
/* Main body section */
.side-body {
  margin-left: 200px;
}

.side-menu-container .nav.navbar-nav.side-menu-navbar-nav {
  width: 100%;
}
/* small screen */
@media (max-width: 768px) {
  .side-menu {
    position: relative;
    width: 100%;
    height: 0;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .side-menu .brand-name-wrapper .navbar-brand {
    display: inline-block;
  }
  /* Slide in animation */
  @-moz-keyframes slidein {
    0% {
      left: -200px;
    }
    100% {
      left: 10px;
    }
  }
  @-webkit-keyframes slidein {
    0% {
      left: -200px;
    }
    100% {
      left: 10px;
    }
  }
  @keyframes slidein {
    0% {
      left: -200px;
    }
    100% {
      left: 10px;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -200px;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -200px;
    }
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -200px;
    }
  }
  /* Slide side menu*/
  /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
  .side-menu-container > .navbar-nav.slide-in {
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .side-menu-container > .navbar-nav {
    /* Add position:absolute for scrollable menu -> see top comment */
    position: fixed;
    left: -200px;
    width: 200px;
    top: 93px;
    height: 100%;
    border-right: 1px solid #e7e7e7;
    background-color: #f8f8f8;
    -moz-animation: slideout 300ms forwards;
    -o-animation: slideout 300ms forwards;
    -webkit-animation: slideout 300ms forwards;
    animation: slideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Uncomment for scrollable menu -> see top comment */
  /*.absolute-wrapper{
        width:285px;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }*/
  @-moz-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 200px;
    }
  }
  @-webkit-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 200px;
    }
  }
  @keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 200px;
    }
  }
  @-moz-keyframes bodyslideout {
    0% {
      left: 200px;
    }
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes bodyslideout {
    0% {
      left: 200px;
    }
    100% {
      left: 0;
    }
  }
  @keyframes bodyslideout {
    0% {
      left: 200px;
    }
    100% {
      left: 0;
    }
  }
  /* Slide side body*/
  .side-body {
    margin-left: 5px;
    margin-top: 70px;
    position: relative;
    -moz-animation: bodyslideout 300ms forwards;
    -o-animation: bodyslideout 300ms forwards;
    -webkit-animation: bodyslideout 300ms forwards;
    animation: bodyslideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Hamburger */
  
  /* Search */
  #search .panel-body .navbar-form {
    border-bottom: 0;
  }
  #search .panel-body .navbar-form .form-group {
    margin: 0;
  }
  .admin-navbar-header {
    position: fixed;
    z-index: 3;
    background-color: #f8f8f8;
  }
  /* Dropdown tweek */
  #dropdown .panel-body .navbar-nav {
    margin: 0;
  }
}


.bpmn-modeler-container .label{color:#333;}.bpmn-modeler-container .bpmn-modeler-canvas{padding:0;margin-top:5px;position:relative;height:calc(100vh - 250px);border:#ccc 1px solid;}.bpmn-modeler-container .bpmn-modeler-canvas [class^="bpmn-icon-"]:before,.bpmn-modeler-container .bpmn-modeler-canvas [class*=" bpmn-icon-"]:before{margin-right:.1em;margin-left:.1em;font-size:95%;}.bpmn-modeler-container .bpmn-modeler-canvas .skippable-element:not(.djs-label){fill:#e6e6e6 !important;}.bpmn-modeler-container .bpmn-properties-panel{position:absolute;top:5px;right:0;width:300px;overflow-y:auto;background-color:#f8f8f8;border:#ccc 1px solid;}.bpmn-modeler-container .bpmn-properties-panel .bpp-properties-panel label{margin-bottom:-3px;margin-left:5px;}
.admin-edit-tasktype-dialog p.help-block{font-size:.8em;}
.admin-working-schedule-non-working .tab-non-working{display:flex;}.admin-working-schedule-non-working .tab-non-working .left-section{flex:none;overflow:auto;width:300px;padding:15px;padding-left:0;}.admin-working-schedule-non-working .tab-non-working .middle-section{flex:1;overflow:auto;padding:15px;}.admin-working-schedule-non-working .edit-non-working-schedule,.admin-working-schedule-non-working .delete-non-working-schedule{visibility:hidden;}.admin-working-schedule-non-working .list-group-item:hover .edit-non-working-schedule,.admin-working-schedule-non-working .list-group-item:hover .delete-non-working-schedule{visibility:visible;}.admin-working-schedule-non-working .month-container{margin-bottom:15px;}
.admin-working-schedule .tab-working{display:flex;}.admin-working-schedule .tab-working .left-section{flex:none;overflow:auto;width:300px;padding:15px;padding-left:0;}.admin-working-schedule .tab-working .middle-section{flex:1;overflow:auto;padding:15px;}
.process-instance-file-attachment .attachment-type-display{display:inline-block;}.process-instance-file-attachment .attachment-type-display:focus,.process-instance-file-attachment .attachment-type-display:hover{outline:1px solid #ccc;}.process-instance-file-attachment .attachment-type-edit select{height:25px;line-height:25px;padding:3px 0;width:125px;}.process-instance-file-attachment tr.no-border td:not(:last-child){border-right:none;}.process-instance-file-attachment tr.no-border td:not(:first-child){border-left:none;}.process-instance-file-attachment table td.nowrap{white-space:nowrap;}.process-instance-file-attachment .img-container{position:relative;}.process-instance-file-attachment .img-overlay{position:absolute;bottom:0;left:0;right:0;width:100%;opacity:0;transition:.3s ease;background:#000;background:rgba(0,0,0,.5);color:#fff;padding:15px;display:flex;}.process-instance-file-attachment .img-container:hover .img-overlay{opacity:1;}
.process-instance-people textarea.comment{resize:vertical;overflow-x:hidden;}.process-instance-people .process-instance-people-user-selected{font-weight:bold;}.process-instance-people .table-view>thead th{font-size:.8em;}.process-instance-people .table-view>thead th,.process-instance-people .table-realNoPlannedUsers>thead th{color:#737373;font-weight:normal !important;padding:0 0 0 5px;border:none;}.process-instance-people .table-view,.process-instance-people .table-realNoPlannedUsers{border:none;background-color:transparent;}.process-instance-people .table-view>tbody,.process-instance-people .table-realNoPlannedUsers>tbody{background-color:#fff;}
.bpmn-viewer-container{height:100%;}.bpmn-viewer-container .bpmn-viewer-canvas{padding:0;position:relative;height:100%;}.bpmn-viewer-container .bpmn-viewer-canvas [class^="bpmn-icon-"]:before,.bpmn-viewer-container .bpmn-viewer-canvas [class*=" bpmn-icon-"]:before{margin-right:.1em;margin-left:.1em;font-size:95%;}.bpmn-viewer-container .bpmn-viewer-canvas .completed-task:not(.djs-connection) .djs-visual>:nth-child(1){fill:#5cb85c !important;}.bpmn-viewer-container .bpmn-viewer-canvas .completed-task:not(.djs-connection) .djs-visual text.djs-label{fill:white !important;}.bpmn-viewer-container .bpmn-viewer-canvas .in-progress-task:not(.djs-connection) .djs-visual>:nth-child(1){fill:#5bc0de !important;}.bpmn-viewer-container .bpmn-viewer-canvas .in-progress-task:not(.djs-connection) .djs-visual text.djs-label{fill:white !important;}.bpmn-viewer-container .bpmn-viewer-canvas .skipped-task:not(.djs-connection) .djs-visual>:nth-child(1){fill:#e6e6e6 !important;}.bpmn-viewer-container .bpmn-viewer-canvas .cancelled-task:not(.djs-connection) .djs-visual>:nth-child(1){fill:#ccc !important;}.bpmn-viewer-container .bpmn-viewer-canvas .in-progress-process:not(.djs-connection) .djs-visual>:nth-child(1){fill:#8dd3e8 !important;}.bpmn-viewer-container .bpmn-viewer-canvas .in-progress-process:not(.djs-connection) .djs-visual text.djs-label{fill:white !important;}.bpmn-viewer-container .bpmn-viewer-canvas .completed-process:not(.djs-connection) .djs-visual>:nth-child(1){fill:#8dcd8d !important;}.bpmn-viewer-container .bpmn-viewer-canvas .completed-process:not(.djs-connection) .djs-visual text.djs-label{fill:white !important;}.bpmn-viewer-container .ng-pageslide{border-left:1px solid #ddd;background-color:#fafafa;}.bpmn-viewer-container .ng-pageslide .title{font-weight:bold;padding:5px 15px;border-bottom:1px solid #ccc;height:31px;}.bpmn-viewer-container .ng-pageslide .bpmn-activity-list{overflow-y:auto;height:calc(100% - 31px);}.bpmn-viewer-container .ng-pageslide .bpmn-activity-container{border-bottom:1px solid #ccc;padding:15px 0;}.bpmn-viewer-container .ng-pageslide .bpmn-activity-container:last-of-type{border-bottom:none;}.bpmn-viewer-container .ng-pageslide .form-horizontal .form-group{margin-left:0;margin-right:0;}.bpmn-viewer-container .ng-pageslide-body-open::before{content:'.';display:block;position:absolute;top:0;background-color:#000;left:0;right:0;bottom:0;z-index:1;opacity:.5;transition:opacity 1s;opacity:.5;pointer-events:all;}.bpmn-viewer-container .ng-pageslide-body-closed::before{transition:opacity 1s;content:'.';display:block;position:absolute;top:0;background-color:#000;left:0;right:0;bottom:0;z-index:1;opacity:0;pointer-events:none;}
ggc-bpm-viewer-dialog-link span.label{background-color:#777;}ggc-bpm-viewer-dialog-link span.label.process-state-Active{background-color:#337ab7;}ggc-bpm-viewer-dialog-link span.label.process-state-Completed{background-color:#5cb85c;}ggc-bpm-viewer-dialog-link span.label.process-state-Cancelled{background-color:#777;}ggc-bpm-viewer-dialog-link a{word-break:break-all;}ggc-bpm-viewer-dialog-link i.fa{color:#f00;}
.dropzone {
    position:relative;
}

.dropzone.hover .dropzone-children {
    visibility: hidden;
}

.dropzone-mask {
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index:99;
    display:none;
    margin:-3px;
}

.dropzone-text {
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    pointer-events: none;
}


.dropzone.hover .dropzone-mask {
    display: block;
}

.button {
    -moz-appearance: button;
    /* Firefox */
    -webkit-appearance: button;
    /* Safari and Chrome */
    padding: 10px;
    margin: 10px;
    width: 70px;
}
.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 100%;
    text-align: center;
    cursor:pointer;
}
.dragover {
    border: 5px dashed blue;
}
.kendo-grid-columns-picker{z-index:2000;}.kendo-grid-columns-picker li label{font-weight:400;display:block;padding:3px 20px;clear:both;line-height:1.42857143;color:#333;white-space:nowrap;cursor:pointer;margin-bottom:0;}.kendo-grid-columns-picker li label:hover{color:#262626;background-color:#f5f5f5;}
.ggc-maximize-container-true{display:block;z-index:1039;position:fixed;width:100%;height:100%;top:0;right:0;left:0;bottom:0;overflow:auto;padding-left:15px;padding-right:15px;background-color:#fafafa;}.maximize-active{overflow:hidden;}
.trv-report-viewer .custom-icon{line-height:24px;}
/*** From http://bootsnipp.com/snippets/featured/panels-with-nav-tabs **/
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}
html {
     height:100%
}

body {
    height: 100%;
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #fff;
    color: black;
}

body.login {
    padding: 0;
    width: 100%;
    height: 100%;
    background-image: url(/pluginsFrontend/img/login-background.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    }


.login-page-center {
    display: flex;
    width:100%;
    min-height: 100%;
    flex-direction: column;
    justify-content: center;
    -webkit-box-pack:center;
    padding-bottom:200px;
}

.login-box {
    background-color: #fff;
    max-width: 500px;
    width: 100%;
    margin: auto;
    padding: 10px 15px;
    
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
    border-radius: 4px;
}

.ellipsis
{
    display: inline-block;
    text-overflow: ellipsis !important;
    white-space:nowrap !important;
    overflow:hidden !important;
}

table {
    background-color: white; 
}

div.block {
    margin-top: 10px;
}

div.block:first-child {
    margin-top: 0;
}

select.form-control {
    padding-left: 8px;
    padding-right:0px;
}

/*** Toastr position ***/
.toast-top-right {
  top: 50px;
  right: 12px;
}
.toast-top-center {
    top: 50px;
}


/*** Bootstrap Modal ***/
.modal-full-width .modal-dialog {
    width: auto;
    margin: 10px;
}

.modal-medium-width .modal-dialog {
    min-width: 900px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1200px) { 
    .modal-xl .modal-dialog {
        width: 1170px;
        margin-top: 10px;
    }
}
@media (max-width: 1199px) {
    .modal-xl .modal-dialog {
        width: auto;
        margin: 10px;
    }
}


.bg-darker { background-color: #fafafa;}

.modal-body { background-color: #fafafa;}
.modal-footer { margin-top: 0px; }
.modal-dialog-700 .modal-dialog { width: 700px;}
.modal-dialog-800 .modal-dialog { width: 800px;}
.modal-dialog-900 .modal-dialog { width: 900px;}
.modal-dialog-1000 .modal-dialog { width: 1000px;}
.modal-dialog-1200 .modal-dialog { width: 1200px;}


/* Set this class to a div element that contains modal header, body and footer*/
.modal-full-height-container {
    height: 93vh; /* Cannot be 100 since there is margin top and bottom and would cause scrolling*/
    display: flex;
    flex-direction: column;
}

.modal-full-height-container .modal-body {
    flex: 1;
    overflow-y: auto;
}

/***Bootstrap form**/
/*.form-horizontal label { padding-right: 0px;}*/ /* label and input was too far apart. Removed since it breaks btn-group */
@media (min-width: 768px) {
    .label-padding-sm label {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.form-vertical .form-control-text {
    margin-top: 0px;
    margin-bottom: 7px;
    min-height: 22px;
    padding-left: 5px;
}

.form-section {
    margin-bottom: 5px;
    font-size: 1.1em;
    display: block;
    background-color: #ececec;
    padding: 3px;
    padding-left: 8px;
}

/***Bootstrap PAnel**/
.panel-body { background-color:#fafafa}
.panel-default>.panel-heading { background-color:#fafafa}

.panel-heading-pmp { padding-top: 5px; padding-bottom: 5px; }
.panel-title-pmp { margin-bottom: 0; line-height: 30px;}

/*** Header ***/
.content header {padding-top:10px;padding-bottom: 10px;border-bottom: solid 1px #e7e7e7; background-color: #f5f5f5; min-height: 50px;}
.content header h3.header {margin: 0px; margin-right: 15px; float: left;max-width: 1000px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
/*light blue #ebf2f9*/

.header-flex {
    min-height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e7e7e7;
    background-color: #f5f5f5;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
}
.header-flex h3.title {
    margin: 0px;
    margin-right: 15px;
    float: left;
    max-width: 1000px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inner-header {padding-top:5px;padding-bottom: 5px;border-bottom: solid 1px #e7e7e7; background-color: #f5f5f5;}
.inner-header .header {margin: 0px; margin-right: 15px; float: left;max-width: 1000px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}



.inner-side-menu {
    position:fixed;
    margin-left:-15px;
    height:100%;
    background-color: #f5f5f5;
    width:160px;
    padding:10px;
    border-right:solid 1px #e7e7e7;
    z-index: 3;
}

/* With inner side-menu*/
.inner-side-body {
    padding-top:15px;
    margin-left:145px;
}

/* Without inner side-menu*/
.inner-body {
    padding-top:15px;
}


/***issue-navigator***/
.issue-navigator-filter { padding-top:5px;padding-bottom: 5px; border-bottom: solid 1px #e7e7e7; background-color: #f5f5f5}
.issue-navig-list { padding-top: 15px;}
.issue-navig-list-oper { }
.summary-queue{background-color: #f5f5f5}

/***Bootstrap button hover (link that become btn on hover)***/
.btn-hover {
  font-weight: normal;
  color: #333333;
  cursor: pointer;
  background-color: inherit;
  border-color: transparent;
}

.btn-hover-alt {
  font-weight: normal;
  color: #ffffff;
  cursor: pointer;
  background-color: inherit;
  border-color: transparent;
}

/*** Bootstrap navbar ***/
.navbar-default { background-color: white;}

/*** Bootstrap dropdown-menu ****/
.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  color: #333;
  
}

.dropdown-menu .dropdown-link > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  
}

.dropdown-menu .dropdown-link a:hover,
.dropdown-menu .dropdown-link a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}

.modal-open .dropdown-menu {
    z-index:1051 !important;
}


/*** Bootstrap tabs - cutom gray background ****/
.custom-tabs .tab-content {
    -o-box-shadow: 0 0 2px rgba(0,0,0,.4);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);
    box-shadow: 0 0 2px rgba(0,0,0,.4);

    background-color: #f5f5f5;
    padding: 20px;
    padding-top: 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 4px 4px 4px;
    
}

.custom-tabs .nav-tabs {
    border-bottom: none;
}

/* Adds borders to tab content */
.tab-border .tab-pane {

    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.tab-border .nav-tabs {
    margin-bottom: 0;
}

/*adds border to the unactive tabs*/
.tab-border .nav-tabs > li > a {
  border: 1px solid #ddd;
}
/*remove border form the 'New Tab' tab */
.tab-border .nav-tabs > li.new-tab > a {
  border: 1px solid transparent;
}
/* remove bottom border for the active tab*/
.tab-border .nav-tabs > li.active > a {
  border-bottom-color: transparent;
}

.nav-tabs > li .tab-action {
    display: none;
}
.nav-tabs > li.active .tab-action {
    display: inline-block;
}


/* 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;
}

img.logo
{
    height:50px;
}

        

a{
    cursor: pointer;
}

.glyphicon {
    margin-right:5px;
}



.k-grid tr td {
    overflow:visible;
}

.btn-icon .glyphicon{ margin-right:0px;  }

.icon-end.glyphicon { margin-left:7px;}

.margin-left-sm { margin-left:7px;}
.margin-right-sm { margin-right:7px;}

.qms-number {text-align: right;}
.qms-number-total {text-align: right; font-weight:bold;}

.cell-border-top { border-top: 1px solid black !important;}

/*xeditable*/

/* Makes the editable 100% width of container. (~ is a sibling selector) */
.editable-fullwidth ~ .editable-wrap,
.editable-fullwidth ~ .editable-wrap .editable-controls,
.editable-fullwidth ~ .editable-wrap .editable-controls .editable-input {
    width: 100%;
}

/* Position save/cancel buttons under the editable instead of to the right */
.editable-fullwidth ~ .editable-wrap { white-space:pre-wrap !important;}
.editable-fullwidth ~ .editable-wrap .editable-buttons { margin-top:7px}

/* Editor-error has white-space:nowrap by default, which makes the error message goes outside the panel*/
.editable-error { white-space: normal;}

/*Bootstrap Style input file button*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

table.table-vertical-align-middle > tbody > tr > td {
    vertical-align: middle;
}


.input-padding-sm {
    padding-right: 6px;
    padding-left: 6px;
}


.qms-page-header .qms-page-header-title { float: right;}
.qms-page-header .qms-page-header-toolbar {padding-top: 20px;}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0;}


.time-ago-dim {color: #b2b2b2;}
.dim {color: #b2b2b2;}


/*** Kendo ****/
.k-widget-full .k-widget {width:100%}
.form-control.k-widget{padding: 0;}
.k-widget-box {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.k-editor-inline.k-editor {
    border-color: #ccc !important;
    color: #333 !important;
}

/*** Fix issue where boostrap form-control input are too big when inside a kendo grid ****/
.k-widget .form-control {
    box-sizing: border-box;
}

/*** MAke active filter column more visible */
.k-grid-filter.k-state-active {
   background-color: darkgrey;
}


/*** Kendo Tooltip ****/
.k-tooltip {
    background-color: #f6f6f6 !important;
    color: #333 !important;
    text-align: inherit !important;
    border-color: #b2b2b2 !important;
    border-style: solid;
    border-width: 1px;
}


/*** block ui min height ****/

/* Makes the blockui message visible when the container is not tall enough*/
.block-ui-visible {
    min-height: 150px;
}



/*** Modal UI backdrop problem with bootstrap 3.3.1**/


.modal-backdrop {
  bottom: 0;
    position: fixed;
}

/**** Bootstrap form-group condensed ****/
@media (min-width: 768px) {
    .form-group-condensed {
        margin-bottom: 3px;
    }

    .form-vertical .form-group-condensed {
        margin-bottom: 8px;
    }

    .form-group-condensed .form-control-static {
        padding-bottom: 0px;
    }
}
@media (max-width: 768px) {
    .form-horizontal .control-label {
        margin-bottom: 0;
    }
}

/*** Bootstrap fix tooltip shows under modal-dialog ***/
.tooltip {
    z-index: 2000;
}

/******/
a.no-decoration,
a.no-decoration:hover{
    text-decoration: none;
}

/** Bootstrap label as badge  http://stackoverflow.com/questions/18730116/twitter-bootstrap-3-0-how-do-i-badge-badge-important-now ***/
.label-as-badge {
    border-radius: 1em;
}

/*** Bootstrap form label ***/
.form-group label {
    font-weight: normal !important;
    margin-bottom: 2px !important;
    font-size: 0.8em;
    color: #737373;
}

.ggc-label {
    font-weight: normal !important;
    margin-bottom: 2px !important;
    font-size: 0.8em;
    color: #737373;
}

.form-horizontal .control-label {
    padding-top: 11px;
}

/** Bootstrap alert-danger more flashy red **/
.alert-danger {
   color: #fff;
   background-color: #c9302c;
   border-color: #ac2925; 
}

/*xeditable*/

/* Makes the editable 100% width of container. (~ is a sibling selector) */
.editable-fullwidth ~ .editable-wrap,
.editable-fullwidth ~ .editable-wrap .editable-controls,
.editable-fullwidth ~ .editable-wrap .editable-controls .editable-input {
    width: 100%;
}

.editable-click, a.editable-click {
    border-bottom: none;
}


a.editable-empty {
    border-bottom: dashed 1px #428bca;
}


/*xeditable - new, no style on editable text, show edit icon on hover using hover-visible-container class */

.xeditable-section .editable-click {
    border-bottom: none;
    color: #333;
    text-decoration: none;
}


/* Customization so that editor-controls is position:absolute, so the page layout doesn't change when editing '*/
.editable-controls {
    position: absolute;
    padding: 8px;
    background-color: aliceblue;
    z-index: 99999;
    margin-top: -15px;
    border-radius: 4px;
    border: 1px solid #ddd
}

.favorite-star { color: gold; }

.list-group-horizontal .list-group-item {
    display:inline-block;
    /*margin:0;*/
}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
}

/*** Search input*****/
input.search-query {
    padding-left:26px;
}
.form-search {
    position: relative;
}
.form-search:before {
    display: block;
    width: 14px;
    height: 14px;
    content: "\e003";
    font-family: 'Glyphicons Halflings';
    background-position: -48px 0;
    position: absolute;
    top:8px;
    left:8px;
    opacity: .5;
    z-index: 1000;
}


.force-border-box, .force-border-box * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}


/*** Hover visible ***/
/** To make it works on touch device, add this tou your hover-visible-container:  onclick="void(0)" ***/

.hover-visible-container .hover-visible,
.hover-visible-container2 .hover-visible2 {
    visibility: hidden;
}
.hover-visible-container:hover .hover-visible,
.hover-visible-container2:hover .hover-visible2{
    visibility:visible;
    
}

/* Add border to the container on hover */
.hover-visible-container.border,
.hover-visible-container2.border{
    border: 1px solid transparent;
}

.hover-visible-container.border:hover,
.hover-visible-container2.border:hover{
    border: 1px solid #e7e7e7;
}

.hover-visible-container:not(:hover) .hover-display {
    display: none;
}

/* Remove focus outline from all links */
a {
 outline: none !important;
}

.row-eq-height, .row-eq-height > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}

/* Add move cursor to modal header as a visual indicator it can be dragged and moved */
.ui-draggable-handle {
    cursor: move;
}

/* Conditional pull based on bootstrap breakpoint*/
@media (min-width: 1200px) {
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}

/*** Div like table***/
.div-table { display: table; }
.div-table-row { display: table-row; }
.div-table-cell { display: table-cell; }
/* ex:
<div class="div-table">
    <div class="div-table-row">
        <div class="div-table-cell"></div>
        <div class="div-table-cell"></div>
        <div class="div-table-cell"></div>
    </div>
</div>
*/


/* Bootstrap Label max width
****************************************************/
.label-max-width {
    display: inline-block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Bootstrap Breadcrumbs separator
****************************************************/
.breadcrumb > li + li:before {
    color: #ccc;
    content: "\f178";
    font-family: FontAwesome;
    padding: 0 5px;
}

/* Makes Kendo Grid Header text word wrap
****************************************************/
.k-grid-header .k-header {
    overflow: visible !important;
    white-space: normal !important;
}

.popover {
    max-width: 100% !important;
}


/* Bootstrap panel color for dashboard
    ********************************************/
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

.panel-blue {
  border-color: #5bc0de;
}
.panel-blue > .panel-heading {
  border-color: #5bc0de;
  color: white;
  background-color: #5bc0de;
}
.panel-blue > a {
  color: #5bc0de;
}


.font-bold {
    font-weight: bold;
}

/*** table-header-sticky ***/
.table-header-sticky {
    width: auto;
    display: table;
    table-layout: fixed;
}

.table-header-sticky td {
    word-break: break-word;
    overflow-x: hidden;
}

.table-header-sticky thead {
    background-color: #EDEDEE;
    margin-left: -1px; /* not sure why, but the thead was shiffted 1px to the right  */
}

.table-header-sticky thead th {
    position: sticky;
    top: 50px;
    background-color: #EDEDEE;
    z-index: 2;
}

.table-header-fixed {
    width: auto;
    display: table;
    table-layout: fixed;
}

.table-header-fixed td {
    word-break: break-word;
    overflow-x: hidden;
}

.table-header-fixed thead {
    position: fixed;
    background-color: white;
    margin-left: -1px; /* not sure why, but the thead was shiffted 1px to the right  */
    z-index: 2;
}

.k-grid-header-sticky thead.k-grid-header th {
    position: sticky;
    top: 50px;
    z-index:2;
}


/* Makes bootstrap columns in a row be of same height */
@media only screen and (min-width : 768px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-row > [class*='col-'] {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .flex-row.row:after,
    .flex-row.row:before {
        display: flex;
    }
}

/* This is for uib-btn-radio, when we unselect a button, to make it more visible that it is unselected when it has focus*/
.btn-group .btn-default:focus:not(.active) {
    background-color:transparent;
}
/* Position the grid loading indicator at the top of the grid.
This is to fix the issue when the grid's height is very tall and we don't see the loading indication since it is displayed in the middle of the grid
*/
.k-loading-image {
    height:150px !important;
}

.ui-select-multiple.ui-select-bootstrap {
    padding: 3px 3px 3px 3px !important;
}


/**/
.istevenMultiSelect-sm .multiSelect > button {
    min-height:30px !important;
}
.istevenMultiSelect-sm .multiSelect .buttonLabel {
    padding:0;
}


/* Mobile improvments
****************************************************/

@media (max-width: 768px) {
    .navbar-fixed-top .navbar-collapse {
        max-height: 600px;
    }
}

@media (min-width: 768px) {
    #ggc-navbar-collapse {
        display: flex !important;
        height: 50px !important;
    }

    #ggc-navbar-collapse .menu-items {
    	display: flex !important;
	overflow: hidden !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	-ms-overflow-style: -ms-autohiding-scrollbar !important;
    }
}

/* Fix append-to-body in modal*/
body > .ui-select-bootstrap.open {
    z-index:9999;
}

/**** Angular-Wizard ****/
.steps-indicator {
    padding-top: 0px !important;
}

.steps-indicator li.current a:before {
    background-color: #ff0000;
}

.steps-indicator li.done a:before {
    background-color: #808080;
}

.steps {
    padding-top: 10px;
}

/* htmldiff.js*/
.htmldiff ins {
    text-decoration: none;
    background-color: #d4fcbc;
}

.htmldiff del {
    text-decoration: line-through;
    background-color: #fbb6c2;
    color: #555;
}


.divider-no-margin .divider {
    margin:0;
}
.subtle-form .input-subtle:not(:focus){background-color:transparent !important;padding:0;-webkit-appearance:none;-moz-appearance:none;color:#000;}.subtle-form.subtle-form-vertical input.input-subtle:not(:focus),.subtle-form.subtle-form-vertical select.input-subtle:not(:focus),.subtle-form.subtle-form-vertical textarea.input-subtle:not(:focus){padding-left:5px !important;}.subtle-form.subtle-form-vertical input.input-subtle:not(.k-input),.subtle-form.subtle-form-vertical select.input-subtle,.subtle-form.subtle-form-vertical textarea.input-subtle,.subtle-form.subtle-form-vertical .k-widget.input-subtle,.subtle-form.subtle-form-vertical .ui-select-container.input-subtle{margin-top:-5px;}.subtle-form .input-subtle:disabled{outline:none;border:none;box-shadow:none;cursor:default;}.subtle-form .input-subtle:not(:focus):not(:hover){border-color:transparent;box-shadow:none;}.subtle-form textarea.input-subtle:not(:focus){resize:none;}.subtle-form .input-subtle .ui-select-match:not(.btn-default-focus) .ui-select-toggle{background-color:transparent;padding-left:0;-webkit-appearance:none;-moz-appearance:none;color:#000;}.subtle-form .input-subtle.subtle-form-vertical .ui-select-match:not(.btn-default-focus) .ui-select-toggle{padding-left:5px;}.subtle-form .input-subtle .ui-select-match:not(.btn-default-focus) .ui-select-toggle i.caret,.subtle-form .input-subtle e.ui-select-match:not(.btn-default-focus) .ui-select-toggle i.glyphicon-remove{visibility:hidden;}.subtle-form .input-subtle .ui-select-toggle:not(:hover){border-color:transparent;box-shadow:none;}.subtle-form .input-subtle .k-picker-wrap:not(.k-state-focused){background-color:transparent;-webkit-appearance:none;-moz-appearance:none;color:#000;}.subtle-form .input-subtle .k-picker-wrap:not(.k-state-focused) input{margin-left:-10px;}.subtle-form .input-subtle .k-picker-wrap input{height:32px;}.subtle-form .input-subtle .k-picker-wrap:not(.k-state-focused):not(.k-state-hover){border-color:transparent;box-shadow:none;}.subtle-form .input-subtle .k-picker-wrap:not(.k-state-focused):not(.k-state-hover) .k-select{visibility:hidden;}.subtle-form .input-subtle .k-picker-wrap:not(.k-state-focused) input::-webkit-input-placeholder{color:transparent;}.subtle-form .input-subtle .k-picker-wrap:not(.k-state-focused) input::-moz-placeholder{color:transparent;opacity:1;}.subtle-form .input-subtle .k-picker-wrap:not(.k-state-focused) input:-ms-input-placeholder{color:transparent;}.subtle-form .input-subtle .k-numeric-wrap:not(.k-state-focused){background-color:transparent;-webkit-appearance:none;-moz-appearance:none;color:#000;}.subtle-form .input-subtle .k-numeric-wrap:not(.k-state-focused):not(.k-state-hover){border-color:transparent;box-shadow:none;}.subtle-form .input-subtle .k-numeric-wrap:not(.k-state-focused) input{margin-left:-12px;margin-top:2px;box-shadow:none;}.subtle-form .flex-row{display:flex;align-items:center;}.subtle-form .flex-rev{flex:0 0 50px;}.subtle-form .flex-input{flex:1;}.editor-with-backdrop .editor{position:relative;}.editor-with-backdrop textarea{border-radius:4px;color:#555;border-color:#ccc;}.editor-with-backdrop .editor-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;display:block;z-index:100;}.editor-with-backdrop *{z-index:200;}.editable-section{margin-top:1px;}.editable-section .instructions:first-of-type{padding-top:7px;}.editable-section .instructions:last-of-type{padding-bottom:7px;}.editable-section:focus,.editable-section:hover{outline:1px solid #ccc;}
.timezones {
    position:absolute; 
    bottom:0px; 
    left:0px; 
    height:25px; 
    width:100%; 
    text-align:center;
    padding-top:5px;
}

.timezones ul {
    list-style-type: none;
}

.timezones li{
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #b2b2b2;;
}

.timezones li:first-child {
    border-left: none;
}

.timezones li.current {
    color: black;
    font-weight: bold;

}

.version {
    position:absolute; 
    bottom:0px; 
    right:50px; 
    height:25px; 
    text-align:right;
    padding-top:5px;
    z-index: 1000;
}

.pmp-header .navbar-nav li a {
    padding-left: 11px;
    padding-right: 11px;
}

/***  Notifications ****/
.notif-list {
     padding: 0px;
     min-width: 400px;
     max-height: 600px;
     overflow-y: auto;
    overflow-x: auto;
}

.notif-list .title {
    padding: 10px;
    background-color: #f1f1f1;
    
}

.notif-list .title .ack {
    display: inline-block;
    margin-right: 30px;
    float: right;
}

.notif-list .title .count {
    display: inline-block;
    font-weight: bold;
}

.notif-list .title .more {
    float: right;
}
.notif-list .item {
    padding: 10px 10px;
    
    border-bottom: 1px solid #d0d0d0;
    display: block;
}

.notif-list .item .avatar {
    float: left;
    width: 45px;
    height: 45px;
}

.notif-list .item .info {
    float: left;
    margin-left: 10px;
    margin-top: 1px;
    
}

.notif-list .item .author {
    float: left;
    font-weight: bold;
    color: #4d4d4d;
}

.notif-list .item .date {
    float: left;
    color: #b2b2b2;
    margin-left: 20px;
    font-size: 0.8em;
    margin-top: 2px;
}



.notif-bubble-comment{
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 4px #B2B2B2;
    display: inline-block;
    padding: 8px;
    
    vertical-align: top;
}

.unacknoledged-notification {
    background-color: #e4f0f6;
}

.search-project .dropdown-menu {
    width: 350px;
    overflow-x: auto;

    
}

@media (max-width: 1199px) {
    .search-project input {
        width: 85px !important
    }
}
@media (min-width: 1200px) {
    .search-project input {
        width: 150px !important
    }
}

.project-file-attachment .attachment-type-display{display:inline-block;}.project-file-attachment .attachment-type-display:focus,.project-file-attachment .attachment-type-display:hover{outline:1px solid #ccc;}.project-file-attachment .attachment-type-edit select{height:25px;line-height:25px;padding:3px 0;width:125px;}.project-file-attachment .attachment-type-title{color:#b2b2b2;font-weight:bold;}.project-file-attachment tr.no-border td:not(:last-child){border-right:none;}.project-file-attachment tr.no-border td:not(:first-child){border-left:none;}.project-file-attachment table td.nowrap{white-space:nowrap;}
.taskDuration div.istevenMultiSelect{display:inline-block;vertical-align:middle;}
.activity-list {
     padding: 0px;
    
}

.activity-list .title {
    padding: 10px;
    background-color: #f1f1f1;
    
}


.activity-list .item {
    padding: 10px 0px;
    border-bottom: 1px solid #e0e0e0;
    display: block;
}

.activity-list .item .avatar {
    float: left;
    width: 45px;
    height: 45px;
}

.activity-list .item .info {
    float: left;
    
    margin-top: 1px;
}

.activity-list .item .author {
    float: left;
    font-weight: bold;
    color: royalblue;
}

.activity-list .item .coverage {
    float: left;
    margin-left: 10px;
}

.activity-list .item .coverage .coverage-user {
    font-weight: bold;
    color: royalblue;
}

.activity-list .item .date {
    float: left;
    color: #b2b2b2;
    margin-left: 20px;
    font-size: 0.8em;
    margin-top: 2px;
}

.activity-list .item:hover,
.activity-list .item:focus {
  background-color: #f9f9f9;
}

.comment-bubble{
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 4px #B2B2B2;
    display: inline-block;
    padding: 0 8px 8px 8px;
    margin-top: 8px;
    vertical-align: top;
    min-width: 50px;
    margin-left: 2px;
    margin-right: 2px;
}


.comment-bubble::before {
    background-color: white;
    box-shadow: -2px -2px 2px 0 rgba( 178, 178, 178, .4 );
    content: "\00a0";
    display: block;
    height: 15px;
    position: relative;
    width:  15px;
    margin-bottom: 0px;
}

.comment-bubble-top::before {
    left: 5px;
    top: -6px;
    transform:             rotate( 45deg );
        -moz-transform:    rotate( 45deg );
        -ms-transform:     rotate( 45deg );
        -o-transform:      rotate( 45deg );
        -webkit-transform: rotate( 45deg );
    
}

.comment-bubble-left::before {
    left: -15px;
    top: 9px;
    transform:             rotate( -45deg );
        -moz-transform:    rotate( -45deg );
        -ms-transform:     rotate( -45deg );
        -o-transform:      rotate( -45deg );
        -webkit-transform: rotate( -45deg );
}

.comment-bubble-left .comment-bubble-inner{
    padding-left: 5px;
}

.comment-bubble-inner {
     
    margin: -8px 0 0 0;
}

.my-comment .comment-bubble {
    background-color: lightgoldenrodyellow;
}

.my-comment .comment-bubble::before {
    background-color: lightgoldenrodyellow;
}

.comment-container {
    margin-bottom:5px;  
    padding-bottom: 7px;
}

.comment-reply-container {
    padding-left: 30px;
}

.task-comments-container textarea {
    min-height: 75px;
}

.comment-container-parent {
    border-top: lightgrey solid 1px;
}
.task-sub-item-edit-dialog .modal-body-layout{display:flex;}.task-sub-item-edit-dialog .modal-body{padding:0;}
.absence-management .div-table{width:100%;line-height:34px;border:1px solid #808080;}.absence-management .div-table .div-head{display:flex;background-color:#e5e5e5;font-weight:bold;width:100%;}.absence-management .div-table .div-head .cell{border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-top:1px solid #808080;border-bottom:1px solid #808080;border-collapse:collapse;}.absence-management .div-table .small-col{width:10%;}.absence-management .div-table .medium-col{width:16%;}.absence-management .div-table .large-col{width:26%;}.absence-management .div-table .grouping-cell{display:flex;}.absence-management .div-table .cell{padding-left:5px;}.absence-management .div-table .cell.edit-cell{padding-left:0;}.absence-management .div-table .div-row-group{width:100%;}.absence-management .div-table .div-row-group .div-row{width:100%;display:flex;}.absence-management .div-table .expandable-row{background-color:#f9f9f9;line-height:28px;}.absence-management .div-table .expandable-row.is-expandable{cursor:pointer;}.absence-management .div-table .expandable-row:hover{background-color:#efefef;}.absence-management .div-table .expandable-row .cell{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;border-collapse:collapse;}.absence-management .div-table .grouping-section{width:20px;}.absence-management .div-table .detail-row{line-height:22px;background-color:#fff8e1;}.absence-management .div-table .detail-row:hover{background-color:#f2ebd2;}.absence-management .div-table .detail-row .cell{border-left:1px solid #ccc5b7;border-right:1px solid #ccc5b7;border-top:1px solid #ccc5b7;border-bottom:1px solid #ccc5b7;border-collapse:collapse;}.absence-management .div-table .detail-row .cell-no-border{border:none;background-color:#f9f9f9;}.absence-management .div-table absence-input{width:100%;border-radius:0;}.absence-management .div-table input[type=number].absence-input::-webkit-inner-spin-button,.absence-management .div-table input[type=number].absence-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.container {
    display: flex;
}

.column {
    flex: 1; /*we do not support anything else than Chrome. So we can use flex boxes without a fallback for IE*/
}

.column-main {
    flex: 3;
    border-right: 1px black solid;
}

.column-one {
    order: 1;
}

.column-two {
    order: 2;
}

.column-three {
    order: 3;
}

.new-row {
    margin-top: 10px;
}



.errorStyle{color:#f00;}.time-approval td.preformatted{white-space:pre;}.time-attendance-edited-indicator{color:#ffd700;}.time-attendance-input{width:60px;display:inline;margin-right:40px;padding-left:.6em;text-align:left;}.time-attendance-week-day{background-color:#fafafa;border:1px solid #ddd;border-radius:5px;margin-top:0;margin-bottom:0;padding:2px;}.time-attendance-week-day.expanded-week-day{border-color:#bfbfbf;background-color:#f3f3f3;}.time-attendance-label-total{width:130px;}.week-summary .total-label{width:130px;color:#000;}.week-summary .time-bank-label{width:60px;color:#000;}.time-attendance .total-label{width:130px;}.time-attendance .time-bank-label{width:60px;}.total-exceeded{color:#f00;}input[type=number].time-attendance-input::-webkit-inner-spin-button,input[type=number].time-attendance-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.planned-estimated-time-dir .navigate-button{text-transform:capitalize;}.planned-estimated-time-dir .text-center{text-align:center !important;}.planned-estimated-time-dir .bold{font-weight:bold !important;}.planned-estimated-time-dir th{text-transform:capitalize;}.planned-estimated-time-dir .subtle-form input[type='number']{-moz-appearance:textfield;text-align:center;width:100%;}.planned-estimated-time-dir .subtle-form input[type=number]::-webkit-inner-spin-button,.planned-estimated-time-dir .subtle-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}.planned-estimated-time-dir .subtle-form .form-control{padding:2px 4px;height:26px;min-height:26px;}
.running-timer .dropdown-link { font-size:2.5em;color: rgb(51, 51, 51) !important; }

.running-timer .dropdown-link img {height:20px;}

.running-timer .dropdown-menu { min-width:300px;}

.running-timer .dropdown-menu .content-container {}

.running-timer .running-timer-clocked-in    { background-color: aquamarine;}

.running-timer .running-timer-active .fa-clock-o { color: blue;}

.running-timer-header {  width: 100%;padding: 4px 10px;font-weight: bold;}

.running-timer-section { padding: 10px;padding-right: 30px;}
.time-tracking .grid-tracking .k-alt:not(:hover){background-color:transparent;}.time-tracking .grid-tracking .k-group-cell{display:none;}