/* Global styles version 1.50 */
/* 
 - Added media query on line 159 at max-width: 1100px to add a background-position of 97% 
to select.building and select.ineedto to fix an issue in IE. 
- added a background color of white to ol.carousel-indicators so that it would
not collid with any long text.
*/


/* Home Page CSS Starts*/

/* Open sans import as a backup to Segoe*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/*** Loading Animation ***/

.loadingTitle {
    text-align: center;
    font-size: 32px;
}

.loadingSubtitle {
    text-align: center;
    font-size: 24px;
}

.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 200px;
}

body {
    background: url(/profile/ProfileImg) no-repeat #f2f2f2;
    background-size: cover;
    background-position: top left; 
    background-repeat: no-repeat; 
    height: 100%; 
    width: 100%; 
    margin:0;
    font-family: "Segoe UI","Open Sans";
}
/*Header*/


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #1076c5;
    background-color: transparent;
}

.fa-home {
    font-size: 25px;
    top: -5px;
}

.username {
    color: #0078D7;
    font-size: 24px;
    font-family: "Segoe UI",'Open Sans';
    vertical-align: middle;
    display: block;
}

.dis-lang {
    color: #000;
    font-size: 16px;
    font-family: "Segoe UI",'Open Sans';
    text-decoration: underline;
}

@media (min-width:768px) {
    .header-rightside {
        float: right;
        text-align: right;
        position: absolute;
        right: 25px;
        top: 15px;
        width: 50%;
    }

    .navbar .container {
        position: relative
    }
}

/* Pushing bootstrap mobile nav out to 868px start */
/*@media (min-width: 868px) {
    .navbar--toggle {
        display: none;
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

}
@media (max-width: 868px) {
    .navbar-header {
        padding-bottom: 15px;
    }

    .navbar-collapse.collapse {
        display: none;
    }
}*/
/* Pushing bootstrap mobile nav out to 868px end */

.header-title {
    margin-bottom: 10px;
}

.menu-bar.xrm-entity.xrm-editable-adx_weblinkset ul li:first-child a {
    padding-left: 0;
    padding-bottom: 7px;
}

.header-link:hover {
    text-decoration: none;
}

.navbar-static-top .navbar-header {
    padding-top: 15px;
}

.drop_language {
    font-size: 16px;
}

.building-info {
    margin-top: 5px;
}

/* Header Ends*/

select.building, select.ineedto {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 600;
    padding-right: 20px;
    background-image: url('/arrow-down.png');
    background-position: calc(100% - 0px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
    background-size: 16px;
    background-repeat: no-repeat;
    width: 200px;
    margin-left: 15px;
    background-color: #fff;
    margin-bottom: 9px;
    padding: 0px 5px;
    background-position: 98% center;
    display: inline;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    box-shadow: none;
}

.ineedto select, select.building, .buildingSpan {
    font-size: 14px;
    color: #000;
    height: 25px;
    font-family: "Segoe UI","Open Sans";
}

@media (min-width: 768px) {
    .ineedto select, select.building, .buildingSpan {
        width: 45%;
    }
}

@media (max-width: 1100px) {
    select.building, select.ineedto {
        background-position: 97% center;
    }
}


.dropdown-menu > li > a {
    padding: 10px 20px;
}

.languageSpan {
    display: none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #000;
    background-color: #fff;
}

#navbar .dropdown-menu {
    margin-top: -1px;
    margin-left: 2px
}

.section-landing {
    background: none;
}

.home-request-announce-buiding-wrap {
    background: rgba(255, 255, 255, 0.95);
}


.myticket:link {
    height: 65px;
    position: relative;
    word-wrap: break-word;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 15px;
}

.chat_now a > img {
    display: none;
}

.chat_now {
    top: -77px !important;
    width: 250px;
    background-color: #226EF1;
    height: 35px;
    border-radius: 6px 6px 0px 0px;
    position: absolute;
    right: 20px;
}

.chat-section {
    position: relative;
}

.chat-section-icon {
    display: block;
}

.chat-section-p {
    font-size: 16px;
    font-family: Segoe UI Semibold,'Open Sans';
    position: absolute;
    right: 0;
    top: -3px;
    left: 0;
}

.chat_now a {
    text-decoration: none !important;
}

.chat_now:hover {
    background-color: #2B6BD8;
}

/* Call us section */
.call_us a > img {
    display: none;
}

.call_us {
    top: -77px !important;
    width: 250px;
    background-color: #226EF1;
    height: 35px;
    border-radius: 6px 6px 0px 0px;
    position: absolute;
    right: 300px;
}

.call-section {
    position: relative;
    margin-top: 9px;
}

.call-section-icon {
    display: block;
    float: left;
    margin: -3px -30px 0px 10px;
    width: 9%;
}

.call-section-p {
    font-size: 16px;
    font-family: Segoe UI Semibold,'Open Sans';
    text-align: center;
    position: absolute;
    right: 0;
    top: -3px;
    left: 0;
}

.call_us a {
    text-decoration: none !important;
}

    .call_us a > img {
        display: none;
    }

.call_us:hover {
    background-color: #2B6BD8;
}
/* Hero text section */
.hero-text-section {
    background: #FFFFFF;
    text-align: center;
    margin-top: 5%;
    padding: 40px 30px 30px 30px;
    opacity: 0.95;
}

.hero-text-section-h2 {
    color: #1076c5 !important;
    width: 68%;
    margin: auto !important;
    font-family: "Segoe UI Semibold",'Open Sans';
}


.hero-text-section-p {
    border-top: none !important;
    font-family: "Segoe UI","Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #000 !important;
    padding: 20px !important;
    margin: 0;
    font-size: 18px;
    width: 80%;
    margin: auto;
}

.hero-text-section-button {
    background: #2274b6;
    text-transform: uppercase;
    border: solid thin #2274b6;
    padding: 7px 13px;
    margin: 20px auto;
    white-space: nowrap;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 14px;
}

    .hero-text-section-button:hover {
        background: #2274b6;
    }

.hero-text-section-button-highlight {
    background: black;
    text-transform: uppercase;
    border: solid thin black;
    padding: 7px 13px;
    margin: 20px auto;
    white-space: nowrap;
    color: #fff;
    justify-content: center;
    font-size: 14px;
}

    .hero-text-section-button-highlight:focus-visible, .hero-text-section-button-highlight:focus {
        outline-color: #2274b6;
        background-color: #fff;
        color: black;
    }

/* Arrow icon for each project */
.quickt-arrow {
    display: inline-block !important;
    float: right !important;
    position: absolute;
    right: 5px;
    height: 20px;
    top: 34%;
}

.home_global {
    height: 19px;
}

/* Responsiveness for Hero Image */

@media (min-width: 770px) {

    .hero-text-section-h2 {
        font-size: 36px !important;
    }
}

/* Responsiveness for header image */
@media (min-width:885px) {
    body {
        background-position: center -100px;
    }
}


.divider-vertical {
    display: none;
}

.navbar .container {
    max-width: 1440px;
    width: 98%
}

.footer-top {
    display: none !important;
}

.myticket:link, .myticket:visited {
    background: url(/arrow-right.png) no-repeat 97% center #1076c5;
    color: white;
    text-decoration: none;
    padding: 21px;
    text-align: left;
    float: left;
    margin-right: 0;
    font-family: "Segoe UI Semibold","Open Sans";
    width: 29.33%;
    margin: 20px 0px 20px 25px;
    border-radius: 2px;
}

.myticket:hover {
    background: url(/arrow-right.png) no-repeat 97% center #1076c5;
}

.nav li a[title="Register"] {
    display: none;
}

.ineedtoSpan {
    margin-right: 4px;
}

.xrm-attribute-value-empty, .xrm-editable-adx_weblinkset.xrm-entity-value-empty {
    outline: none;
}

footer .col-sm-12, footer .col-md-4 {
    display: block;
}

footer .footer-bottom {
    background: #4A4A4A;
    font-size: 13px;
    color: #FFFFFF;
}

    footer .footer-bottom a {
        color: #FFFFFF;
    }

    footer .footer-bottom .container {
        background: transparent;
    }

#buildinginfo {
    font-family: "Segoe UI","Open Sans";
    font-size: 16px;
}


/*Home Page CSS Ends */


@media only screen and (min-width:768px) and (max-width:991px) {

    .myticket:link {
        padding: 23px;
    }

    .xrm-attribute-value .navbar-brand {
        display: none;
    }

    .quickt-arrow {
        top: 35%;
    }
}



.announcements {
    border: 1px solid #1076c5;
    background: #fff;
    padding: 15px 0 !important;
    text-align: center;
    font-family: "Segoe UI","Open Sans";
    margin-bottom: 20px;
}

    .announcements h2 {
        color: #1076c5;
        font-size: 24px;
        margin-bottom: 20px;
    }

.BuildingInfo {
    padding: 20px;
    background: #D2D2D2;
    color: #000000;
    font-size: 24px;
    font-family: "Segoe UI Semibold","Open Sans";
    letter-spacing: 0.4px;
}

.request-tiles {
    font-family: "Segoe UI","Open Sans";
    padding: 20px 0;
}

.accounments-wrap {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: rgba(242,242,242, 1);
}

.request-tiles h2 {
    color: #1076c5;
    font-size: 30px;
    margin: 20px 0;
    letter-spacing: 0.4px;
    font-family: Segoe UI Semibold,"Open Sans";
}

.tile {
    background: #1076c5;
    color: #fff;
    padding: 20px 15px;
    margin: 20px 0;
    max-width: 300px;
}

.main-title {
    color: #1076c5;
    font-size: 36px;
    font-family: "Segoe UI Semibold","Open Sans";
    line-height: 1;
    margin-bottom: 10px;
}

.header-title p {
    font-size: 24px;
    color: #1076c5;
    font-family: "Segoe UI","Open Sans";
    margin-bottom: 0;
}

.navbar-header {
    float: none;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    height: auto;
    padding: 0px 15px;
}

.buildingSpan {
    margin-right: 4px;
    margin-top: 8px;
    margin-left: 15px;
}

.ineedtoSpan {
    margin-right: 4px;
}

.carousel-indicators li {
    background-color: #ccc;
}

.carousel-indicators .active {
    background-color: #000;
}

.carousel-inner {
    min-height: 110px;
    font-size: 16px;
    max-height: 250px;
}

.NavigateFowardIcon {
    background: url(/NavigateForward) no-repeat 97% center;
    padding-right: 30px !important;
}

    .NavigateFowardIcon:hover {
        background: url(/NavigateForward_white) no-repeat 97% center #1076c5 !important;
        color: #fff !important;
    }
/* Carousel CSS starts */
.carousel-inner .item {
    padding: 15px 40px !important;
}

#carousel-example-generic {
    padding: 0 15px 15px 15px;
    margin-bottom: 25px;
}

ol.carousel-indicators {
    bottom: -4px;
    background-color: white;
}

/* Carousel CSS Ends */

/* Quick request CSS strtas*/
.page_section.section-landing .row {
    padding-bottom: 0px;
}

.myticket:hover {
    background: url(/arrow-right.png) no-repeat 97% center #1076c5;
}
/* Quick request CSS Ends*/
.carousel-control {
    width: 16px;
    background-color: transparent;
    background-image: none !important;
    color: #000;
    font-size: 16px;
    top: 40%;
    bottom: auto;
}

.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
    position: relative;
    top: 4px;
}

.glyphicon-chevron-left:before {
    content: " < ";
}

.glyphicon-chevron-right:before {
    content: " > ";
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 16px;
    font-weight: bold;
    font-family: "Segoe UI Semibold","Open Sans";
    font-size: 19px;
    background: #d2d2d2;
    height: 30px;
}

.carousel-control:focus, .carousel-control:hover {
    color: #000;
}


input[type=button] {
    min-width: 100px !important;
}

textarea {
    width: 100%
}

.actions .col-sm-6 {
    width: 100%;
    padding: 0;
}


.btn-primary {
    color: #FFFFFF;
    background-color: #1076c5;
    border-color: #1076c5;
}

footer .footer-bottom {
    background: #4A4A4A;
    font-size: 13px;
    color: #FFFFFF;
}

    footer .footer-bottom a {
        color: #FFFFFF;
    }

    footer .footer-bottom .container {
        background: transparent;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #1076c5 !important;    
    border: 2px solid #1076c5 !important;
}

.ser-req-btn {
    margin: 10px 0 20px 10px;
    float: right;
    height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 2px;
}

/*.paginate_button a {
    border: 2px solid #1076c5 !important;
}*/

div#YourCases_length label, .dataTables_filter label {
    font-family: "Segoe UI Semibold","Open Sans";
    font-size: 14px;
    color: #000;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #1076c5;
}

.navbar .container, .footer-bottom .container {
    width: 98%;
    max-width: 1440px;
}

.crmEntityFormView .actions {
    border-top: 0;
    padding: 0;
}

.entity-notes {
    width: 100%;
}

.note-actions .col-sm-3 {
    width: 100%
}

.entity-notes a.addnote {
    float: left !important;
    border: 1px solid #1076c5;
    color: #1076c5;
}

.dropdown-menu li {
    list-style-type: none !important;
}



/* Custom CSS Starts */
.margin-top-30 {
    margin-top: 30px;
}

.hero-text-section-button span {
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
}

.crmEntityFormView .tab-column div.input-group div.input-group-btn .launchentitylookup .fa-search {
    display: inline-block;
    transform: rotate(90deg);
}

#NextButton {
    background-image: url(/arrow-right.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: right;
}

#PreviousButton, .EntityFormControl .form-action-container-left #home {
    background-image: url(/arrow-left.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: left;
}

button#toggleCarousel {
    box-shadow: none;
    border: 1px dotted black;
    background: none;
    margin-left: 10px;
}
/* Custom CSS Ends */

/* Paul Globals Start */

/* Grid Fix */

form .container {
    width: 45%;
    margin-top: 30px;
    background: #FFFFFF;
}

.crmEntityFormViewContainer {
    width: 100%;
}

    .crmEntityFormViewContainer .tab {
        padding: 10px 50px;
    }

/* Grid Fix End */

/* Form Step Headings */
.entity-form h2 {
    background: #1076c5;
    padding: 20px 0;
    color: white;
    text-align: center;
    font-size: 20px;
    margin: 5px auto;
}

.entity-form-h2-active {
    background-color: #1076c5;
}

.button-base, #cancelBtn, #draftBtn {
    color: #1076c5;
    text-transform: uppercase;
    border: solid thin #1076c5;
    font-weight: 400;
    padding: 7px 0px;
    word-wrap: break-word;
    font-size: 13px;
    background-color: #1076c5;
    color: #fff;
    width: 130px;
    border: transparent;
    border-radius: 2px;
}

.select-base {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid lightgrey thin;
    background-color: transparent;
    padding: 7px 20px 7px 7px;
    background-image: url('/arrow-down.png');
    background-position-x: 97%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: center;
    width: 200px;
    border-radius: 2px;
}

.arrow-right, .arrow-left {
    background-position-y: center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.arrow-right {
    background-image: url('/arrow-right.png');
    background-position-x: 100%;
}

.arrow-left {
    background-image: url('/arrow-left.png');
    background-position-x: 0%;
}

/* white btn to be used for buttons such as cancel, reset, etc... */
.white-btn, #cancelBtn, #draftBtn {
    background-color: #fff;
    color: #1076c5;
    border: #1076c5 solid;
    font-weight: 500;
    border-radius: 2px;
}

.link-arrow {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    font-size: 22px;
}

    .link-arrow::after {
        content: url('/arrow-right-orange.png');
        vertical-align: middle;
    }

.input-base {
    width: 200px;
    border-radius: 2px;
    border: solid lightgrey thin;
    background-color: transparent;
    padding: 7px 20px 7px 7px;
}

.button-base:focus, .button-base:active, .btn:focus, .btn:active, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    background-color: #1076c5;
    border-color: transparent;
}


/* Styles to target specific instances of elements on form  start*/

/* Form Title */
#titleText {
    text-align: center;
    color: #1076c5;
    font-weight: 500;
}

/* class to float "next" buttons right */
.button-right {
    float: right;
}

#draftBtn, #cancelBtn {
    width: 100%;
}

#draftBtn {
    margin-top: 5px;
}

@media (min-width: 930px) {
    #draftBtn, #cancelBtn {
        width: 48%;
    }

    #draftBtn {
        margin-top: 0;
    }
}

/* Styles to target specific instances end*/

/* Hover Styles */

.button-base:hover, .arrow-right:hover, .arrow-left:hover {
    background-color: #1076c5;
    border-color: #1076c5;
    transition: ease .3s;
    color: white;
}

.white-btn:hover, #cancelBtn:hover, #draftBtn:hover {
    background-color: #1076c5;
    color: #fff;
    transition: ease .3s;
    border: #1076c5 solid;
    border-radius: 2px;
}

.link-arrow:hover {
    color: #36F;
}

/* Focus State Styles */
.button-base:focus, .button-base:active {
    color: white;
    background-color: #1076c5;
}

.select-base:focus, .input-base:focus {
    border: solid thin #000;
}

/* Paul Global Ends*/



/* My Request CSS Starts*/
#YourCases_wrapper .dataTables_filter label #reset {
    margin-left: 20px;
    padding-bottom: 9px;
}

.document-grid .rule-bottom #table #actionButtons .ser-req-btn:hover,
.crmEntityFormView .actions #ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton:hover {
    background: #1076c5;
    border: 1px solid #1076c5;
}

.document-grid .container {
    width: 90%
}

.document-grid .container {
    background: #fff;
}

.document-grid {
    margin-top: 25px;
    margin-bottom: 60px;
    min-height: 1000px !important;
}

#select {
    float: left;
}

th#select {
    float: none;
}

#select select {
    width: 95%;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    background: none;
    text-transform: uppercase;
    color: #1076c5;
    font-family: "Segoe UI Semibold","Open Sans";
}

    .pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover, .pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover {
        color: #1076c5;
    }

.pagination > li > a, .pagination > li > span {
    width: auto;
}

.cancelDialogBox {
    background-color: #1076c5;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.cancelDialogTitle {
    padding: 15px 15px 15px 15px;
    float: left;
    width: 90%;
}

.fontSizeL {
    font-size: 20px;
    line-height: 30px;
}

.fontColorReverse {
    color: #FFF;
}

.cancelDialogClose {
    padding: 15px;
    float: right;
}

.my-request-h3 {
    margin: 35px auto 45px auto;
    color: #000;
    font-size: 25px;
}

.table-bordered {
    border: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}


.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: none;
}

.table > thead:first-child > tr:first-child > th {
    border-bottom: solid thin #ddd;
}

input.gridOption {
    width: 18px;
    height: 18px;
    border: solid #333 1px;
    border-radius: 3px;
    margin-top: 0px;
}

.document-grid {
    margin-top: 60px;
}

.service-request-grid table th {
    font-family: "Segoe UI Semibold","Open Sans";
    color: #4A4A4A;
    font-size: 14px;
    padding-right: 15px !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: inherit !important;
    font-size: 12px;
    color: #4a4a4a;
    opacity: 0.8 !important;
    bottom: inherit !important;
    display: inline-block !important;
    margin-left: 5px;
    margin-top: 3px;
    margin-right: 5px;
}

th#select::after {
    content: " ";
}

.select-icon {
    width: 20px;
    display: block;
    background: url('srstatus/CheckIcon') no-repeat;
    height: 20px;
}

.note-text {
    margin: 25px 0 5px 0;
    color: #4a4a4a;
    font-family: "Segoe UI Semilight", "Segoe UI",,"Open Sans";
}

.service-request-grid table {
    color: #505050;
}

    .service-request-grid table td[data-field="statuscode"], .service-request-grid table td a {
        font-family: "Segoe UI Semibold","Open Sans";
    }

    .service-request-grid table td a {
        color: #0072CC;
    }

div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_info {
    margin-top: 15px !important;
}

.pagination > li > a, .pagination > li > span {
    height: auto;
}

#YourCases_length select, #YourCases_filter input[type="search"] {
    height: 40px;
    border-radius: 1px;
    border-color: #4a4a4a;
}

#YourCases_length select {
    margin-bottom: 10px;
}

#YourCases_filter input[type="search"] {
    width: 225px;
    height: 38px;
}

#resetBtn {
    width: auto;
    min-width: 130px;
    margin-left: 10px;
}

div#YourCases_length label {
    margin-left: 15px;
}

.service-request-grid .col-sm-12 {
    overflow-x: auto;
}

#submitForm .form-action-container-right, #submitForm .form-action-container-left {
    width: 95%;
}

th#Servicerequestnumber {
    min-width: 155px !important;
}
/* My Request CSS Ends*/


@media (max-width:1124px) {
    #YourCases_wrapper .dataTables_filter label #reset {
        display: block;
        margin: 10px 0 0 0;
        width: 75%;
        float: right;
    }

    #YourCases_filter input[type="search"] {
        width: 75% !important;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        text-align: right
    }

    #resetBtn {
        float: right;
        margin-top: 10px;
    }

    div#YourCases_length label {
        margin-left: 0;
    }

    #select {
        float: none;
    }

    div.dataTables_wrapper div.dataTables_length select {
        font-size: 14px;
    }
}

@media(max-width: 550px) {
    body {
        background: url(/BG_image-mob) no-repeat #f2f2f2;
        background-size: contain;
    }
}

@media (max-width:767px) {

    .navbar-static-top .navbar-header {
        padding-bottom: 15px;
    }

    .username, .drop_language, .dis-lang {
        padding: 6px 0;
        display: inline-block;
    }

    .buildingSpan, .ineedtoSpan {
        width: 60px;
        display: inline-block;
    }
    /* hero banner text */
    .hero-text-section-h2, .hero-text-section-p {
        width: 100%;
    }

    .hero-text-section-h2 {
        font-size: 28px !important;
    }

    .hero-text-section-p {
        font-size: 16px;
    }

    .header-rightside {
        padding-left: 20px;
        margin-top: 0;
    }

    .username, .dis-lang {
        font-size: 14px;
    }

    .buildingSpan {
        margin-left: 0;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }

    .weblinks {
        float: left !important;
        WIDTH: 100%;
    }

    span.ineedto {
        display: block;
        margin-left: 15px;
        margin-top: 20px;
    }

    .myticket:link, .myticket:visited {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .request-tiles {
        padding: 0;
    }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #fff;
    }

    .container {
        width: 90%;
    }

    form .container {
        width: 97%;
    }

    .chat_now {
        position: absolute;
        right: 20px;
        top: -48px;
        text-align: right;
    }

    .navbar .container, .footer-bottom .container {
        width: 100% !important;
        max-width: 1440px;
    }

    .document-grid .container {
        width: 95%;
        overflow: auto;
    }

    div#YourCases_length label, .dataTables_filter label {
        font-weight: bold !important;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        width: 96%;
    }
    /* Custom CSS Starts */
    .navbar > .container .navbar-brand {
        width: 100%
    }
    /* Custom CSS Ends */

    /*Home page CSS Starts*/
    .menu-bar.xrm-entity.xrm-editable-adx_weblinkset ul li:first-child {
        display: none;
    }

    .section-landing {
        min-height: 440px !important;
        height: auto !important;
    }
    /*Home page CSS Ends*/

    #YourCases_wrapper .dataTables_filter label #reset {
        display: block;
        margin-top: 10px;
        width: 100%;
    }

    div#YourCases_length label {
        margin-left: 10px;
    }

    .ser-req-btn {
        margin: 20px 0 0 10px;
        width: 100%;
    }

    .document-grid .container {
        padding-bottom: 20px;
    }

    #select {
        float: none;
    }

        #select select {
            width: 48%;
            float: left;
        }

    div#YourCases_length label {
        margin-left: 10px;
        width: 47%;
        margin-top: 0;
    }

    #YourCases_filter input[type="search"] {
        width: 83%;
    }

    .hero-text-section {
        padding: 30px 30px 7px 30px !important;
    }

    #resetBtn {
        width: 100% !important;
        margin-top: 10px !important;
        float: right;
        margin-left: 10px;
    }

    #YourCases_filter input[type="search"] {
        float: right;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        text-align: left
    }

    .service-request-grid table td[data-field="statuscode"]::before {
        font-family: "Segoe UI";
    }
}

/* My Profile Starts*/
#ProfileFormView {
    word-wrap: break-word;
}

.well, .col-md-4, .xrm-attribute-value-empty, .xrm-attribute-value xrm-attribute-value-empty {
    display: none;
}

.footer-top, .breadcrumb, .page-metadata {
    display: none !important;
}

/* -- -- */

.navbar .container {
    background: none;
    width: 98%;
    max-width: 1440px;
}

form .container {
    margin: auto;
}

.form-control {
    color: #000;
}

@media (min-width:768px) {
    form .container .row {
        width: 100%;
        margin: auto;
    }
}

form .container .row .col-md-8 {
    width: 100%;
}

.main-background {
    text-align: center;
}

.page-heading {
    margin-top: 40px;
}

footer .col-sm-12, footer .col-md-4 {
    display: block;
}

footer .footer-bottom {
    background: #4A4A4A;
    color: #FFFFFF;
}

    footer .footer-bottom a {
        color: #FFFFFF;
        text-decoration: underline;
    }

        footer .footer-bottom a font {
            text-decoration-color: #fff;
        }

    footer .footer-bottom .container {
        background: transparent;
        position: relative;
    }

.crmEntityFormView .cell input[readonly=readonly] {
    background: white;
    border: none;
    box-shadow: none;
}

/*.entity-form.crmEntityFormView .tab-column .lookup.form-control-cell .aspNetDisabled,.entity-form.crmEntityFormView .tab-column {
    font-weight:bold;
}*/
.form-readonly .form-control, .crmEntityFormView .form-control[readonly][disabled], .crmEntityFormView .form-control.readonly {
    padding: 0;
    height: auto;
}

.crmEntityFormView .actions #ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton {
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 2px;
    padding-left: 33px;
    padding-right: 33px;
    height: 40px;
    background: #1076c5;
    font-family: 'Segoe UI Semibold','Open Sans';
    font-weight: normal;
    color: #ffffff;
    line-height: 20px;
}

.crmEntityFormView fieldset {
    margin-bottom: 0px;
}

.crmEntityFormView .actions #home {
    background: none;
    font-size: 18px;
    color: #1076c5;
    font-weight: 600;
    border: 2px solid #1076c5;
    border-radius: 2px;
}

#ProfileFormView.crmEntityFormView .cell div.control {
    float: right;
    clear: inherit;
    font-family: "Segoe UI Semibold","Open Sans";
    font-size: 15px;
    width: 49%;
}

#ProfileFormView.crmEntityFormView .cell.checkbox-cell:first-child {
    padding: 0;
}

#ProfileFormView.crmEntityFormView .cell.checkbox-cell div.info {
    padding-left: 0;
}

.crmEntityFormView .cell {
    padding: 0px 0px 11px 20px;
}

.page-header h1 .xrm-attribute-value {
    color: #1076c5;
    font-size: 30px;
    font-family: "Segoe UI Semibold","Open Sans";
    letter-spacing: 0.5px;
}

.xrm-attribute.xrm-editable-text {
    color: #1076c5;
    font-size: 20px;
    font-family: "Segoe UI Semibold","Open Sans";
    letter-spacing: 0.33px;
}

.crmEntityFormView .cell label {
    float: left;
    font-family: "Segoe UI SemiLight","Segoe UI","Open Sans";
    /*    font-size: 15px;*/
    font-weight: normal;
    letter-spacing: 0.25px;
    color: #000;
}

#ProfileFormView.crmEntityFormView .cell label {
    width: 50%;
}

.xrm-attribute-value.xrm-attribute-value-empty {
    display: none;
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 10px;
    border-bottom: none;
    text-align: center;
}

#content_form .container fieldset legend {
    border-bottom: none;
    color: #1076c5;
    font-size: 20px;
    font-family: "Segoe UI Semibold","Open Sans";
    letter-spacing: 0.33px;
}

#content_form .container fieldset .section-title {
    padding-top: 20px;
    padding-bottom: 10px;
}


@media only screen and (min-width:768px) and (max-width:991px) {
    form .container {
        width: 55%;
        margin: auto;
    }
}

@media (min-width:992px) {

    #content_form .container {
        width: 45%;
        margin: auto;
    }

        #content_form .container .row {
            width: 100%;
            margin: auto;
            padding-left: 30px;
            padding-right: 30px;
        }

    .crmEntityFormView .actions #ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton {
        margin-left: 14%;
    }
}

@media (max-width:767px) {

    #content_form .container fieldset .section-title {
        padding-top: 25px;
        padding-bottom: 10px;
    }

    .crmEntityFormView .cell {
        margin-bottom: 0px;
    }

    .crmEntityFormView table.section {
        overflow: hidden;
    }

    #content_form .container .row {
        width: 100%;
        margin: auto;
    }

    .global_profile .crmEntityFormView .actions {
        margin-top: 6px;
    }

    .crmEntityFormView .actions #home {
        width: 100%;
    }

    .crmEntityFormView .actions #ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton {
        width: 100%;
        margin-top: 10px;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape) {
    #content_form .container .row {
        width: 100%;
        margin: auto;
        padding-left: 55px;
        padding-right: 55px;
    }
}

.crmEntityFormView .actions {
    margin-top: -10px;
}

/* My Profile Ends*/


/* display language page */

.display-language .page-header {
    font-family: Segoe UI Semibold,"Open Sans";
    font-size: 30px;
    color: #1076c5;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0;
    padding: 0;
}

    .display-language .page-header h1 {
        margin: 0;
        padding: 0;
        font-size: 30px;
    }

.display-language .crmEntityFormView .cell div.control {
    float: none;
}

.display-language {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 300px;
}

    .display-language .crmEntityFormView .cell label {
        text-align: left
    }

    .display-language .page-heading {
        margin-top: 15px;
    }

    .display-language .page-copy {
        margin-bottom: 25px;
    }

    .display-language .container .row {
        width: 100%;
        padding: 0 15px;
    }

    .display-language .info label {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .display-language .form-custom-actions .col-sm-6 {
        width: 100%;
        text-align: center
    }

    .display-language .form-custom-actions {
        margin-bottom: 10px !important;
    }

        .display-language .form-custom-actions .btn {
            font-size: 18px;
            text-transform: uppercase;
        }

    .display-language .form-action-container-left {
        float: none;
    }

#ProfileFormView .text-primary {
    color: #000;
}

@media (min-width:768px) {
    .display-language .container .row {
        width: 100%;
        padding: 0 40px;
    }
}

/*** Loading Animations ***/

.loader-circle {
    border: 5px solid #ddd;
    border-radius: 50%;
    border-top: 5px solid #1076c5;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1.5s linear infinite;
    /* For positioning at the end of the input */
    position: absolute;
    right: 0%;
    /* For positioning next to the label */
    /*  margin: 20px 5px 0px 5px;
  display: inline-block;
  position: static;*/
}

.loader-line {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}

    .loader-line:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 25px;
        height: 5px;
        background-color: #1076c5;
        animation: loading-line 2s linear infinite;
    }

.animation-paused {
    visibility: hidden;
    display: none;
}

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

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

@-webkit-keyframes loading-line {
    from {
        left: -200px;
        width: 90%;
    }

    70% {
        width: 30%;
    }

    to {
        left: 2000px;
        width: 1%
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes loading-line {
    from {
        left: -200px;
        width: 90%;
    }

    70% {
        width: 30%;
    }

    to {
        left: 200px;
        width: 1%
    }
}

/* Homepage Spacing Adjustments Start */



.page_section.section-landing .row {
    margin-top: 10px;
}

.section-landing {
    height: 270px;
}

.hero-text-section-h2 {
    font-size: 25px !important;
}

.hero-text-section {
    padding: 10px 30px 10px 30px;
    margin-top: 0%;
}

.hero-text-section-p {
    font-size: 15px;
    padding: 10px;
}

.hero-text-section-button {
    margin: 8px auto;
    font-size: 13px;
}

.request-tiles {
    padding: 5px 0;
}

    .request-tiles h2 {
        margin-bottom: 5px 0;
        font-size: 20px;
    }

.myticket:link {
    height: 50px;
    margin: 10px 0px 10px 25px;
    font-size: 13px;
}

.announcements h2 {
    margin: 10px auto;
    font-size: 20px;
}

.BuildingInfo {
    font-size: 20px;
}

/* Add Spacing between profile and footer from homepage footer fix */
#content_form {
    margin-bottom: 60px;
}

@media (min-width: 1025px) {
    .section-landing {
        height: 315px;
    }
}

/* Homepage Spacing Adjustments End */


.hero-text-section {
    padding: 30px 30px 25px 30px;
}

@media (min-width:768px) and (max-width:1024px) {
    .section-landing {
        height: auto;
    }
}



/** IE high contrast mode media query - Events Page */

@media screen and (-ms-high-contrast: white-on-black) {
    .NavigateFowardIcon {
        background: url(/NavigateForward_white) no-repeat 97% center !important;
    }

    select.building, select.ineedto {
        -webkit-appearance: caret;
    }
}

@media screen and (-ms-high-contrast: active) {
    .NavigateFowardIcon {
        background: url(/NavigateForward_white) no-repeat 97% center !important;
    }

    select.building, select.ineedto {
        -webkit-appearance: caret;
    }
}

@media screen and (-ms-high-contrast: black-on-white) {
    .NavigateFowardIcon {
        background: url(/NavigateForward) no-repeat 97% center !important;
    }

    select.building, select.ineedto {
        -webkit-appearance: caret;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .select-base {
        background-image: none;
    }
}