/* 
    Created on : May 25, 2018, 1:53:09 PM
    Author     : divanova
*/
/* !!! importnat note: ui-wrapper-multiselect was removed in the new theme, our custom multiselectcontainer became ui-wrapper-multiselect !!! */
/* selects-common class is used as a distinction from the old ones, which are 100% in width */
/* jquery-ui custom css - was in style.css */

/* ui-multiselect.js is extended with this wrapper */
.ui-wrapper-multiselect { position: relative; }
.ui-wrapper-multiselect .ui-multiselect,
.ui-wrapper-multiselect .ui-multiselect-menu { width: 100% !important; }
/* end of ui-multiselect.js is extended with this wrapper */

.ui-datepicker-calendar th,
.ui-datepicker-calendar td { border: 0; }
.ui-datepicker-calendar tr:nth-child(even),
.ui-datepicker-calendar tr:nth-child(odd) { background: none; }
.ui-datepicker-calendar { background: #fff; }
.ui-rangeSlider { padding-top: 0 !important; }
.ui-wrapper {
    min-width: 100% !important;
    max-width: 100% !important;
    padding: .3em .5em !important;
    border: 1px solid #aaa;
    background: #fff;
    background: url(../images/bg-large-box-1.png) repeat-x left top, url(../images/bg-large-box-3.png) repeat-x left bottom;
    min-height: 30px;
}
.ui-dialog:after,
.ui-dialog-content:after,
.ui-dialog-content form:after,
.ui-widget-header:after,
.ui-multiselect:after {
    content: "";
    display: table;
    clear: both;
}
/* selects-common is a common class for multiselects on: search results page; sources section; */
/* span-blue-arrow-big-down is a class for a span, with the same triangle as the select above; appears on: search results page; email alert index; */
/* .sources-filters-main .ui-icon-triangle-2-n-s, */
/*.selects-common .ui-icon-triangle-2-n-s {
    width: 1em;
    height: 0.667em; 
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAIVBMVEUAAAAbdbrb5/Dh6vG91ecvgcDr8PSKtthVmMqLt9iHtdgQ2nJbAAAAAXRSTlMAQObYZgAAADVJREFUCNdjSFICAjUGU0EgCGZgAVEODAwLBQXFGRgYOAQFG4AUc6CoAQMQOIowgAD7BAYGAKtNBW5s7sCOAAAAAElFTkSuQmCC) 50% 50% no-repeat !important;
}*/
/*.sources-filters-main .ui-icon-triangle-2-n-s { width: 1.5em !important }*/

/* ui-dialog style overwrites */
.button-w-100 button.ui-multiselect.ui-widget { width: 100% !important; }
.ui-dialog input[type="search"]{  min-width: 25%; }
.ui-widget .btn-search {  font-size: 1.1em; }
/** MULTISELECT **/
.ui-multiselect.emispro-single-select { 
    /*    width: auto !important; */
    /*    width: 100% !important;*/
}
.ui-multiselect-menu.emispro-single-select {
    min-width: 80px;
    margin: 0 0 0.7em 0;
}
/* advanced screener multiselect scrollfix - julian */
.aws-single-select .ui-multiselect-checkboxes,
.emispro-single-select .ui-multiselect-checkboxes {
    overflow: auto;
    height: auto !important;
    position: relative;
}
/* advanced screener multiselect scrollfix - julian 2 */
.ui-multiselect-single .ui-multiselect-checkboxes { position: relative; }
.ui-multiselect.emispro-multi-select {
    /*    width: 100% !important;*/
    /*    width: 100% !important;*/
    height: auto;
    margin: 0 0 0.7em 0;
}
.ui-multiselect-menu.emispro-multi-select,
.ui-multiselect-menu.emispro-single-select{ z-index: 30000; }
.ui-multiselect-none,
.ui-multiselect-all { color: #424242 !important; }
.filter-by .ui-multiselect {
    margin: 0.2em 0 0.5em;
    line-height: 1.2em;
}
/* !!! importnat note: ui-wrapper-multiselect was removed in the new theme, our custom multiselectcontainer became ui-wrapper-multiselect !!! */
/*.ui-wrapper-multiselect { position: relative; }
.ui-wrapper-multiselect .ui-multiselect-menu {
    top: 1.8em !important;
    left: 0 !important;
}
.ui-wrapper-multiselect .ui-multiselect,
.ui-wrapper-multiselect .ui-multiselect-menu { width: 100% !important; }*/
/** END MULTISELECT **/

/* start of ui loading dialog */
.loadingDialog {
    margin: 0 auto; 
    text-align: center;
    width: 800px !important;
}
.loadingDialog img,
.loadingDialog span { float: none !important; }
#loadingDialog {
    width: 800px !important;
    overflow: hidden !important;
}
.ui-dialog { 
    position: absolute; 
    z-index: 1003;
}
.ui-button-icon-space {
    display: none;
}
.ui-dialog-titlebar-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 26px;
    padding: 0;
    text-indent: -9999px;
    border: 0;
    background: transparent; 
}
/*.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: grey !important;
    -moz-opacity: 0.5 !important;  Netscape
    -khtml-opacity: 0.5 !important;  Safari 1.x
    opacity: 0.5 !important;  Good browsers
}*/
.ui-widget-overlay {
    /* FROM: https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css */
    /* DOCUMENTATION: https://jqueryui.com/dialog/#modal-confirmation */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}
/* end of ui loading dialog */

/* ui css in publication page revamp */
/* .pub-page-read-more-dialog .ui-dialog-titlebar {
    padding: 0.923em 1.154em !important;
    -webkit-border-radius: 18px 18px 0 0 !important;
    border-radius: 18px 18px 0 0 !important;
}*/
.pub-page-read-more-dialog .ui-dialog-content { padding: 0 !important; }
.pub-page-read-more-dialog .ui-dialog-content > .clearfix { padding: 0 1.25em !important; }
/*.pub-page-read-more-dialog .ui-dialog-title { padding: 0.5em 2.308em 0.5em 0.769em !important; }
.pub-page-read-more-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    right: 20px !important;
    top: 17px !important;
}*/
.pub-page-read-more-dialog .ui-dialog-content > .clearfix:nth-child(3) {
    margin: 1.25em 0 0 0;
    border-top: solid 1px #8bcde5 !important;
}
.pub-page-read-more-dialog .ui-widget-content a { 
    color: #2d92b7 !important; 
    font-size: 1em;
}
.pub-page-read-more-dialog .ui-widget-content a:hover { text-decoration: none; }
.pub-page-read-more-dialog .ui-widget-content .header a { 
    color: #000 !important; 
    font-size: 0.696em;
}
/* end of  ui css in publication page revamp */

/* related to new-tp-list-title */
.ui-datepicker-title select { height: auto; }
.ui-datepicker-title select { padding: 0.1em; }
/* end of related to new-tp-list-title */

/* add financials popup fixes for 768px, visible next to left panel */
.ui-dialog .f-l.w-25.w-768 { width: 100%; }
.ui-dialog .f-l.w-25.w-768 .f-l.w-40,
.ui-dialog .f-l.w-25.w-768 .f-r.w-40,
.ui-dialog .f-l.w-25.w-768 .w-100 {
    float: left !important;
    width: 20%;
}
.ui-dialog .f-l.w-25.w-768 .d-b.c-blue {
    float: left;
    width: 35%;
}
.ui-dialog .f-l.w-25.w-768 .w-100 {
    float: left;
    width: 35%;
    margin: 0.8em 0 0 !important;
}
.ui-dialog .f-l.w-25.w-768 .f-l.w-15 {
    text-align: center !important;
    width: 10%;
}
.ui-dialog .f-r.w-75.w-768 {
    width: 100%;
    border: 0 !important;
    padding: 0 !important;
}   
/* end of add financials popup fixes for 768px, visible next to left panel */  

/* tabs become paging om dashboard first time widget only ! */
#first-setup-wizard-dialog-form #widgets-dialog-tabs,
#first-setup-wizard-dialog-form .paging-smart {
    border: 0;
    padding: 0;
    background: none;
}
#first-setup-wizard-dialog-form .ui-tabs .ui-tabs-panel { padding: 0; }
#first-setup-wizard-dialog-form .paging-smart li { border: 0; }
#first-setup-wizard-dialog-form .paging-smart li a { padding: 0 0.417em; }
#first-setup-wizard-dialog-form .paging-smart .ui-state-hover,
#first-setup-wizard-dialog-form .paging-smart .ui-state-active {
    border: 0;
    background: none;
}
#first-setup-wizard-dialog-form .paging-smart .ui-state-hover a,
#first-setup-wizard-dialog-form .paging-smart .ui-state-active a {
    color: #fff;
    background: #508ac8;
    border-radius: 0;
    border: #3e76b2 solid 1px;
    text-decoration: none;
}
/* end of tabs become paging */
/* hiding titlebar on smart view and first time widgets */
#first-setup-wizard-dialog-form .ui-dialog-titlebar { display: none !important; }
/* end of hiding titlebar on smart view and first time widgets */

.qcc-competitors-industry-wrapper .ui-state-disabled {
    border: 0!important;
    background: transparent!important;
    opacity: 1!important;
}
.qcc-competitors-industry-wrapper .ui-state-disabled span.ui-icon{ display: none!important; }

.ui-datepicker-trigger { padding-left: 4px; }
/* this is on EMIS14 industry > Sources page */
#content-new .filter-by .ui-multiselect { margin: 0; }

.indu-title-2 .ui-multiselect-menu,
#sources-left .ui-multiselect-menu { 
    min-width: 200px !important;
    max-width: 200px !important;
    width: 200% !important; 
}
.customise-quick-links-dialog input[type="submit"] {
    height: 1.95em;
    padding: 0.2em 1.5em !important;
    background: #2197d1; 
}
/* end of jquery-ui custom css - was in style.css */
#mega-filter-wrapper .ui-multiselect { 
    width: 100% !important; 
    /*added by dani in EMIS-7580 */
}  
.dashbox-top .ui-multiselect { margin: 0 0 1em; }
/* at some point this should became ui-dialog, but without this widths, this widths should be added only on ECPR */
.ui-dialog-common { 
    min-width: 980px;
    max-width: 1280px;    
    font-size: 13px;     
}
.ui-dialog-common a { color: #00b2dd; }
.ui-dialog-common input[type="text"],
.ui-dialog-common button { 
    min-height: 25px;
    padding: 0.1em 1.615em 0.1em 0.5em;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-dialog-common .msb-search-top.div-input-search input[type="text"],
.ui-dialog-common .msb-search-top.div-input-search button,
.ui-dialog-common .pillar-list-items-widget .div-input-search input[type="text"],
.ui-dialog-common .pillar-list-items-widget .div-input-search button { padding: 0.1em 0.1em 0.1em 0.5em; }
.ui-dialog-common .msb-search-top.div-input-search button { height: 2.2em; }
.ui-dialog-common .pillar-list-items-widget .div-input-search button {
    height: 1.5em;
    min-height: 1.5em;
}
/* .ui-dialog-common select,
.ui-dialog-common input[type], */
.ui-dialog-common input[type=text],
.ui-dialog-common input[type=search],
.ui-dialog-common input[type=password],
.ui-dialog-common input[type=email],
.ui-dialog-common input[type=date],
.ui-dialog-common input[type=datetime-local],
.ui-dialog-common input[type=email],
.ui-dialog-common input[type=month],
.ui-dialog-common input[type=number],
.ui-dialog-common input[type=time],
.ui-dialog-common input[type=url],
.ui-dialog-common input[type=week],
.ui-dialog-common input[type=tel],
.ui-dialog-common textarea { 
    min-height: 25px;
    padding: 0.1em 1.615em 0.1em 0.5em;
    color: #728093;
    border: solid #dfe3e9 1px; 
    /* border: solid red 1px; */
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-dialog-common textarea { box-shadow: none; }
.ui-dialog-common button { }
.ui-dialog-common .ui-dialog-content {
    max-height: 521px !important;
    height: auto !important;
    overflow: auto !important;    
}
/* the exception below is for More periods pop up on Financial statements page, which breaks in Chrome only */
.ui-dialog-common.oy-h-i .ui-dialog-content { overflow-y: hidden !important; }
.ui-dialog-common .ui-widget-content { color: #5e5e5e; }
.ui-dialog-common .ui-widget-content a { color: #00b2dd; }
.ui-dialog-common .ui-widget-content .multiselectb-wrap .msb-left-link { color: #696969; }
.ui-dialog-common .ui-widget-content .multiselectb-wrap .msb-left-link:hover, 
.ui-dialog-common .ui-widget-content .multiselectb-wrap .msb-active { color: #0c0c0c; }
.ui-dialog-common .tools-sub-menu {
    left: auto;
    right: 0;
}
.ui-dialog-common .full-width-search { padding: 0.5em 0 0 0 !important; }

.ui-dialog .ui-button,
.ui-dialog input[type=button]{
    color: #fff;
    background: #00b2dd;
    border: 0;
    min-height: 24px;
    padding: .25em .7em;
}
.ui-dialog .ui-button:hover,
.ui-dialog input[type=button]:hover { background: #039abe; }
.ui-dialog .ui-button.ui-dialog-titlebar-close,
.ui-dialog .ui-button.ui-dialog-titlebar-close:hover { background: none; }

/* this written for popups in emis14 & addons: 1.add to alerts, 2.add to dashborad, 3.share link */
.ui-dialog-buttonset { padding: 10px; }
.ui-dialog-buttonset .ui-button:first-child { margin: 0 10px 0 0; }
.ui-dialog-buttonset .ui-button:last-child {
    font-weight: bold;
    color: #00b2dd;
    background: #fff;
} 
/* end of this written for popups in emis14 & addons: 1.add to alerts, 2.add to dashborad, 3.share link */

/* from the old theme, I think it's missing here 
.ui-button-text-only {
    margin: 1em;
    color: #00b2dd !important;
    border: solid #00b2dd 1px !important;
    background: #fff !important;
}
.ui-button-text-only.ui-state-hover,
.ui-button-text-only.ui-state-active {
    color: #fff !important;
    border: 1px solid #01a7cf !important;    
    background: #01a7cf !important;
}*/

/* new color for the buttons in ui-dialog */
.ui-dialog .btn-blue { background: #00b2dd; }
.ui-dialog .btn-blue:hover { background: #039abe; }
.ui-dialog .btn-clean:hover { background: none; }
/* end of new color for the buttons in ui-dialog */
/* added by dani below */
.ui-dialog label input[type="radio"] { vertical-align: text-bottom; }
.ui-dialog label { font-weight: normal; }
.ui-dialog .msb-content-right-bottom label { margin: 0; }