@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Regular.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Medium.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-SemiBold.ttf") format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Noto Sans";
  src: url("/assets/fonts/NotoSans-Regular.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: "Noto Sans";
  src: url("/assets/fonts/NotoSans-Medium.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Noto Sans";
  src: url("/assets/fonts/NotoSans-SemiBold.ttf") format('truetype');
  font-weight: 600;
  font-style: normal;
}


/*

* Override Pages default styles or create your own styles here

*/
/*
* the select2 inputs from corporate.css was showing over the dialog when not in the dialog
*/
body.modal-open div .select2-container {z-index:1039}; /* should be less than the modal zindex, and modal dark bg */
body.modal-open .modal .select2-container {z-index:4000};
body.modal-open > .select2-container, .modal-backdrop.show ~ .select2-container--open {z-index:4000 !important;}
.select2-container--open {z-index:4000 !important;}


.tab-pane.active {transform:none;}

@media (min-width: 1023px){
    .modal .modal-dialog {
        width: 90%;
        max-width: 90%;
    }
}

.s2-dropdown{
    min-width:400px;
}

.ag-theme-balham .ag-details-row {padding:0px 0px 0px 10px !important;}

/* making the text of disabled inputs darker than the template setting */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {color:rgba(87, 87, 87, 0.90)}
.bubble{
border-radius: 100%;
height: 20px;
width: 20px;
background-color: #f35958;
color: #fff;
position: absolute;
top: -6px;
float: right;
right: -5px;
}

.calendar .time-slot-wrapper .time-slot:first-child span {display: block;}
.calendar .time-slot-wrapper .time-slot > span {line-height:14px; top:0; white-space:normal; margin-right:20px; }
.calendar .time-slot-wrapper .time-slot  {position:relative; }

.calendar .time-slot-wrapper .time-slot .job-count {position:absolute; right:0; top:10px}

body > .pgn-wrapper {z-index:1100;}




.ajax-animated {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .ajax-animated > span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .ajax-animated:before {
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 2.5;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .ajax-animated:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .ajax-animated.from-top:before {
    left: 0;
    top: -100%;
  }
  .ajax-animated.from-top.ajax-spinner:before {
    top: 0;
  }
  .ajax-animated.from-top.ajax-spinner > span {
    -webkit-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
  }
  .ajax-animated.from-left:before {
    left: -100%;
    top: 0;
  }
  .ajax-animated.from-left.ajax-spinner:before {
    left: 0;
  }
  .ajax-animated.from-left.ajax-spinner > span {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
  .ajax-animated.fa:before {
    font-family: FontAwesome;
  }
  .ajax-animated.fas:before {
    font-family: FontAwesome;
  }
  .ajax-animated.pg:before {
    font-family: "pages-icon";
  }

.grid-filter-buttons label{
    border:1px solid #BDC3C7;
    border-bottom:none;
    background-color: #f5f7f7;
    color:rgba(0, 0, 0, 0.54);
    top:3px;
}


/* calendar overrides*/

.calendar .calendar-container .event-container .event-inner {padding:3px;}
.calendar .calendar-container .event-container .event-title {margin-bottom:0;}
.calendar .calendar-container .event-container {border-left:1px solid #333; }
.calendar .calendar-container .event-container .event-inner:before {content: none;}

/* AccuServ specific design styles*/
.form-group label:not(.error), .form-group label {font-size:12px; font-weight:600; margin-bottom:0;} 
.form-control, .select2-container .select2-selection {border: 1px solid rgba(0, 0, 0, 0.2) !important}
.form-group-default .form-control{border:none !important;} /* fix for line above*/
label,.form-group label:not(.error) {font-family: 'Noto Sans', sans-serif;letter-spacing: 0ch}

.page-content-wrapper .content .container-fluid:first-of-type{margin-top:20px}

.card.main-card{box-shadow:0 0 20px rgba(0,0,0,0.3), 0 0px 2px rgba(0,0,0,.5); margin-top:10px}
.card.main-card > .card-body{padding-top:20px;}
.card.main-card > .card-header{background-color: #fff; padding-top:0;min-height:43px;padding: 0 15px 0px 20px;}
.card.main-card > .card-header button {margin-top:15px;}
.modal-content .modal-title, .card.main-card > .card-header .card-title, .card-title.banner  {width: auto; min-width:200px; padding-right:20px; overflow:visible !important; box-shadow:5px 5px 10px rgba(0,0,0,0.3); background-image: linear-gradient(to bottom, #0582C3 0%, #125079 100%);text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);color: #fff;position: relative;left: -32px;top: 15px;}
.modal-content .modal-title span, .card.main-card >  .card-header .card-title span, .card-title.banner span {color:#fff;text-indent:6px;font-size:16px;display: inline-block; font-size:14px;     font-family: "Noto Sans";  padding: 8px 20px;}
.modal-content .modal-title:before, .card.main-card >  .card-header .card-title:before, .card-title.banner:before{
  background: url(/assets/img/title-shadow.png);
  display: block;
  width: 10px;
  height: 8px;
  margin-bottom: -8px;
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
}
/* mri-button*/
.btn{
  
  /* display: inline-flex; */
    justify-content: center;
    align-content: center;
    /* align-items: center; */
    /* position: relative; */
    border-style: solid;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
  
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  border-width: 1px;
  border-radius: 9999px;
  font-size: .875rem;
  line-height: 1.25rem;
  text-decoration:none;
}
.modal-content .modal-title { left:-36px; top:0px;}
.modal-content .panel-footer{margin:0;}
/* mri-button-primary */
.btn-primary{background-color: #0d75b0;
  color: #fff;
  border-color: transparent;}
.btn-primary:hover,.btn-primary:active, .btn-primary:focus{background-color:#10689D !important; color:#fff;}
/* .btn-primary:active{background-image: linear-gradient(rgb(89, 139, 30), rgb(28, 92, 27)) !important; border:1px solid rgb(31, 102, 30); color:#fff} */
.btn-secondary{background-color: rgba(255,255,255,0);
  color: #162029;
  border-color: #607184;
}
.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active{background-color:rgba(58, 157, 210, 0.1)!important}
.btn-default{ border:1px solid #aaa; text-shadow:none;}

.panel-footer {
  min-height: 40px;
  padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.btn {padding: 5px 10px; font-family:"Noto Sans", sans-serif; font-size: 12px; }


.page-sidebar a:visited, .page-sidebar button:visited, .page-sidebar a:focus, .page-sidebar button:focus ,.page-sidebar a {color:#fff}

.page-sidebar .sidebar-menu .menu-items > li > a > .title {width:auto;}

.bg-orange{background-color:#FF8330;}
.bg-yellow{background-color:#FFF400;}


.calendar .time-slot-wrapper { /*white-space: normal; remove to keep operative name on one line*/ text-align: right;}
.calendar .time-slot-wrapper .time-slot {height:40px; border-bottom:1px solid #dbdbdb;}
.calendar .calendar-container .allday-cell, .calendar .time-slot-wrapper {width:100px;}
.calendar .calendar-container .view .tble {width:calc(100% - 100px);}
.calendar .calendar-container .view .tble .thead .tcell:before { border-left:5px solid #000 }
/* the followign styles are used by the drag and drop library on evolving day*/
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  overflow:hidden;
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.btn.spinning{padding-right:40px;}
.btn.spinning:before{
  content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid #3A9DD2;
    border-right: 3px solid #3A9DD2;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}
/* .twoToneButton {
    display: inline-block;
    outline:none;
    line-height: 1.4;
    
    position: relative;
    
    font-weight:700;
    box-shadow:0 1px 0 #232323 inset, 0px 1px 0 #222222;
    
} */

.btn{transition: padding-right .3s ease;}

.btn:active{
    box-shadow:0 0 10px #202020 inset, 0px 1px 0 #222222;
    color:#eee;
    background: #202020; 
}




@keyframes rotate360 { 
    100% {
        transform: rotate(360deg);
    }
}
@keyframes exist { 
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}



/* operative availability grid cell background colours*/
.bg-avail-avail {background-color:rgb(136, 213, 46)}
.bg-avail-none {background-color:#FF8000;}
.bg-avail-off {background-color:#aaa;}
.bg-is-pseudo {background-color:#FFFF00;}
.bg-avail-overbooked {background-color:#cc0000; color:#fff;}


/* center screen loading spinner */

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 20em;
  width: 20em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index:2000; /* should be over everything*/
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  width: 0px;
  height: 0px;
  border-radius: 50%;
  right: 6px;
  top: 50%;
  position: absolute;
  border: 2px solid #338e00;
  border-right: 3px solid #377100;
  animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

.btn.with-pretend-label{margin-top:20px;} /* used to align a button with an element that has a label above it*/

ul.menu-items ul.sub-menu li a {width:100% !important;}
.sub-menu .sub-menu a {width:100% !important;}

.notfilterspecificGridRow {color:#aaa;}
.jobOpenDateMissedGridRow {background-color:#cc0000 !important;color:#fff}
.notfilterspecificGridRow.jobOpenDateMissedGridRow {background-color:#cc000057}

.help-definition {font-weight:bold;text-transform:uppercase;}

.grid-footer{border: 1px solid #BDC3C7; border-top:0; background-color:#f5f7f7; height:32px; line-height:16px; text-align: right; padding-top:6px; padding-right:10px;}

.cell-bg-danger{background-color:#cc0000 !important;color:#fff !important;}
.cell-bg-yellow{background-color:#FFFF00;}
.cell-bg-orange{background-color:rgb(228, 90, 40); color:#fff;}
.cell-bg-success{background-color:#338e00 !important;color:#fff !important;}
.cell-bg-grey{background-color:#BDC3C7;}


/* favourite report tiles*/


.favourite {
	font-size: 33px;
	color: rgba(0,0,0,.5);
	width: 38px;
	height: 38px;
	margin: 0 auto;
	margin-top: 0px;
  position: absolute;
  right:-3px;
  top:-15px;
	cursor: pointer;
}

.favourite .fa-star:before{color:#FF9800;}

.favourite span {
	margin-left: 4px;
	margin-top: 3px;
	z-index: 999;
	position: absolute;
}

.favourite span:hover {
	opacity: 0.8;
}

.favourite span:active {
	transform: scale(0.93,0.93) translateY(2px)
}

.ring, .ring2 {
	opacity: 0;
	background: grey;
	width: 1px;
	height: 1px;
	position: absolute;
	top: 19px;
	left: 18px;
	border-radius: 50%;
  cursor: pointer;
  z-index:998;
}

.favourite .active span, .active-2 span {
	color: #F5CC27 !important;
}

.active-2 .ring {
	width: 58px !important;
	height: 58px !important;
	top: -10px !important;
	left: -10px !important;
	position: absolute;
	border-radius: 50%;
	opacity: 1 !important;
}

.active-2 .ring {
	background: #F5CC27 !important;
}

.active-2 .ring2 {
	background: #fff !important;
}

.active-3 .ring2 {
	width: 60px !important;
	height: 60px !important;
	top: -11px !important;
	left: -11px !important;
	position: absolute;
	border-radius: 50%;
	opacity: 1 !important;
}

.favourite .info {
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
	color: grey;
	position: relative;
	top: 30px;
	left: -46px;
	opacity: 0;
	transition: all 0.3s ease;
}

.info-tog {
	color: #F5CC27;
	position: relative;
	top: 45px;
	opacity: 1;
}

.favourite * {
	transition: all .32s ease;
}
.tile-title{color:#fff;font-weight:bold;}
/* .has-error{
  color:#dc3545; 
} */
/* .has-error .form-control[readonly] .has-error input{
border-color: #dc3545;
background-color: #AF3005;
color:white;
} */

.has-error > div {
  background-color: #E53935;
  color: white;
  padding: 2px;
}
/* dont show dropped events in the drop zone*/
.time-slot .event-container:not(.gu-transit), .dropzone > .event-container:not(.gu-transit){display:none}
.event-container {min-width: 2%}


.side-panel-wrapper {
  position: fixed;
  right: -285px;
  top: 0;
  width: 285px;
  background: #fff;
  bottom: 0;
  /* z-index: 1000; */
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
  border-left: 1px solid rgba(222, 227, 231, 0.56);
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.side-panel-wrapper.open {
  right:0;
  /* -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0); */
}

.moveable-event{cursor:move;}
.modal .modal-sm {width:600px;}

/* force completed jobs in front of other jobs - eg start travel happens at same time as no access on other job - other job would be hidden until new job is onsite*/
.calendar .calendar-container .pills-wrapper > .event-container {z-index:99;} 

.ag-header-cell.past-target {color:#ff0000;}

.calendar .calendar-container .event-container {min-height:35px!important;}

label.vue-js-switch {margin-bottom:0px;}

.btn-xs, .btn-group-xs > .btn {
  padding: 2px 9px;
  font-size: 10.5px;
}

.grid-footer .btn-xs{ margin-top:-2px; margin-left:5px; padding:0px 9px;}

.nav-tabs-simple > li > a:after {display:none !important;}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.tab-pane{padding:10px;}
.panel-default{
  border: 1px solid #ddd;
}

.panel.with-nav-tabs .panel-heading ul{
  padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
margin-bottom: -1px;
}
.panel.with-nav-tabs .nav-item {margin-right:5px;}
/********************************************************************/
/*** 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: #333;
}

.with-nav-tabs.panel-default .nav-tabs > li > a:not(.active)
{
  padding:6px 10px;
  margin:6px;
}

.with-nav-tabs.panel-default .nav-tabs > li > a:not(.active):hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:not(.active):focus
{
  border-radius: 4px;
  background-color: #ddd;
}


.with-nav-tabs.panel-default .nav-tabs > a.active,
.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:focus {
  color: #777;
background-color: #fff !important;
border-color: transparent;
}


.nav-tabs-simple {border-bottom:1px solid;}
.with-nav-tabs.panel-default .nav-tabs > li > a.active,
.with-nav-tabs.panel-default .nav-tabs > li > a.active:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a.active: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;
}

.nav-tabs>li>a { border-radius:4px 4px 0 0;}
.nav-tabs>li> a.active {
  
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  position: relative;
  bottom: -1px;
  border-radius: 4px 4px 0 0;
  background-color:#fff;
    z-index: 700;

}

.alert i.fa{font-size:40px; margin-top:10px;margin-left:10px}

.line-through{text-decoration:line-through}


.modal .icon-box {
  color: #fff;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -70px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  z-index: 9;
  background: #ef513a;
  padding: 15px;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.darger-bg-on-hover:hover{
  filter: brightness(90%);
}

.alertmodal .modal-header h4 {margin:10px auto;font-weight:600;}
.alertmodal .modal-dialog {max-width: 50%}
.alertmodal .modal-footer a {max-width:30%; margin:auto; text-shadow: 1px 1px 0px #000 !important}
.alertmodal .modal-error .modal-footer a {background:#ef513a; color:#fff; font-weight:600;}
.alertmodal .modal-success .modal-footer a {background:#82ce34; color:#fff; font-weight:600;}
.alertmodal .modal-warning .modal-footer a {background:#d87e18; color:#fff; font-weight:600;}
.alertmodal .modal-info .modal-footer a {background:#03a9f4; color:#fff; font-weight:600;}
.alertmodal i.fa-check {display:none;}
.alertmodal i.fa-times {display:none;}
.alertmodal i.fa-info {display:none;}

.alertmodal .modal-error i.fa-times {display:inline;}
.alertmodal .modal-success i.fa-check {display:inline;}
.alertmodal .modal-warning i.fa-info {display:inline;}
.alertmodal .modal-info i.fa-info {display:inline;}

.alertmodal .modal-error .icon-box{background:#ef513a;}
.alertmodal .modal-success .icon-box{background:#82ce34}
.alertmodal .modal-warning .icon-box{background:#d87e18}
.alertmodal .modal-info .icon-box{background:#03a9f4}
.alertmodal .modal-body {max-height:70vh; overflow:auto;}
.pointer{cursor: pointer;}
.alertmodal .modal-body p {white-space: pre-line; }

.modal-content{
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.45) !important;
}
.modal-content.ghost {border:0; box-shadow: none !important;  background-color:transparent;}

.input-group select.select2-with-append.full-width + .select2-container{width:85% !important;}

li.select2-results__option[aria-selected="true"] {
  font-weight:bold;
}
/* 
li.select2-results__option[aria-selected="true"]:before {
  content: "\f00c";
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
} */


li.select2-results__option[aria-selected="true"] span::after {
  content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    float:right;
    margin-right:10px;
    margin-top:5px;
}

.cell-span {background-color: #fff;}

.context-menu{
  position: absolute;
  z-index: 1000;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  background-clip: padding-box;
}
.context-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}
.context-menu li:hover{
  background-color:#efefef;
}

.jobComponentModal{
  max-height:80vh;
  min-height:80vh;
  overflow: scroll;
  margin-top:10px;
  padding-bottom:80px !important;
}

.data-row {
  border-bottom: 1px solid rgb(204, 204, 204);
  margin-bottom: 10px;
}
li.select2-results__option{
  min-height: 36px;
}
/* large empty div will prevent tooltip when hovering completed jobs in the past so hiding the openjobs div  */
div.openjobs:empty{display:none;} 

.datepickerTxt{
  background-color: white !important;
}
.tab-pane-50vh {
  height: 50vh;  
  overflow-y: auto;
  overflow-x: hidden;
}
.tab-pane-45vh {
  height: 45vh;  
  overflow-y: auto;
  overflow-x: hidden;
}
.tab-pane-65vh {
  height: 65vh;  
  overflow-y: auto;
  overflow-x: hidden;
}


.inline-modal-body-wrapper .inline-modal-body {
  box-shadow: none;
  padding: 25px;
  padding-top: 0;
  white-space: normal;
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;  
}

.modal-body .job-screen-wrapper-panel{
  padding-bottom: 80px;
}

.card-footer:empty { display: none; }

#defaultRTE {overflow:hidden !important;}

button:not(.close), .btn { background-image: none!important;}
.btn-primary.disabled,.btn-primary:disabled{
 background-color: #0d75b0;
 color:#fff;
}
.btn-secondary.disabled, .btn-secondary:disabled{
  color:#162029;
  background-color:rgba(255,255,255,0);
  border-color:#607184;
  opacity: 0.5;

}

.input-group-append .btn-secondary{
border:  1px solid rgba(0, 0, 0, 0.2) !important;
}
/* dropdown editor is partially hiudden on call centre screen when grid is not as high as dropdown */
.ag-root, .ag-root-wrapper {
  overflow: visible !important;
}

.s2withbtn select.full-width + .select2-container {
  width:calc(100% - 50px) !important;
}
.s2withbtn .input-group-append .btn{
  max-width:50px !important;
}

body.hasagbar .page-sidebar{margin-top:34px}

body.hasagbar.fixed-header .header {
  margin-top:34px !important;
}

body.hasagbar application-gateway-app{
  position:fixed;
  top:0;
  width:100%;
  z-index: 999;
}

body.hasagbar .page-content-wrapper{top:34px;}

.dot{
  height: 10px;
  width: 10px;
  background-color: #cc0000;
  border-radius: 50%;
  position: relative;
  margin-top: 6%;
  margin-right: -5%;
}