#pleaseWaitForAppStartUp {
    text-align: center;
}

html,
body,
#layoutRoot,
.my-shellView,
.body-content,
#content,
.my-errorsView,
.my-errorsGrid,
.my-mobilisationsView,
.my-mobilisationsGrid,
.my-tooltipsGrid,
.my-tooltipsView,
.my-destinationsView,
.my-destinationsGrid,
.my-heliportsView,
.my-heliportsGrid,
.my-hotelsView,
.my-hotelsGrid,
.my-locationsView,
.my-locationsGrid,
.my-testingLocationsView,
.my-testingLocationsGrid,
.my-testingVendorsView,
.my-testingVendorsGrid,
.my-roomTypesView,
.my-roomTypesGrid,
.my-legalEntitiesView,
.my-legalEntitiesGrid,
.my-tradesView,
.my-tradesGrid,
.my-usersView,
.my-usersGrid,
.my-personnelCommunicationsView,
.my-personnelCommunicationsGrid,
.my-messagesGrid,
.my-messagesView,
.my-employmentStatusesView,
.my-employmentStatusesGrid {
    height: 100%;
    /*margin-left: -15px;
    margin-right: -15px;*/
}

body{
    /*background-image: url("Images/image.jpg");*/ /* path MUST BE RELATIVE as otherwise will only work if deployed to the root */
    /*background-size: cover !important;*/
}

.body-content {
    padding-left: 5px;
    padding-right: 5px;
}

#layoutRoot {
    padding-top: 150px;
    height: calc(100% - 150px);
    padding-top: 0px !important;
}

#LRPageContainer{
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-top: 3px solid rgb(201,210,0) !important;
}

.panel-title{
    font-weight: bold !important;
}


/* reset everything to the default box model */

*, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.form-control-static,
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.navbar-brand {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .form-control.k-widget {
        padding: 0;
        width: 100%;
        height: auto;
    }

        .form-control.k-widget:not(.k-autocomplete) {
            border-width: 0;
        }

/*.my-errorsGrid,
.my-mobilisationsGrid,
.my-errorsGrid,
.my-regionalAdminsGrid,
.my-tooltipsGrid,
.my-clientsGrid {
    border: 0;
    margin-left: -15px;
    margin-right: -15px;
}*/

.k-grid-clearAllFilters, 
.k-grid-clearAllSorting,
.k-grid-excel{
    float:right;
}

.my-editMobilisationView,
.my-viewMobilisationView,
.my-editTooltipView,
.my-viewTooltipView,
.my-editDestinationView,
.my-viewDestinationView,
.my-editHeliportView,
.my-viewHeliportView,
.my-editHotelView,
.my-viewHotelView,
.my-editLocationView,
.my-viewLocationView,
.my-editTestingLocationView,
.my-viewTestingLocationView,
.my-editTestingVendorView,
.my-viewTestingVendorView,
.my-editRoomTypeView,
.my-viewRoomTypeView,
.my-editLegalEntityView,
.my-viewLegalEntityView,
.my-editTradeView,
.my-viewTradeView,
.my-editUserView,
.my-viewUserView,
.my-editPersonnelCommunicationView,
.my-viewPersonnelCommunicationView,
.my-editMessageView,
.my-viewMessageView,
.my-editEmploymentStatusView,
.my-viewEmploymentStatusView {
    /*padding-top: 15px;*/
    padding-bottom: 15px;
    overflow-x: hidden; /* hack to hide horizontal scrollbar that started appearing for no good reason and no more time to investigate & fix :( */
}

.my-myMobilisationView {
    margin-top: -20px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/*.my-searchPrincipalWindow,
.my-confirmationWindow,
.my-promptWindow,
.my-notificationWindow {
    width: 400px;
}*/

.my-searchUserWindow .k-edit-form-container {
    width: 800px;
}

/*.my-errorWindow {
    width: 800px;
}*/

.my-prewrap {
    white-space: pre-wrap;
}

.my-user-label {
    width: 140px;
    font-weight: bold;
    display: inline-block;
}

.my-errorMessage {
    white-space: pre-wrap;
}

.my-errorDetailsPanel {
    overflow: auto;
    max-width: 100%;
    max-height: 300px;
}

.my-errorDetails {
    padding: 15px;
    white-space: pre;
}

.my-field-color {
    padding-right: 4px;
    color: white;
}

.my-multiselect .k-multiselect-wrap li {
    float: none;
    display: list-item;
    text-align: left;
    margin: 1px 1px 1px 1px;
}

#userInformationFilterDropdownlist-list,
#mobilisationUserFilterDropdownlist-list
 {
    width: 500px !important;
}

.panel-heading a {
    display: block;
    width: 100%;
}

    .panel-heading a:not(.collapsed) .caret {
        content: "";
        border-top: 0;
        border-bottom: 4px dashed;
        border-bottom: 4px solid \9;
    }

.k-tooltip-content {
    white-space: pre-wrap;
}

.k-tooltip.k-popup {
}

.k-upload-selected {
    display: none;
}

.k-editor-inline {
    border-width: 1px;
}

/*html .k-upload-empty {
    border-width: 1px;
    background-color: #fff;
}

div.k-dropzone em {
    visibility: inherit;
}*/

.k-file {
    background-color: #fff;
    border-color: #e8e8e8;
}

.k-file-progress {
    color: #000;
}

    .k-file-progress .k-progress {
        background-color: #e3f6fc;
    }

    .k-file-progress .k-filename {
        color: #000;
    }

.k-file-success {
    color: #000;
}

    .k-file-success .k-progress {
        background-color: #e9f8eb;
    }

    .k-file-success .k-filename {
        color: #000;
    }

.k-file-error {
    color: #000;
}

    .k-file-error .k-progress {
        background-color: #ffe0d9;
    }

    .k-file-error .k-filename {
        color: #000;
    }

.glyphicon-info-sign {
    cursor: pointer;
    cursor: help;
}

.k-state-active.k-grid-filter {
    background-color: lightgray;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
}

@media print {
    .navbar {
        display: none;
    }

    .k-button {
        display: none;
    }

    .k-grid tr {
        page-break-inside: avoid;
    }

    .my-info-icon {
        display: none;
    }

    #layoutRoot {
        padding-top: 0;
        height: 100%;
    }
}

#logoHeader{
    /*width: 100%;
    height: 100px;*/

    background-color: white;
    /*background-color: rgb(144,144,148);*/
    /*background-color: rgb(224,225,227);*/
    

    /*text-align:right;*/
}

#logoHeader img{
    /*height: 90px;
    padding: 5px;*/

    /*height: 80px;
    padding: 10px;*/

    height: 65px;
    padding: 17px;
}

#logoHeader span{
    float:right;
    width: 110px;
    margin-right: 20px;
    margin-top: 50px;
    color: rgb(0,138,217);
}

.navbar-fixed-bottom, .navbar-fixed-top{
    position:static !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    /*background-color: rgb(0,44,82) !important;*/
    background-color: rgb(0,32,67) !important;
}
.navbar-inverse{
    /*background-color: rgb(0,44,82) !important;*/
    background-color: rgb(0,32,67) !important;
    border: none !important;
    margin-bottom: 0px !important;
}

.my-homeView{
    background-size: cover;
    height: calc(100%);
}


.container .jumbotron, .container-fluid .jumbotron{
    margin-left: 5%;
    margin-top: 5%;
    width: 30%;
    opacity: 0.9;
}

.jumbotron{
    position: absolute !important;
}

.navbar-inverse .navbar-brand{
    color: white !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
    background-color: rgb(0,138,217) !important;
}

.navbar-inverse .navbar-nav > li > a{
    color: white !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
    background-color: rgb(201,210,0) !important;
}

.jumbotronFooter{
    float: right;
    font-size: 16px !important;
    color: rgb(135, 135, 135) !important;
    margin-bottom: 0px !important;
    margin-top: 20px;
}

.lrLead{
    font-size: 18px !important;
}

.lrHello{
    color: white !important;
}

.lrHello>span{
    color: rgb(201,210,0) !important;
}


.mobilisationButtonContainer{
    float: left;
}

/* Bootstrap Overrides*/

.navbar-nav{
    margin-right: 30px !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .lrEditPanel{
    width: 90% !important;
    margin-left: 2% !important;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .lrEditPanel{
    width: 800px !important;
    margin-left: 2% !important;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .lrEditPanel{
    width: 800px !important;
    margin-left: 2% !important;
}
}

.my-widgetWidth, .k-autocomplete, .k-colorpicker, .k-combobox, 
/*.k-datepicker, .k-datetimepicker, 
.form-group .k-dropdown, .k-numerictextbox,*/ 
.k-selectbox, 
/*.k-textbox, .k-timepicker,*/ 
.k-toolbar .k-split-button{
    max-width: 16em !important;
}

.my-multiselect .k-multiselect-wrap li {
    float: none;
    display: list-item;
    text-align: left;
    margin: 1px 1px 1px 1px;
}

.form-group .k-dropdown {
    width: 16em !important;
    max-width: 16em !important;
}

.panel {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    height: calc(100% - 30px);   
}

.panel-body {
    height: calc(100% - 40px);
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}


/*Personnel Communication images need to be responsive.*/
.panel-body img, .k-grid-content img {
	display: block;
    max-width: 100%;
    height: auto;
}	

.panel-primary {
    padding-bottom: 1px;   
}

.panel-Orange{
    padding-bottom: 1px;
    border: 1px solid rgb(201,210,0) !important;
}

.panel-Orange > .panel-heading{
    background-color: rgb(201,210,0) !important;
    border-color: rgb(201,210,0) !important;
}

.panel-primary > .panel-heading{
    background-color: rgb(0,138,217) !important;
    border-color: rgb(0,138,217) !important;
}

/*.list-group.active {
    padding-top: 0;
    padding-bottom: 0;
}*/

.list-group h4 {
    padding: 0;
    margin: 0;
    font-weight: bold;
}

/*@media (min-width: 1000px) {
    .panel-RegionalAdmin, .panel-ToolTips{
    max-width: 1000px;
    min-width: 400px;
    float: left;
    margin-left: 30px !important;
    margin-right: 30px !important;
}
}

@media (min-width: 800px) {
.panel-Clients, .panel-RigTypes{
    max-width: 800px;
    min-width: 400px;
    float: left;
    margin-left: 30px !important;
    margin-right: 30px !important;
}
}*/

.body-content{
    
    /*background-color: rgb(235,235,235) !important;*/
    padding-top: 20px;
}

.k-grid{
    margin-top: -15px;
}

    .my-phases .k-grid, .my-tasks .k-grid, .my-deliverables .k-grid, .my-searchPrincipalWindow .k-grid{
    margin-top: 0;
}

/* LR Colours */
.lrOrangeBackground{
    background-color: rgb(201,210,0) !important;
    border-color: rgb(201,210,0) !important;
}

.lrDarkBlueBackground{
    background-color: rgb(0,44,82) !important;
    border-color: rgb(0,44,82) !important;
}

.lrPrimaryButton{
    background-color: rgb(0,138,217) !important;
    border-color: rgb(0,138,217) !important;
    color: white !important;
}

.lrPrimaryButton:hover{
    background-color: rgb(0,138,217)!important;
    border-color: rgb(0,44,82) !important;
}

.lrDefaultButton{
    background-color: #f5f5f5  !important;
    border-color: #d9d9d9 !important;
    color: #414042 !important;
}

.lrDefaultButton:hover{
    background-color: #d8d8d8 !important;
    border-color: #d8d8d8 !important;
}

.lrOrangeButton{
    background-color: rgb(201,210,0) !important;
    border-color: rgb(201,210,0) !important;
    color: white !important;
}

.lrOrangeButton:hover{
    background-color: rgb(246,180,54) !important;
    border-color: rgb(246,180,54) !important;
}

.lrDarkGrey{
    background-color: rgb(135,135,135) !important;
    border-color: rgb(135,135,135) !important;
}

.bilfingerGreen{
    background-color: rgb(201,210,0) !important;
    color: white !important;
    border-color: rgb(201,210,0) !important;
    /*border-color: rgb(0,81,67) !important;*/
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 1%;
    padding-left: 1%;
}

.col-xs-5ths {
    width: 18%;
    float: left;
}

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

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

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 18%;
        float: left;
    }
}
.lrTask{
	font-size: 12px !important;
	text-decoration: none !important;
}
		a:link{
	text-decoration: none !important;
}

.lrStatusPrimary{
    background-color: rgb(0,138,217) !important;
    border-color: rgb(0,138,217) !important;
    color: white;
}

.lrStatusCompleted{
	background-color: #dff0d8 !important;
	color: rgb(65, 64, 66) !important;
	text-decoration: none !important;
    border-bottom: 1px solid white !important;
}

.lrStatusCompleted>.lrTask{
    color: rgb(65, 64, 66) !important;
}
		
.lrStatusInProgress{
	background-color: #fcd8a1 !important; 
	color: rgb(65, 64, 66) !important;
    border-bottom: 1px solid white !important;
}

.lrStatusInProgress>.lrTask{
    color: rgb(65, 64, 66) !important;
}
		
.lrStatusNew{
	background-color: white;
	color: rgb(65, 64, 66) !important;
    border-bottom: 1px solid #ebebeb !important
}
		
.lrStatusExcluded{
	background-color: #ebebeb !important; 
	color: #878787 !important;
}

.lrStatusExcluded>.lrTask{
	color: #878787 !important;
}


.lrTaskListItem:hover {
    cursor: pointer;
	background-color: #ee7624 !important;
    color: white !important;
}
.lrTaskListItem:hover>span{
    color: white !important;
}

.overviewGroup{
    margin-bottom: 0px !important;
}

.lrDisable {
    pointer-events: none;
    cursor: default;
} 

div.lrPhaseTasks > a:nth-of-type(odd){
    background: #FAFAFA;
}

.panel-collapse{
    background-color: white !important;
}

.c100.small{
    font-size: 40px !important;    
}

.panelOverview {
    min-height: 60px;
}

.headingOverview{
    min-height: 40px;
    border-color: #878787 !important;
}
.c100 > span {
    width: 3.6em !important;
    line-height: 3.5em !important;
    font-size: 0.28em !important;
    color: rgb(135,135,135)  !important;
}

.lrTaskP{
    padding: 15px;
    color: black;
}

.lrPhaseTitle{
    margin-left: 50px;
    margin-top: 10px;
    font-size: 18px;
}

.lrIconCompleted{
    color: rgb(64,135,64) !important;
}

.lrIconNew, .lrIconExcluded{
    color:rgb(135, 135, 135)  !important
}

.lrIconInProgress{
    color: rgb(201,210,0) !important;
}

.lrPhaseHeadingInProgress{
    background-color: #fcd8a1 !important; 
}

.lrPhaseHeadingCompleted{
    background-color: #dff0d8 !important;
}

.lrPhaseHeadingExcluded{
    background-color: #ebebeb !important; 
}

.lhPhaseConcept{
    background-color: rgba(175,133,32, 0.2) !important;
}

.lhPhaseSelect{
    background-color: rgba(99,90,56, 0.2) !important;
}

.lhPhaseDesign{
    background-color: rgba(0,112,121, 0.2) !important;
}

.lhPhaseExecute{
    background-color: rgba(113,81,146, 0.2) !important;
}
.lhPhaseEvaluate{
    background-color: rgba(113,213,76,0.2) !important;
}

#mobilisationDetailsIcon{
    color: #414042 !important;
}

body {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

/*h1, h2, h3, h4, h5 {
    font-family: DIN2014WebLight, Arial, "Helvetica Neue",Helvetica,sans-serif;
}*/


/*@font-face {
    font-family: 'DIN2014WebLight';
    src: url('fonts/UniversCom-57Condensed.ttf') format('truetype'), url('fonts/UniversLTCYR-57Condensed.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN2014WebLight';
    src: url('fonts/UniversCom-67BoldCond.ttf') format('truetype');
    font-weight: bold;
}

body {
    font-family: DIN2014WebLight, Arial,"Helvetica Neue",Helvetica,sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: DIN2014WebLight, Arial, "Helvetica Neue",Helvetica,sans-serif;
}*/

    /*@font-face {
    font-family: GraublauWeb;
    src: url("path/GraublauWeb.otf") format("opentype");
}

@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url("path/GraublauWebBold.otf") format("opentype");
}*/