/*#region _____ PROJECT LIST _____*/

/*cellpadding*/
th, td {
    padding: 0px;
}

/*cellspacing*/
table {
    border-collapse: separate;
    border-spacing: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*valign*/
th, td {
    vertical-align: top;
}

a {
    outline: 0;
}

.ProjectListIcon {
    width: 32px;
}


    .ProjectListIcon img {
        width: 32px;
        height: 32px;
    }

.ProjectListItem a {
    font-size: 16pt;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    color: #444444;
    text-decoration: none;
}

    .ProjectListItem a:hover {
        color: #1e89d6;
    }

.ProjectListMore {
    width: 20px;
}

    .ProjectListMore img {
        width: 20px;
        height: 20px;
        opacity: 0.4;
    }

        .ProjectListMore img:hover {
            opacity: 1;
        }



.ProjectListDetail {
    font-size: 10pt;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    color: #444444;
}

    .ProjectListDetail span:hover {
        color: cornflowerblue;
        text-decoration: underline;
        cursor: pointer;
    }

/*.ProjectListCloseForm {
    cursor: pointer;
    width: 32px;
    height: 33px;
    padding-right: 10px;
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 5px;
    float: right;
}*/

.ProjectMenuTitle {
    color: #AAAAAA;
    font-family: 'Segoe UI', Arial;
    font-size: 16pt;
    margin-bottom: 15px;
}


.ProjectMenuIconContainer {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    background-color: white;
    border-radius: 6px;
}

.ProjectMenuIcon {
    cursor: pointer;
    display: inline-block;
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: top center;
    width: 50px;
    margin-right: 20px;
    text-align: center;
    padding-top: 36px;
    font-family: 'Segoe UI', Arial;
    color: #0094ff;
}

.ProjectMenuDelete {
    background-image: url(../_engine/images/delete_project.png);
}

.ProjectMenuCopy {
    background-image: url(../_engine/images/copy_project.png);
}

.ProjectMenuBackup {
    background-image: url(../_engine/images/backup_project.png);
}

.ProjectMenuLock {
    background-image: url(../_engine/images/lock_project.png);
}

.ProjectMenuUnLock {
    background-image: url(../_engine/images/unlock_project.png);
}


.ajax-upload-dragdrop {
    display: none;
}
/* Hide the default upload button */

/* Position the upload status window at the top right corner */
.ajax-file-upload-statusbar {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: white;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
}


.ProjectsAddButton {
    border-radius: 3Px;
    border: 1px solid #0094ff;
    color: #0094ff;
    padding-left: 12px;
    padding-right: 12px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-family: 'Segoe UI', Arial;
    font-size: 13pt;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 10px;
}

.ProjectMenuButton {
    float: right;
    margin-left: 10px;
    width: 100px;
}


.ProjectMenuIconLink:focus {
    outline: none !important;
}

.ManageProjectsLink {
    color: #0097fb;
    font-size: 10pt;
    font-family: 'Segoe UI',Arial;
    line-height: 180%;
}

    .ManageProjectsLink:link {
        text-decoration: none;
    }

    .ManageProjectsLink:hover {
        text-decoration: underline;
    }

.HostedButton {
    background-color: cornflowerblue;
    color: white;
    width: 175px;
    text-align: center;
    padding-bottom: 6px;
    padding-top: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 12pt;
    cursor: pointer;
    display: inline-block
}

/*-------Apply these styles when the browser width is over 700px */
@media screen and (min-width: 700px) {
    #divManageProjectsLinks {
        position: absolute;
        top: 190px;
        left: 30px;
    }

    #tdsidebar {
        display: table-cell !important
    }
}

/*-------Apply these styles when the browser width is under 700px */
@media screen and (max-width: 700px) {
    #divSigninProfile {
        float: none !important;
        display: block;
        text-align: right;
        margin-bottom: 10px;
    }
    /* change to block so that content is not pinched */
}

/*#endregion*/


/*#region _____ HOSTED _____*/

#divSigninProfile {
    float: right;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 18px;
}

#spanSignOutLink {
    color: Highlight;
    cursor: pointer;
}

.HostedAccountInfo {
    display: inline-block;
    margin-top: 40px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 16px;
    color: #555555;
}

    .HostedAccountInfo button {
        margin-top: 10px;
    }

.ProjectListHostedStatus {
    color: orange;
    padding-left: 20px;
    padding-right: 8px;
}

.HostedAccountsHeader {
    height: 50px;
    line-height: 50px;
    color: #000000;
    padding-left: 15px;
    padding-right: 10px;
    font-family: 'Segoe UI Light','Segoe UI', Arial;
    font-size: 18pt;
}

.ProjectsForAccount {
    margin-top: 7px;
    margin-bottom: 7px;
}

    .ProjectsForAccount img {
        cursor: pointer;
        width: 18px;
        height: 18px;
        margin-right: 3px;
        opacity: .3;
    }

        .ProjectsForAccount img:hover {
            opacity: 1;
        }

.ProjectLimitReached {
    font-family: 'Segoe UI', Arial;
    padding: 10px;
    font-size: 10pt;
    color: orange
}

/*#endregion*/


/*#region _____ COMMON _____ */

/* Remove tap highlight on iOS */
li, ul, span, div {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


/* Heading on most forms */
.ToolsHeader {
    /*height: 50px;*/
    height: 56px;
    padding-left: 12px;
    font-family: 'Segoe UI', Arial;
    font-weight: bold;
    font-size: 14pt;
}

/* Title on most forms */
.HeadingTitle {
    /*padding-top: 7px;*/
    padding-top: 10px;
}

.HeadingButtons {
    /* right aligned button container on many forms */
    display: inline-block;
    float: right;
    margin-right: 68px;
    margin-top: 8px;
    padding-top: 0px;
}

.modal-header, .modal-body, .modal-footer {
    /* Increase padding for all bootstrap dialogs */
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/* Upload progress bar. displayed for all uploads */
#UploadProgressBar {
    position: absolute;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 14px;
    color: #222222;
    padding: 10px;
    background-color: white;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -150px;
    width: 300px;
    height: 50px;
    overflow: hidden;
}



.SessionTesting {
    background-color: yellow;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 20px;
    z-index: 1052;
    cursor: pointer
}

.busydiv {
    background-color: #ffffff;
    opacity: .9;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../_engine/images/loading.gif);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    text-align: center;
    vertical-align: middle;
    line-height: 100vh;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    z-index: 99;
}

.dialogicon {
    background-repeat: no-repeat;
    background-size: 28px;
    width: 28px;
    height: 28px;
    display: inline-block;
}

.dialogicon_upgrade {
    background-image: url(../_engine/images/upgradeproject.png);
}

.dialogicon_error {
    background-image: url(../_engine/images/error.png);
}

.dialogicon_alert {
    background-image: url(../_engine/images/infoyellow.png);
}

.BottomMsg {
    position: fixed;
    z-index: 999;
    left: 0px;
    bottom: 0px;
    /*min-height: 40px;*/
    overflow: hidden;
    display: inline-block;
    transition: all 1s;
    padding-left: 35px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 4px;
    background-color: black;
    color: #bbbbbb;
    background-image: url(../_engine/images/error.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 14px;
    font-family: 'Segoe UI', Arial;
    border-top-right-radius: 13px;
}

    .BottomMsg .BottomMsgBtn {
        color: #888888;
        font-size: 18px;
        cursor: pointer;
        display: inline-block;
        padding: 3px;
        margin-left: 10px;
    }

    .BottomMsg.HideBottomMsg {
        bottom: -80px;
        /*height: 0;*/
    }

/*#endregion*/


/*#region _____ GENERAL _____ */


body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 300px;
    overflow: hidden;
}


#divBottomTab {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition: 0.3s;
}

#divBottomTab_content {
    background-color: #7a7a6d;
    color: #FFFFFF;
    /*border-top: 1px solid black;*/
    height: 100%;
    /*padding: 5px;*/
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 20px;
    cursor: pointer;
}


#divBottomTab .closebtn {
    position: absolute;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    top: 0;
    right: 5px;
    font-size: 36px;
    line-height: 35px;
    color: #bbbbbb;
    cursor: pointer;
}

    #divBottomTab .closebtn:hover {
        color: #000000;
    }

.numberbubble {
    /*width:20px;*/
    height:18px;
    border-radius:9px;
    color:white;
    text-align:center;
   line-height:18px;
   font-family:'Segoe UI', Arial;
   font-size:10px;
    background-color: dodgerblue;
    display:inline-block;
    padding-left:6px;
    padding-right:6px;
    margin-left:8px;
}

/*#endregion*/


/*#region _____ FLOOR _____ */
/*.FloorSection {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100vh;
    overflow: hidden !important;
}
*/

/*.FloorContainer {
    position: relative;*/
    /* Apply styles below to all panels */
    /*line-height: normal;
    color: #222222;
    font-family: 'Segoe UI', Arial;
    font-size: 9pt;
}*/

#divFloorWindows {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    overflow:hidden;
}

.FloorImage {
    width: 100%;
    height: 100%;
}

.Floor {
    /* Apply styles below to all panels */
    line-height: normal;
    color: #222222;
    font-family: 'Segoe UI', Arial;
    font-size: 9pt;
}


#divZoomButtons {
    position: fixed;
    width: auto;
    border-radius: 2px;
    /*z-index: 10;*/
    z-index: 7;
}

.ZoomButtons_Floorplan {
    bottom: 6px;
    right: 8px;
    background-color: white;
}


.ZoomButtons_Map {
    bottom: 24px;
    right: 60px;
    height: 40px;
    background-color: white;
    box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.3);
}

    .ZoomButtons_Map .ZoomButton {
        display: none;
    }

.ZoomButton {
    width: 50px;
    height: 50px;
    opacity: .2;
    cursor: pointer;
    padding: 15px;
    border-radius: 25px;
    vertical-align: middle;
}

    .ZoomButton:hover {
        border: 1px solid black;
        opacity: 1;
    }


/*#endregion*/


/*#region _____ BOX _____ */

.smbox {
    top: 50px;
    height: calc(100vh - 60px);
    background-color: #FFFFFF;
    border-radius: 5px;
    /*padding: 10px;*/
    margin: 5px;
    position: fixed;
    box-shadow: 2px 1px 50px 3px rgba(68,68,68,0.3);
    z-index: 7;
    overflow: hidden;
    /*transition: left 0.5s;*/
}

.boxnormal {
    left: -350px;
    width: 325px;
}

.boxmenu {
    left: -350px;
    width: 325px;
}

.boxnormal[id='box_menu'] {
    background-color: #2d2d2d;
}

.boxfull {
    left: calc(-10px - 100%);
    width: calc(100% - 10px);
}

.boxclose {
    font-size: 30px;
    position: absolute;
    right: 14px;
    top: 0px;
    cursor: pointer;
    color: #000000;
    /*color:#EEEEEE;*/
    /*text-shadow: 0px 0px 2px rgba(136, 136, 136, 1);*/
}

.boxclose:hover {
    color: #222222;
}


#divTabWrapper {
    width: calc(100vh - 50px);
    height: 20px;
    transform: rotate(90deg);
    transform-origin: 10px 10px;
    position: absolute;
    left: 0px;
    top: 50px;
    z-index: 11;
    background: linear-gradient(rgba(255,0,0,0) 0px,rgba(255,0,0,0) 6px,#333333 6px,#333333 20px);
}

#divTabContainer {
    display: inline-block;
    float: right;
    padding-right: 20px;
    line-height: 1;
}

.SideTab {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    background-color: #777777;
    color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 12px;
    padding-right: 12px;
    font-family: 'Segoe UI', Arial;
    font-size: 13px;
    cursor: pointer;
}

/*#divBoxContainer {
    position: absolute;
    top: 50px;
    height: calc(100vh - 50px);
    left: 0px;
    max-width: 100vw;
    overflow: hidden;
    z-index: 11;
}*/

.box {
    float: left;
    width: 0px;
    max-width: 100vw;
    height: calc(100vh - 50px);
    background-color: #ffffff;
    z-index: 11;
    overflow: hidden;
    position: relative;
    /*resize:horizontal;*/
}

.box_content {
    font-family: 'Segoe UI', Arial;
    min-width: 325px;
    /*width: calc(100% - 1px);*/
    width: 100%;
    height: calc(100vh - 50px);
    float: right;
    border-right: 1px solid black;
    border-top: 3px solid #222222;
}

.CloseForm {
    cursor: pointer;
    width: 32px;
    height: 33px;
    padding-right: 10px;
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.PinIcon {
    width: 14px;
    height: 14px;
    margin-top: 10px;
    margin-right: 5px;
}

/*.box_content .dropdown {
    display: inline-block;
}*/

#boxmenudots {
    width: 33px;
    height: 33px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    opacity: .5;
}

    #boxmenudots:hover {
        opacity: 1;
        cursor: pointer;
    }

.BoxDropdown {
    position: absolute;
    right: 40px;
    display: inline-block;
}

.BoxDropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 90px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: -10px;
    border-radius: 4px;
}

    .BoxDropdown-content a {
        color: black;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 10px;
        padding-left: 15px;
        text-decoration: none;
        display: block;
        font-family: 'Segoe UI Light', 'Segoe UI', Arial;
        font-size: 14px;
        cursor: pointer;
        border-radius: 4px;
    }

        .BoxDropdown-content a:hover {
            background-color: #ddd;
        }

.BoxDropdown:hover .BoxDropdown-content {
    display: block;
}


.box_content .BoxDropdown {
    display: inline-block;
}



.BoxActions {
    white-space: nowrap;
    display: inline-block;
    position: absolute;
    right: 0px;
    padding-top: 7px;
    padding-right: 5px;
}


.EmployeeDetailClose {
    margin-right: 15px;
    margin-top: 15px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    opacity: 0.5;
}

    .EmployeeDetailClose:hover {
        opacity: 1;
    }



#imgAssetFormPic {
    width: 100%;
    max-width: 325px;
    display: block;
}

#divLiveAssetFields {
    width: 100%;
    font-size: 14px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-weight: normal;
    color: #333333;
}

    #divLiveAssetFields .fieldrow {
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

.AssetFldValue {
    padding-left: 3px;
    display: inline-block;
    width: calc(100% - 110px);
    font-size: 14px;
    color: #000000;
    font-family: 'Segoe UI', Arial;
}

#divLiveAssetFields .fieldrow div:nth-child(1) {
    width: 105px;
    font-size: 13px;
    color: #777777;
    display: inline-block;
    vertical-align: top;
}


.fieldmoreicon {
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 4px;
}

#divDeptsCanBook {
    font-size: 12px;
    margin-top: 5px;
}

    #divDeptsCanBook input {
        vertical-align: middle;
    }

    #divDeptsCanBook label {
        vertical-align: middle;
        height: 12px;
        margin-left: 7px;
    }


/*#endregion*/


/*#region _____ TOOLBAR _____ */
/*.ToolbarTransparency {
    height: 50px;
    width: 100%;
    background-color: #f5f5f5;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 5;
    opacity: 0.98;
}*/

/*.MainToolBar {
    height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 11;
}*/

#divMainToolBar {
    background-color: #4ca059;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 8;
}

#divToolbarButtons {
    z-index: 9;
    position: fixed;
    right: 62px;
    top: 7px;
}

#divEditFloorButton {
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 2px;
    background-color: #3f884c;
    height: 35px;
    vertical-align: top;
    margin-left: 10px;
    color: white;
    font-size: 14px;
    cursor: pointer;
}

#divEditFloorButton:hover {
    background-color: #3b6e44;
}

#imgProfileIcon {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    /*z-index: 12;*/
    /*position: fixed;*/
    /*right:12px;*/
    /*top:7px;*/
    cursor: pointer;
    /*float: right;*/
    margin-left: 10px;
}

    #imgProfileIcon:hover {
        opacity: .6;
    }

#divBookingFilter {
    vertical-align: top;
}


.BookingRange {
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    background-color: #3f884c;
    border-bottom: 1px solid #222222;
    height: 35px;
    vertical-align: top;
    cursor:pointer;
}

    .BookRngStart:hover {
        background-color: #3b6e44;
    }

.BookRngHeading {
    color: black;
    font-size:8px;
    line-height:12px;
}

.BookRngDate {
    color:#eeeeee;
    font-size:13px;
    line-height:15px;
}

#divLoginProfile {
    display: inline-block;
    z-index: 12;
    position: fixed;
    right:12px;
    top:7px;
}

.ProfileMenu {
    padding: 10px;
    background-color: white;
    border-radius: 4px;
    /*border: 1px solid black;*/
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 16pt;
    color: #333333;
    position: absolute;
    top: 50px;
    right: 0px;
    z-index: 8;
    margin-top: 2px;
    margin-right: 2px;
    box-shadow: 2px 1px 50px 3px rgba(68,68,68,0.6);
}

.ProfileMenu_Details {
    background-repeat: no-repeat;
    background-size: 100px;
    padding-left: 110px;
    padding-right: 30px;
    height: 100px;
    white-space: nowrap;
}





.ProfileMenu_Username {
    font-size: 11pt;
    color: #666666;
}

.ProfileMenu_Close {
    float: right;
    cursor: pointer;
    color: #00b3f6;
    font-size: 27pt;
    line-height: 26px;
}

    .ProfileMenu_Close:hover {
        color: #a5def4;
    }


.MoreIcon {
    width: 18px;
    height: 18px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
    opacity: .9;
}

.SearchBox {
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 30px;
    border-radius: 4px;
    width: 100%;
    font-family: 'Segoe UI', Arial;
    font-size: 14px;
    color: #333333;
    outline: none;
    background-image: url(../_engine/images/searchicon_green.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-color:transparent;
}


#divFloorlabel {
    /*color: #222222;*/
    color: #FFFFFF;
    line-height: 50px;
    padding-left: 20px;
    display: inline-block;
    font-size: 14px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    cursor: pointer;
}

#divCustomHeaderHTML {
    display: inline-block;
    float: left;
    line-height: 50px;
}

#divSearchContainer {
    display: inline-block;
    border-radius: 5px;
    padding: 1px;
    /*background-color: #f5f5f5;*/
    background-color: #3f884c;
    margin-top: 8px;
    width: 450px;
    margin-left: 7px;
}

    #divSearchContainer:hover {
        box-shadow: 0px 0px 1px #aaaaaa;
    }




#divQuickSearchIcons {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
}

#divQuickSearchResults {
    background-color: white;
    padding: 8px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 14px;
    /*overflow:hidden;*/
    overflow:auto;
    /*height:400px;*/
    max-height: calc(100vh - 100px);
}

.quicksearchicon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px;
    background-repeat: no-repeat;
    opacity: 0.6
}

    .quicksearchicon:hover {
        opacity: 1;
    }

.qs_disabled {
    background-color: red;
    border-radius: 10px;
}


.qs_employee {
    background-image: url(../_engine/images/qs_employee.png);
}

.qs_desk {
    background-image: url(../_engine/images/qs_desk.png);
}

.qs_asset {
    background-image: url(../_engine/images/qs_asset.png);
}

.qs_booking {
    background-image: url(../_engine/images/qs_booking.png);
}

.quicksearchicon {
    margin-left: 15px;
    cursor: pointer;
    color: #666666;
}

#divQuickSearchResults div {
    background-size: 35px;
    background-repeat: no-repeat;
    background-position-y: 4px;
    background-position-x: 4px;
    padding-left: 50px;
    font-family: 'Segoe UI', Arial;
    font-size: 15px;
    color: black;
    border-bottom: 1px solid #eeeeee;
    /*padding-bottom: 6px;*/
    /*padding-top: 2px;*/
    padding-bottom: 8px;
    padding-top: 4px;
    line-height: 19px;
    /*overflow:hidden;*/
}

    #divQuickSearchResults div:hover {
        background-color: #eef2f5;
        cursor: pointer;
    }


    #divQuickSearchResults div span {
        font-family: 'Segoe UI Light', 'Segoe UI', Arial;
        font-size: 11px;
        color: #666666;
        background-image: url(../_engine/images/check_mark.png);
        background-size: 9px;
        background-repeat: no-repeat;
        background-position-y: 5px;
        padding-left: 11px;
        padding-right: 14px;
        display:inline-block;
    }

.QuickSearchSelected {
    background-color: #eef2f5;
}

#divLoginButton {
    height: 35px;
    /*background-color:#eeeeee;*/
    line-height: 34px;
    padding-left: 15px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 11pt;
    color: #FFFFFF;
    cursor: pointer;
}

/*.LoginButton {
    border: 1px solid Transparent;
    height: 30px;
    line-height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-right: 5px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 11pt;
    color: #FFFFFF;
    cursor: pointer;
    position: fixed;
    right: 0px;
    z-index: 12;
}*/


#divLoginAsAdmin {
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    background-color: #222222;
    margin-top: 13px;
    margin-right: 5px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 12pt;
    color: #ffffff;
    outline: 0;
    /*z-index: 123;*/
    position: fixed;
    right: 0px;
    /*width: auto;
    height: auto;*/
    border-radius: 3px;
}

    #divLoginAsAdmin:hover {
        opacity: 1;
    }






/*.LoginAsAdmin {
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 11px;
    padding-right: 11px;
    background-color: #222222;
    margin-top: 52px;
    margin-right: 2px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 12pt;
    color: #ffffff;
    outline: 0;
    z-index: 123;
    position: fixed;
    right: 0px;
    width: auto;
    height: auto;
    border-radius: 3px;
}

    .LoginAsAdmin:hover {
        opacity: 1;
    }
*/
.LoginAsAdmin_msg {
    color: #aaaaaa;
    font-size: 8pt;
}

.LoginAsAdmin_close {
    float: right;
    padding-left: 10px;
    font-size: 14px;
   /* line-height:14px;*/
    cursor: pointer;
}

.LoginAsAdmin_link {
    color: #00b3f6;
    cursor: pointer;
}

/*#endregion*/


/*#region _____ IMPORT _____ */

#divImportMsg {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 5px;
    color: #0094ff;
    font-weight: normal;
}

#divImportTable {
    width: 100%;
    height: calc(100vh - 200px);
    overflow: auto
}

#tblImport {
    width: 100%;
    border-collapse: collapse;
    color: #444444;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 14px
}

    #tblImport tr td {
        border-bottom: 1px solid #eeeeee;
        padding: 3px;
    }

.ImportFieldList {
    border: 1px solid #cccccc;
    padding: 4px;
    min-width: 100px;
    color: red;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial
}

.ImportCSVPhoto {
    width: 50px;
    height: 50px;
}

#divImportPopupMsg {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: dodgerblue;
    color: white;
    padding: 10px;
    font-size: 16px;
    z-index: 99;
    transition: opacity .7s linear;
}

.importtypeheading {
    font-family: 'Segoe UI', Arial;
    font-size: 20px;
    color: cadetblue;
    padding-top: 20px;
}

.syncfieldchanged {
    color: orange
}

.syncpicturechanged {
    border: 1px solid orange
}

.ImportSettingsTextbox {
    width: 100%;
    padding: 6px;
    margin-top: 2px;
    border: none
}


/* test link on import settings form */
.ImportTestLink {
    display: inline-block;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    color: Highlight;
    float: right;
}

    .ImportTestLink:hover {
        background-color: #dddddd;
    }

#divImportSettings {
    height: calc(100vh - 100px);
    overflow: auto;
}

#divImportSettings {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 14px;
}

.importiframe {
    width: 300px;
    height: 50px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    z-index: 99;
    background-color: #eeeeee;
    border: none;
}

.CloseImport {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-top: 3px;
}

#ImportSuccessMsg {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 15px;
    cursor: pointer;
}

    #ImportSuccessMsg:hover {
        text-decoration: underline;
    }


.body_import {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.ImportFormBox {
    border-radius: 6px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
    height: calc(100vh - 152px);
    overflow: auto;
    background-color: white;
    border: none;
}


.ImportFieldMapTable {
    width: 100%;
}


    .ImportFieldMapTable tr td {
        border-bottom: 1px solid black;
        font-family: 'Segoe UI', Arial;
    }

    .ImportFieldMapTable select {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #f5f5f5;
        border-color: #f5f5f5; /*set border color because Opera doesn't support border:none*/
        width: 100%;
    }

    .ImportFieldMapTable input {
        width: 100%;
        border: 1px solid #eeeeee;
        padding-left: 10px;
    }

#divImportOptions div {
    font-family: 'Segoe UI', Arial;
    font-size: 20px;
    margin-bottom: 3px;
}

#divImportOptions a {
    margin-left: 25px;
    font-size: 14px;
    font-family: 'Segoe UI', Arial;
    line-height: 28px;
}

/*#endregion*/


/*#region _____ TOOLS _____ */

.ToolDetailFormBody {
    padding: 20px;
    overflow: auto;
    height: calc(100vh - 135px);
}

.DeleteGroupButton {
    border-top: 1px solid #dddddd;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    color: red;
    cursor: pointer;
    padding-top: 6px;
}

#divSecurityGroupList {
    padding: 20px;
    height: calc(100vh - 140px);
    overflow: auto;
}

    #divSecurityGroupList div {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ffffff;
        width: 100%;
        max-width: 300px;
        font-size: 16pt;
        font-family: 'Segoe UI Light', 'Segoe UI', Arial;
        color: #444444;
        cursor: pointer;
    }

        #divSecurityGroupList div:hover {
            background-color: #eeeeee;
        }

.SecurityGroupFieldRow {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #eeeeee;
    display: inline-block;
}

#txtStyleSheet {
    width: calc(100% - 10px);
    margin-left: 5px;
    height: calc(100vh - 105px);
    border: none;
    padding: 10px;
}

.EditMapToggleIcons {
    width: 36px;
}

    .EditMapToggleIcons img {
        width: 16px;
        height: 16px;
        opacity: .6;
    }

        .EditMapToggleIcons img:hover {
            opacity: 1;
        }

/*#endregion*/


/*#region _____ PAGE PROPERTIES _____ */
.PagePropertiesTable {
    width: 100%;
    margin-top: 3px;
    font-size: 11pt;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-weight: normal;
    color: #000000;
    table-layout: fixed;
    background-color: white;
    border-right: 2px solid #f5f5f5;
    border-left: 2px solid #f5f5f5;
}

    .PagePropertiesTable tr {
        height: 30px;
    }

    /*name Column*/
    .PagePropertiesTable td:nth-child(1) {
        width: 100px;
        border-bottom: 1px solid #eeeef2;
        border-right: 1px solid #eeeef2;
        padding-left: 6px;
        padding-top: 3px;
        vertical-align: top;
        color: #444444;
    }

    /*value Column*/
    .PagePropertiesTable td:nth-child(2) {
        border-bottom: 1px solid #eeeef2;
    }

    /* Textbox */
    .PagePropertiesTable td input[type=text] {
        width: 99%;
        border: none;
        padding-left: 5px;
        background-color: white;
    }

    /* List */
    .PagePropertiesTable td select {
        width: 99%;
        border: none;
        padding-left: 2px;
        background-color: white;
    }

    /* Textarea */
    .PagePropertiesTable td textarea {
        width: 99%;
        border: none;
        padding-left: 5px;
        height: 150px;
    }

/* Readonly Values */
#tdProp_PageID, #tdProp_PageType {
    padding-left: 5px;
    color: #aaaaaa;
}

.pageprop_listicon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.pageprop_AddIcon {
    float: right;
    color: #198827;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    cursor: pointer;
}

.pageprop_iconlistlink {
    cursor: pointer;
    display: inline-block !important;
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: black !important;
}

#tdProp_PageIcon .dropdown-menu {
    height: calc(100vh - 130px);
    overflow: auto;
}

    #tdProp_PageIcon .dropdown-menu li span {
        font-size: 16px;
    }

    #tdProp_PageIcon .dropdown-menu li:hover span {
        display: inline-block !important;
    }

#divContentsButtons {
    padding-right: 40px;
    position: absolute;
    right: 0px;
}

#tdFloorScaleValue:hover #divrangevalue {
    display: inline-block !important;
}

#rngProp_FloorScale {
    padding-left: 5px;
    padding-right: 5px;
}

.prop_rangebubble {
    display: none;
    background-color: #eeeeee;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    margin-top: -40px;
    left: 140px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}

/*#endregion*/


/*#region _____ PROJECT PROPERTIES _____ */

.settings_fieldrow {
    border-bottom: 1px solid #dddddd;
    margin-left: 20px;
    margin-right: 20px;
}

    .settings_fieldrow .fldlabel {
        font-size: 9px;
        margin-top: 9px;
        font-family: verdana;
        color: cadetblue;
        text-transform: uppercase;
        cursor:default;
    }

    .settings_fieldrow .fldvalue {
        width: 100%;
        font-family: 'Segoe UI', Arial;
        font-size: 14px;
        color: #222222;
        margin-bottom: 8px;
    }

    .settings_fieldrow .fldvalue input[type=text] {
        width: 99%;
        border: none;
        padding-right: 3px;
        padding-left: 0px;
    }



.SettingsTable {
    width: calc(100% - 1px);
    margin-top: 3px;
    font-size: 11pt;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-weight: normal;
    color: #000000;
    table-layout: fixed;
    background-color: white;
    border-top: 1px solid #eeeef2;
}

    /* Height of rows in settings table */
    .SettingsTable tr {
        height: 35px;
    }

    /*Settings name column*/
    .SettingsTable td:nth-child(1) {
        width: 110px;
        border-bottom: 1px solid #eeeef2;
        border-right: 1px solid #eeeef2;
        padding-left: 6px;
        font-size: 10pt;
    }

    /*value Column*/
    .SettingsTable td:nth-child(2) {
        border-bottom: 1px solid #eeeef2;
        padding-left: 5px;
    }

    /* Settings Textbox */
    .SettingsTable td input[type=text] {
        width: 99%;
        border: none;
        padding-right: 3px;
    }

    /* Settings List */
    .SettingsTable td select {
        width: 99%;
        border: none;
    }

    /* Do not display x in textbox in IE */
    .SettingsTable td input::-ms-clear {
        display: none;
    }

    /* Do not display blue outline in chrome */
    .SettingsTable select:focus {
        outline: none !important
    }

    .SettingsTable input:focus {
        outline: none !important
    }

    /* Align the dropdown arrow at the right */
    .SettingsTable .dropdown-toggle::after {
        float: right;
        margin-top: 10px;
    }

.ThemeMenuItems img {
    width: 20px;
    height: 20px;
    float: right;
    padding: 3px;
    opacity: .1;
    cursor: pointer;
}

.ThemeMenuItems a {
    color: #444444;
}

.ThemeMenuItems img:hover {
    opacity: 1;
}

.ThemeAddIcon {
    width: 19px;
    height: 19px;
    margin-left: 7px;
    margin-bottom: 3px;
    /*float:right;*/
    padding: 4px;
    cursor: pointer;
}

.ThemeListRow {
    height: 40px;
    padding-top: 5px;
    font-size: 20px;
    padding-left: 8px;
    padding-right: 5px;
}

    .ThemeListRow:hover {
        background-color: aliceblue;
        cursor: default;
    }

        .ThemeListRow:hover img {
            display: block;
        }

    .ThemeListRow img {
        width: 28px;
        height: 28px;
        float: right;
        display: none;
        cursor: pointer;
    }

.ThemePanelBox {
    border-radius: 6px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
    min-height: 250px;
    max-height: 300px;
    overflow: auto;
    background-color: white;
}

.ThemePanelFields {
    border: none;
    width: 100%;
    height: 120px;
    padding-top: 20px;
    padding-left: 3px;
    overflow: auto;
}

.EditThemeCSS {
    width: 100%;
    height: calc(100vh - 510px);
    min-height: 100px;
    padding: 10px;
    border: none;
    border-radius: 6px
}

/*#endregion*/


/*#region _____ SIDE MENU _____ */
.ToolsContainer {
    height: calc(100vh - 50px - 77px);
    width: calc(100% - 1px);
    overflow: auto;
    margin-top: 20px;
}

.ScrollStyle1::-webkit-scrollbar {
    width: 8px;
}

.ScrollStyle1::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 4px;
}

.ScrollStyle1::-webkit-scrollbar-track {
    background: #222222;
    border-radius: 4px;
}


.helpicon {
    z-index: 4;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
    opacity: .1;
    cursor: pointer;
}

    .helpicon:hover {
        opacity: 1;
    }


#EditMenuButtons {
    /*padding-top: 7px;*/
    margin-top:10px;
}

#btnEditContents {
    float: right;
    margin-right:50px;
    margin-top:8px;
    padding-left:14px;
    padding-right:15px;

}

.AddPageIcon {
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.MovePageIcon {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#imgShowPageInfo {
    cursor: pointer;
    width: 24px;
    height: 24px;
    /*float:right;*/
    margin-top:10px;
    margin-left:10px;
}

#menutree {
    padding-left: 15px;
    padding-bottom: 10px;
}

.fancytree-container {
    background-color: transparent !important;
    border: none !important;
    outline: none;
}

ul.fancytree-container li {
    overflow: hidden !important;
}

ul.fancytree-container {
    overflow: hidden !important;
}

    ul.fancytree-container ul {
        padding: 0 0 0 36px !important;
    }

.fancytree-treefocus span.fancytree-focused span.fancytree-title {
    border: 1px solid transparent !important;
}

.fancytree-node {
    height: 35px !important;
}

    .fancytree-node:hover .fancytree-icon {
        /*opacity: 1;*/
    }

/*Set font styles for contents text*/
#menutree .fancytree-title {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    /*color: #222222 !important;*/
    color: #EEEEEE;
    font-size: 15px;
    margin-left: 7px !important;
    padding-right: 30px !important;
    line-height: 21px;
    /*opacity:.8;*/
}

/*Increase the icon size from 16 to 20*/
.fancytree-icon {
    width: 18px !important;
    height: 18px !important;
    opacity:.4;
}

/*Set icon to greyscale for menutree */
#menutree .fancytree-icon {
    /*filter: grayscale(100%);*/
    /*opacity: .4;*/
}


#fancytree-drop-marker, span.fancytree-checkbox, span.fancytree-drag-helper-img, span.fancytree-empty, span.fancytree-expander, span.fancytree-icon, span.fancytree-vline {
    background-image: url(../_engine/jquery/icons.gif);
}

.fancytree-node:hover .fancytree-title {
    background: none !important;
    border: 1px solid transparent !important;
    /*color: #4285f4 !important*/
    /*color: #FFFFFF !important*/
    opacity:.8;

}

.fancytree-node:hover .fancytree-icon {
    /*filter: none !important;*/
    /*opacity: 1;*/
}

.fancytree-active .fancytree-title, .fancytree-selected .fancytree-title {
    background: none !important;
    border: 1px solid transparent !important;
    color: #4285f4 !important
}

.fancytree-active .fancytree-icon, .fancytree-selected .fancytree-icon {
    /*filter: none !important;*/
    /*opacity: 1 !important;*/
}

/* There is a bug that causes two different nodes to be highlighted due to .fancytree-focused and .fancytree-active. To workaround this bug, set the focused style to the same as the normal node style. */
.fancytree-focused .fancytree-title {
    background: none !important;
    border: 1px solid transparent !important;
    color: #666666
}

.fancytree-focused .fancytree-icon {
    /*/*filter: none !important*/*/
}

/*#endregion*/


/*#region _____ MEDIA _____ */

/*-------Apply these styles when the browser width is small*/
@media only screen and (max-width: 700px) {
    /*.ProfileName {
        display: none
    }*/

    /*Position the toolbar buttons below the toolbar*/
    #divToolbarButtons {
        top:55px;
        right:12px;
        z-index:4;
    }

/*    #imgProfileIcon {
        position: fixed;
        top: 7px;
        right: 12px;
    }

    #divLoginButton {
        position: fixed;
        top: 7px;
        right: 12px;
    }*/

    /* Hide the edit panel toggles */
    .EditPanelToggle { display:none!important }

    /* Hide the login as admin message */
    #divLoginAsAdmin {
        display:none;
    }

    #divFloorlabel {
        display: none !important
    }

    #divSearchContainer {
        width: calc(100vw - 110px) !important;
    }

    #divCustomHeaderHTML {
        display: none
    }

    #spanEditPanelHeading {
        display: none;
        background-color: yellow;
    }

    .LoginAsAdmin {
        display: none
    }

    .ShowBookingsForLabel {
        display: none
    }
    .DetailFormPicWrapper img {
        width: 120px!important;
        height: 120px!important;
    }

    #imgAssetFormPic {
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
    }

    .box_content {
        min-width: 305px;
    }
}

@media screen and (max-height: 700px) {
    #imgAssetFormPic {
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
    }
    .DetailFormPicWrapper img {
        width: 120px !important;
        height: 120px !important;
    }
}

/* Styles for printing floors */
#divPrintFloorsContainer {
    width: 100%
}

    #divPrintFloorsContainer img {
        width: 200px;
        max-height: 100%;
        max-width: 100%;
        display: block;
        page-break-after: always
    }

@media print {
    html, body {
        height: 100%;
    }

    #divPrintFloorsContainer {
        height: 100%;
        width: auto !important;
    }

        #divPrintFloorsContainer div {
            display: none
        }

        #divPrintFloorsContainer img {
            width: auto !important
        }

    #imgProfileIcon {
        display: none
    }

}

/*Hide the toolbar and zoom buttons when printing*/
@media print {
    #divMainToolBar {
        display: none;
    }
    /*.ZoomButtons { visibility: hidden; }*/
    .ZoomButtons_Floorplan {
        display: none
    }
}

/*#endregion*/


/*#region _____ LIST _____ */

/* format the search box for all datatables */
.dataTables_filter label {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    color: #444444;
}

    .dataTables_filter label input {
        border: 1px solid #666666;
        padding: 5px;
        border-radius: 3px;
        margin-right: 10px;
        color: #444444;
        font-size: 14px
    }

/* Any Popup list - hide row count list */
#divPopupDialog_Content .dataTables_wrapper .dataTables_length {
    display: none
}

/* Popup desk list - Hide footer on  */
#tblBookingDeskList_info {
    display: none
}

#tblBookingDeskList_paginate {
    display: none
}

/* Popup Desk List - select floor list */
#lstBookingFloors {
    border: none;
    margin-top: 5px;
    font-size: 20px;
}

/* Popup employee list - Hide footer on  */
#tblBookingEmpList_info {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    color: #888888;
}

#tblBookingEmpList_paginate {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    color: #888888;
}


/* Fix so that line under first column heading extends 100% */
.dataTables_scrollHeadInner {
    width: auto !important
}

    .dataTables_scrollHeadInner .dataTable {
        width: 100% !important
    }

/* List header icon */
.ListHeadingIcon {
    cursor: pointer;
    margin-left: 1px;
    margin-right: 1px;
    width: 26px;
    height: 26px;
}

.StaffmapList {
    font-family: 'Segoe UI Light','Segoe UI',Arial;
}

    .StaffmapList tbody tr td .dragpanel {
        height: 16px;
        width: 20px;
        border-radius: 3px;
        opacity: .3;
        cursor: pointer;
        background-color: #12b426;
    }

    .StaffmapList tbody tr td .onMap {
        background-image: url(../_engine/images/mapicon.png);
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: 4px 2px;
        background-color: #cccccc;
    }

    .StaffmapList tbody tr td .onFloor {
        background-image: url(../_engine/images/pinicon_white.png);
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: 3px 2px;
        background-color: #000000;
    }

/* Set list content to avoid wrapping */
#divListBody {
    white-space: nowrap
}

    #divListBody .dataTables_wrapper .dataTables_length {
        display: none
    }

    #divListBody .dataTables_wrapper .dataTables_filter {
        display: none
    }

    #divListBody .dataTables_wrapper .dataTables_info .select-info {
        display: none
    }

    #divListBody .dataTables_wrapper .dataTables_info {
        font-size: 11px;
        margin-left: 4px;
        float: left !important
    }

    #divListBody .dataTables_wrapper .dataTables_paginate {
        font-size: 11px;
        float: right !important;
        margin-top: 0px !important
    }

        #divListBody .dataTables_wrapper .dataTables_paginate .paginate_button {
            padding-left: 6px !important;
            padding-right: 6px !important
        }

    #divListBody .dataTables_wrapper .dataTables_scrollBody {
        border-bottom: 1px solid #eeeeee !important
    }

    #divListBody .dataTable thead th {
        padding-left: 10px !important;
        border-bottom: 1px solid #eeeeee !important;
        font-size: 12px;
        font-family: 'Segoe UI Light', 'Segoe UI', Arial;
        font-weight: lighter !important;
        color: #888888;
    }

    /* List Row Selection */
    #divListBody .row-border tbody tr.selected {
        color: white;
        font-weight: bold;
    }

    #divListBody .row-border tbody tr td {
        border-top: 1px solid #f5f5f5 !important;
        cursor: pointer
    }

        #divListBody .row-border tbody tr td:nth-child(1) {
            padding-left: 10px !important;
        }

.ListTextLink:hover {
    color:#0094ff;
}

/* Rightmost list column that shows floor or map icon */
#mapcolumn {
    width: 16px;
    padding-right: 10px !important;
}

/* Map Icon */
.ListStaticIcon {
    height: 18px;
}

.ListMapIcon {
    height: 18px;
    opacity: .2;
    cursor: pointer;
}

    .ListMapIcon:hover {
        opacity: 1;
    }

/* Report */
#divReportRecords {
    margin-top: 15px;
}
    #divReportRecords .row-border tbody tr td {
        border-top: 1px solid #f5f5f5;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #divReportRecords .row-border th {
        padding-bottom: 10px;
    }

/*#endregion*/


/*#region _____ REPORT _____ */

#spanReportHeader {
    font-size: 30px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
}

#divSystemReportList {
    padding: 20px;
    overflow: auto;
    height: calc(100vh - 100px)
}

.SystemReportCategory {
    font-family: 'Segoe UI', Arial;
    font-size: 18px !important;
    color: #444444;
    margin-top: 20px;
}

.SystemReportLink {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    cursor: pointer;
    color: #4285f4;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Unused Images */
.UnusedImage {
    max-height: 24px;
    max-width: 24px;
    margin-right: 10px;
    margin-left: 10px;
}

.UnusedImageRow {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    font-family: 'Segoe UI',Arial;
    font-size: 11pt;
    color: #444444;
}


/* Activity Log */
LogContainer {
    width: 100%;
    height: calc(100vh - 258px);
    overflow: auto;
}

.LogTable {
    width: 100%;
    font-family: 'Segoe UI LIght', 'Segoe UI', Arial;
    font-size: 14px;
    color: #222222;
}

    .LogTable tr {
        border-bottom: 1px solid #eeeeee;
        height: 35px;
    }

    .LogTable td:nth-child(1) {
    }

    .LogTable td:nth-child(3) input {
        width: 100%;
        border: none;
        padding: 5px;
    }

.LogSMTPSettings {
    width: calc(100% - 10px);
    font-family: 'Segoe UI LIght', 'Segoe UI', Arial;
    font-size: 13px;
    color: #222222;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .LogSMTPSettings input[type=text] {
        width: 100%;
        padding: 4px;
        margin-bottom: 15px;
        margin-top: 3px;
    }

    .LogSMTPSettings input[type=password] {
        width: 100%;
        padding: 4px;
        margin-bottom: 15px;
        margin-top: 3px;
    }

    .LogSMTPSettings input[type=checkbox] {
        display: block;
        margin-left: 2px;
    }



.LogTableMsg {
    font-family: 'Segoe UI LIght', 'Segoe UI', Arial;
    font-size: 14px;
    color: #222222;
    margin-top: 10px;
    margin-bottom: 15px;
}


/* Export to PDF & Print Floor */
#divExportFloors .checkbox {
    border-bottom: 1px solid #ffffff;
}

#divExportFloors label {
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 17px;
}

/* Heading displayed when exporting floorplan to JPG */
.PrintFloorsHeading {
    width: 100%;
    padding: 10px;
    color: #222222;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 16px;
    border-bottom: 1px solid #666666;
}

    .PrintFloorsHeading div {
        margin-right: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }


/*#endregion*/


/*#region _____ DETAIL FORM _____ */

.DetailFormHeading {
    display: inline-block;
    margin-right: 8px;
    margin-left: 5px;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 13pt;
   /* max-width:180px;*/
    /*white-space:nowrap;*/
    /*overflow:hidden;*/
    /*text-overflow: ellipsis;*/
    /*vertical-align:middle;*/
    vertical-align:top;
}

/* Scrollable wrapper on Detail form */
#divDetailFormBody {
    height: calc(100vh - 50px);
    overflow: auto;
    background-color: white;
    color: #222222;
}

    /* Chrome Detail form Scrollbar  */
    #divDetailFormBody::-webkit-scrollbar {
        background-color: transparent;
        width: 6px;
    }

    #divDetailFormBody::-webkit-scrollbar-thumb {
        background-color:cornsilk;
    }

/* Detail Form Heading Buttons */
#divDetailFormButtons {
    display: inline-block;
    margin-top: 11px;
    margin-bottom: 8px;
    margin-left: 10px;
}

    /* Detail Form AddPic, DelPic icons */
    #divDetailFormButtons img {
        width: 28px;
        height: 28px;
        /*margin-left: 7px;*/
        cursor: pointer;
    }

    .DetailFormPicWrapper img {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

.DetailFormFields_Live, .DetailFormFields_Edit {
    width: 100%;
}

    /* row */
    .fieldrow {
        border-bottom: 1px solid #f5f5f5;
        margin-left: 18px;
        margin-right: 18px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .DetailFormFields_Edit .deticon .imgdropdown {
        margin-top:10px;
    }


    /* Field Label (edit & live mode)*/
    .fieldrow .fldLabel {
        font-size: 9px;
        font-family: verdana;
        /*color: #6eb579;*/
        color:#cccccc;
        text-transform: uppercase;
        cursor: default;
    }

     /* Field Label Icon (edit & live mode)*/
    .fieldrow .fldLabel_icon {
        width: 32px;
        margin-top: 3px;
        margin-bottom: 3px;
        margin-right: 10px;
    }

    /*Field Value (edit & live mode)*/
.fieldrow .fldValue {
    display: inline-block;
    /*font-family: 'Segoe UI Light', 'Segoe UI', Arial;*/
    font-family: 'Segoe UI', Arial;
    font-size: 16px;
    color: #222222;
}

     /*Set field value width to 100% if no icon*/ 
    .fieldrow:not(.deticon) .fldValue {
        width: 100%;
    }

    /*Set field value width to 100% if no icon*/
    .fieldrow.deticon .fldValue {
        width: calc(100% - 42px);
    }

    /* Don't apply width to booking date value because the 'weekly' button would cause wrapping */
    .fieldrow.deticon[row_fieldname='Date'] .fldValue {
        width:auto;
    }


    .bgdropdown {
        background-image: url(../_engine/images/drop-down-arrow.png);
        background-repeat: no-repeat;
        background-position: center right 6px;
        background-size: 12px;
        width: 100%;
        min-height: 20px;
        cursor: pointer;
    }

.imgdropdown {
    /* dropdown arrow icon */
    width: 20px;
    height: 20px;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    float: right;
    margin-right: 2px;
}

/* Textbox */
.DetailFormFields_Edit .fieldrow .fldValue input[type=text] {
    width: 99%;
    border: none;
    padding-right: 3px;
    padding-left: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/* Textarea */
.DetailFormFields_Edit .fieldrow .fldValue textarea {
    width: 99%;
    border: none;
    height: 75px;
    padding-top: 4px;
}

/* Password Textbox */
.DetailFormFields_Edit .fieldrow .fldValue input[type=password] {
    width: 99%;
    border: none;
    padding-right: 3px;
}

/* List */
.DetailFormFields_Edit .fieldrow .fldValue select {
    width: 99%;
    border: none;
    margin-left:-3px;
    /*min-width:100px;*/
}

/* Checkbox */
.fieldCheckMark {
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
}

/* Date */
.DetailFormFields_Edit .fieldrow .fldValue #DetailFormBookingDate {
    cursor: pointer;
}

/* Field Locked */
.FieldLocked {
    color: #777777
}

/* Do not display x in textbox in IE */
.DetailFormFields_Edit .fieldrow .fldValue input::-ms-clear {
    display: none;
}

/* Do not display blue outline in chrome */
.DetailFormFields_Edit .fieldrow .fldValue select:focus {
    outline: none !important
}

.DetailFormFields_Edit .fieldrow .fldValue input:focus {
    outline: none !important
}

/* Edit Fields link */
.EditFieldsLink {
    display: inline-block;
    font-size: 15px;
    font-family: 'Segoe UI Light', 'Segoe UI',Arial;
    float: right;
    cursor: pointer;
    color: cornflowerblue;
    margin-right: 15px;
    margin-top: 5px;
}

    .EditFieldsLink:hover {
        text-decoration: underline
    }

.CustomHTML {
    font-size: 25px;
    font-family: 'Segoe UI', Arial;
    color: #333333;
    margin-left: 18px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.BookingWeekly_False {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 6px;
    padding-right: 6px;
    color: #aaaaaa;
    font-size: 12px;
    float: right;
    display: inline-block;
    border:1px solid #dddddd;
    /*background-color: #f5f5f5;*/
    border-radius: 5px;
    cursor:pointer;
}

    .BookingWeekly_False:hover {
        background-color: #eeeeee;
    }

.BookingWeekly_True {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 6px;
    padding-right: 6px;
    color: white;
    font-size: 12px;
    float: right;
    display: inline-block;
    background-color: #3f884c;
    border-radius: 5px;
    cursor: pointer;
}

    .BookingWeekly_True:hover {
        background-color: #5ba768;
    }



.BookingRecurWeekdays {
    /*margin-bottom: 5px;*/
    font-size: 12px;
    color: #666666;
    font-family: 'Segoe UI', Arial;
    display: inline-block;
    /*float: right;*/
    /*margin-right: 10px;*/
}

    .BookingRecurWeekdays div {
        display: inline-block;
        /*margin-left: 2px;*/
        margin-right:3px;
        width: 24px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
    }

        .BookingRecurWeekdays div:hover {
            background-color: #aaaaaa;
            color: white;
            cursor: pointer;
        }

.BookingRecurDay_selected {
    background-color: #aaaaaa;
    color: white;
}

.branchFloorRow {
    margin-top:4px;
    margin-bottom:7px;
}

/*#endregion*/


/*#region _____ EDIT FIELDS _____ */
.FieldIcons {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 11px;
    cursor: pointer;
}

.FieldPropIcon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

#divFieldListWrapper {
    border-top: 1px solid #000000;
    height: calc(100vh - 95px - 50px);
    overflow: auto;
    background-color: #f5f5f5;
}

#divFieldList {
    margin-bottom: 40px;
}


    #divFieldList .fieldproprow {
        width: 100%;
        border-bottom: 1px solid #FFFFFF;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    #divFieldList .FieldListSelected {
        background-color: #ffffff !important;
    }

    #divFieldList .fieldproprow .propicon {
        width: 15px;
        height: 15px;
        margin-left: 4px;
        opacity: .7;
    }

    #divFieldList .fieldproprow table {
        font-size: 11pt;
        font-family: 'Segoe UI', Arial;
        color: #000000;
        width: 100%;
    }

    #divFieldList .fieldproprow .fieldprops {
        font-size: 11pt;
        font-family: 'Segoe UI Light', 'Segoe UI', Arial;
        color: #444444;
    }

    #divFieldList .fieldproprow .fieldtextbox {
        width: 100%;
        border: none;
        padding-left: 5px;
        text-overflow: ellipsis;
        background-color: transparent;
    }

        #divFieldList .fieldproprow .fieldtextbox:focus {
            outline: 0;
        }

    #divFieldList .fieldproprow .fieldarrow {
        width: 25px;
        height: 28px;
        padding-left: 15px;
        padding-top: 9px;
        padding-bottom: 9px;
        cursor: pointer;
    }

    #divFieldList .fieldproprow .fieldListItems {
        width: 100%;
        height: 100px;
        font-size: 13px;
        padding: 5px;
    }

    #divFieldList .fieldproprow .fieldDefault {
        width: 100%;
        margin-top: 8px;
        #divFieldList .fieldproprow margin-bottom: 8px;
        padding-left: 4px;
    }

    #divFieldList .fieldproprow .fieldAlias {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px;
        padding-left: 4px;
    }

    #divFieldList .fieldproprow .flddatatype {
        opacity: .4;
    }

    #divFieldList .fieldproprow .fldnewfieldtype {
        border: 1px solid darkorange;
        border-radius: 3px;
        background-color: transparent;
        color: darkorange;
    }

    #divFieldList input::-ms-clear {
        display: none;
    }

.fieldpropcheckbox {
    display: inline-block;
    width: 130px;
}

/* Chrome Scrollbar  */
#divFieldList::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
}

#divFieldList::-webkit-scrollbar-thumb {
    background-color: #dddddd;
}

/*#endregion*/


/*#region _____ BOOKING FORM _____ */

.BookingFormDeleteButton {
    display: inline-block;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    margin-left: 15px;
    color: red;
    font-size: 15px;
    cursor: pointer;
    float: left;
    margin-top: 5px;
}

/* Large Button on New Booking Form */
.BookingFormButton {
    background-color: #1398d3;
    background: linear-gradient(#24a8e4, #078cc3);
    height: 40px;
    line-height: 40px;
    color: white;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 12pt;
    cursor: pointer;
    margin-top: 10px;
}

.LiveBookingTime {
    font-size: 12px;
    color: orangered;
    margin-left: 6px;
}

.RequestMoveSubmit {
    display: table;
    margin: 0 auto;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.BookingListRow {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 14px;
    border-top: 1px solid #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

    .BookingListRow:hover {
        color: Highlight;
        cursor: pointer;
    }



/*#endregion*/


/*#region _____ POPUP FORM _____ */
#divPopupMsg {
    position: fixed;
    z-index: 1051;
    bottom: 0;
    width: 100%;
}

    #divPopupMsg .alert {
        margin-bottom: 5px !important;
        margin-left: 5px;
        margin-right: 5px;
    }

.PopupFormSearchIcon {
    cursor: pointer;
    width: 26px;
    height: 26px;
    margin-left: 20px;
    margin-top: 5px;
}

#lstPopupDeskList_Floors {
    font-size: 20px;
    margin-top: 3px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    border: none;
}

/*#endregion*/


/*#region _____ PANEL _____ */

/*.FloorContainer .pnl {*/
.pnl {
    box-sizing: content-box !important;
    border-radius: 3px;
    padding: 5px;
    position: absolute;
    color: #222222; /* required for publish pdf */
    font-family: 'Segoe UI', Arial; /* required for publish pdf */
    font-size: 9pt; /* required for publish pdf */
    line-height: normal; /* required for publish pdf */
}

/*.FloorContainer .pnl:hover {*/
    .pnl:hover {
    z-index:49;
}

    .pnl span {
        min-width: 6px;
        display: inline-block;
    }

/*.FloorContainer .pnl img {*/
    .pnl img {
        width: 32px;
        height: 32px;
        vertical-align: middle;
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
    }

    /*.FloorContainer .pnl .PanelEditField:hover {*/
.pnl .PanelEditField:hover {
    background-color: white;
    color: #222222;
}

    /*.FloorContainer .pnl .PanelEditField:focus {*/
    .pnl .PanelEditField:focus {
        background-color: white;
        color: #222222;
        outline:none;
    }


    /* Show request number in panel corner  */
    .pnl[req]:before {
        content: attr(req);
        position: absolute;
        top: -2px;
        left: -2px;
        height: 12px;
        min-width: 12px;
        padding-top: 1px;
        padding-left:3px;
        padding-right:3px;
        background-color:dodgerblue;
        color:white;
        font-family:Arial;
        font-size:9px;
        text-align:center;
        border-radius: 6px;
    }


/*.employeepanel {
    box-sizing: content-box !important;
    border-radius: 3px;
    padding: 5px;
    color: #222222; 
    font-family: 'Segoe UI', Arial; 
    font-size: 9pt; 
    position: absolute;
    z-index: 8;
    line-height: normal; 
}*/


    .employeepanel img {
        float: left;
        border-radius: 16px;
    }

 /*   .employeepanel:hover {
        z-index: 12;
    }*/

    /*.employeepanel .PanelEditField:hover {
        background-color: white;
        color: #222222;
    }

    .employeepanel .PanelEditField:focus {
        background-color: white;
        color: #222222;
    }*/

.employeepanel_assigned {
    background-image: url(../_engine/images/chair.png);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: left top;
}

.panel_addimage {
    position: absolute;
    top: -4px;
    right: 0px;
    width: 10px;
    height: 10px;
    background-image: url(../_engine/images/image2.png);
    background-size: 10px;
    background-repeat: no-repeat;
    cursor:pointer;
}

/*.panel_removeimage {
    position: absolute;
    top: -4px;
    right: 0px;
    width: 10px;
    height: 10px;
    background-image: url(../_engine/images/deletepanelpic.png);
    background-size: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}*/



.employeepanel_template {
    display: none
}

.deskpanel_template {
    display: none
}

.assetpanel_template {
    display: none
}

.deskpanel {
    z-index: 7;
}

    /* Show yellow dotted border for bookable desks */
    .deskpanel[canbook="true"] img {
        border: 2px dotted yellow
    }

    .deskpanel img {
        float: left;
        border-radius: 16px;
    }

    .deskbooked img {
        border: 2px dotted #0fbe0f
    }
    /* Show green dotted border for booked desks */

    .deskbooked span {
        background: none;
    }

.bookingpanel {
    z-index: 8;
}

    .bookingpanel img {
        float: left;
        border-radius: 16px;
    }

.assetpanel {
    z-index: 8;
    min-width: 30px;
    min-height: 30px;
}

.PanelChangedFlag:before {
    position: absolute;
    top: 2px;
    left: 2px;
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #dc0909;
}


.Aligntop {
    text-align: center;
    min-height: 50px;
    min-width: 32px
}

    .Aligntop img {
        float: none !important;
    }

    .Aligntop span {
        display: block!important;
    }

.Alignright {
    text-align: right;
    min-width: 32px;
    min-height: 32px;
}

    .Alignright img {
        float: right;
        margin-left: 5px;
    }

.Alignbottom {
    text-align: center;
    min-height: 50px;
    min-width: 32px;
}

    .Alignbottom img {
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 5px;
        left: 0px;
        right: 0px;
        float: none !important;
    }

.Alignleft {
    min-width: 32px;
    min-height: 32px;
}

    .Alignleft img {
        margin-right: 5px;
    }

.panelselected {
    background-color: red !important;
    color: #ffffff;
    box-shadow: 0 0 0 rgba(255,0,0, 0.4);
    animation: panelselectedpulse 3s infinite;
    display: block !important;
    z-index: 10;
}

/*    .panelselected:hover {
        animation: none;
    }*/

.Requested_Desks img {
    height: 0px;
    width: 0px;
    background-image: url(../_engine/images/RequestedDesk.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 30px;
    padding-top: 30px;
    padding-left: 30px;
}

@keyframes panelselectedpulse {
    30% {
        box-shadow: 0 0 0 0 rgba(255,0,0, 0.4);
    }

    70% {
        box-shadow: 0 0 0 300px rgba(255,50,50, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,0,0, 0);
    }
}


/* Bounce from top animation */
.bounce-in-top { animation: bounce-in-top 0.8s both; }
@keyframes bounce-in-top {
    0% { transform: translateY(-500px); animation-timing-function: ease-in; opacity: 0; }
    38% { transform: translateY(0); animation-timing-function: ease-out; opacity: 1; }
    55% { transform: translateY(-40px); animation-timing-function: ease-in; }
    72% { transform: translateY(0); animation-timing-function: ease-out; }
    81% { transform: translateY(-15px); animation-timing-function: ease-in; }
    90% { transform: translateY(0); animation-timing-function: ease-out; }
    95% { transform: translateY(-4px); animation-timing-function: ease-in; }
    100% { transform: translateY(0); animation-timing-function: ease-out; }
}

/*#endregion*/


/*#region _____ FLOOR _____ */

.ContextMenu {
    border: 1px solid #cccccc;
    position: absolute;
}

.ContextItem {
    background-color: White;
    color: #444444;
    padding: 10px;
    font-family: 'Segoe UI',Arial;
}

    .ContextItem:hover {
        background-color: #eeeeee;
        cursor: pointer;
    }



/* Hide the jquery resizable handle image */
.ui-resizable-handle {
    background-image: none;
}

.DeskAssignedIcon {
    width: 12px;
    height: 12px;
    border-radius:6px;
    position: absolute;
    left: 1px;
    top: 1px;
    display: inline-block;
    background-size: 10px;
    /*background-image: url(../_engine/images/deskassignedicon.png);*/
}

#PanelContextMenu {
    position: fixed;
    display: none;
    z-index: 1000;
    background-color: white;
    border: 1px solid black;
    border-radius:5px;
    padding: 7px;
    cursor: pointer;
    font-family:'Segoe UI', Arial;
    font-size: 14px;
    color:#333333;
}

    #PanelContextMenu div {
    padding:7px;

    }


    #PanelContextMenu div:hover {
        background-color:#eeeeee;
        border-radius:3px;
    }

#divEditFloorToolbar {
    /*background-color: #3f884c;*/
    background-color:#222222;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    position: fixed;
    right: 55px;
    top: 4px;
    z-index: 16;
    min-height: 42px;
}


/*#divEditFloorToolbar {
    background-color: #dddddd;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    position: fixed;
    right: 5px;
    top: 55px;
    z-index: 6;
}
*/

#spanEditPanelHeading {
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    font-size: 20px;
    color: #008fc7;
    padding-right: 15px;
    vertical-align: top;
    margin-top: 3px;
}

.PanelEdit_Icon {
    width: 30px;
    height: 30px;
    margin-left: 6px;
    margin-right:6px;
    cursor: pointer;
    margin-top:5px;
}

.EditPanelDropdown {
    position: relative;
    display: inline-block;
}

.EditPanelDropdown-Content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .EditPanelDropdown-Content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .EditPanelDropdown-Content a:hover {
            background-color: #ddd;
        }

.EditPanelDropdown:hover .EditPanelDropdown-Content {
    display: block;
}

/*.PanelEdit_Save {
    width: 80px;
    height: 30px;
    background-color: #008fc7;
    text-align: center;
    line-height: 28px;
    color: white;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    border-radius: 2px;
}*/

/*.PanelEdit_Close {
    width: 20px;
    height: 20px;
    cursor: pointer;
}*/

.EditPanelToggle {
    width: 60px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 3px;

}

    .EditPanelToggle .custom-switch {
        display: inline-block;
    }

.EditPanelToggleLabel {
    font-family: 'Segoe UI';
    color: #dddddd;
    font-size: 11px;
    padding-right: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height:7px;
}

#divClosePanelEdit {
    font-size: 20px;
    display: inline-block;
    cursor: pointer;
    color: white;
    vertical-align: middle;
    font-weight: bold;
}

    #divClosePanelEdit:hover {
        color: #cccccc;
    }


#btnSavePanels {
    margin-left: 10px;
    margin-right: 10px;
    margin-top:6px;
}




/*#endregion*/


/*#region _____ MAP _____ */

.GoogleMapWindow {
    width: 100%;
    height: calc(100vh - 50px);
    top: 50px;
    position: absolute;
    z-index: 5;
}

.cluster img {
    width: 40px;
    height: 40px;
    clip: unset;
}

#divGoogleMapWindow img[src$="employee"] {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 1px !important;
    background-color: #333333;
}

#divGoogleMapWindow img[src$="asset"] {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

/*#divGoogleMapWindow img[src$="desk"] {*/
img[src$="desk"] {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0px 0px 1px green, 1px 1px green;
    background-color: green;
}

#divGoogleMapWindow img[src$="booking"] {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 1px !important;
    background-color: #0fbe0f;
}


.markerselected {
    border: 2px solid red !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: none !important;
}

.infowindowimage {
    width:30px;
    cursor:pointer;
    margin-right:3px;
     float:right;
}

.infowindowtextbox {
    width: 200px;
    background-color: #eeeeee;
    border: none;
    margin: 3px;
}

    .infowindowtextbox::-ms-clear {
        display: none;
    }

    #txtmarker_firstname {
    }


#txtmarker_lastname {
}

#txtmarker_assetname {
}

#txtmarker_deskname {
}


/*#endregion*/
/*#region _____ LAYERS _____ */
#divLayerList input[type="checkbox"] {
    margin-right: 5px;
    margin-top: 10px;
}

.layername {
    cursor: pointer;
}

    .layername:hover {
        text-decoration: underline
    }

.LayerDetailBody label {
    width: 65px;
}

.LayerDetailBody input[type=text] {
    width: calc(100% - 70px);
    display: inline-block;
}

.LayerDetailBody select {
    width: calc(100% - 70px);
    display: inline-block;
}

.LayerDetailBody textarea {
    width: calc(100% - 70px);
    display: inline-block;
}

#lblLayerType {
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
}

.DeleteLayerIcon {
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: right;
}

/*#endregion*/