/* link */
/* TODO: temporary fix, need to change Master.css*/
html {
    overflow-y: auto !important;
} 
.widget.widget-link {
    cursor:pointer;   
    font-family:Arial;
    width: 100%;
    height: 132px;
    background-color:#ffffff;
}

.widget.widget-link .image {
    float: right;
    max-height:50px;
    max-width:50px;
}

.widget.widget-link .title {
    font-size:18px;
    font-weight:bold;
	color: #00005e;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 44px;
}

.widget.widget-link .header {
    background-color: #eaeff2; 
    padding:6px;
    height:44px;
}

.widget.widget-link:hover .header {
    background-color: #f2da9f;
}

.widget.widget-link img {
    float:right;      
    margin-top:3px;
    margin-right:3px;
}

.widget.widget-link .brief {
    padding: 10px 6px;   
}

/* events and meetings*/
.widget.widget-events {
    /*max-width: 564px; */
    /*height: 402px;*/
    height: 100%;
}


.widget.widget-events-design {
    background: url(/Dashboard/Images/events3x3.png) no-repeat;
    width: 520px;
    height: 371px;
}

.widget.widget-events-design4 {
    background: url(/Dashboard/Images/events4x4.png) no-repeat;
    width: 680px;
    height: 493px;
}

.widget.widget-events-design5 {
    background: url(/Dashboard/Images/events5x5.png) no-repeat;
    width: 849px;
    height: 617px;
}

.widget.widget-listings-design {
    background: url(/Dashboard/Images/ListingsDesign.png) no-repeat;
    width: 520px;
    height: 371px;
}

.widget.widget-listings-design4 {
    background: url(/Dashboard/Images/ListingsDesign.png) no-repeat;
    width: 680px;
    height: 493px;
}

.widget.widget-listings-design5 {
    background: url(/Dashboard/Images/ListingsDesign.png) no-repeat;
    width: 849px;
    height: 617px;
}

.widget.widget-events .image {
    float: right;
    max-height:50px;
    max-width:50px;
    position: relative;
}

.widget.widget-events .title {
    padding: 10px;
}

.widget.widget-events .title span {
    font-size:18px;
    font-weight:bold;
	color: #00005e;
    /* color: darkcyan; */
}

.widget.widget-events .search {
    padding: 10px 20px 10px 10px;
    width: 60%;
}

.widget.widget-events .header {
    background-color: #eaeff2;
    padding: 3px 0;
    box-sizing: initial !important;
}

.widget.widget-events .content{
    overflow-y: auto;
}

.widget.widget-events .content .event-row{
    padding: 5px;
    min-height: 75px;
}

.widget.widget-events .content .event-row:first-child{
    border: red 2px solid;
}

.widget.widget-events .content .event-row table tr td:first-child{
    text-align: right;
}

.widget.widget-events .content .event-row table tr td span{
    font-weight: bold;
}

.widget.widget-events .content .event-row .left-col{
    width: 53%;
    border-right: ridge lightgray;
}

.widget.widget-events .content .event-row .right-col{
    padding: 0 5px;
    width: 45%;
    overflow: hidden;
}
.widget.widget-events .content .event-row .agency {
    background-color: grey;
    width: 100%;
    padding: 3px 0px 3px 0px;
    color: white;
    font-size: 15px;
}
.widget.widget-events .content .event-row .agency-left {
    border-right: ridge darkgray;
    padding-left: 5px;
}
.widget.widget-events .content .event-row .agency-right {
    padding-left: 5px;
}

.row-odd{
    background-color: #fff;
}

.row-even{
    background-color: #eaeff2;
}


.widget.widget-listings .listings-content::-webkit-scrollbar-track, .widget.widget-events .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.widget.widget-events .content::-webkit-scrollbar, .widget.widget-listings .listings-content::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.widget.widget-events .content::-webkit-scrollbar-thumb, .widget.widget-listings .listings-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #A71515;
}

.widget.widget-events .content::-webkit-scrollbar-thumb:hover, .widget.widget-listings .listings-content::-webkit-scrollbar-thumb:hover {
    background-color: #D62929;
    cursor: pointer;
}

.widget.widget-events .EmptyDataTable .warning-wrapper {
    text-align: center;
    margin: 10px 0;
}

.widget.widget-events .EmptyDataTable .warning-wrapper {
    text-align: center;
    margin: 10px 0;
}

.widget.widget-events .EmptyDataTable .warning { 
    background-image: url(/Images/glError_bak.png); 
    background-repeat: no-repeat;
	background-position: left;
    padding-left: 40px;
	line-height: 40px;
    display: inline-block;
    font-size: 16px; 
}

.widget .EmptyDataTable {
    line-height: 32px;
    white-space: normal;
}
    .widget .EmptyDataTable .spForWrapper {
        margin-left: 40px;
    }

.widget.widget-events .EmptyDataTable {
    background-color: #eaeff2;
    border-top: 1px #000 solid;
}

.widget.widget-events .EmptyDataTable table li {
    text-align: left;
}

.widget.widget-events .EmptyDataTable table {
    margin-left: 10%;
}

.widget.widget-events .EmptyDataTable table tr {
    height: 57px;
}

.widget-backcolor {
    background-color: #eaeff2;
}

.widget.widget-listings .listings-content {
    overflow: auto;
}

.widget.widget-listings.widget-design {
    background: url(/Dashboard/Images/ListingsDesign.png) no-repeat;
}

.widget-dashboard .widget-row {
    margin: auto;
}
.widget-dashboard .widget-row-1 {
     width: 20vw;
}
.widget-dashboard .widget-row-2 {
     width: 40vw;
}
.widget-dashboard .widget-row-3 {
    width: 60vw;
}
.widget-dashboard .widget-row-4 {
    width: 80vw;
}
.widget-dashboard .widget-row-5 {
    width: 100%;
}

.widget-dashboard .responsive-widget-1 {
     width: calc(20vw - 4px);
}
.widget-dashboard .responsive-widget-2 {
     width: calc(40vw - 4px);
}
.widget-dashboard .responsive-widget-3 {
    width:  calc(60vw - 4px);
}
.widget-dashboard .responsive-widget-4 {
    width:  calc(80vw - 4px);
}
.widget-dashboard .responsive-widget-5 {
    width: calc(100% - 4px);
}

.widget-dashboard .widget-row .widget-cell {
    display: block;
    border: 1px solid gray;
    margin: 2px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

.widget-select {
    border: 1px solid transparent;
    margin-right: 5px;
    margin-left: 5px;
    width: 38px;
    height: 38px;
}

.widget-select.disabled {
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
    opacity: 0.2;
    border: 1px solid transparent;
    cursor: default !important;
}

.widget-select:hover {
    border: 1px solid gray;
}

.loader-line {
    background: url(/Dashboard/Images/loader_line.gif) no-repeat center;
    height: 40px;
    display: none;
}

.highlightedText {
    background: yellow;
}

@media(max-width:502px) {
   .widget.widget-listings .EmptyDataTable {
        display: block !important;
    }
    .widget.widget-listings .EmptyDataTable .warning {
        font-size: 14px;
    }
    .widget.widget-listings .no-found-list {
        padding-left: 20px;
        text-align: left;
    }
}

@media(max-width:575.98px) {
    .widget-row .widget-cell {
        width: calc(100vw - 4px) !important;
    }

    .widget-dashboard .widget-row {
        width: 100% !important;
    }

    .widget-dashboard {
        width: 100%;
    }

    .widget .EmptyDataTable .spForWrapper {
        margin-left: 0;
    }
    .widget.widget-events .content .event-row .agency-left {
        border-right: none;
        border-bottom: ridge darkgray;
        padding-bottom: 5px;
    }

    .widget.widget-events .content .event-row .agency-right {
        margin-top: 5px;
    }

}

@media (min-width: 576px) and (max-width: 767.98px) {
    .widget.widget-link .title {
        font-size: 16px;
        line-height: 22px;
    }

    .widget.widget-link .image {
        max-height: 30px;
        max-width: 30px;
    }
}

@media (max-width: 992px) {
    .widget.widget-events .content {
        max-height: 100vw !important;
    }
}

.tabs .tab {
    background-color: #e1e1e1;
    border-color: #ffffff;
    border-bottom-width: 3px;
    border-right-width: 3px;
    border-style: solid;
    cursor: pointer;
    color: royalblue;
    text-decoration: underline;
    line-height: 26px;
    min-width: 180px;
    max-width: 300px;
    vertical-align: middle;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto;
}

    .tabs .tab.selected, .tabs .tab:hover {
        text-decoration: none;
        background-color: #000000;
        border-color: #000000;
        text-transform: uppercase;
        color: #ffffff;
    }

.tabs .years {
    display: none;
    vertical-align: middle;
}

.tabs div.selected div.years {
    display: table-cell;
}

.tabs div.selected .one {
    display: none;
}

.tabs .tab .two {
    display: none;
}

.tabs div.selected .two {
    display: block;
    min-height: 26px;
}

.widget-listings table {
    max-width: 100%;
}


.listing-data {
    margin: 2px;
}
    .listing-data .quote-status {
        display: table;
        margin-bottom: 5px;
    }
    .listing-data .listing-view-link {
        padding: 5px 0;
    }
    .listing-data .listing-image {
        padding: 0 5px;
    }
        .listing-data .listing-image .listing-image-wrapper {
            width: 65px;
            height: 80px;
            overflow: hidden;
            position: relative;
        }
        .listing-data .listing-image .listing-image-link {
            display: block;
        }
            .listing-data .listing-image .listing-image-link .icon-magnify {
                position: absolute;
                right: 2.5px;
                bottom: 2.5px;
            }

    .listing-data .listing-label [class*='quote'] {
        display: inline-block;
        width: auto;
    }

    .listing-data .listing-data-left {
        margin-right: 5px;
    }
    .listing-data .listing-data-right .col:first-child {
        margin-right: 5px;
    }
    .listing-data .listing-data-right .col-label {
        min-width: 80px;
    }

.responsive-widget-3 .listing-data {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;

    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}
.responsive-widget-3 .listing-data .listing-data-left,
.responsive-widget-3 .listing-data .listing-data-right {
   -ms-flex-preferred-size: auto !important;
   flex-basis: auto !important;
}

@media (max-width: 200px) {
    .listing-data .listing-data-right {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
        .listing-data .listing-data-right .col-group {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }

            .listing-data .listing-data-right .col-group .col-label {
                -ms-flex-preferred-size: auto !important;
                flex-basis: auto !important;
                min-width: 0;
                text-align: left !important;
            }

            .listing-data .listing-data-right .col-group .col-control {
                -ms-flex-preferred-size: auto !important;
                flex-basis: auto !important;
            }
    .widget-listings table .dxeTextBoxSys {
        width: 150px !important;
    }
    
}

@media (max-width: 767.98px) {
    .tabs .tab {
        max-width: none;
        width: 100%;
    }

    .responsive-widget-4 .listing-data {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
        .responsive-widget-4 .listing-data .listing-data-left {
            -ms-flex-preferred-size: auto !important;
            flex-basis: auto !important;

            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }

            .responsive-widget-4 .listing-data .listing-data-left .listing-quote,
            .responsive-widget-4 .listing-data .listing-data-left .listing-image,
            .responsive-widget-4 .listing-data .listing-data-left .listing-label {
                -ms-flex-preferred-size: auto !important;
                flex-basis: auto !important;
            }

        .responsive-widget-4 .listing-data .listing-data-right {
            -ms-flex-preferred-size: auto !important;
            flex-basis: auto !important;
        }

    .responsive-widget-3 .listing-data {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .tabs div.selected .two {
        min-height: 52px;
    }
}



.btnSearch {
    background-image: url('/Images/goButton_Normal.gif') !important;
    border: none !important;
    cursor: pointer !important;
    width: 27px !important;
    height: 19px !important;
}

    .btnSearch:hover {
        background-image: url('/Images/goButton_MouseOver.gif') !important;
    }

.btnErase {
    background-image: url('/Images/eraseButton18_Normal.gif') !important;
    border: none !important;
    cursor: pointer !important;
    width: 19px !important;
    height: 19px !important;
}

    .btnErase:hover {
        background-image: url('/Images/eraseButton18_MouseDown.gif') !important;
    }


.widget.widget-events .icon-wrapper {
    text-align: right;
}

.widget.widget-events .header-img-eraser {
    margin-right: 1px;
}

.widget.widget-events .left-column {
    border-right: ridge lightgray;
}

.widget.widget-events .left-column .col-label-right {
        min-width: 62px;
        display: inline-block;
}

.widget.widget-events .right-column .col-label-right {
    min-width: 85px;
    display: inline-block;
    padding-left: 5px;
}

.widget.widget-events .event-element {
    word-break: break-word;
}

.widget.widget-events .view-listing-wrapper {
    margin-left: 15%;
}

.widget.widget-events .search-wrapper {
    padding: 0 1px;
}

.widget.widget-events .col-control {
    display: inline-block;
}

.widget.widget-events .pro-prx-id {
    word-break: break-all;
}

.widget.widget-events  .img-action-virtual {
    background-image: url(/images/webinar-conference.svg);
}
.widget.widget-events .img-action-physical {
    background-image: url(/images/handshake-img.svg);
}
.widget.widget-events .img-action-physical, .widget.widget-events .img-action-virtual {
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 0px;
    background-size: 20px;
}
.widget.widget-events .link-img-action {
    width:45px;
    display:inline-flex;
    vertical-align: middle;
    position:relative;
}
.widget.widget-events .div-blue-rows {
    width: 10px; 
    float: right; 
}
.widget.widget-events .blue-arrow-down {
    background-image: url(/Images/downDouble_Blue.gif); 
    background-position-x: right; 
    background-position-y: center; 
    background-repeat: no-repeat;
}
.widget.widget-events .blue-arrow-up {
    background-image: url(/Images/upDouble_Blue.gif); 
    background-position-x: right; 
    background-position-y: center; 
    background-repeat: no-repeat;
}
.widget.widget-events .div-action-smg-sl {
    background-color: #ffffff;
    border: gray solid 1px; 
    width: 185px;
    max-width:190px;
    text-align: center; 
    position: absolute;
    margin: 25px 0px;
    z-index: 9; 
    overflow-y: auto; 
    display:none;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); 
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2);
    padding: 15px;
    border-radius: 5px;
}

@media (max-width: 575.98px) {
    .widget.widget-events .left-column {
        border-right: none;
        border-bottom: ridge lightgray;
        margin-top: 5px;
    }

    .widget.widget-events .right-column {
        margin: 2% 0 0 0;
    }

    .widget.widget-events .right-column .col-label-right {
            padding-left: 0;
    }

    .widget.widget-events .icon-wrapper {
        display: none;
    }

    .widget.widget-events .col-label-right {
        white-space: nowrap;
    }

    .widget.widget-events .header {
        padding: 5px;
    }

    .widget.widget-events .title {
        padding: 4px;
    }
}