html, body {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; 
}

@media only screen and (max-height: 480px) and (orientation: landscape) and (-webkit-device-pixel-ratio : 3) {
    #applicationHost {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*IPHONE X SAFE AREA*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio : 3), screen and (device-width : 812px) and (device-height : 375px) and (orientation : landscape) and (-webkit-device-pixel-ratio : 3), screen and (device-width : 375px) and (device-height : 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio : 2), screen and (device-width : 812px) and (device-height : 375px) and (orientation : landscape) and (-webkit-device-pixel-ratio : 2) {
    #ListHost,
    #ContentHost,
    #MessageHost {
        height: calc(100% - 20px) !important;
    }

    .listhost-bottomactionbar,
    .listhost-bottomactionbar-wires,
    .content-contentfull-bottom,
    .bottom_Rundownfull,
    .messagehost-bottomactionbar {
        bottom: -20px !important;
        padding-bottom: 20px !important;
    }
}

/*LOGIN PAGE */
div#preload { display: none; }

.discovery-loginhost-content {
    background: #271E3C;
    height: 100%;
    text-align: center;
    overflow: auto;
    overflow-x: hidden;
}

.contacts-loginhost-content {
    background: #271E3C;
    height: 100%;
    text-align: center;
    overflow: auto;
    overflow-x: hidden;
}

.loginhost-content {
    background: #146994;
    height: 100%;
    text-align: center;
    overflow:auto;
    overflow-x: hidden;
}

.loginhost-ap-logo
{
    margin-left: 20px;
    float: left;
    width: 50px;
    height: 50px;
    background: url('images/ap_logo_sprite.png') 0px 0px;
}

.loginhost-enps-logo
{
    margin-left: auto;
    margin-right: auto;
    width: 152px;
    height: 40px;
    background: url('images/ap_logo_sprite.png') 152px 0px; 
}

.loginhost-field
{
    font-size: 12px !important;
    font-family: Arial;
    width: 250px;
    margin-bottom: 15px;
}

.copyright
{
    bottom: 10px;
    left: 0px;
    position: absolute;
    width: 100%;
    font-family: Segoe UI, sans-serif;
    font-size: 12px;
    font-weight: normal;
    z-index: 1;
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
    .copyright {
        bottom: 30px;
    }
}

.left-margin
{
    -webkit-margin-start: 5px;
}

.loginhost-spn
{
    margin-left: 20px;
}

.loginhost-cb
{
    vertical-align: top;
}

.loginhost-cb-lbl
{
    color: white;
    padding-left: 5px;
}

.loginhost-btn
{
    width: 85px;
    height: 25px;
    position: relative;
    z-index: 2;
}

.loginhost-chk-wrapper-div
{
    height: 60px;
    margin: auto;
    text-align: center;
    line-height: 16px;
}

/* Arial regular font class*/
.regular-arial-text
{
    font-size: 12px !important;
    font-family: Arial !important;
}
/*Myriad Pro regular font*/
.RegMText
{
    font-size: 12px !important;
    font-family: Myriad Pro !important;
    list-style: none;
}

.RegABText
{
    font: bold 12px Arial !important;
}

/*LOGIN PAGE END*/

/*NAVIGATION BAR*/
.navhost-ul
{
    list-style: none;
    white-space: nowrap;
    overflow: auto;
    height: calc(100% - 40px);
    position: absolute;
    width: 100%;
}

.navhost-li
{
    width: 100%;
    height: 35px;
    overflow: hidden;
    padding-top: 5px;
    line-height: 30px;
    cursor: pointer;
}

.navhost-nav-icon
{
    width: 16px;
    height: 20px;
    margin: 5px 10px 10px 12px;
    background: url('images/Navigation_Icon.png') 0 -42px;
}

.navhost-spn
{
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
}

.navhost-nav-spn
{
    margin-left: 35px !important;
}

.navhost-li-seperator
{
    overflow: hidden;
    border-bottom: 1px solid #414141;
    margin-right: 10px;
    margin-left: 10px;
    max-width: 95%;
}

.navhost-visible-mob .navhost-li-seperator, .navhost-hidden-mob .navhost-li-seperator
{
    width: 100%;
    height: 1px;
    overflow: hidden;
}

.navhost-docked {
    height: 100%;
    display: block;
    color: #fff;
    font: normal normal 13px/24px Helvetica, sans-serif;
    z-index: 5;
    position: absolute;
    left: 0;
    width: 40px;
    transition: width 0.5s ease,left 0.5s ease;
    -webkit-transition: width 0.5s ease,left 0.5s ease;
    -moz-transition: width 0.5s ease,left 0.5s ease;
    -o-transition: width 0.5s ease,left 0.5s ease;
}

.navhost-docked .navhost-seperator
{
    width: 20px;
    height: 1px;
    margin: 4px 10px 14px 10px;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
}

.navhost-discovery-bg {
    background: #271E3C;
}
.navhost-contacts-bg {
    background: #271E3C;
}
.navhost-bg {
    background: #575757;
}
.topbar-discovery-bg {
    background: #271E3C;
}
.topbar-contacts-bg {
    background: #271E3C;
}
.topbar-bg {
    background: #006699;
}
.listhost-discovery-bgcolor {
    background-color: #452296;
}
.listhost-contacts-bgcolor {
    background-color: #452296;
}
.listhost-bgcolor {
    background-color: #999999;
}

.navhost-floating {
    height: 100%;
    display: block;
    color: #fff;
    font: normal normal 13px/24px Helvetica, sans-serif;
    z-index: 5;
    position: absolute;
    left: 0;
    width: 200px;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
}

.navhost-floating .navhost-seperator
{
    width: 180px;
    height: 1px;
    margin: 4px 10px 14px 10px;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
}

.navhost-hidden {
    height: 100%;
    display: block;
    color: #fff;
    font: normal normal 13px/24px Helvetica, sans-serif;
    z-index: 10;
    position: absolute;
    left: -40px;
    width: 40px;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}

.navhost-seperator-img
{
    background: url('images/Navigation_Icon.png') -5px -156px;
}

.navhost-search-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') 0 0;
}

.navhost-selsearch-icon
{
    background: url('images/Navigation_Icon.png') 0 -21px;
}

.navhost-li-icon
{
    height: 20px;
    width: 20px;
    margin: 5px 10px 10px 10px;
}

.navhost-wire-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -21px 0;
}

.navhost-selwire-icon
{
    background: url('images/Navigation_Icon.png') -21px -21px;
}

.navhost-personalfolder-icon
{
    width: 20px;
    background: url('images/Navigation_Icon.png') -42px 0;
}

.navhost-selpersonalfolder-icon
{
    background: url('images/Navigation_Icon.png') -42px -21px;
}

.navhost-home-icon
{
    width: 20px;
    background: url('images/Navigation_Icon.png') -63px 0;
}

.navhost-selhome-icon
{
    background: url('images/Navigation_Icon.png') -63px -21px;
}

.navhost-enterprise-icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -106px 0;
}

.navhost-enterprise-icon-gray
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -275px -47px;
}

.navhost-selenterprise-icon
{
    background: url('images/Navigation_Icon.png') -106px -21px;
}

.navhost-contact-icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -127px 0;
}

.navhost-selcontact-icon
{
    background: url('images/Navigation_Icon.png') -127px -21px;
}

.navhost-wastebin-icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -148px 0;
}

.navhost-selwastebin-icon
{
    background: url('images/Navigation_Icon.png') -148px -21px;
}

.navhost-logout-icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -169px 0;
}

.navhost-discovery-bgcolor
{
    background-color: #271E3C;
}

.navhost-contacts-bgcolor {
    background-color: #271E3C;
}

.navhost-discovery-iconbg {
    background-color: #452296;
}

.navhost-bgcolor 
{
    background-color: #575757;
}

.navhost-iconbg 
{
    background-color: #999999;
}

.navhost-planning-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -138px -201px;
}

.navhost-selplanning-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -165px -201px;
}
.navhost-hidden-mob {
    height: 100%;
    display: block;
    color: #fff;
    font: normal normal 13px/24px Helvetica, sans-serif;
    z-index: 10;
    position: absolute;
    left: -90%;
    width: 90%;
    transition: left 0.3s ease;
    -webkit-transition:left 0.3s ease;
}

.navhost-visible-mob {
    height: 100%;
    display: block;
    color: #fff;
    font: normal normal 13px/24px Helvetica, sans-serif;
    z-index: 10;
    position: absolute;
    left: 0;
    width: 90%;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
}
/*NAVIGATION BAR END*/

/*ListHost*/
.listHeader
{
    height: 55px;
}

.listHeaderFilterBoxHidden
{
    height: 22px;
}

.listSearchHeader
{
    height: 80px;
}

.listSearchHeaderContacts
{
    height: 110px;
}

.listSearchHeaderContactsMobile
{
    height: 160px;
}

.listhost-wireslist-filter-dvwidth
{
    width: 100%;
    position: absolute;
}
.listhost-itemselected
{
    background-color: #d2e6f9;
}
.listhost-dvheight, .apphost-heightdv
{
    height: 100%;
}

.listhost-margintop
{
    margin-top: 5px;
}

.listhost-titletext
{
    width: 100%;
    color: white;
    font-family: Arial !important;
    font-weight: bold !important;
    font-size: 12px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.pull-center
{
    text-align: center;
    vertical-align: middle;
}

.listhost-dock-img
{
    height: 16px;
    width: 16px;
    padding-right: 10px;
}

.listhost-dvsearch
{
    width: 90%;
    font-style: italic;
    background: #e6e6e6;
    border: none;
}

.listhost-gray-seperator
{
    width: 300px;
    height: 1px;
    background: url('images/Navigation_Icon.png') -5px -151px;
}
.listhost-floating-mob
{
    width: 90%;
    left: 0;
    z-index: 1;
    background-color: #FFFFFF;
    height: 100%;
    position: absolute;
    transition: left 0.3s ease;
    -webkit-transition:left 0.3s ease;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.listhost-slideout-mob
{
    width: 100%;
    left: 90%;
    z-index: 1;
    background-color: #FFFFFF;
    height: 100%;
    position: absolute;
    transition: left 0.3s ease;
    -webkit-transition:left 0.3s ease;
    border-left: 1px solid black;
    border-right: 1px solid black;
    pointer-events: none;
}
.listhost-docked-mob .listhost-content, .listhost-floating-mob .listhost-content, .listhost-slideout-mob .listhost-content
{
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    background-color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    /*margin-top: 15px;*/
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 120px);
    height: -webkit-calc(100% - 120px);
}
.listhost-docked-mob .navhost-seperator, .listhost-slideout-mob .navhost-seperator, .listhost-hidden-mob .navhost-seperator
{
    width: 98.5%;
    height: 1px;
    margin: 4px 5px 14px 10px;
}
.listhost-docked-mob
{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s linear, left 0.3s ease;
     -webkit-transition: opacity 0.5s linear, left 0.3s ease;
    width: 100%;
    left: 0px;
    z-index: 3;
    background-color: #FFFFFF;
    height: 100%;
    position: absolute;
}

.listhost-hidden-mob
{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s linear;
    width: 100%;
    z-index: 3;
    background-color: #FFFFFF;
    height: 100%;
    position: absolute;
}
.listhost-floating .listhost-dvsearch, .listhost-docked .listhost-dvsearch, .listhost-hidden-tab .listhost-dvsearch
{
    width: 90%;
    font-style: italic;
    background: #e6e6e6;
    border: none;
}

.listhost-docked-mob .listhost-dvsearch, .listhost-slideout-mob .listhost-dvsearch, .listhost-hidden-mob .listhost-dvsearch, .listhost-floating-mob .listhost-dvsearch
{
    width: calc(100% - 33px);
    width: -webkit-calc(100% - 33px);
    font-style: italic;
    background-color: #e6e6e6 !important;
    border: none !important;
    color: #999999 !important;
    border-radius: 0 !important;
    margin: 19px 5px 0px 5px;
    box-shadow: none;
}
.listhost-docked-mob .div_SearchListContent
{
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    background-color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
}
.listhost-content-ul, .windowshost-content-ul
{
    list-style: none;
    color: Black;
}

.listhost-content-li
{
    padding-bottom: 2px;
    margin: 6px 6px 6px 6px;
    width: 100%;
}

.listhost-content-li-unsupported
{
    padding-bottom: 2px;
    margin: 6px 6px 6px 6px;
    width: 100%;
    opacity: 0.5;
}

.listhost-content-li:selection
{
    background: #ffffff;
    cursor: pointer;
}

.listhost-content-filter-li
{
    padding-bottom: 2px;
    margin: 6px 6px 6px 0px;
    width: 97%;
    padding-left: 6px;
}

.listhost-limaindv, .messagehost-limaindv
{
    margin: 5px;
    display: inline-block;
    width: calc(100% - 10px);
}

.listhost-limain-img, .messagehost-limain-img
{
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 30px;
}

.listDisplay .listhost-limain-img
{
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 30px;
}

.listhost-docked-mob .listhost-limain-img, .listhost-slideout-mob .listhost-limain-img, .listhost-hidden-mob .listhost-limain-img, .listhost-floating-mob .listhost-limain-img
{
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 40px;
}

.listhost-list-img
{
    height: 20px;
    width: 20px;
    padding-right: 5px;
}

.listhost-list-spn
{
    /*width: 70%;*/
    width: 85%;
    display: inline-block;
    margin-left: 0px;
}

.listDisplay .listhost-list-spn
{
    width: 85%;
    display: inline-block;
}

.listhost-listcontent-spn
{
    display: inline-block;
    /*width: 220px;*/
    width: calc(100% - 10px);
    overflow: hidden !important;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.listhost-floating .listhost-bottomactionbar-wires
{
    position: absolute;
    bottom: 3px;
    overflow: hidden;
    z-index: 15;
    width: 290px;
    height: 40px;
    background-color: #cccccc;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    margin-left: 5px;
    margin-right: 5px;
}

.listhost-hidden-tab .listhost-bottomactionbar-wires
{
    position: absolute;
    bottom: 3px;
    overflow: hidden;
    z-index: 15;
    width: 290px;
    height: 40px;
    background-color: #cccccc;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    margin-left: 5px;
    margin-right: 5px;
}

.listhost-docked .listhost-bottomactionbar-wires
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 15;
    width: 300px;
    height: 40px;
    background-color: #cccccc;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    /**/
}

.listhost-docked-mob .listhost-bottomactionbar-wires, .listhost-hidden-mob .listhost-bottomactionbar-wires, .listhost-floating-mob .listhost-bottomactionbar-wires, .listhost-slideout-mob .listhost-bottomactionbar-wires
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 15;
    width: 100%;
    height: 40px;
    background-color: #cccccc;
}

.listhost-floating .listhost-content, .listhost-hidden-tab .listhost-content
{
    width: 280px;
    background-color: #efefef;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
}

.listhost-floating .div_ListContentWithOutBAB, .listhost-hidden-tab .div_ListContentWithOutBAB
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: 100%;
    height: -webkit-calc(100% - 27px);
}

.listhost-docked .grouplisthost-dvcb, .listhost-hidden-tab .grouplisthost-dvcb, .listhost-floating .grouplisthost-dvcb
{
    margin-top: 5px;
}

.listhost-floating .div_SearchListContent, .listhost-hidden-tab .div_SearchListContent
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 110px);
    height: -webkit-calc(100% - 110px);
}

.listhost-floating .div_SearchListContentWithOutBAB, .listhost-hidden-tab .div_SearchListContentWithOutBAB
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 110px);
    height: -webkit-calc(100% - 85px);
}

.listhost-docked .listhost-content
{
    width: 295px; /*292px;*/
    background-color: #efefef;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 10px); /*calc(100% - 10px);*/
    height: -webkit-calc(100% - 10px); /*-webkit-calc(100% - 10px);*/
}

.listhost-docked .listhost-div
{
    width: 300px;
    background-color: #efefef;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    height: calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
}

.listhost-floating .listhost-div
{
    width: 290px;
    background-color: #efefef;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    height: calc(100% - 92px);
    height: -webkit-calc(100% - 92px);
}

.listhost-docked .listhost-calendar-div
{
    width: 300px;
    background-color: #efefef;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    height: calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
}

.listhost-docked-mob .listhost-calendar-div
{
    margin-top: 18px;
}

.listhost-floating .listhost-calendar-div
{
    width: 290px;
    background-color: #efefef;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    height: calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
}


.listhost-hidden-tab .listhost-div
{
    width: 300px;
    background-color: #efefef;
    /* margin-left: 5px;*/
    margin-right: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 10px);
    height: calc(100% - 10px);
}

.listhost-docked-mob .filter-div
{
    height: 99% !Important;
    position: absolute !Important;
    width: 99% !Important;
     
}

.listhost-floating .filter-div, .listhost-docked .filter-div, .listhost-hidden-tab .filter-div
{
    height: 99% !Important;
    position: absolute !Important;
    background-color: #e6e6e6 !Important;
    width: 99% !Important;
    
}

.listhost-floating .grouplist-div
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    height: calc(100% - 92px);
    height: -webkit-calc(100% - 92px);
}



.listhost-floating .enterprisebrowserlist-div, .listhost-hidden-tab .enterprisebrowserlist-div
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    height: calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
}

.listhost-docked .enterprisebrowserlist-div
{
    width: 295px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    height: calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
}


.listhost-docked .enterprisebrowserlist-content
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 26px);
    height: -webkit-calc(100% - 26px);
}
 .listhost-floating .enterprisebrowserlist-content,.listhost-hidden-tab .enterprisebrowserlist-content 
 {
    width: 285px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 26px);
    height: -webkit-calc(100% - 26px);
}

.listhost-docked-mob .enterprisebrowserlist-div, .listhost-slideout-mob .enterprisebrowserlist-div
{
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    background-color: #FFFFFF;
    margin-right: 5px;
    margin-top: 15px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
}



.listhost-floating .grouplist-content
{
    width: 285px; /*292px;*/
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
}



.listhost-docked .grouplist-div
{
    width: 300px; /*292px;*/
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: -webkit-calc(100% - 10px);
    height: calc(100% - 10px);
}



.listhost-docked .grouplist-content
{
    width: 295px; /*292px;*/
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 102px);
    height: -webkit-calc(100% - 102px);
}

.listhost-hidden-tab .grouplist-content
{
    width: 295px; /*292px;*/
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 102px);
    height: -webkit-calc(100% - 102px);
}


.listhost-floating .div_ContactListContent, .listhost-hidden-tab .div_ContactListContent
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
}

.listhost-floating
{
    width: 300px;
    left: 40px;
    z-index: 4;
    height: 100%;
    position: absolute;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}
.listhost-hidden-tab 
{
    width: 300px;
    left: -340px;
    z-index: 4;
    height: 100%;
    position: absolute;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}
.listhost-floating .div_ShortcutListContent, .listhost-hidden-tab .div_ShortcutListContent
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 55px);
    height: -webkit-calc(100% - 55px);
}

.listhost-floating .listhost-subcontent, .listhost-hidden-tab .listhost-subcontent
{
    width: 290px;
    background-color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute; /**/
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
}

.listhost-floating .listhost-bottomactionbar
{
    position: absolute;
    bottom: 3px;
    overflow: hidden;
    z-index: 15;
    width: 290px;
    height: 40px;
    background-color: #cccccc;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    margin-left: 5px;
    margin-right: 5px;
}

.listhost-docked .listhost-bottomactionbar
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 15;
    width: 300px;
    height: 40px;
    background-color: #cccccc;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}

.listhost-hidden-tab .listhost-bottomactionbar
{
    position: absolute;
    bottom: 3px;
    /*left: -340px;*/
    overflow: hidden;
    z-index: 15;
    width: 290px;
    height: 40px;
    background-color: #cccccc;
    transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    margin-left: 5px;
    margin-right: 5px;
}
.listhost-docked .div_ListContentWithOutBAB
{
    width: 300px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    position: absolute; /**/
    overflow-x: hidden;
    height: 100%;
    height: -webkit-calc(100% - 27px);
}

.listhost-docked .div_SearchListContent
{
    width: 300px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 110px);
    height: -webkit-calc(100% - 110px);
}

.listhost-docked .div_SearchListContentWithOutBAB
{
    width: 300px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 110px);
    height: -webkit-calc(100% - 85px);
}

.listhost-docked .div_ContactListContent
{
    width: 300px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
}

.listhost-docked .div_ShortcutListContent
{
    width: 300px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 55px);
    height: -webkit-calc(100% - 55px);
}

.listhost-docked 
{
    width: 300px;
    left: 40px;
    z-index: 4;
    height: 100%;
    position: absolute;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    border-right: 1px solid Black;
}

.listhost-docked.discover-embedded {
    left: 0;
}

.listhost-docked .listhost-subcontent {
    width: 300px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    position: absolute; /**/
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
}

.listhost-lbl
{
    color: #666666;
    font-family: arial;
    font-style: italic;
    font-size: 10px;
    margin-left: 10px;
    padding-top: 10px;
}
.wirelisthost-submainli
{
    padding-bottom: 2px;
    padding-top: 5px;
    padding-left: 15px;
}
.wirelisthost-sublimaindv
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    margin-top: 5px;
    height: 25px;
    margin-left: 10px;
    margin-right: 10px;
    /*background-color: #d2ecf9;*/
    color: black;
    letter-spacing: 1px;
}

.wirelisthost-subliurgent
{
    /*background-color: #E6E6E6;*/
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    margin-bottom: 15px;
    color: Black;
    padding-left: 10px;
    margin-top: 7px;
    letter-spacing: 1px;
}

.wirelisthost-margin-lbl
{
    margin-bottom: 0px;
}

.wirelisthost-sublicolor
{
    color: #146994;
    font-family: "Segoe UI" !important, sans-serif;
    font-size: 10px !important;
    padding-left: 25px;
}

.wireslisthost-blue-seperator
{
    width: 223px;
    height: 1px;
    padding-left: 25px;
    vertical-align: top;
    margin-left: 24px;
    background: url('images/Navigation_Icon.png') -5px -146px;
}

.wireslisthost-sepaeratordv
{
    background-image: url('images/separtaor_blue.png');
    height: 1px;
    margin-right: 16px;
    margin-left: 25px;
}
.wireslisthost-filter-title
{
    display:inline-block;
    color:Black;
    font-size: 12px !important;
    font-family: "Segoe UI" !important, sans-serif;
    vertical-align: middle;    
}
.wireslisthost-filtered-dv
{
    width: -webkit-calc(100% - 8px);
    margin-left: 6px;
    background-color: #999999;
}
.wireslisthost-filter-icon {
    width: 18px;
    height: 22px;
    background: url('images/Navigation_Icon.png') -63px -116px;
}
.wireslisthost-subliproviders
{
    width: calc(100% - 5px);
    width: -webkit-calc(100% - 5px);
    margin-bottom: 15px;
    height: 115px;
    overflow: auto;
    overflow-x: hidden;
}

.wireslisthost-subliCategory
{
    width: calc(100% - 5px);
    width: -webkit-calc(100% - 5px);
    margin-bottom: 15px;
    height: calc(100% - 285px);
    height: -webkit-calc(100% - 285px);
    overflow: auto;
    overflow-x: hidden;
}

.wireslisthost-subcontent-ul
{
    font-family: "Segoe UI" !important, sans-serif;
    list-style: none !important;
    color: black !important;
    font-size: 12px !important;
    margin-left: 20px !important;
    letter-spacing: 1px;
    /*height: 250px;*/
}

.wireslisthost-subcontent-li
{
    margin: 6px 6px 0px 6px;
    width: 100%;
}

.listhost-spinnerposition
{
    position: fixed;
}
.listhost-busyspinner
{
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin-top: 200px;
}

.collectioncontenthost-busyspinner
{
    position: absolute;
    z-index: 100;
}


.listhost-busyspinner-text
{
    top: 30%;
}

.collectioncontenthost-busyspinner-text
{
    background-color: white;
}

.listhost-busyspinner-tsvhosttext
{
    top: 30%;
    color: black !important;
}

.listhost-item
{
    font-size: 12px !important;
    font-family: "Segoe UI" !important, sans-serif;
    list-style: none;
    width: 80%;
}

.listhost-itemtitle
{
    font: bold 12px "Segoe UI" !important, sans-serif;
}

.listhost-cgtemplate-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -268px -166px;
}

.listhost-globalmacro-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -295px -171px;
}

.listhost-storymacro-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -322px -171px;
}

.listhost-rundownmacro-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -352px -171px;
}

.listhost-storyboard-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -10px -201px;
}

.listhost-externaldoc-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -40px -201px;
}

.listhost-eventplanning-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -70px -201px;
}

/*Grouplisthost css*/
.listhost-docked .grouplist-content-search 
{
    width: 295px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 130px);
    height: -webkit-calc(100% - 130px);
}

.listhost-floating .grouplist-content-search, .listhost-hidden-tab .grouplist-content-search
{
    width: 285px;
    background-color: #e6e6e6;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 93px);
    height: -webkit-calc(100% - 93px);
}


.listhost-docked-mob .grouplisthost-dvcb, listhost-floating-mob .grouplisthost-dvcb 
{
    margin-top: 5px;
    width: 100%;
    display: inline-block;
    color: #575757;
    /*color: #271E3C;*/
}

.listhost-docked-mob .grouplist-content
{
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    background-color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    /*margin-top: 15px;*/
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 130px);
    height: -webkit-calc(100% - 130px);
}

.iPhoneXBottom {
    height: 100%;
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
    .iPhoneXBottom {
        height: calc(100% - 40px);
    }
}

.listhost-floating .grouplist-wastebin-maindv {
width: 290px;
background-color: #e6e6e6;
margin-left: 5px;
margin-right: 5px;
position: absolute;
height: calc(100% - 60px);
height: -webkit-calc(100% - 55px);
}

.listhost-hidden-tab .grouplist-wastebin-maindv{
width: 290px;
background-color: #e6e6e6;
margin-left: 5px;
margin-right: 5px;
position: absolute;
height: calc(100% - 60px);
height: -webkit-calc(100% - 3px);
}
.listhost-docked .grouplist-wastebin-maindv {
width: 300px;
background-color: #e6e6e6;
margin-left: 0;
margin-right: 0;
overflow: auto;
position: absolute;
overflow-x: hidden;
height: -webkit-calc(100% - 10px);
height: calc(100% - -23px);
}


.listhost-docked .grouplist-wastebin-maindv {
width: 300px;
background-color: #e6e6e6;
margin-left: 0;
margin-right: 0;
overflow: auto;
position: absolute;
overflow-x: hidden;
height: -webkit-calc(100% - 10px);
height: calc(100% - -23px);
}


.listhost-hidden-tab .grouplist-wastebin-content{
width: 285px;
background-color: #e6e6e6;
margin-left: 0;
margin-right: 0;
overflow: auto;
margin-top: 5px;
position: absolute;
overflow-x: hidden;
height: calc(100% - 5px);
height: -webkit-calc(100% - 65px);
}

.listhost-floating .grouplist-wastebin-content {
width: 285px;
background-color: #e6e6e6;
margin-left: 0;
margin-right: 0;
overflow: auto;
margin-top: 5px;
position: absolute;
overflow-x: hidden;
height: calc(100% - 5px);
height: -webkit-calc(100% - 16px);
}

.listhost-docked .grouplist-wastebin-content {
width: 295px;
background-color: #e6e6e6;
margin-left: 0;
margin-right: 0;
overflow: auto;
position: absolute;
overflow-x: hidden;
height: -webkit-calc(100% - 10px);
height: calc(100% - 91px);
margin-top: 5px;
}

.listhost-docked-mob .grouplist-wastebin-maindv
{
    width: -webkit-calc(100% - 10px);
     width: calc(100% - 10px);
    background-color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    /*margin-top: 15px;*/
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
}

.listhost-docked-mob .grouplist-content-search
{
    width: -webkit-calc(100% - 10px);
     width: calc(100% - 10px);
    background-color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    /*margin-top: 15px;*/
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 155px);
    height: -webkit-calc(100% - 155px);
}

.listhost-docked-mob .grouplist-content-search-mobile
{
    width: -webkit-calc(100% - 10px);
     width: calc(100% - 10px);
    background-color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    /*margin-top: 15px;*/
    overflow: auto;
    position: absolute;
    overflow-x: hidden;
    height: calc(100% - 205px);
    height: -webkit-calc(100% - 205px);
}

.grouplisthost-locationcb
{
    margin-left: 10px;
    float: left;
}

.grouplisthost-archivecb
{
    margin-right: 10px;
    float: right;
}

.grouplisthost-contentcb
{
    margin-left: 5%;
    float: left;
}

.grouplisthost-cblbl
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 3px;
    float: left;
    max-width: 71px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
}

.grouplisthost-cblbl-location
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 3px;
    float: left;
    max-width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: italic;
    cursor: default;
}

.grouplisthost-wirescb
{
    margin-left: 10px;
    float: left;
}

.grouplisthost-homecb
{
    margin-left: 33%;
    position: absolute;
}

.grouplisthost-personalcb
{
    margin-left: 68%;
    position: absolute;
}

.grouplisthost-navigateto
{
    font-family: "Segoe UI" !important, sans-serif;
    list-style: none !important;
    color: black !important;
    font-size: 12px !important;
    margin-left: 10px;
    margin-top: 10px;
}
.grouplisthost-wastebin-navigateto
{
    margin-left:5px;
    vertical-align:middle;
}
.listhost-enterpriseli-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -278px -49px;
    margin-right: 5px;
}

.listhost-textbold
{
    font-weight: bold;
}

.listhost-folder-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -221px -23px;
    margin-right: 5px;
}

.grouplisthost-navigateto-subfolder
{
    margin-left: 15px;
    color: black;
    font-size: 12px !important;
    list-style: none;
    overflow:auto;
    overflow-x: hidden;
    height: calc(100% - 75px);
   
    
}

.listhost-subfolder-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -252px -23px;
    margin-right: 5px;
}

.grouplisthost-filterdv
{
    padding-top: 4px;
    padding-bottom: 2px;
}

.listhost-alltype-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -280px -24px;
    cursor:pointer;
}

.listhost-audio-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -366px -142px;
    cursor:pointer;
}

.listhost-video-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -342px -142px;
    cursor:pointer;
}

.listhost-picture-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -316px -142px;
    cursor:pointer;
}

.listDisplay .listhost-list-spn
{
    width: 85%;
    display: inline-block;
}

.listDisplay .listhost-subcontent
{
    width: 96%;
    background-color: #FFFFFF;
    margin-left: 2%;
    margin-right: 2%;
    height: 100%;
}

.listhost-rundown-icon
{
    width: 18px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -30px -81px;
    cursor: pointer;
    margin-top: 4px;
}

.icon-RUNDOWNARCHIVE {
    width: 18px;
    height: 20px;
    background: url('images/ArchivedRundown.png') no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}

.icon-SCRIPTARCHIVE {
    width: 18px;
    height: 20px;
    background: url('images/ArchivedStory.png') no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}

.icon-PLANNINGGRIDARCHIVE {
    width: 18px;
    height: 20px;
    background: url('images/ArchivedPlanningGrid.png') no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}

.icon-STORYBOARDARCHIVE {
    width: 18px;
    height: 20px;
    background: url('images/ArchivedStoryboard.png') no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}

.listhost-planninggrid-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -200px -50px;
    cursor: pointer;
}

.listhost-readin-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -210px -116px;
}

.listhost-media-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -184px -116px;
}

.bottom-icon-container {
    cursor: default;
    height: 40px !important;
    margin-right: 10px;
}


.bottom-icon-container span {
    margin: 10px !important;
}

.bottom-icon-container div {
    margin: 10px !important;
}

.listDisplay .listhost-bottomactionbar
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 15;
    width: inherit;
    height: 38px;
    background-color: #cccccc;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}

.listhost-docked-mob .listhost-bottomactionbar, .listhost-hidden-mob .listhost-bottomactionbar
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 15;
    width: 100%;
    height: 40px;
    background-color: #cccccc;
    /*margin-left: -5px;*/
}

.listhost-slideout-mob .listhost-bottomactionbar
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 15;
    width: 100%;
    height: 40px;
    background-color: #cccccc;
}

.listhost-floating-mob .listhost-bottomactionbar
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 15;
    width: 90%;
    height: 40px;
    background-color: #cccccc;
    margin-left: -5px;
}


.grouplist-selfilter-icon
{
    width: 20px;
    height: 22px;
    background: url('images/Navigation_Icon.png') -113px -170px;
    margin-right: 15px;
    cursor: pointer;
}

.grouplisthost-limain-img
{
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 22px;
}

.listDisplay .grouplisthost-limain-img
{
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 30px;
}

.listhost-docked-mob .grouplisthost-limain-img, .listhost-slideout-mob .grouplisthost-limain-img, .listhost-hidden-mob .grouplisthost-limain-img, .listhost-floating-mob .grouplisthost-limain-img
{
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 22px;
}

/*Grouplisthost css end*/
/*Enterprise Browser listhost*/
.ebrlisthost-content-li
{
    padding-bottom: 2px;
    margin: 6px 6px 6px 6px;
    width: 93%;
}

.ebrlisthost-serverul
{
    padding-left: 19px;
}

.ebrlisthost-groupul
{
    padding-left: 25px;
}

.listhost-locationfolder-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -230px 0px;
}

.listhost-collapsed-icon
{
    width: 7px;
    height: 7px;
    background: url('images/Navigation_Icon.png') -305px -1px;
}

.listhost-serverxaml-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -280px -1px;
}
.listhost-servergroup-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -257px -1px;
}

.listhost-expanded-icon
{
    width: 7px;
    height: 7px;
    background: url('images/Navigation_Icon.png') -305px -10px;
}

.listhost-carat-icon
{
    margin-top: 1px;
    width: 8px;
    height: 8px;
    background: url('images/Navigation_Icon.png') -45px -168px;
}

.hide-content
{
    display: none !important;
}

.listhost-homefolder-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -201px 0px;
}
.listhost-sepaeratordv {
    background-image:url('images/hr3.png');
    height: 1px;
    margin-right: 11px;
    margin-left: 11px;
    margin-top: 22px;
}
.listhost-rundownmos-active {
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -242px -204px;
}
.listhost-planninggridmos-active {
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -267px -204px;
}
.listhost-mosobject-icon {
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -321px -204px;
}
/*Enterprise Browser listhost css end*/

/*ListHost END*/
/*Message List host*/
.messagehost-hidden-tab 
{
    width: 350px;
    right: -350px;
    top: 0px;
    z-index: 4;
    background-color: #575757;
    height: 100%;
    position: absolute;
    transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -ms-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
}

.messagehost-floating-tab 
{
    width: 350px;
    right: 0px;
    top: 0px;
    z-index: 4;
    background-color: #575757;
    height: 100%;
    position: absolute;
    transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
}

.messagehost-hidden-mob 
{
    height: 100%;
    width: 90%;
    position: absolute;
    background-color: #575757; /*temporory*/
    top: 0;
    left: 100%;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    z-index: 5;
}

.messagehost-floating-mob
{
    height: 100%;
    width: 90%;
    position: absolute;
    background-color: #575757; /*temporory*/
    top: 0;
    left: 10%;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    z-index: 5;
}
.messagehost-floating-tab .messagehost-backtomsglist, .messagehost-hidden-tab .messagehost-backtomsglist
{
    top: 0;
    position: fixed;
    padding-left: 130px;
}

.messagehost-floating-mob .messagehost-backtomsglist, .messagehost-hidden-mob .messagehost-backtomsglist
{
    top: 0;
   /* position: fixed;*/
    /*padding-left: 40%;*/
    position:relative;
    text-align:center;
    vertical-align:middle;
    display: inline-block;
    
}
.messagehost-floating-tab .messagehost-titletext,.messagehost-hidden-tab .messagehost-titletext
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    /*width: 0px;*/
    color: white;
    margin-top: 5px;
    margin-bottom: 15px;
   /* padding-left: 132px;*/
    
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.messagehost-floating-mob .messagehost-titletext, .messagehost-hidden-mob .messagehost-titletext
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    /*width: 0px;*/
    color: white;
    margin-top: 5px;
    margin-bottom: 15px;
   /* padding-left: 45%;*/
   
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.apphost-cursor
{
    cursor: pointer;
}

.messagehost-floating-tab .messagehost-dvsearch, .messagehost-hidden-tab .messagehost-dvsearch
{
    margin-bottom: 5px;
    width: 90%;
    font-style: italic;
    background: #e6e6e6;
    border: none;
}

.messagehost-floating-mob .messagehost-dvsearch, .messagehost-hidden-mob .messagehost-dvsearch
{
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    font-style: italic;
    background-color: #e6e6e6 !important;
    border: none !important;
    color: #999999 !important;
    border-radius: 0 !important;
    margin: 5px 5px 5px 5px;
    box-shadow: none;
}


.messagehost-floating-mob .message-div, .messagehost-hidden-mob .message-div
{
    width: 99%;
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    height: calc(100% - 98px);
    height: -webkit-calc(100% - 108px);
    min-height:-webkit-calc(100% - 106px);
    max-height:-webkit-calc(100% - 106px);
}



.messagehost-floating-mob .messagehost-content-list, .messagehost-hidden-mob .messagehost-content-list
{
    overflow: auto;
    width: calc(100% - 5px);
    min-height: calc(100% - 10px);
    height: calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
    z-index: 5;
    background-color: White;
    margin-top: 5px;
    position: absolute;
    color: black;
}

.messagehost-floating-mob .message-content-div, .messagehost-hidden-mob .message-content-div
{
    width: 99%;
    background-color: white;
    position: absolute;
    height: calc(100% - 110px);
    height: -webkit-calc(100% - 110px);
    overflow: auto;
    overflow-x: hidden;
}

.messagehost-group-message-icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -215px -240px;
}

.messagehost-back-icon
{
    width: 6px;
    height: 11px;
    background: url('images/Navigation_Icon.png') -10px -166px;
}

.message-div
{
    width: 340px;
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    height: calc(100% - 102px);
    height: -webkit-calc(100% - 102px);
}
.message-content-maindv {
    height:100%;
    background-color:white;
    width: 340px;
}
.message-content-div
{
    width: 338px;
    background-color: white;
    position: absolute;
    height: calc(100% - 110px);
    height: -webkit-calc(100% - 110px);
    overflow: auto;
    overflow-x: hidden;
}
.message-content-statusmsg {
    color:red;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    margin-top:15px;
}

.messagehost-content-list
{
    overflow: auto;
    width: calc(100% - 5px);
    max-width: calc(100% - 5px);
    min-height: calc(100% - 10px);
    height: calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 5px);
    height: -webkit-calc(100% - 10px);
    z-index: 5;
    background-color: White;
    margin-top: 5px;
    position: absolute;
    color: black;
    overflow-x: hidden;
    overflow-y: auto;
}

.messagehost-filter-title {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 30px;
    line-height: 20px;
}

.messagehost-filter-title div {
    margin-top: 3px;
    margin-right: 5px;
    display: block;
    float: left;
}

.messagehost-content
{
    width: calc(100% - 5px);
    min-height: calc(100% - 10px);
    height: calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 5px);
    height: -webkit-calc(100% - 10px);
    z-index: 5;
    background-color: White;
    margin-top: 5px;
    position: absolute;
    color: black;
    margin-left: 5px;
}

.messagehost-content-li
{
    padding-bottom: 2px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
    width: calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
}
/*class used in contact details and messagehost list*/
.messagehost-msgimg, .itemcontenthost-contactdetail-msgimg
{
    width: 20px;
    height: 20px;
}

.messagehost-hidden-tab .messagehost-bottomactionbar 
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 5;
    width: 350px; /*345px;*/
    height: 41px;
    background-color: #575757;
    margin-left: 0 !Important;
}

.messagehost-floating-tab .messagehost-bottomactionbar
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 5;
    min-width: 350px; /*345px;*/
    min-width: -webkit-calc(350px);
    width: 350px; /*345px;*/
    height: 40px;
    min-height: 40px;
    min-height: -webkit-calc(40px);
    background-color: #575757;
    margin-left: 0 !Important;
    display: inline-block;
}

.messagehost-floating .messagehost-bottomactionbar
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 15;
    width: 90%;
    height: 35px;
    background-color: #575757;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}

.messagehost-floating-mob .messagehost-bottomactionbar
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 5;
    width: 100%;
    height: 40px;
    background-color: #575757;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}

.messagehost-hidden-mob .messagehost-bottomactionbar 
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 5;
    width: 100%;
    height: 40px;
    background-color: #575757;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}

.messagehost-filter-icon
{
    min-width: 16px;
    min-width: -webkit-calc(16px);
    width: 16px;
    min-height: 16px;
    min-height: -webkit-calc(16px);
    height: 16px;
    margin-top: 10px;
    margin-right: 18px;
    background: url('images/Navigation_Icon.png') -305px -240px;
    cursor: pointer;
    display: inline-block;
}

.messagehost-addmsg-icon
{
    min-width: 16px;
    min-width: -webkit-calc(16px);
    width: 16px;
    min-height: 16px;
    min-height: -webkit-calc(16px);
    height: 16px;
    margin-top: 10px;
    margin-right: 18px;
    background: url('images/Navigation_Icon.png') -328px -114px;
    cursor: pointer;
    display: inline-block;
}

.messagehost-closemsg-icon
{
    min-width: 16px;
    min-width: -webkit-calc(16px) !important;
    width: 16px !important;
    min-height: 16px;
    min-height: -webkit-calc(16px) !important;
    height: 16px !important;
    margin-left: 16px;
    margin-top: 12px;
    background: url('images/Navigation_Icon.png') -294px -114px;
    cursor: pointer;
    display: inline-block;
}
.messagehost-content-title
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
}

.messagehost-content-byline
{
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
    color: gray;
    padding-left: 5px;
    font-weight: bold;
}

.messagehost-content-text
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    padding-left: 5px;
    word-wrap: break-word;
    padding-right: 15px;
    padding-bottom: 5px;
    /*word-break: break-all;*/
}
.messagehost-newmsg-content
{
    overflow: auto;
    width: calc(100% - 10px);
    min-height: calc(100% - 55px);
    height: calc(100% - 68px);
    height: -moz-calc(100% - 55px);
    width: -webkit-calc(100% - 10px);
    height: -webkit-calc(100% - 55px);
    z-index: 5;
    background-color: White;
    margin-left: 5px;
    position: absolute;
}
.messagehost-msgslug
{
    height: 10px;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    position: absolute;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    border-color: gray;
    margin-top: 5px;
}

.messagehost-newmsgslug
{
    height: 20px;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    margin-left: 7px;
    margin-right: 7px;
    position: absolute;
    width: calc(100% - 47px);
    width: -webkit-calc(100% - 47px);
    border: 1px solid #cccccc !important;
    border-radius: 0px !important;
    padding-right: 25px !important;
}

.messagehost-usrnamelist
{
    font-weight: bold;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
}

.messagehost-usrlist-ul
{
    color: black;
    list-style: none;
    margin-left: 15px;
    border: 1px solid #cccccc;
    margin-right: 15px;
    margin-top: 4px;
    position: absolute;
    width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    background: #ffffff;
    z-index: 5;
    padding-top: 5px;
}

.messagehost-usrlist-img
{
    margin-bottom: 5px;
    margin-left: 3px;
}

.messagehost-usrlistcontact-img
{
    height: 30px;
    width: 30px;
    float: left;
}

.messagehost-personalfolder-icon
{
    width: 20px;
    background: url('images/Navigation_Icon.png') -42px 0;
}

.messagehost-usrlist-location
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    color: black;
}

.messagehost-msgholder
{
    height: calc(100% - 95px);
    min-height: calc(100% - 99px);
    height: -webkit-calc(100% - 99px);
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    margin-left: 7px;
    margin-right: 7px;
    position: absolute;
    width: calc(100% - 20px);
    max-width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    padding: 0px 19px 4px 0px;
    margin-top: 3px;
}

.messagehost-editor-content
{
    height: 90%;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: black;
    width: calc(100% - 1px);
    width: -webkit-calc(100% - -3px);
    overflow: auto;
    overflow-x: hidden;
    outline: 0px solid transparent;    
    border: 1px solid #cccccc;
    border-radius:none;
    -webkit-border-radius:none;
}

.messagehost-footerspn
{
    margin-top: 12px;
    margin-bottom: 2px;
    font-size: 12px !Important;
    font-weight: bold;
    color: white;
}

.messagehost-cancel-footerspn
{
    cursor: pointer;
    margin-right: 20px;
}

.messagehost-editor-footer, .itemcontenthost-editor-footer
{
    padding: 0px 0px !Important;
    font-size: 0px !Important;
    float: right !important;
}

.messagehost-footer-seperator
{
    margin-right: 10px !Important;
    height: 28px !Important;
    margin-top: 5px;
}

.messagehost-seperator-img, .itemcontenthost-seperator-img
{
    width: 1px;
    height: 26px;
    background: url('images/Navigation_Icon.png') -235px -111px;
}

.messagehost-send-footerspn
{
    cursor: pointer;
    margin-right: 30px;
}

.messagehost-footer-sendseperator
{
    margin-right: 20px !Important;
    height: 28px !Important;
    margin-top: 5px;
}

.messagehost-msgholder-ht
{
    min-height: -webkit-calc(100% - 10px);
    height:calc(100% - 10px);
}

.messagehost-usrlist
{
    display: inline-block;
    line-height: 10px;
}

.messagehost-footerheight
{
    height: 38px !important;
    min-height: 38px !important;
    min-height: -webkit-calc(28px) !important;
}
.messagehost-header 
{
    background: #575757;
    text-align: center;
    display: block;
    width: 100%;
    height: 28px;
}

.messagehost-block-reply 
{
    background: #575757;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 20px;
}
.messagehost-block-normal 
{
    background: #575757;
    text-align: center;
    display: block;
    width: 100%;
    height: 20px;
}
.messagehost-displayblockht-msgdv
{    
    height: 15px;
}

.messagehost-backtolist
{
    display: block;
    margin-top: -10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    
}
.messagehost-floating-tab .listhost-busySpinnerdv, .messagehost-hidden-tab .listhost-busySpinnerdv
{
    position: absolute;
    display: block;
    margin-left: 130px;
}

.messagehost-floating-mob .listhost-busySpinnerdv, .messagehost-hidden-mob .listhost-busySpinnerdv
{
    position: absolute;
    display: block;
    margin-left: 45%;
}


.messagehost-floating-tab .msghost-busyspinner, .messagehost-hidden-tab .msghost-busyspinner
{
    position: absolute;
    display: block;
    margin-left: 150px;
}

.messagehost-floating-mob .msghost-busyspinner, .messagehost-hidden-mob .msghost-busyspinner
{
    position: absolute;
    display: block;
    margin-left: 45%;
}
/*Message List host End*/
/*ContentHost*/
.contenthost-floating
{
    position: absolute;
    height: 100%;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    left: 40px;
}

.contenthost-docked
{
    position: absolute;
    height: 100%;
    width: calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
    left: 340px;
}

.contenthost-docked.discover-embedded {
    width: calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
    left: 300px;
} 

.contenthost-hidden-mob
{
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s linear, visibility 0.3s ease;
    -webkit-transition:opacity 0.5s linear, visibility 0.3s ease;
    position: absolute;
    width: 100%;
    height: 100%;
}

.contenthost-visible-mob
{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s linear, visibility 0.3s ease;
    -webkit-transition:opacity 0.5s linear, visibility 0.3s ease;
    position: absolute;
    height: 100%;
    width: 100%;
}


.contenthost-slideout-mob
{
    position: absolute;
    left: 90% !important;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.contenthost-slidein-mob
{
    position: absolute;
    left: 0;
    transition: left 0.3s ease;
     -webkit-transition: left 0.3s ease;
    width: 100%;
    height: 100%;
}
.content-contenthalf-bottom
{
    width: 50.09%;
    position: absolute;
    z-index: 0;
    background: #cccccc;
    height: 40px;
    bottom: 0;
    right: 0;
    transform: translateZ(0);
}
.content-contentfull-bottom
{
    width: 100%;
    position: absolute;
    z-index: 0;
    right: 0;
    background: #cccccc;
    height: 40px;
    bottom: 0;
    transform: translateZ(0);
}

@media only screen and (orientation: landscape) {
    #itemContent.itemcontenthost-contentfull {
        width: 100%;
    }
    
    .itemcontenthost-contentfull .itemcontenthost-storyview-storyholderborder {
        /*min-height: calc(100% - 185px);*/
        min-height: 301px;
        max-height: 301px;
    }
    
    .contenthost-visible-mob {
        overflow: auto;
    }

    #EditorView_BottomActionBar.content-contentfull-bottom.tablet-view {
        width: 100%;
    }

        #EditorView_BottomActionBar.content-contentfull-bottom.tablet-view.half {
            width: 50%;
        }
}

.planningcontentfull 
{    
    display: block;
    width: 99%;
    display: inline-block;
    height: calc(100% - 25px);
    height: -webkit-calc(100% - 25px);
    color: Black;
}

.planningcontenthalf 
{
    border-right-color: Black;
    border-right-style: solid;
    border-right-width: 1px;
    position: absolute;
    width: 49.82%;
    color: black;
}

/*Collectioncontenthost*/
table, th, td
{
    border: 1px solid #cccccc;
    min-width: 15px;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
}

.collectioncontenthost-maindv
{
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    height: calc(100% - 55px);
    height: -webkit-calc(100% + 55px);
    height: -moz-calc(100% + 55px);
}

.collectioncontenthost-rundowntitle
{
    font-family: "Segoe UI", sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.collectioncontenthost-rundowndate
{
    font-family: "Segoe UI", sans-serif;
    font-size: 10px;
}

.collectioncontenthost-nggriddv
{
    height: calc(100% - 105px);
    height: -webkit-calc(100% - 105px);
    position: absolute;
    width: 95%;
    overflow: auto;
}
.collectioncontenthost-nggridtbl
{
    width: 100%;
    position: absolute;
}

.collectioncontenthost-nggridheader-tbl
{
    background: #2407A5;
    color: white;
}

thead.collectioncontenthost-nggridheader-tbl th {
    position: sticky;
    top: -1px;
    background: #2407A5;
}

.collectioncontenthost-nggridheader-firstcol, .collectioncontenthost-nggridheader-statuscol
{
    width: 1.5%;
}

.collectioncontenthost-nggridheader-storycol
{
    width: 50%;
}

.collectioncontenthost-nggridheader-segmentcol
{
    width: 47%;
}

.collectioncontenthost-nggridbody-firstcol
{
    width: 1.5%;
    text-align: center;
}

.collectioncontenthost-nggridbody-storycol
{
    width: 50%;
    padding-left: 5px;
}

.collectioncontenthost-nggridbody-statuscol
{
    width: 1.5%;
    text-align: center;
}

.collectioncontenthost-nggridbody-segmentcol
{
    width: 47%;
    padding-left: 5px;
}

.collectioncontenthost-rundowndv
{
    height: calc(100% - 105px);
    height: -webkit-calc(100% - 115px);
    position: absolute;
    width: 95%;
    overflow:auto;
    margin-left:1.4%;
    margin-right:2.4%;
}

.TSV-RundownDiv .collectioncontenthost-rundowndv
{
    height: calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
    position: absolute;
    width: 95%;
    overflow:auto;
    margin-left:2.4%;
    margin-right:2.4%;
}

.collectioncontenthost-rundowntbl
{
    position: absolute;
    table-layout: fixed;
}

.collectioncontenthost-rundowntbl td {
    overflow: hidden;
    min-width: 30px;
}

.collectioncontenthost-rundowntbl th {
    min-width: 15px;
    overflow: hidden !important;
}

.collectioncontenthost-rundownheader-tbl
{
    background: #666666;
    color: white;
}

thead.collectioncontenthost-rundownheader-tbl th {
    position: sticky;
    top: -1px;
    background: #666666;
}

.collectioncontenthost-rundownheader-pagecol {
    width: 10%;
    min-width: 40px;
}

.collectioncontenthost-rundownheader-firststatuscol, .collectioncontenthost-rundownheader-secondstatuscol
{
    width: 15px;
}

.collectioncontenthost-rundownheader-storycol
{
    width: 42.5%;
}

.collectioncontenthost-rundownheader-segmentcol, collectioncontenthost-rundownheader-anchorcol, .collectioncontenthost-rundownheader-estdurationcol, .collectioncontenthost-rundownheader-backcol, .collectioncontenthost-rundownheader-columnsinlayoutcol
{
    width: 22.5%;
}

.collectioncontenthost-rundownbody-pagecol
{
    width: 12%;
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    white-space: nowrap;
}

.collectioncontenthost-rundownbody-pagecol-bold
{
   width: 12%;
   text-align: center;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
   font-weight: bold;
   white-space: nowrap;
}
.collectioncontenthost-rundownbody-firststatuscol, .collectioncontenthost-rundownbody-secondstatuscol
{
    width: 2.5%;
    text-align: center;
}

.collectioncontenthost-rundownbody-storycol
{
    width: 42.5%;
    padding-left: 5px;
}

.collectioncontenthost-rundownbody-segmentcol
{
    width: 22.5%;
    padding-left: 5px;
}

.collectioncontenthost-rundownbody-anchorcol, .collectioncontenthost-rundownbody-estdurationcol, .collectioncontenthost-rundownbody-backcol, .collectioncontenthost-rundownbody-columnsinlayoutcol
{
    width: 22.5%;
    padding-left: 5px;
    white-space: nowrap;
}

.collectioncontenthost-rdscript-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -25px -166px;
}

.collectioncontenthost-currentrdrow-icon
{
    width: 9px;
    height: 32px;
    background: url('images/Navigation_Icon.png') -112px -201px;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
}
.collectioncontenthost-currentrdrow
{
    background-image:url('images/currentrdrow.png');
    background-size:100% 100%;
    width:9px;
    float:left;
    margin-left:-2px;
    height: 28px;
    /*min-height:30px;*/
}

.collectioncontenthost-notcurrentrdrow
{
    width:9px;
    float:left;
    height: 28px;
    /*min-height:30px;*/
}

.collectioncontenthost-pagenumber
{
    height: 28px;
    line-height:28px;
}

.collectioncontenthost-timingbarrdrow
{
    background-image:url('images/timingbar.png');
    background-size:100% 100%;
    width:9px;
    float:left;
    margin-left:-2px;
    height: 28px;
    /*min-height:30px;*/
}

.collectioncontenthost-currentrowandtimingbar
{
     background-image:url('images/currnetrowandtimingbar.png');
    background-size:100% 100%;
    width:9px;
    float:left;
    margin-left:-2px;
    height: 28px;
    /*min-height:30px;*/
}

.collectioncontenthost-selectedrow
{
    vertical-align:inherit;
    vertical-align:-webkit-baseline-middle;
    margin-left: -8px;
}

.collectioncontenthost-timingbarrow-icon
{
    width: 9px;
    height: 30px;
    background: url('images/Navigation_Icon.png') -95px -201px;
    float: left;
    margin-left: -2px;
    margin-top: -1px;
    margin-bottom: -1px;
}
.collectioncontenthost-currentrowandtimingbar-icon
{
    width: 9px;
    height: 30px;
    background: url('images/Navigation_Icon.png') -195px -201px;
    float: left;
    margin-left: -2px;
    margin-top: -1px;
    margin-bottom: -1px;
}
.collectioncontenthost-busySpinnerdv
{
    display: block;
}
/*Collectioncontenthost End*/

/*Itemcontenthost*/
.itemcontenthost-contactdetail-marginleft
{
    margin-left: 10px;
}

.itemcontenthost-editorbottomactionbar
{
    position: absolute;
    z-index: 0;
    right: 0;
    margin-right: 5px;
    width: 100%;
    background: #cccccc;
    color: black;
    height: 25px;
}

.itemcontenthost-editorbottomactionbar:last-child
{
    margin-right: 20px;
    background: #ff0000 !important;
}

.itemcontenthost-footerspn
{
    min-width: 60px;
    line-height: 40px;
    text-align: center;
    font-size: 14px !Important;
    font-weight: bold;
    color: black;
    cursor: pointer;
}

.itemcontenthost-editor-footer-separator
{
    margin: 10px 5px 0px 5px;
    width: 1px;
    height: 25px;
    background: #ffffff;
}

.itemcontenthost-footerspn:first-of-type
{
    margin-right: 10px;
}


.itemcontenthost-footer-sendseperator
{
    margin-right: 20px !Important;
    height: 30px !Important;
    margin-top: 5px;
}
/*ContactDetailView*/
.itemcontenthost-contactdetail-maindvht
{
    height: 90%;
}

.itemcontenthost-contactdetail-maindv
{
    position: absolute;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    margin-left: 10px;
    margin-top: 10px;
}

.itemcontenthost-contactdetail-contactlist-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -155px -163px;
    cursor: pointer;
}

.itemcontenthost-contactdetail-contactlist-blankicon
{
    width: 60px;
    height: 60px;    
    cursor: pointer;
}
.itemcontenthost-contactdetail-contactname
{
    font-weight: bold;
    color: black;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    position: absolute;
    /*margin-top: 10px;*/
    margin-left: 4px;
}

.itemcontenthost-contactdetail-contanctname-spn
{
    font-weight: normal;
    padding-left: 4px;
    color: black;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    position: absolute;
    margin-top: 35px;
}

.itemcontenthost-contactdetail-contanctname-margintop
{
    margin-top: 21px;
}

.itemcontenthost-contactdetail-contactdv
{
    display: inline-block;
    float: left;
    margin-top: -3px;
    margin-bottom: -10px;
}

.itemcontenthost-contactdetail-boldtext
{
    font-weight: bold;
    color: black;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
}

.itemcontenthost-contactdetail-regtext
{
    font-weight: normal;
    color: black;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    position: absolute;
}
.itemcontenthost-contactdetail-field
{
    font-weight: normal;
    color: black;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    position: absolute;
    margin-left:30px;
    font-weight:bold;
}

.itemcontenthost-contactdetail-fieldvalue
{
    font-weight: normal;
    color: black;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    position: absolute;
    margin-left:97px;
    white-space: nowrap;
}

.itemcontenthost-contactdetail-contactimg
{
    display: inline-block;
    padding-top: 8px;
    float: right;
}

.itemcontenthost-contactdetail-sendtext-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -176px -81px;
}

.itemcontenthost-contactdetail-verticalbar-img
{
    width: 1px;
    height: 28px;
    background: url('images/Navigation_Icon.png') -95px -166px;
    margin-left: 7px;
    margin-right: 7px;
}

.itemcontenthost-contactdetail-dial-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -203px -81px;
}

.itemcontenthost-contactdetail-list
{
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #eeeeee;
    display: inline-block;
    height:40px;
}

.itemcontenthost-contactdetail-message-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -334px -49px;
}
.itemcontenthost-contactdetail-detailsmaindv
{
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    width: calc(100% - 48px);
    height: calc(100% - 170px);
    width: -webkit-calc(100% - 48px);
    height: -webkit-calc(100% - 170px);
    margin-top: 56px;
    margin-left: 30px;
}
.itemcontenthost-contactdetail-maplocation-icon {
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -345px -202px;
}

.itemcontenthost-contactdetail-userimg
{
    height:50px;
    width:50px;
}
/*ContactDetailView End*/

/*StoryView*/
.itemcontenthost-storyview-content
{
    background: #ffffff;
    height: 100%;
    display: block;
    width: 100%;
    color: Black;
}
.itemcontenthost-storyview-savingbusyspinner
{
    position:relative;
    text-align:center;
    vertical-align:middle;
}

#BLACKLINE {
	display: block;
	background-color: Black;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 5px;
	border-radius: 3px;
}

.PRODUCTIONCOMMAND
{
    color: #F00;
    font-weight: bold;
    background-color: #e6e6e6;
    border-left-width: thick;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    border-radius: 7px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 8px;
    display: inline-block;
    max-width: 90%;
}

.ProductionCommand-Expand-Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -190px -240px;
}

.ProductionCommand-Collapse-Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -190px -240px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.MOSInfo {
    width: auto;
    height: auto;
    margin-left: 30px;
    margin-top: -22px;
}

.MOSDetails {
    width: auto;
    margin-left: 30px;
    margin-top: -22px;
    display: none;
}

.thumb-SUMMARY {
    content: "";
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px 5px 0px 2px;
    background: url('images/Navigation_Icon.png') -320px -201px no-repeat;
}

.MOS-SUMMARY
{
    color: #F00;
    background-color: #E6E6E6;
    font-weight: bold;
    border-left-width: thick;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    border-radius: 7px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 8px;
    display: inline-block;
    max-width: 300px;
    height: auto;
    line-height: 24px;
    /*word-wrap: normal;*/
}

.MOSLarge {
    width: auto;
    height: auto !important;
}

.thumb-VIDEO
{
    content: "";
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 5px 0px 2px;
    background: url('images/Navigation_Icon.png') -342px -142px;
}

.MOS-VIDEO
{
    color: #F00;
    background-color: #E6E6E6;
    font-weight: bold;
    border-left-width: thick;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    border-radius: 7px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 8px;
    display: inline-block;
    max-width: 300px;
    height: auto;
    line-height: 24px;
    /*word-wrap: normal;*/
}

.thumb-AUDIO
{
    content: "";
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 5px 0px 2px;
    background: url('images/Navigation_Icon.png') -367px -142px;
}

.MOS-AUDIO
{
    color: #F00;
    background-color: #E6E6E6;
    font-weight: bold;
    border-left-width: thick;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    border-radius: 7px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 8px;
    display: inline-block;
    max-width: 300px;
    height: auto;
    line-height: 24px;
    /*word-wrap: normal;*/
}

.thumb-STILL
{
    content: "";
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 5px 0px 2px;
    background: url('images/Navigation_Icon.png') -316px -142px;
}

.MOS-STILL
{
    color: #F00;
    background-color: #E6E6E6;
    font-weight: bold;
    border-left-width: thick;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    border-radius: 7px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 8px;
    display: inline-block;
    max-width: 300px;
    height: auto;
    line-height: 24px;
    /*word-wrap: normal;*/
}

wbr {
    -webkit-user-select: none;
    -ms-user-select: none;
}

.iOSDevice {
    -webkit-user-select: none;
    -ms-user-select: none;
}

.PRODUCTIONCOMMAND {
    -webkit-user-select: none;
    -ms-user-select: none;
}

.itemcontenthost-storyview-NFB-Watermark-full
{
    color: red;
    font-weight: bold;
    font-size: large;
    font-family: Arial;
    opacity: .5;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    position: absolute;
    margin: 0;
    z-index: -1;
    top: 50%;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.itemcontenthost-storyview-NFB-Watermark-half
{
    color: red;
    font-weight: bold;
    font-size: large;
    font-family: Arial;
    opacity: .5;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    position: absolute;
    margin: 0;
    z-index: 3;
    top: 50%;
    text-align: center;
    width: 50%;
}
.itemcontenthost-storyview-time
{
    color: red;
    margin-right: 20px;
    font-family: arial helvetica;
    font-size: 12px;
    line-height: 14px;
}
.itemcontenthost-selected-text-time
{
    color: red;
    font-family: arial helvetica;
    font-size: 12px;
    line-height: 14px;
}

.itemcontenthost-storyview-words
{
    color: blue;
    margin-right: 5px;
    font-family: arial helvetica;
    font-size: 12px;
    line-height: 14px;
}

.itemcontenthost-storyview-byline
{
    color: Gray;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding-left: 10px;
    margin-left: 5px;
}

.itemcontenthost-storyview-bytime
{
    color: Gray;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    line-height: 14px;
}

.itemcontenthost-storyview-editorviewobject
{
    height: calc(100% - 75px);
    height: -webkit-calc(100% - 75px);
}

.itemcontenthost-storyview-nextbtnactive-icon
{
    width: 9px;
    height: 9px;
    background: url('images/Navigation_Icon.png') -185px -171px;
}

.itemcontenthost-storyview-nextbtninactive-icon
{
    width: 9px;
    height: 9px;
    background: url('images/Navigation_Icon.png') -205px -171px;
}

.itemcontenthost-storyview-prevbtnactive-icon
{
    width: 9px;
    height: 9px;
    background: url('images/Navigation_Icon.png') -225px -171px;
}

.itemcontenthost-storyview-prevbtninactive-icon
{
    width: 9px;
    height: 9px;
    background: url('images/Navigation_Icon.png') -245px -171px;
}

.itemcontenthost-storyview-tsvheaderdv
{
    text-align: center;
    padding-bottom: 20px;
}

.itemcontenthost-storyview-tsvheadertbl
{
    table-layout: fixed;
    border: none !important;
    width: 100%;
}

.itemcontenthost-storyview-tsvheadertbl-titlerow, .itemcontenthost-storyview-tsvheadertbl-timingrow, .itemcontenthost-storyview-tsvheadertbl-timingcell, .itemcontenthost-storyview-tsvheadertbl-currenttitletextcell
{
    border: none !important;
}

.itemcontenthost-storyview-tsvheadertbl-prevbtncell, .itemcontenthost-storyview-tsvheadertbl-nextbtncell
{
    border: none !important;
    width: 10px; /*5%;*/
    cursor: pointer;
}

.itemcontenthost-storyview-tsvheadertbl-prevtitletextcell
{
    border: none !important;
    width: 100px; /*26%*/
    max-width: 100px;
    cursor: pointer;
    padding-top: 7px;
}

.itemcontenthost-storyview-tsvheadertbl-nexttitletextcell
{
    border: none !important;
    width: 100px; /*20%;*/
    max-width: 100px;
    cursor: pointer;
    padding-top: 7px;
}

.itemcontenthost-contentfull
{
    display: block;
    width: 99%;
    display: inline-block;
    margin-top: 40px;
    height: calc(100% - 25px);
    height: -webkit-calc(100% - 25px);
    color: Black;
}


.itemcontenthost-contentfull-mob
{
    
    width: 100%;
    display: inline-block;
    margin-top: 40px;
    height: calc(100% - 25px);
    height: -webkit-calc(100% - 25px);
    color: Black;
    visibility:visible;
    opacity: 1;
    transition: opacity 0.5s linear, visibility 0.3s ease;
    -webkit-transition:opacity 0.5s linear, visibility 0.3s ease;
    
}

.hide-content-mob
{
    
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s linear;
}
.itemcontenthost-contentfull .bottom_Rundownfull
{
    width: 100%;
    position: absolute;
    z-index: 0;
    right: 0;
    background: #cccccc;
    height: 40px;
    bottom: 0;
    transform: translateZ(0); 
}

.itemcontenthost-contentfull .itemcontenthost-storyview-storyholder
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    color: black;
    margin-left: 5px;
    display: block;
    word-wrap: break-word;
    padding-left: 9px;
    border-color: gray;
    margin-right: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 190px);
    height: -webkit-calc(100% - 190px);
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    z-index: -2;
}

.itemcontenthost-contentfull .itemcontenthost-storyview-storyholderborder
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    color: black;
    margin-left: 5px;
    display: block;
    word-wrap: break-word;
    background-color: White;
    margin-right: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 185px);
    height: -webkit-calc(100% - 185px);
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    border-color: gray;
    border-style: solid;
    border-width: 1px;
}

.itemcontenthost-contentfull .itemcontenthost-storyview-storyslugborder
{
    height: auto;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    position: absolute;
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    border-color: gray;
    border-style: solid;
    border-width: 1px;
    overflow-y:auto;
    max-height:35px;
}

.itemcontenthost-contentfull .itemcontenthost-storyview-tsvstoryslug
{
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 1em;
}

.itemcontenthost-contentfull .itemcontenthost-storyview-storyslug
{
    height: 10px;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    position: absolute;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    border-color: gray;
}

.itemcontenthost-contenthalf
{
    display: block;
    width: 49.82%;
    display: inline-block;
    margin-top: 40px;
    color: Black;
}

.itemcontenthost-contenthalf .itemcontenthost-storyview-storyholder
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    color: black;
    margin-left: 5px;
    display: block;
    word-wrap: break-word;
    padding-left: 9px;
    border-color: gray;
    margin-right: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 200px);
    height: -webkit-calc(100% - 200px);
    width: calc(( 100% / 2 ) - 25px );
    width: -webkit-calc(50% - 25px );
    z-index: -2;
}
    
.itemcontenthost-contenthalf .itemcontenthost-storyview-storyholderborder
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    color: black;
    margin-left: 5px;
    display: block;
    word-wrap: break-word;
    background-color: White;
    margin-right: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 185px);
    height: -webkit-calc(100% - 185px);
    width: calc(( 100% / 2 ) - 20px );
    width: -webkit-calc(50% - 20px );
    border-color: gray;
    border-style: solid;
    border-width: 1px;
}

.itemcontenthost-contenthalf .itemcontenthost-storyview-storyslugborder
{
    height: auto;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    position: absolute;
    width: calc(( 100% / 2 ) - 20px );
    width: -webkit-calc(50% - 20px );
    border-color: gray;
    border-style: solid;
    border-width: 1px;
    overflow-y:auto;
    max-height:35px;
}


.itemcontenthost-contenthalf .itemcontenthost-storyview-tsvstoryslug
{
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 1.5em;
}

.itemcontenthost-contenthalf .itemcontenthost-storyview-tsvstoryslugborder
{
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    border: 1px solid gray !important;
}

.itemcontenthost-contentfull .itemcontenthost-storyview-tsvstoryslugborder
{
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    border: 1px solid gray !important;
}

.itemcontenthost-contenthalf .itemcontenthost-storyview-storyslug
{
    height: 10px;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    position: absolute;
    width: calc(( 100% / 2 ) - 20px );
    width: -webkit-calc(50% - 20px );
    border-color: gray;
}

.itemcontenthost-contentfull .itemcontenthost-storyview-tsvstoryholder
{
    font-family: "Segoe UI", sans-serif;
    font-size: 20px;
    color: black;
    margin-left: 5px;
    display: block;
    word-wrap: break-word;
    background-color: White;
    padding-left: 9px;
    border-color: gray;
    margin-right: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 150px);
    height: -webkit-calc(100% - 150px);
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
}

.itemcontenthost-contentfull .itemcontenthost-storyview-tsvstoryholderborder
{
    font-family: "Segoe UI", sans-serif;
    font-size: 20px;
    color: black;
    margin-left: 5px;
    display: block;
    word-wrap: break-word;
    background-color: White;
    padding-left: 9px;
    margin-right: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 150px);
    height: -webkit-calc(100% - 150px);
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    border-color: gray;
    border-style: solid;
    border-width: 1px;
}

.itemcontenthost-contenthalf .itemcontenthost-storyview-tsvstoryholder
{
    font-family: "Segoe UI", sans-serif;
    font-size: 20px;
    color: black;
    margin-left: 5px;
    display: block;
    word-wrap: break-word;
    background-color: White;
    padding-left: 9px;
    border-color: gray;
    margin-right: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 150px);
    height: -webkit-calc(100% - 150px);
    width: calc(( 100% / 2 ) - 25px );
    width: -webkit-calc(50% - 25px );
}

.itemcontenthost-contenthalf .itemcontenthost-storyview-tsvstoryholderborder
{
    font-family: "Segoe UI", sans-serif;
    font-size: 20px;
    color: black;
    margin-left: 5px;
    display: block;
    word-wrap: break-word;
    background-color: White;
    /*padding-left: 9px;*/
    margin-right: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    height: calc(100% - 160px);
    height: -webkit-calc(100% - 160px);
    width: calc(( 100% / 2 ) - 20px );
    width: -webkit-calc(50% - 20px );
    border-color: gray;
    border-style: solid;
    border-width: 1px;
}

.itemcontenthost-storyview-tsvheadertbl-prev-next-titletextdiv
{
    display: inline-block;
    width: 100px;
    overflow: hidden !important;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.itemcontenthost-storyview-checkin-lblslug {
    display: inline-block;
    width: 350px;
    overflow: hidden !important;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    font-family: 'Segoe UI';
    font-size: 16px;
}
.itemcontenthost-storyview-checkin-currentdatetime {
    font-family: 'Segoe UI';
    font-size: 14px;
}
.itemcontenthost-storyview-checkin-coordinatetbl {
    border: none !important;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.itemcontenthost-storyview-checkin-coordinatelbl {
    font-family: 'Segoe UI';
    font-size: 14px;
    text-align: right;
}
.itemcontenthost-storyview-checkin-coordinateval{
    padding-left: 5px;
    font-family: 'Segoe UI';
    font-size: 14px;
    text-align: left;
}
/*StoryView END*/
/*Itemcontenthost End*/
/*ContentHost END*/
/*AppHost Classes*/
input::-ms-clear
{
    display: none;
}

.apphost-htwidth
{
    height: 100%;
    width: 100%;
}

.apphost-hostdv
{
    height: 100%;
    display: block;
    top: 0;
}
.apphost-hostwd {
    width:100%;
}
/*Modal Popup classes*/
.apphost-modalpopup
{
    background: #eeeeee;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    min-width: 300px;
    max-width: 500px;
}

.apphost-modalpopup-msgheader
{
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    color: black;
    font-weight: bold;
    font-size: 16px;
}

.apphost-modalpopup-msgbody
{
    text-align:center;
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.apphost-modalpopup-msgbtn:hover
{
    background: #ffffff;
    cursor: pointer;
}

.apphost-modalpopup-msgfooter
{
    display: inline-block;
    text-align: center;
    width: 100%;
}

.apphost-modalpopup-msgfooter img:first-child
{
    display: none;
}

.apphost-modalpopup-seperatorimg
{
    width: 1px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -248px -113px;
}
.apphost-modalpopup-msgbtn
{
    width: 48%;
    display: inline-block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*Modal Popup classes End*/
/*AppHost Classes Ends*/
/*TopBarView classes*/

.topbarcontent
{
    margin-top: 4px;
}

.topbarhost-disconnected-icon
{
    width: 16px;
    height: 16px;
    margin-right: 13px;
    margin-top: 3px;
    float: left;
    margin-left: 20px;
    background: url('images/Navigation_Icon.png') -285px -80px;
}

.topbarhost-list-icon {
    width: 20px;
    height: 20px;
    margin-right: 0;
    margin-top: 0;
    float: right;
    background: url('images/Navigation_Icon.png') -333px -24px;
    cursor: pointer;
}

.topbarhost-message-icon
{
    width: 20px;
    height: 20px;
    margin-right: 20px;
    margin-top: 6px;
    float: right;
    background: url('images/Navigation_Icon.png') -333px -24px;
    cursor: pointer;
}

.topbarhost-window-icon
{
    width: 16px;
    height: 16px;
    margin-right: 20px;
    margin-top: 8px;
    float: right;
    background: url('images/Navigation_Icon.png') -310px -24px;
    cursor: pointer;
}

.topbarhost-windowcounter-spn
{
    position: absolute;
    right: 63px;
    font-family: arial;
    font-size: 10px;
    margin-top: 11px;
    font-weight: bold;
    cursor: pointer;
}

.topbarhost-unseenmessagecounter-spn
{        
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    z-index: 5;     
    background:#ff0000;
    height:12px;
    width:auto;    
    min-width:12px;
    border-radius:6px;
    position:absolute;
    right:15px;
    margin-top:6px;
    text-align:center;     
    padding-left:1px;
    padding-right:1px;
    padding-bottom:1px;
    padding-top:1px;   
}
.topbarhost-floating {
    height: 40px;
    position: absolute;
    width: 100%;
    z-index: 4;
    text-align: center;
    top: 0;
    left: 0;
    transform: translateZ(0);
}
.topbarhost-docked {
    height: 40px;
    position: absolute;
    width: calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
    z-index: 4;
    text-align: center;
    top: 0;
    left: 340px;
    transform: translateZ(0);
}
/*TopBarView classes End*/

/*Windowsview classes*/
.windowshost-content
{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 80px;
    width: 150px;
    background: #cccccc;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.windowshost-content-li:hover 
{
    cursor: pointer;
    background: #e6e6e6;
    box-shadow: inset 0 0 5px #575757;
    border-radius: 5px;
}

.windowshost-limaindv
{
    margin: 5px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: left;
}

.windowshost-hidden
{
    top: -100%;
    right: 10px;
    position: absolute;
    z-index: 4;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
}

.windowshost-display
{
    top: 40px;
    right: 10px;
    position: absolute;
    z-index: 4;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
}

.windowshost-items
{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 5px;
}

.windowshost-nav-icon
{
    width: 16px;
    height: 20px;
    margin: 0px 10px 10px 0px;
    background: url('images/Navigation_Icon.png') 0 -42px;
}

.windowshost-item-title
{
    display: inline-block;
    width: 120px;
    overflow: hidden !important;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-top: 3px;
}

.windowshost-content-li
{
    width: 100%;
}

.windowshost-imglist
{
    margin-right: 5px;
}
.windowshost-limain-img
{
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 25px;
}
/*Windowsview classes*/

.nggrid-status
{
    background: #2407A5;
    color: white;
}

/* for scroll bar in all lists on ipad */
::-webkit-scrollbar {
    width: 4px;
}
/* Track */
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: #cccccc;

}
/* Handle */
::-webkit-scrollbar-thumb 
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: #1DA0E0;
    /*background-color: #927dc2;*/
}
::-webkit-scrollbar-track:horizontal {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: #cccccc;
}
::-webkit-scrollbar-thumb:horizontal 
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: #1DA0E0;
    /*background-color: #927dc2;*/
}

::-webkit-scrollbar:horizontal
{
    width:4px !Important;
    height:4px !Important;
}

::-webkit-input-placeholder
{
    font-style: italic;
    font-family: Arial !important;
    font-size: 10px !important;
}

.bottomactionbaritem
{
    margin-top: 9px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 4px;
}

.BottomActionBarCloseImg
{
    margin-top: 12px;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 4px;
}

.bottom_Rundownhalf
{
    width: 100%;
    position: absolute;
    z-index: 0;
    background: #cccccc;
    height: 40px;
    bottom: 0;
    transform: translateZ(0);
}

.Bottom_rundownImg
{
    margin-top: 9px;
    margin-left: 5px;
    margin-right: 20px;
    margin-bottom: 4px;
}

.TSV-RundownDiv
{
    text-align: left;
    padding-right: 10px;
    height: calc(100% - 55px);
    height: -webkit-calc(100% + 55px);
    height: -moz-calc(100% + 55px);
}

.TSV-RundownDiv table
{
    margin-left:2px !important;
}


#hrline
{
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    margin-left: 5px;
    height: 1px;
}

.navIcon
{
    height: 16px;
    width: 16px;
    margin: 2px 10px 10px 10px;
}

/*NavIcon*/


.RowBreak
{
    background: #1EA1E1;
    color: white;
}

.RowCommercial
{
    background: #B4272D;
    color: white;
}

.RowFloat
{
    background: #B4272D;
    color: white;
}

.RowApproved
{
    background: #ffffff;
    color: black;
}

.RowApprovalPending
{
    background: #B4272D;
    color: white;
}

.RowBlackLine
{
    background: black;
    height: 20px;
    border-right: none;
    border-left: none;
}

.colApproved
{
    background: #669900;
}

.colApprovalPending
{
    background: #B4272D;
    color: white;
}

.colNoText
{
    background: #ECB200;
}

.CaratHide
{
    display: none;
}

.AddStory_Icon
{
    margin-top: 10px;
    margin-right: 23px;
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -143px -116px;
    cursor: pointer;
}

.AddStory_Icon_Disabled
{
    margin-top: 10px;
    margin-right: 23px;
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -143px -116px;
    opacity: 0.5;
}


.Filter_Icon
{
    margin-top: 10px;
    margin-right: 23px;
    width: 20px;
    height: 22px;
    background: url('images/Navigation_Icon.png') -63px -116px;
    cursor: pointer;
}

.media-upload-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -10px -240px;
    cursor:pointer;
    margin-left: 20px;
}

.media-upload-icon-disabled {
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -10px -240px;
    margin-left: 20px;
    opacity: 0.5;
}

.media-select-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -180px -111px;
    cursor:pointer;
    margin-left: 20px;
}

.insert-command-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -138px -240px;
    cursor:pointer;
    margin-left: 20px;
}

.insert-cg-icon {
    width: 23px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -325px -240px;
    cursor: pointer;
    margin-left: 20px;
}

.insert-date-time-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -165px -240px;
    cursor:pointer;
    margin-left: 20px;
}

.Refresh_Icon
{
    margin-top: 10px;
    margin-right: 25px;
    width: 20px;
    height: 22px;
    background: url('images/Navigation_Icon.png') -102px -116px;
    cursor: pointer;
}

.Refresh_Icon_Disabled
{
    margin-top: 10px;
    margin-right: 25px;
    width: 20px;
    height: 22px;
    background: url('images/Navigation_Icon.png') -102px -116px;
    opacity: 0.5;
}

.CheckIn_Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -61px -80px;
    cursor: pointer;
}

.CheckIn_Icon_disabled
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -61px -80px;
    opacity: 0.5;
}

.CameraSlate_Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -32px -50px;
    cursor: pointer;
}

.EditStory_Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -64px -50px;
    cursor: pointer;
}

.EditStory_Icon_disabled
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -64px -50px;
    opacity: 0.5;
}

.External_Action_Icon {
    margin-top: 9px;
    margin-right: 23px;
    width: 23px;
    height: 23px;
    background: url('images/externalAction_Icon.svg') no-repeat;
    background-position: center center;
    cursor: pointer;
}

.Approve_Story_Icon
{
    margin-top: 9px;
    margin-right: 23px;
    width: 26px;
    height: 25px;
    background: url('images/Navigation_Icon.png') -53px -240px;
    cursor: pointer;
}

.Approve_Story_Selected_Icon
{
    width: 35px;
    height: 30px;
    background: url('images/Navigation_Icon.png') -96px -236px;
    margin-right: 15px;
    margin-top: 5px;
}

.Close_Icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -357px -21px;
    cursor: pointer;
}

.HideRundown_Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -127px -50px;
    cursor: pointer;
}

.ShowRundown_Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -127px -80px;
    cursor: pointer;
}

.HideStoryboard_Icon {
    width: 20px;
    height: 21px;
    background: url('images/HideStoryBoard.png') no-repeat;
    cursor: pointer;
}

.ShowStoryboard_Icon {
    width: 20px;
    height: 21px;
    background: url('images/ShowStoryBoard.png') no-repeat;
    cursor: pointer;
}

.JoinCommunity_Icon {
    width: 20px;
    height: 21px;
    background: url('images/JoinCommunity.png') no-repeat;
    cursor: pointer;
}

.FeaturedStory_Icon {
    width: 20px;
    height: 21px;
    background: url('images/FeaturedStory.png') no-repeat;
    cursor: pointer;
}


.Options_Icon {
    width: 20px;
    height: 21px;
    background: url('images/Options.png') no-repeat;
    cursor: pointer;
}

.PresenterView_Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -255px -240px;
    cursor: pointer;
}

.ChangeCase_Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -280px -240px;
    cursor: pointer;
}

.PresenterViewScroll_Icon
{
    width: 10px;
    height: 40px;
    background: url('images/Navigation_Icon.png') -240px -228px;
    cursor: pointer;
}

.TableScriptViewer_Icon
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -93px -80px;
    cursor: pointer;
}

.TableScriptViewer_Icon_Disabled
{
    width: 20px;
    height: 21px;
    background: url('images/Navigation_Icon.png') -93px -80px;
    opacity: 0.5;
}

.AddMessage_Icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -260px -81px;
}

.WiresLi_Icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -225px -50px;
    cursor: pointer;
}

.UrgWires_Icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -312px -80px;
    cursor: pointer;
}

.Post_Icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -306px -50px;
}

.Story_Icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -173px -50px;
    cursor: pointer;
}

.LinkedItem_Icon
{
    width: 20px;
    height: 16px;
    background: url('images/LinkedItem.png') no-repeat;
    cursor: pointer;
    margin-right: 5px;
}



.MessageUnread_Icon
{
    width: 20px;
    height: 20px;
    vertical-align: inherit !important;
    background: url('images/Navigation_Icon.png') -334px -50px;
    cursor: pointer;
}

.MessageRead_Icon
{
    width: 20px;
    height: 20px;
    vertical-align: inherit !important;
    background: url('images/Navigation_Icon.png') -362px -50px;
    cursor: pointer;
}

.MessageUnreadAtt_Icon
{
    width: 20px;
    height: 20px;
    vertical-align: inherit !important;
    background: url('images/Navigation_Icon.png') -338px -81px;
    cursor: pointer;
}

.MessageReadAtt_Icon
{
    width: 20px;
    height: 20px;
    vertical-align: inherit !important;
    background: url('images/Navigation_Icon.png') -361px -81px;
    cursor: pointer;
}

.SubFolderLi_Icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -278px -50px;
}

.YellowBadage_Icon
{
    width: 12px;
    height: 12px;
    background: url('images/Navigation_Icon.png') -322px -1px;
}

.RedBadage_Icon
{
    width: 12px;
    height: 12px;
    background: url('images/Navigation_Icon.png') -342px -1px;
    position: absolute;
    right: 8px;
    margin-top: 3px;
}

.GoButton_Icon
{
    width: 13px;
    height: 10px;
    background: url('images/Navigation_Icon.png') -365px -1px;
}

.Dock_Icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -195px -21px;
}

.UnDock_Icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -175px -21px;
    padding-right: 8px !important;
}

.Delete_Icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -152px -50px;
}

.WhiteCaret_Icon
{
    width: 5px;
    height: 5px;
    background: url('images/Navigation_Icon.png') -191px -1px;
}

.GenericGrid_Icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -251px -50px;
}

.Disconnected_Icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -285px -81px;
}

.HidePlanningGrid_Icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') 0px -116px;
}

.ShowPlanningGrid_Icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -30px -116px;
}

.Create_Topic_Icon {
    background-size: contain;
    margin-top: 9px;
    background-repeat: no-repeat;
    margin-right: 23px;
    width: 22px;
    height: 22px;
    background-image: url(images/flag-alt-regular.svg);
    cursor: pointer;
}

.Create_Topic_Navigate_Icon {
    background-size: contain;
    margin-top: 9px;
    background-repeat: no-repeat;
    margin-right: 23px;
    width: 22px;
    height: 22px;
    background-image: url(images/plus-regular.svg);
    cursor: pointer;
}

.border_right
{
    border-right-color: Black;
    border-right-style: solid;
    border-right-width: 1px;
    position: absolute;
    height: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
}

.collection_right
{
    position: absolute;
    height: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    margin-left: 50%;
}

.PersonalFolder_Icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -258px -112px;
}

.topBarSlideOut
{
    height: 40px;
    position: absolute;
    width: 100%;
    z-index: 4;
    text-align: center;
    top: 0;
    left: 90%;
    transition: left 0.3s ease;
   -webkit-transition:left 0.3s ease;
}

.topBarVisible
{
    height: 40px;
    position: absolute;
    width: 100%;
    z-index: 4;
    text-align: center;
    top: 0;
    left: 0;
    transition: left 0.3s ease;
    -webkit-transition:left 0.3s ease;
}

.TSVTopBar
{
    background: #BD4728;
    height: 40px;
    position: absolute;
    width: 100%;
    z-index: 4;
    text-align: center;
    top: 0;
    left: 0;
    transition: left 0.3s ease;
    -webkit-transition:left 0.3s ease;
}

.TsvHostFloating
{
    position: absolute;
    height: 100%;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    left: 40px;
}

.TsvHostBg
{
    background: #BD4728;
    height: 25px;
    position: absolute;
    width: 100%;
    z-index: 2;
    text-align: center;
    top: 0;
}

.TsvTopMessageImgr
{
    margin-right: 13px;
    margin-top: 7px;
    float: right;
}

.reply-message-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -359px -113px;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 18px;
}


.picture-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -316px -142px;
}

.video-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -342px -142px;
}

.audio-icon
{
    width: 16px;
    height: 16px;
    background: url('images/Navigation_Icon.png') -367px -142px;
}

.conatctNameIcon
{
    margin-left: 10px;
}

.snaptotimingbar-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -65px -166px;
    margin-top: 5px;
    cursor: pointer;
}

.snaptotimingbar-icon-disabled
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -65px -166px;
    margin-top: 5px;
    opacity: 0.5;
}

.snaptoselectedbar-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -215px -201px;
    margin-top: 5px;
    cursor: pointer;
}

.snaptoselectedbar-icon-disabled
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -215px -201px;
    margin-top: 5px;
    opacity: 0.5;
}

.selfilter-icon
{
    width: 35px;
    height: 30px;
    background: url('images/Navigation_Icon.png') -105px -166px;
    margin-right: 15px;
    margin-top: 5px;
}

.TSVStoryPageNum
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
}

.cursorDefault
{
    cursor: default !important;
}

.timingBarRow
{
    border-style: solid;
    border-width: 3px;
    border-color: #ECB200;
    border-right: 6px solid #ECB200;
}

.wireslisthost-filtered-dv
{
    width: -webkit-calc(100% - 8px);
    margin-left: 6px;
    background-color: #999999;
}

.changelayout-icon {
    width: 21px;
    height: 20px;
    background: url('images/Layout.png') no-repeat;
    cursor: pointer;
}

.addplanningitem-icon
{
    width: 20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -292px -201px;
    cursor: pointer;
}

.addplanningitem-icon-disabled
{
    width:20px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -292px -201px;
    opacity: 0.5;
}

.addgridrow-icon
{
    width:20px;
    height: 20px;
    /*background: url('images/Navigation_Icon.png') -292px -201px;*/
    border: 10px solid #00ff00;
    cursor: pointer;
}

.removegridrow-icon
{
    width:20px;
    height: 20px;
    /*background: url('images/Navigation_Icon.png') -292px -201px;*/
    border: 1px solid #ff0000;
    cursor: pointer;
}

#qr 
{
   text-align: center;
}

#qr *
{
    margin: 10px auto 5px auto;
}

.scrollable
{
    overflow: auto;
}

.storyboard-dv
{
    height: calc(100% - 120px);
    height: -webkit-calc(100% - 130px);
    position: absolute;
    width: 95%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-left: 1.4%;
    margin-right: 2.4%;
}

.touch {
     -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0); 
}

.checkbox-iOS8 {
  -webkit-transform: scale(1, 1);
}

.gridTable {
    margin: 5px;
    width: 100%;
}

.gridTable tbody {
    width: 100%;
    display: table !important;
}

.gridTable td {
    height: 20px;
    width: 20% !important;
}

.gridTable td div{
    float: left;
}

.gridTable tr:first-child td {
    background: #B4272D;
    color: #ffffff;
}

.gridTable tr:nth-child(even) {background: #F5F5F5}
.gridTable tr:nth-child(odd) {background: #FFF}

.locationselector-container
{
    height: calc(100% - 105px);
    height: -webkit-calc(100% - 105px);
    position: absolute;
    width: 99%;
    overflow: auto;
    top: 50px;
}

.locationselector-folder, .locationselector-topfolder
{
    display: inline-block;
    margin-left: 30px;
    width: 100%;
}

.locationselector-personalfolder
{
    display: inline-block;
    width: 100%;
}

.locationselector-folder-img, .locationselector-topfolder-img
{
    float: left;
    vertical-align: top;
    width: 30px;
}

.locationselector-folder-title, .locationselector-topfolder-title
{
    font: inherit;
    float: left;
    margin-top: 3px;
    cursor: pointer;
}

.locationselector-folder-container, .locationselector-topfolder-container {
    padding: 5px;
    display: inline-block;
}

.locationselector-folder-container-highlight {
    background-color: #A4DAF5;
}

.planningGridsForDay {
   padding-top: 10px;
   margin-left: 10px;
   font-size: 12px;
   color: #000000;
}

.planningContentItemTop {
    position: relative !important;
}

.planningContentItem {
    position: absolute; 
    border: 1px solid #CFCFCF; 
    border-radius: 5px; 
    box-shadow: inset 1px 1px #ffffff; 
    background-color: #DBF1FF; 
    margin-left: 52px; 
    font-size: 12px; 
    line-height: 25px;
    overflow: hidden;
}

.planningContentItemNoText {
    border-left: 5px solid #ECB200;
}

.planningContentItemApproved {
    border-left: 5px solid #669900;
}

.planningContentItemApprovalPending {
    border-left: 5px solid #B4272D;
}

.planningContentRundown {
    position: absolute; 
    border: 1px solid #CFCFCF; 
    border-radius: 5px; 
    box-shadow: inset 1px 1px #ffffff; 
    background-color: #E4F5E8; 
    margin-left: 52px; 
    font-size: 12px; 
    line-height: 25px;
    overflow: hidden;
}

.planningNGGrid {
    position: relative; 
    border: 1px solid #CFCFCF; 
    border-radius: 5px; 
    box-shadow: inset 1px 1px #ffffff; 
    background-color: #9AD5F5; 
    font-size: 12px; 
    line-height: 25px;
    overflow: hidden;
}

.cke_top {
    border: 0px solid #b2b2b2 !important;
    height: auto !important;
    -webkit-user-select: none !important;
    position: absolute !important;
    width: 100% !important;
}

.cke_contents {
    height: -webkit-calc(100% - 40px) !important;
    height: calc(100% - 40px) !important;
    position: absolute !important;
    width: 100% !important;
    top: 40px !important;
    display: block !important;
    overflow: hidden !important;
}

.cke_browser_ios .cke_contents
{
    overflow-y: auto;
    -webkit-overflow-scrolling:  auto !important;
}

.menuLayout {
    position: absolute;
    z-index: 4;
    width: 200px;
    height: 500px;
    background: #e6e6e6;
    bottom: 40px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 12px;
    overflow: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.full-screen {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.menuLayout_pullLeft {
    left: 20px;
}

.menuLayout_pullRight {
    left: -webkit-calc(100% - 200px);
    left: calc(100% - 200px);
}

.menuLayoutItemSeparator {
    height: 1px;
    width: 180px;
    margin-left: 10px;
    border-bottom: 1px solid #BFBFBF;
}

.menuAction {
    left: calc(100% - 260px);
    position: absolute;
    z-index: 4;
    width: 200px;
    height: 90vh;
    background: #e6e6e6;
    bottom: 40px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 12px;
    overflow: auto;
    margin-top: calc(-90vh);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.menuActionFile {
    left: calc(100% - 320px);
    position: absolute;
    z-index: 4;
    width: 200px;
    height: 90vh;
    background: #e6e6e6;
    bottom: 40px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 12px;
    overflow: auto;
    margin-top: calc(-90vh);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.menuCommand {
    position: absolute;
    z-index: 4;
    width: 200px;
    height: 90%;
    background: #e6e6e6;
    bottom: 40px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 12px;
    overflow: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.menuCommand_pullLeft {
    left: 20px;
}

.menuCommand_pullRight {
    left: -webkit-calc(50% + 20px);
    left: calc(50% + 20px);
}

.menuCommandItemContainer {
    cursor:pointer; 
    height: 35px !important;
    width: 100%;
    line-height: 35px;
    padding-left: 10px;
    box-sizing: border-box;
}

[isinerror="true"] {
    border: 1px solid #ff0000;
}


.menuCommandItemContainer:not(.menuCommandItemSeparatorContainer):not(.menuCommandItemContainerAc):hover {
    background: #d2e6f9;
}

.menuCommandItemContainerAc {
    line-height: 21px;

}

@keyframes round_square {
    0% {
        top: 0;
        left: -10px
    }

    25% {
        top: 0;
        left: calc(100% - 7px);
    }

    50% {
        top: 100%;
        left: calc(100% - 7px);
    }

    75% {
        top: 100%;
        left: -10px;
    }

    100% {
        top: 0px;
        left: -10px;
    }
}

.menuCommandItemContainerInActionSq {
    width: 7px;
    height: 7px;
    background-color: #006064;
    position: relative;
    animation-name: round_square;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.menuCommandItemSeparator {
    margin-top: 15px;
    height: 1px;
    border-top: 1px solid gray;
}

.menuCommandItemSeparatorContainer {
    margin-top: 10px;
    margin-bottom: -20px;
}

.menuStoryBoard {
    position: absolute;
    height: auto;
    right: 0;
}

.storyboardContentContainer {
    height: calc(100vh - 150px);
    height: -webkit-calc(100vh - 150px);
    overflow: auto;
    overflow-x: hidden;
}

.commandPropertyLabel {
    float: left; 
    font-weight: bold; 
    width: 120px; 
    font-size: 12px;
    line-height: 30px;
}

.commandSelector {
    height: 30px !important;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 10px !important;
    margin-left: 5px;
    border: 1px solid gray !important;
    overflow-y: auto;
    max-height: 30px !important;
    float: left; 
    width: calc( 100% - 134px ) ;
    max-width: 311px;
    border-radius: 0px !important;
    color: #000000 !important;
    padding: 0px 0px 0px 10px !important;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.commandPropertyTextBox {
    height: 30px !important;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 10px !important;
    margin-left: 5px;
    border: 1px solid gray !important;
    overflow-y: auto;
    max-height: 30px !important;
    float: left; 
    width: calc( 100% - 145px ) ;
    max-width: 300px;
    border-radius: 0px !important;
    color: #000000 !important;
    padding: 0px 0px 0px 10px !important;
    margin-bottom: 10px;
}

.commandPropertyTextArea {
    height: 90px !important;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 10px !important;
    margin-left: 5px;
    border: 1px solid gray !important;
    overflow-y: auto;
    max-height: 90px !important;
    float: left; 
    width: calc( 100% - 145px ) ;
    max-width: 300px;
    border-radius: 0px !important;
    color: #000000 !important;
    padding: 0px 0px 0px 10px !important;
    margin-bottom: 10px;
}

.commandPropertyType {
    height: auto;
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-left: 0px;
    padding-top: 6px;
    padding-bottom: 5px;
    margin-left: 5px;
    overflow-y: auto;
    max-height: 35px;
    float: left; 
    width: calc( 100% - 145px ) ;
    margin-bottom: 10px;
}

.commandContainer {
    position: absolute; 
    height: calc(100% - 110px); 
    overflow: auto;
}

.commandPropertyRowContainer {
    display: inline-block; 
    width: 100%;
}

.switchContainer {
    background-color: #96c9fc; 
    border: solid 1px #000000; 
    border-radius: 10px; 
    height: 20px; 
    width: 50px; 
    padding: 0px; 
    cursor: pointer; 
    overflow: hidden;
    margin-bottom: 10px;
}

.switchText {
    color: #000000; 
    width: 30px; 
    text-align: center;
}

.switchToggle {
    background-color: #ffffff; 
    height: 18px; 
    width: 18px; 
    border-radius: 9px; 
    border: solid 1px #000000;
}

.switchOn {
    margin-left: 0px;
    background: #96c9fc;
    transition: all 0.4s;
    border: 0px;
    font-weight: bold;
}

.switchOff {
    margin-left: -30px;
    transition: all 0.4s;
    background: #dddddd;
    border: 0px;
    font-weight: bold;
}

.calendars-label {
    color: #000000;
    font-size: 14px;
    margin-left: 10px;
    font-weight: bold;
}

.presenterView {
    position: absolute;
    text-transform: uppercase;
    height: 100%;
    background: #000000;
    color: #ffffff;
    overflow: auto;
    overflow-x: hidden;
    word-wrap:break-word;
}

.presenterViewContentHalf {
     width: 50%;
}

.presenterViewContentFull {
     width: 100%;
}

.presenterViewContainer {
    width: 80%;
}

.presenterViewStoryContent {
    line-height: 200%;
}

.presenterViewInvertedTitle, .presenterViewInverted {
    background: #ffffff;
    color: #000000;
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
}

.yellowIndicator {
    position: fixed;
    width: 10px;
    margin-left: 15px;
    background: yellow;
}

.redIndicator {
    position: fixed;
    width: 10px;
    margin-left: 15px;
    background: red;
}

#scrollUp {
    position: absolute;
    z-index: 2;
    width: 40px;
    margin-top: 40px;
    height: calc(50% - 40px);
    top: 0px;
    right: 0px;
}

#scrollDown {
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 50%;
    bottom: 0px;
    right: 0px;
    margin-bottom: 40px;
}

#scrollIcon {
    position: absolute;
    z-index: 3;
    width: 40px;
    height: auto;
    top: calc(50% - 40px);
    right: 0px;
    padding-left: 13px;
    box-sizing: border-box;
    transition: transform .2s ease-out; 
}

#scrollerContainer {
    position: fixed;
    width: 40px;
    height: calc(100% - 80px);
    right: 0px;
    top: 40px;
    z-index: 1;
}

/*TSV Text case correction*/
.tsv_to_uppercase
{
    text-transform: uppercase;
}

.tsv_to_lowercase
{
    text-transform: lowercase;
}

.text-case-window
{
    background-color: #e6e6e6;
    bottom: 35px;
    right: 130px;
    position: absolute;
    z-index: 4;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
}

.text-case-window ul 
{
    list-style-type: none;
}
.text-case-item
{
    font-family: "Segoe UI", sans-serif;
    font-size: 12px;
    color: black !important;
    margin: 15px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*loader*/
@keyframes spinner-loader-rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner-loader-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.spinner-loader-small-gray:not(:required) {
  box-shadow: rgba(153, 153, 153, 0.1) 1.5em 0 0 0, rgba(153, 153, 153, 0.2) 1.1em 1.1em 0 0, rgba(153, 153, 153, 0.3) 0 1.5em 0 0, rgba(153, 153, 153, 0.4) -1.1em 1.1em 0 0, rgba(153, 153, 153, 0.6) -1.5em 0 0 0, rgba(153, 153, 153, 0.8) -1.1em -1.1em 0 0, rgba(153, 153, 153, 1) 0 -1.5em 0 0, rgba(153, 153, 153, 0) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgba(153, 153, 153, 0.1) 1.5em 0 0 0, rgba(153, 153, 153, 0.2) 1.1em 1.1em 0 0, rgba(153, 153, 153, 0.3) 0 1.5em 0 0, rgba(153, 153, 153, 0.4) -1.1em 1.1em 0 0, rgba(153, 153, 153, 0.6) -1.5em 0 0 0, rgba(153, 153, 153, 0.8) -1.1em -1.1em 0 0, rgba(153, 153, 153, 1) 0 -1.5em 0 0, rgba(153, 153, 153, 0) 1.1em -1.1em 0 0;
  animation: spinner-loader-rotate 800ms infinite linear;
  -webkit-animation: spinner-loader-rotate 800ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  display: inline-block;
  font-size: 8px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
  margin-top: 30px;
}

.spinner-loader-small-white:not(:required) {
  box-shadow: rgba(255, 255, 255, 0.1) 1.5em 0 0 0, rgba(255, 255, 255, 0.2) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.3) 0 1.5em 0 0, rgba(255, 255, 255, 0.4) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.6) -1.5em 0 0 0, rgba(255, 255, 255, 0.8) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 0) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 1.5em 0 0 0, rgba(255, 255, 255, 0.2) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.3) 0 1.5em 0 0, rgba(255, 255, 255, 0.4) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.6) -1.5em 0 0 0, rgba(255, 255, 255, 0.8) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 0) 1.1em -1.1em 0 0;
   animation: spinner-loader-rotate 800ms infinite linear;
  -webkit-animation: spinner-loader-rotate 800ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  display: inline-block;
  font-size: 8px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
  margin-top: 30px;
}

.spinner-loader-big-white:not(:required) {
  box-shadow: rgba(255, 255, 255, 0.1) 1.5em 0 0 0, rgba(255, 255, 255, 0.2) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.3) 0 1.5em 0 0, rgba(255, 255, 255, 0.4) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.6) -1.5em 0 0 0, rgba(255, 255, 255, 0.8) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 0) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 1.5em 0 0 0, rgba(255, 255, 255, 0.2) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.3) 0 1.5em 0 0, rgba(255, 255, 255, 0.4) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.6) -1.5em 0 0 0, rgba(255, 255, 255, 0.8) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 0) 1.1em -1.1em 0 0;
   animation: spinner-loader-rotate 800ms infinite linear;
  -webkit-animation: spinner-loader-rotate 800ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
  margin-top: 30px;
}

.hand {
    cursor: pointer;
}

.ngg-controls-holder {
    margin-left: 15px;
    margin-top: 10px;
    height: 40px;
  
}

.ngg-controls-table {
    width: 100%;
    table-layout: auto; 
    border-collapse: collapse;
    border: 0 !important;
}

.ngg-controls-table td {
    border: 1px solid #fff;
    white-space: nowrap;
    padding-right: 10px;
    box-sizing: border-box;
    height: 20px !important;
}

.ngg-controls-table td.absorbing-column {
    width: 100%;
}

.ngg-controls-table input {
    min-width: 80px;
}

.ngg-label {
    float: left;
    width: auto;
}

.ngg-control {
    position: relative !important;
    box-sizing: border-box;
    width: 100% !important;
    height: 25px !important;
}

.highlight-text {
    color: #ff0000;
    font-weight: bold;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.max-w100 {
    width: auto;
    max-width: 100%;
}

.left {
    float: left;
}

.mright5 {
    margin-right: 5px;
}

.mtop20 {
    margin-top: 20px;
}


.app-login-button {
    margin-left: auto;
    margin-right: auto;
    background-color: #eaeaea;
    display: inline-block;
    border: 0px;
    cursor: pointer;
    color: #000;
    padding: 3px;
    width: 130px;
    height: 30px;
    text-decoration: none;
}

    .app-login-button:hover {
        background-color: #B3B3B3;
    }

    .app-login-button:active {
        position: relative;
        top: 1px;
    }

    .app-login-button:disabled {
        background-color: #B3B3B3;
    }

/* Start of Edit Story Properties */
.EditStoryProps_Icon {
    width: 24px;
    height: 24px;
    background: url('images/EditStoryProps.png');
    cursor: pointer;
    background-size: 24px 24px;
}

.modalHost {
    width: 60%;
    height: 500px;
}

.apphost-modalprops {
    background: #eeeeee;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    width: 60%;
    height: 500px;
}

.apphost-modalprops-msgheader {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    color: black;
    font-weight: bold;
    font-size: 16px;
    height: 25px;
    overflow: hidden;
}

.apphost-modalprops-msgbody {
    text-align: center;
    position: relative;
    padding: 15px;
    overflow-y: auto;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    height: calc(100% - 130px);
}

.apphost-modalprops-msgbody-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.apphost-modalprops-msgbody-leftcol {
    width: 20%;
    text-align: right;
    padding: 6px;
    overflow-wrap: break-word;
}

.apphost-modalprops-msgbody-rightcol {
    width: 80%;
    text-align: left;
}

    .apphost-modalprops-msgbody-rightcol input[type="text"] {
        width: 98%;
    }

.createdDate {
    width: 75%;
}

.createdTime {
    width: 18%;
}

.apphost-modalprops-msgbody-rightcol select {
    width: 100%;
}

.apphost-modalprops-msgbtn:hover {
    background: #ffffff;
    cursor: pointer;
}

.apphost-modalprops-msgfooter {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 25px;
    padding: 10px 0px;
}

    .apphost-modalprops-msgfooter img:first-child {
        display: none;
    }

.apphost-modalprops-seperatorimg {
    width: 1px;
    height: 20px;
    background: url('images/Navigation_Icon.png') -248px -113px;
}

.apphost-modalprops-msgbtn {
    width: 30%;
    display: inline-block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 10000;
}

@media only screen and (max-width: 900px) {

    .modalHost {
        width: 70%;
        height: 500px;
    }

    .apphost-modalprops {
        background: #eeeeee;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        outline: none;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        width: 70%;
        height: 500px;
    }

    .apphost-modalprops-msgbody-row {
        display: block;
    }

    .apphost-modalprops-msgbody-rightcol input[type="Time"], input[type="number"] {
        margin: 5px 0px;
        width: 98% !important;
    }

    .apphost-modalprops-msgbody-leftcol {
        width: 100%;
        text-align: left;
        padding: 0px;
        overflow-wrap: break-word;
        width: 100%;
    }

    .apphost-modalprops-msgbody-rightcol {
        width: 100%;
        text-align: left;
    }

    .apphost-modalprops-msgbody-rightcol input[type="text"] {
        width: 98%;
    }

}

@media only screen and (max-height: 500px) {

    .modalHost {
        width: 70%;
        height: 300px;
    }

    .apphost-modalprops {
        background: #eeeeee;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        outline: none;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        width: 70%;
        height: 300px;
    }

    .apphost-modalprops-msgbody-rightcol input[type="Time"] {
        margin: 5px 0px;
    }

}


/* End of Edit Story Properties */