﻿
.showOnMobile {
    display:none;
}
.tablesorter-blue{ /*theme.blue.css override*/
        margin: 0px;
    }

.bold 
{
    font-weight:bold;
}

#meetingBody header 
{
    height:35px;
    line-height:28px;
}

#meetingBody header span:nth-of-type(1) {
    font-size: 15px;
    float: left;
}

#meetingBody  header span:nth-of-type(2) {
    float:right;
}
#meetingBody header .button
{
    float:none;
}

#meetingBody header .button:disabled
{
    border: 1px solid #6ba7cb;
}

#meetingFilters 
{
    margin: 10px 0px;
}

#meetingBody 
{
    margin: 10px 0px;
}

#meetingBody .noResults {
    text-align:center;
    padding-top:5px;
    }

#searchArea, #BodyFilters 
{
    margin-left: 5px;
    margin-right: 5px;
}

#BodyFilters #bodyFiltersList a
{
    background-color: #d9e9f2;
    padding-left:5px;
    padding-right:5px;
    margin-left:0px;
    margin-right:5px;
}

#BodyFilters #bodyFiltersList a:hover
{
    text-decoration: underline;
}

#meetingPager {
    margin-top:10px;
    margin-bottom:10px;
}

#meetingPager select {
    width: 70px;
}

    #searchArea div 
    {
        clear:both;
        padding-top:5px;
        padding-bottom:5px;
    }

    #searchArea .searchBox 
    {
        width: 40%;
        float:left;
    }

    #searchArea .button 
    {
        float: left;
        margin-left: 5px;
    }


@media only screen and (min-width: 769px) {
    #meetingFilters
     {
        width: 0%;
        float: left;
    }

    #meetingBody 
    {
        width: 75%;
        float: right;
    }

    .mobileFilterLink {
        display:none;
    }

}

@media only screen and (max-width: 768px) {
    #meetingFilters
     {
        display:none
    }

    #meetingBody 
    {
        width:100%;   
    }

}

@media only screen and (max-width: 640px) {
    .well header {
		padding: 5px 10px;
		background-color:#ffffff;
		color:#222222;
        border-bottom: 1px dotted #cccccc;
	
	}
    .well header {
        border-top: 5px solid #01A6E6;
    }
    #details span {
        float:left !important;
    }

    input[type="checkbox"] {
        -ms-transform: scale(2.5); /* IE */
        -moz-transform: scale(2.5); /* FF */
        -webkit-transform: scale(2.5); /* Safari and Chrome */
        -o-transform: scale(2.5); /* Opera */
        margin-top:10px;
        margin-left: 20px;
        /*width:100%;*/
    }

    .tablesorter input[type="checkbox"]
    {
        margin-left:30%;
    }

    .hideOnMobile {
        display:none;
    }

    .showOnMobile {
        display:block;
        font-size:13px;
    }

    .greyOnMobile {
        font-size:13px;
        color:#717171;
    }

    .mobileDate {
        font-size:14px;
    }

    .titleOnMobile {
        font-size:16px;
        font-weight:normal;
    }
}

/*#region Facets */

.CesFacet {
    font-family: Trebuchet MS, Serif;
    margin: 6px 3px 5px 3px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 1px #E6E6E6;
    border-radius: 5px;
    width: 210px;
    color: #404048;
    border-style: Solid;
    border-width: 1px;
    border-color: #c0c0c0;
}

.CesFacetBackground {
    background: -webkit-gradient (linear, left top, left bottom, from(#fdfdfd), to(#f8f8f8));
    background-color: #fafafa;
}

.CesFacetBackground_WithSelections {
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f8f8f8));
    background-color: #fafafa;
}

.CesFacetHeader {
    font-family: Trebuchet MS, Serif;
    font-size: 13px;
    font-weight: bold;
    color: White;
    background-color: #01a6e6;
    padding: 6px 5px 3px 5px;
}

.CesFacetBody {
    font-size: 13px;
    padding:10px;
}

.CesFacetItemList {
    padding-top: 2px;
    padding-bottom: 3px;
}

#facetDateRange select{
    width:75%;
    max-width: 274px;
}

#facetDateRange input[type="text"] {
        max-width: 274px;

}

/*Checkbox*/

.CesFacetLineCheckBox {
    float: left;
    display: inline-block;
    margin-top: 1px;
    margin-right: 7px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
}

/*Unchecked Items*/

.CesFacetNormalLine_NotChecked .CesFacetLineText {
    color: #3D8EC7;
}

.CesFacetNormalLine_NotChecked .CesFacetLineEllipsis {
    color: #3d8ec7;
}

.CesFacetNormalLine_NotChecked_Hovered .CesFacetLineText {
    text-decoration: underline;
}

.CesFacetNormalLine_NotChecked .CesFacetLineCount {
    color: #222222;
}

/*Checked Items*/

.CesFacetNormalLine_Checked .CesFacetLineText {
    color: #3D8EC7;
    font-weight: bold;
}

.CesFacetNormalLine_Checked .CesFacetLineEllipsis {
    color: #3d8ec7;
}

.CesFacetNormalLine_Checked_Hovered .CesFacetLineText {
    text-decoration: underline;
}

.CesFacetNormalLine_Checked .CesFacetLineCount {
    color: #222222;
}

.CesFacetLineText, .ModalFacetLineText, .mobileFacetLineText {
    cursor:pointer;
    color: #3D8EC7;

}

/*#endregion */

/*#region Tabs Override */
#tabsPlaceHolder ul {
    display:none;
}
#tabs-left { 
    /*position: relative; 
    padding-left: 6.5em;*/ 
}
.ui-tabs-nav {
    border:none;
}
#tabs-left .ui-tabs-nav {
    float:left; 
    width: 150px; 
    background:#f1f1f1;
    height:435px;
} 

.ui-tabs .ui-tabs-nav li {
        width:100%;
height: 40px;
Background-color: #EAEAEA;
Border-top: 1px solid #aaaaaa; 
Border-bottom: 1px solid #aaaaaa;
Color: #222222;
    padding:8px;
    border-left:none;
    border-right:none;
}

    .ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
        text-align:left;
        width:100%;
        height:40px;
    }

.ui-tabs .ui-tabs-nav li.ui-tabs-active{
    margin: 0px;
    }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor {
    padding-left:5px;
}
.ui-tabs .ui-tabs-nav li a {
    font-size: 13px;
}

.ui-dialog {
    border:1px solid #aaaaaa;
}

.ui-dialog .ui-dialog-titlebar {
    height: 50px;
    Border-bottom :  1px solid #aaaaaa;
    padding: 0px;
    padding-left:10px;
    background-color: #ffffff
}

.ui-dialog .ui-dialog-title {
    font-size: 1.8em;
    color: #eb6e23;
    position:absolute;
    top:25%;
}

.ui-dialog .ui-dialog-content {
    background-color:  #FFFFFF;
    padding: 0px;
}


.ui-dialog .ui-dialog-buttonpane {
        margin-top:0px;
        background-color:#ffffff;
    }

.ui-dialog .ui-resizable-se {
        height:0px;
    }

.ui-dialog .ui-dialog-buttonpane .ui-button-text {
    display:block;
    }

.ui-dialog-content .ui-widget-content {
    border: none;
}

.ui-tabs .ui-tabs-panel {
    padding:0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-left: 5px solid #01A6E6;
    border-top:none !important;
    border-right: 1px solid transparent;
    padding-top:8px;
    Background-color: #ffffff;
}

.no-close .ui-dialog-titlebar-close{
        display:none;
}

.ModalFacetBackground {
    float:left;
    padding:15px;
    width:75%;

}
.ModalFacetHeaderLabel{
    font-weight:bold;
    width:100%;
}

.ModalFacetBody {
    padding-bottom:15px;
}

.ModalFacetNormalLine{
    padding-top:3px;
    padding-bottom: 3px;
}

.ModalFacetItemList div:nth-child(odd) {
    float:left;
    width:50%;
}
.ModalFacetItemList div:nth-child(even) {
    float:right;
    width:50%;
}

.ui-tabs-anchor:focus { outline:none !important}


/*#endregion */

/*#region Sticky Header override */
.well header {
    z-index: 2;
    padding-right: 4px;
    padding-left: 4px;
}
.is-sticky header
{
    zoom:1; /* This enables hasLayout, which is required for older IE browsers */
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3); /*See more at: http://www.splashdust.net/2010/05/ie-hack-css-dropshadow/#sthash.P1cGzFe7.dpuf*/
    -moz-box-shadow: 0px 10px 10px #888;
    -webkit-box-shadow: 0px 10px 10px #888;
    /* box-shadow: 0px 10px 10px #888; */
    box-shadow:  0px 10px 20px 0px rgba(0,0,0,0.2), inset 0px -2px 3px 0px rgba(0,0,0,0.2), inset 0px 2px 3px 0px rgba(0,0,0,0.2);
    border-collapse: separate;
}
/*#endregion */

/*#region Animiate Boxes */

.animateSuccess {
    padding:30px 30px 30px 60px;
    position:absolute;
    height:50px;
    width:200px;
    background-color:#8BBB43;
    z-index:1;
    top:160px;
    left:-40px;
    text-align:center;
    opacity:.95;
}

.animateSuccess span{
    position:relative;
    color:#ffffff;
    top:20%
}

/*#endregion */

/*#region Mobile Facets */
#meetingFiltersMobile {
    z-index:100;
    background:#FFFFFF;
    float:left;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:visible;
}

.filtersMobileHeader {
    background-color:#01A6E6;
}

.filtersMobileHeader .button2{
    margin-left: 15px;
    padding:5px;
}

.filtersMobileSubHeader {
    background: #ffffff;
    padding-bottom: 10px;
}

#mobileFilterSelect ul {
    padding:0px;
    margin-left:15px;
    margin-right:15px;
    margin-top:0px;
    margin-bottom:0px;
}

#mobileFilterSelect li {
    list-style-type: none !important;
    border-bottom:1px solid #cccccc;
}

#mobileFilterSelect li:last-child {
    border-bottom:none;
}
   
#mobileFilterSelect a {
    display: block;
    padding-bottom:10px; 
    margin:0;
}
    #mobileFilterSelect li a:hover {
        text-decoration:none;       
    }

#mobileFilterSelect li img{
    float:right;
    margin-top:13px;
}

#mobileFilterSelect1 ul {
    padding:0px;
    margin-left:15px;
    margin-right:15px;
    margin-top:0px;
    margin-bottom:0px;
}

#mobileFilterSelect1 li {
    list-style-type: none !important;
    border-bottom:1px solid #cccccc;
}

#mobileFilterSelect1 li:last-child {
    border-bottom:none;
}
   
#mobileFilterSelect1 a {
    display: block;
    padding-bottom:10px; 
    margin:0;
}
    #mobileFilterSelect1 li a:hover {
        text-decoration:none;
    }

#mobileFilterSelect1 li img{
    float:right;
    margin-top:13px;
}

.selectionNotation {
    font-size:13px;
    font-style: italic;
    color:#959595;
}
.mobileFacetHeaderLabel {
    color:#3D8EC7;
}
.mobileFacetNormalLine {
    margin-top:10px;
    margin-bottom:10px;
    display: table;
    vertical-align: middle;
}

.mobileFacetLineText {
    padding-left:15px;
    display: table-cell;
    color: black;
    font-size: 14px;
}

.button2 {
    font-size:15px;
    margin-top:10px;
    margin-bottom:10px;
    background-color:rgba(255,255,255,0.5);
    zoom:1;
    border-style:none;
    border-width:thin;
    border-radius: 5px;
    color:#FFFFFF
}

.button2:hover {
            background-color:rgba(255,255,255,0.75);

    }

#meetingFiltersMobile .ui-accordion {
    background:none;
    border-bottom:1px solid #cccccc;
    margin-left:10px;
    margin-right:10px;
}

#meetingFiltersMobile .ui-accordion:last-child {
    border-bottom:none;
}

#meetingFiltersMobile .ui-accordion .ui-accordion-content {
    /*overflow:visible;*/
    height:100% !important;
}

#meetingFiltersMobile .ui-accordion .ui-accordion-header.ui-state-active {
    background-color:#FFFFFF
}

#meetingFiltersMobile .ui-widget-content {
    border: none;
}

#meetingFiltersMobile .ui-accordion .ui-accordion-content input[type="checkbox"] {
        width:20px;
}

#meetingFiltersMobile .ui-accordion .ui-accordion-header:hover {
    background-color:#FFFFFF;
}


 #loader {
    position: relative;
    z-index: 8888;
       
    }
    #loader-anim {
    position: absolute;
    z-index: 9999;
    width:100%;
    height:200px;
    background-image: url(/assets/images/issuetracking/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.opaque {
    opacity:0.5;
}

/* manage my meetings and subscriptions buttons */
.ui-dialog button[type="button"] {
    float: right;
    font-family: Trebuchet MS, Arial;
    font-size: 1.0em !important;
    border: 1px solid #6ba7cb;
    border-radius: 5px;
    background: #cadfed; /* no more gradients for any browser */
    color: #11416d;
    padding: 5px 15px;
	margin-right: 8px;
    font-weight: bold;
    width:auto !important;
}

.ui-dialog button[type="button"]:hover {
    border: 1px solid #4d7192;
}

.ui-dialog button[type="button"]:disabled {
color: darkgray;
}
/*#endregion */
