@CHARSET "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.body-pdf {
    background-image: none !important;
    background-color: #fff !important;
}

.btn-panel-head {
    margin-top: -4px;
}

a.disabled {
    color: inherit;
    cursor: default;
}

.e-checkbox-td {
    width: 15px;
}

.e-no-padding {
    padding:0px 0px 0px 0px;
}

.e-no-margin {
    margin: 0px;
}

.e-sectionItem-move-placeholder {
    position: relative;
    overflow-y:auto;
    margin-left: -10px;
}
.e-sectionItem-move-placeholder:after{
    font-family: 'Glyphicons Regular';
    font-size: 12px;
    content:"\E224";
    color:#D80000;
}

.e-pagination-button {
    font-size:x-small;
}

.no-page-links .pagination > li.pagination-page {
    display:none;
}

.e-row-xs  .col-xs-1, .e-row-xs  .col-sm-1, .e-row-xs  .col-md-1, .e-row-xs  .col-lg-1, .e-row-xs  .col-xs-2, .e-row-xs  .col-sm-2, .e-row-xs  .col-md-2, .e-row-xs  .col-lg-2, .e-row-xs  .col-xs-3, .e-row-xs  .col-sm-3, .e-row-xs  .col-md-3, .e-row-xs  .col-lg-3, .e-row-xs  .col-xs-4, .e-row-xs  .col-sm-4, .e-row-xs  .col-md-4, .e-row-xs  .col-lg-4, .e-row-xs  .col-xs-5, .e-row-xs  .col-sm-5, .e-row-xs  .col-md-5, .e-row-xs  .col-lg-5, .e-row-xs  .col-xs-6, .e-row-xs  .col-sm-6, .e-row-xs  .col-md-6, .e-row-xs  .col-lg-6, .e-row-xs  .col-xs-7, .e-row-xs  .col-sm-7, .e-row-xs  .col-md-7, .e-row-xs  .col-lg-7, .e-row-xs  .col-xs-8, .e-row-xs  .col-sm-8, .e-row-xs  .col-md-8, .e-row-xs  .col-lg-8, .e-row-xs  .col-xs-9, .e-row-xs  .col-sm-9, .e-row-xs  .col-md-9, .e-row-xs  .col-lg-9, .e-row-xs  .col-xs-10, .e-row-xs  .col-sm-10, .e-row-xs  .col-md-10, .e-row-xs  .col-lg-10, .e-row-xs  .col-xs-11, .e-row-xs  .col-sm-11, .e-row-xs  .col-md-11, .e-row-xs  .col-lg-11, .e-row-xs  .col-xs-12, .e-row-xs  .col-sm-12, .e-row-xs  .col-md-12, .e-row-xs  .col-lg-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.e-h-20 {
    height: 20px;
}

.e-h-40 {
    height: 40px;
}

.e-w-20 {
    width: 20px;
}

.e-w-40 {
    width: 40px;
}

.e-w-150 {
    width: 150px;
}

.e-div {
    width: auto;
    float: left
}

.e-test {
    display: none;
}

.e-performance-section{
    cursor:hand;
    cursor:pointer;
}

.e-hand-cursor {
    cursor:hand;
    cursor:pointer;
}

h3 {
    padding: 0px;
    margin: 0px;
}

.e-text-muted {
    color:#ccc;
}

.e-text-disable {
    color:#939393;
}

.e-checkable {
    cursor: pointer
}

.e-clickable {
    cursor: pointer
}

.e-button-td {
    text-align: right;
}

.e-waiting {
  background-image: url(../img/ajax-loader-2.gif);
  background-repeat: no-repeat;
}

.e-form-date-day {
    width: 70px;
}

.e-form-date-month {
    width: 70px;
}

.e-form-date-year {
    width: 90px;
}
.e-form-required {
    color: #a94442;
}
.e-non {
    list-style: none;
}

.e-nowrap {
    white-space: nowrap;
}

.e-warning {
    background-color:#FCF8E3;
}

.e-measurement-percent-complete a,
.e-measurement-percent-complete input {
    width: 50px;
    height: 30px;
    overflow: hidden;
}

.e-performance-employee-score {
    background-color:#E0E0E0;
}

.e-performance-manager-score {
    background-color:#D0D0D0;
}

.e-appraisal-workflow {
}

.e-photo-inAppraisal{
    width: 120px;
}

.e-photo-comment{
    width: 50px;
}

.e-rating-button-inactive{
    background-color:#EBEBEB;
}

.e-font-light{
    color: #707070;
}

.e-font-italic{
    font-style:italic;
}

.e-font-s{
    font-size: 11px;
}

.e-font-m{
    font-size: 12px;
}

.e-font-l{
    font-size: 16px;
}

.e-rotate-th{
    font-size: 10px;
    width: 10px;
    cellpadding: 0px;
    cellspacing: 0px;
}

.e-rotate{
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
        -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

.e-login-elmo-title{
    font-family: 'times new roman', times, serif;
    color: #A3A3A3;
    font-size: 30px;
    letter-spacing: 2.2pt;
    word-spacing: 2.8pt;
}

.e-panelTitle-body {
    margin-top:20px;
    margin-bottom:20px;
}

.e-page-top-button {
    margin-top:5px;
    float: none !important;
}

.e-table-row-button {
    margin: 0 auto !important;
    float: none !important;
    text-align: right;
}

.e-form-top-button {
    margin: 0 auto !important;
    float: none !important;
    text-align: right;
}

.e-form {
    margin-top:0px;
}

.e-search-bar {
    float:left;
}

.e-horizontal-divider {
    margin-top:5px;
    margin-bottom:5px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.e-horizontal-divider-s {
    margin-top:5px;
    margin-bottom:5px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.e-horizontal-divider-20 {
    margin-top:20px;
    margin-bottom:20px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.e-padding-bottom-0 {
    padding-bottom: 0px !important;
}

.e-padding-bottom-10 {
    padding-bottom: 10px !important;
}

.e-padding-bottom-15 {
    padding-bottom: 15px !important;
}

.e-padding-bottom-20 {
    padding-bottom: 20px !important;
}

.e-padding-top-0 {
    padding-top: 0px;
}

.e-padding-top-5 {
    padding-top: 5px;
}

.e-padding-top-6 {
    padding-top: 6px;
}

.e-padding-top-10 {
    padding-top: 10px;
}

.e-padding-top-15 {
    padding-top: 15px;
}

.e-padding-top-20 {
    padding-top: 20px;
}

.e-padding-top-30 {
    padding-top: 30px;
}

.e-padding-top-250 {
    padding-top:250px;
}

.e-padding-left-0 {
    padding-left: 0px;
}

.e-padding-left-10 {
    padding-left: 10px;
}

.e-padding-left-20 {
    padding-left: 20px;
}

.e-padding-left-30 {
    padding-left: 30px;
}

.e-padding-left-50 {
    padding-left: 50px;
}

.e-padding-left-110 {
    padding-left: 110px;
}

.e-padding-right-0 {
    padding-right: 0;
}

.e-padding-right-5 {
    padding-right: 5px;
}

.e-padding-right-10 {
    padding-right: 10px;
}

.e-padding-right-20 {
    padding-right: 20px;
}

.e-padding-right-30 {
    padding-right: 30px;
}

.e-padding-right-50 {
    padding-right: 50px;
}

.e-padding-right-calendar {
    padding-right: 33.5px;
}

.e-padding-5-10 {
    padding: 5px 10px;
}

.e-padding-5 {
    padding: 5px;
}

.e-padding-10 {
    padding: 10px;
}

.e-padding-15 {
    padding: 15px;
}

.e-padding-20 {
    padding: 20px;
}

.e-padding-30 {
    padding: 30px;
}

.e-padding-40 {
    padding: 40px;
}

.e-left-0 {
    margin-left: 0px;
}

.e-left-2 {
    margin-left: 2px;
}

.e-left-5 {
    margin-left: 5px;
}

.e-left-15 {
    margin-left: 15px;
}

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

.e-left-n10 {
    margin-left: -10px;
}

.e-left-20 {
    margin-left: 20px;
}

.e-left-30 {
    margin-left: 30px;
}

.e-left-40 {
    margin-left: 40px;
}

.e-left-50 {
    margin-left: 50px;
}

.e-left-60 {
    margin-left: 60px;
}

.e-right-0 {
    margin-right: 0px;
}

.e-right-2 {
    margin-right: 2px;
}

.e-right-5 {
    margin-right: 5px;
}

.e-right-10 {
    margin-right: 10px;
}

.e-no-side-margin-important {
    margin-left: 0!important;
    margin-right: 0!important;
}

.e-right-15 {
    margin-right: 15px;
}

.e-right-20 {
    margin-right: 20px;
}

.e-right-30 {
    margin-right: 30px;
}

.e-right-40 {
    margin-right: 40px;
}

.e-right-50 {
    margin-right: 50px;
}

.e-margin-bottom-negative-20 {
    margin-bottom: -20px;
}

.e-margin-bottom-0 {
    margin-bottom:0px;
}

.e-margin-bottom-2 {
    margin-bottom:2px;
}

.e-margin-bottom-5 {
    margin-bottom:5px;
}

.e-margin-bottom-10 {
    margin-bottom:10px;
}

.e-margin-bottom-15 {
    margin-bottom:15px;
}

.e-margin-bottom-20 {
    margin-bottom:20px;
}

.e-margin-bottom-30 {
    margin-bottom:30px;
}

.e-margin-bottom-40 {
    margin-bottom:40px;
}

.e-margin-bottom-80 {
    margin-bottom:80px;
}

.e-margin-top-0 {
    margin-top:0px !important;
}

.e-margin-top-2 {
    margin-top:2px;
}

.e-margin-top-5 {
    margin-top:5px;
}

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

.e-margin-top-15 {
    margin-top:15px;
}

.e-margin-top-20 {
    margin-top:20px;
}

.e-margin-top-25 {
    margin-top:25px;
}

.e-margin-top-30 {
    margin-top:30px;
}

.e-margin-top-40 {
    margin-top:40px;
}

.e-margin-top-50 {
    margin-top:50px;
}

.e-margin-top-100 {
    margin-top:100px;
}

.e-margin-left-0 {
    margin-left:0px !important;
}

.e-margin-left-10 {
    margin-left:10px !important;
}

.e-margin-right-10 {
    margin-right:10px !important;
}

.e-padding-10 {
    padding: 10px;
}

.e-planning-text {
    color:#cc2200;
}
.e-inprogress-text {
    color:#3656df;
}
.e-finalise-text {
    color:#aa5500;
}
.e-completed-text {
    color:#1a7c00;
}

.e-max-height-100 {
    max-height: 100px;
}
.e-max-height-200 {
    max-height: 200px;
}
.e-max-height-400 {
    max-height: 400px;
}

.e-max-width-370 {
    max-width: 370px;
}

.e-overflow-y {
    overflow-y: auto;
}
.e-no-overflow-x {
    overflow-x: hidden;
}

/* pre defined widths */
.e-full-width { width: 100%; }
.e-min-width-130 { min-width: 130px; }

.performance-phase-1{
    color:#cc2200;
}
.performance-phase-2{
    color:#3656df;
}
.performance-phase-3{
    color:#aa5500;
}
.performance-phase-4{
    color:#1a7c00;
}

.w{
    background-color:#ffffff;
}

.c{
    background-color:#b0e0e6;
}

#user-menu .navbar-nav > li a:hover, #user-menu .navbar-nav > li a:focus {
    background: transparent;
    color: #000;
}

/* sr-only focus fix. Fixed in Bootstrap 3.1.2+ (pending release) */
.sr-only-focusable {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

/* Main Div Overlay to block all clicks before body loaded  */
#pageLoadOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.form-horizontal.form-labels-left .control-label {
    text-align: left !important;
}

.offscreen {
    position: absolute;
    left: -999em;
}

/* borderless table */
.table.table-borderless td, .table.table-borderless th {
    border: 0 !important;
}

.table.table-borderless {
    margin-bottom: 0px;
}

/* used for record with extra row (attachment) */
.table tr.has-attachment td {
    border-bottom: none!important;
}

.color-inherit {
    color: inherit;
}
.color-inherit:hover {
    color: inherit;
}
.table-sorted > thead > tr > th > a.asc:after {
    font-family: 'Glyphicons Regular';
    content:"\E601";
    margin-left: 5px;
}

.table-sorted > thead > tr > th > a.desc:after {
    font-family: 'Glyphicons Regular';
    content:"\E602";
    margin-left: 5px;
}

.table-sorted > thead > tr > th > a.sortable, .asc, .desc {
    color: inherit;
}

/* info style border cell*/

.table > thead > tr > td.active-row,
.table > tbody > tr > td.active-row,
.table > tfoot > tr > td.active-row,
.table > thead > tr > th.active-row,
.table > tbody > tr > th.active-row,
.table > tfoot > tr > th.active-row,
.table > thead > tr.active-row > td,
.table > tbody > tr.active-row > td,
.table > tfoot > tr.active-row > td,
.table > thead > tr.active-row > th,
.table > tbody > tr.active-row > th,
.table > tfoot > tr.active-row > th {
  background-color: #001e60;
  border: 2px solid;
  border-color: #001e60;
  color: white;
}

.table > tbody > tr.active-row-border > td{
  border: 2px solid;
  border-color: #001e60;
}

.table th.shrink, .table td.shrink {
    width: 1%;
}

.table .config-table .active, .table .config-table .active:hover{
    background-color: #999999;
}

.treeview .list-group .node.active, .treeview .list-group .node.active:hover{
    background-color: #999999;
}

.treeview .list-group .node {
    min-height:40px;
    padding: 8px;
    border-bottom:1px solid #ddd;
}

.treeview .list-group .node:hover {
    background-color: #f5f5f5;
}

.treeview .list-group .node span.indent {
    margin-left: 10px;
    margin-right: 10px;
}

.btn.e-btn-block {
    display: block;
    width: 100%;
}

.btn-group.btn-group-nowrap {
    margin-right: 2em;
}
.btn-group.btn-group-nowrap > .btn + .dropdown-toggle  {
    position: absolute;
    left: 100%;
    top: 0px;
}

.dropdown-item-learning {
    width: 100%;
    text-align: left;
    padding: 0px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.dropdown-item-learning:hover {
    color: #333333;
    text-decoration:none;
    background-color: #EEEEEE;
}

.btn-subtle {
    border: none;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-subtle:hover,
.btn-subtle:focus,
.btn-subtle:active,
.btn-subtle.active,
.open .dropdown-toggle.btn-subtle {
    color: #333;
    background-color: #ebebeb;
    border: 1px solid #adadad;
}

.modal-body.modal-height-sm {
    max-height: 200px;
    overflow-y: scroll;
}

.modal-body.modal-height-md {
    max-height: 400px;
    overflow-y: scroll;
}

.modal-body.modal-height-lg {
    max-height: 640px;
    overflow-y: scroll;
}

#performance-container .user-label {
    overflow: hidden;
    margin-top: 0;
}

#performance-container .user-label .label {
    float: left;
    margin-top: 10px;
}

/*
 * Font awesome
 */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;

  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.glyphicons-circle-info{
    content: "&#xe197";
}

.glyphicons-overlap{
    margin-left: -15px !important;
}

.bottom-border {
	border-bottom: 1px solid #dddddd
}

/**
 * Utility: Responsive iframe embed
 */
.embed-responsive {
    position: relative;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
}

.embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.approval-level-list {
    list-style: none;
    padding: 0;
}
.approval-level-list li {
    padding: 0.5em 0;
}
.approval-level-list li + li {
    border-top: 1px solid #ccc;
}
.approval-level-list .placeholder {
    height: 3em;
    margin: 4px -15px;
}
/** Show/hide move handle on hover */
.approval-level-list li .move-handle {
    position: absolute;
    left: -20px;
    visibility: hidden;
}

.approval-level-list li .document-move-handle-container .move-handle {
    left:3px;
    top:7px;
    visibility: visible;
}


.approval-level-list li:hover .move-handle {
    visibility: visible;
}
/** Draggable / dragging cursors */
.approval-level-list li .move-handle:hover {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.approval-level-list li.dragged .move-handle {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

/**
* Image gray scale
*/

.grayscale {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

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

/**
Recruitment Requisition page
*/

.requisition-status {
    display: block;
    text-align: center;
    font-weight: bold;

    color: white;
}
/**
Pending
*/
.status-color-0 {
    background: #fd9827;
    border-radius: 5px;
}
/**
Open
*/
.status-color-1 {
    background: #1e5997;
    border-radius: 5px;
}

/**
Overdue
*/
.status-color-2 {
    background: #a02e2e;
    border-radius: 5px;
}

/**
Closed
*/
.status-color-3 {
    background: #999999;
    border-radius: 5px;
}

/**
Rejected
*/
.status-color-4 {
    background: #999999;
    border-radius: 5px;
}

/**
Finalised
*/
.status-color-5 {
    background: #6AA84F;
    border-radius: 5px;
}

/**
Finalised
*/
.status-color-6 {
    background: #646464;
    border-radius: 5px;
}

[ng-app]:not([ng-app=""]) .tooltip-inner, [ng-form]:not([ng-form=""]) .tooltip-inner {
    text-align: left;
    word-wrap: break-word;
}

.btn-xxs{
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.4;
    border-radius: 3px;
}

.e-margin-top-minus-1 {
    margin-top: -1px;
}

.line-break-wrap {
    white-space: pre-wrap !important;
}
.border{
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.border-left {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.border-top-0 {
    border-top: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.break-word .select2-selection--single {
  height: 100% !important;
}

.break-word .select2-chosen,
.break-word .select2-selection__rendered{
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}

.course_activity_checklist_default_bg{
	background-color: #EEEEEE;
}

.leave-calendar-input-spacing {
    margin-left: 5px !important;
}

.moveCursor{
    cursor:move !important;
}
.dateFieldWidth{
	width:100px !important;
}
.label-default {
	background-color: #545454;
}

.border-radius-0{
	border-radius: 0px;
	border-color: #ccc;
}

/* This css overrides the default for from specific user on offer email section under recruitment workflow in administration, ensures width doesnt exceed
 the allocated area, and any long name email combos have elipsis see screenshots on https://elmolearning.atlassian.net/browse/PMS-5387 */
#s2id_recruitmentOffer_fromSpecificUserId .select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 0px;
}

#s2id_recruitmentOffer_fromSpecificUserId .select2-container .select2-choice > .select2-chosen {
    width: 94%;
}

.no-gutter {
    padding-left: 0;
    padding-right: 0;
}

/* category, type filters on question list search */
#s2id_generalSearch_filter_type.select2-container.pull-right.form-control,
#s2id_generalSearch_filter.select2-container.pull-right.form-control
{
    width: 100% !important;
    padding-right: 10px;
    text-align: left;
}

/* size search box to containing div */
.search-input.question-list {
    width: 100%;
}

/* make elements inside the container non-interactable */
.non-interactive-container:after {
    content: '';
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

/**/
.subscription-module-enabled{
    color:#1a7c00;
}
.subscription-module-disabled{
    color:#999999;
}

/* custom css for xeditable module */
.editable-input {
    width: 100%
}

/* Dev styles */
.sf-toolbar-icon > svg,
.sf-toolbar-label > svg {
    width: 30px;
    display: inline;
}

/* CSS override for button to use in recruitment job application list header ER-1279 */
.job-application-score-heading .btn-group button.btn,
.job-application-score-heading .btn-group button:hover.btn,
.job-application-score-heading .btn-group button:focus.btn {
    color: inherit;
    background-image: none;
    background-color: inherit;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding:0;
}

/* Restrict stretch textareas */
textarea.vertical-stretch {
    resize: vertical;
}

.e-disabled {
    color: #ccc
}
.e-disabled-bg {
    background-color: #ccc !important;
}
.e-bg-color-grey {
    background-color: #656565 !important;
}
.img-thumbnail-200 {
    height: 200px !important;
    width: 200px !important;
}
.img-thumbnail-100 {
    height: 100px !important;
    width: 100px !important;
}

/** My Team Profile Images **/
.sidebar-profile-image{
    position: relative;
}
.top-left-icon{
    position: absolute;
    top:-1px;
    left:5px;
    z-index: 3;
}
.profile-full-image-element{
    position:relative;
    margin-bottom: 15px;
}
.profile-full-image-element .top-left-icon{
    position: absolute;
    top:-10px;
    left:0px;
    z-index: 3;
}

/** dropdown button */

.dropdown-select li.hr {
    margin: 5px 0;
    border-bottom: 1px solid #dddddd;
}
.dropdown-select label {
    font-weight: normal;
    cursor: pointer;
    padding: 3px 20px;
    width: 100%;
    display: inline-block;
}
.dropdown-select label:hover {
    background: #f5f5f5;
}
.dropdown-select .active label {
    font-weight: bold;
}

#requisitionStatusFilterButton {
    min-width: 125px;
    text-align: left;
}

.filters-container .multiselect.dropdown-toggle {
    text-align: left;
}

#requisitionStatusFilterButton .caret,
.filters-container .multiselect.dropdown-toggle .caret {
    position: absolute;
    top: 15px;
    right: 10px;
}

.filters-container .e-horizontal-divider {
    margin-left: -20px;
    margin-right: -20px;
}

ul.flat {
    padding: 0;
    list-style-type: none;
}
.filters-container ul.select2-choices .select2-search-field:only-child,
.filters-container ul.select2-choices .select2-search-field:only-child input {
    width: 100% !important;
}

#searchByRequisitionTitleContainer {
    width: 355px;
    max-width: 70%;
    margin-right: 5px;
}

/** PDF inline editor **/
.cert-editor
{
    padding: 10px;
    overflow: auto;
}

.cert-html
{
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

.cert-page
{
    display: inline-block;
    background-color: white;
    -webkit-background-size: auto;
    background-size: 100% 100%;
}

.cert-orientation-p
{
    padding:20px;
    width: 8.27in;
    height: 11.67in;
    word-wrap: break-word;
}

.cert-orientation-l
{
    padding:20px;
    width: 11.69in;
    height: 8.26in;
    word-wrap: break-word;
}

.cert-layout-0 .cert-header
{
    height: 40%;
}

.cert-layout-0 .cert-body
{
    height: 60%;
}
.cert-layout-0 .cert-footer
{
    display: none;
}

.cert-layout-1 .cert-header
{
    height: 30%;
}

.cert-layout-1 .cert-body
{
    height: 70%;
}
.cert-layout-1 .cert-footer
{
    display: none;
}

.cert-layout-2 .cert-header
{
    height: 30%;
}

.cert-layout-2 .cert-body
{
    height: 40%;
}

.cert-layout-2 .cert-footer
{
    height: 30%;
}

.cert-layout-2 .cert-footer-l
{
    float:left;
    display: inline-block;
    width: 50%;
}

.cert-layout-2 .cert-footer-r
{
    float:right;
    display: inline-block;
    width: 50%;
}

/** Image radio button **/
.radio-box{
    margin-bottom:5px;
    display: inline-block;
    opacity:0.2;
    color:#996;
}

.radio-box.check
{
    opacity:1;
}

.datepicker-border-radius-fix {
    border-radius: 5px 0 0 5px !important;
}
.e-multiselect-height-162 ul.multiselect-container {
    max-height: 162px;
    overflow-y: auto;
}
.e-multiselect-max-width ul.multiselect-container {
    max-width: 100%;
}
.e-multiselect-max-width ul.multiselect-container a {
    white-space: normal;
}
.e-multiselect-full-width .btn-group,
.e-multiselect-full-width .btn-group > button {
    width: 100%;
}
.e-multiselect-title-left .btn-group > button {
    text-align: left;
}
.e-multiselect-title-left .btn-group > button > .caret {
    position: absolute;
    top: 14px;
    right: 14px;
}
.e-multiselect-truncate-selected .btn-group > button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.itemCount {
    float: right;
}

.force-word-break
{
    -ms-word-break: break-all;
    word-break:break-all;
    word-break: break-word;
}

.e-size-40 {
    min-width: 40px;
    min-height: 40px;
}

.e-size-130 {
    width: 130px;
    height: 130px;
}

.e-img-placeholder {
    position: relative;
}

.e-img-placeholder:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.e-img-placeholder .content {
    position: absolute;
    text-align: center;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.e-img-placeholder.e-size-130 .content {
    font-weight: bold;
    font-size: 48px;
}

.e-img-placeholder.e-size-40 .content {
    font-weight: bold;
    font-size: 14px;
}

.has-error .form-control-img {
    border-color: #a94442;
    -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);
}

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

.e-table-cell{
    display:table-cell;
    vertical-align: top;
}

/* your styles */
.e-table-left  {width:130px;}
.e-table-middle {width:100%;}
.e-table-right {width:200px;}