/*  ~/Extensions/Bootstrap.css
    
    Jenzabar extensions to the Boostrap framework.

    Index:
        Base HTML Elements
        Alerts
        Badges
        Buttons
        Checkbox
        Dropdown Menu
        Navbar
        Panel
        Panel Danger
        Panel Info
        Panel Info2
        Panel Success
        Panel Warning
        Popover
        Tables
        Text
        Trash Can
    
    */
/********************************
    Base HTML Elements
 ********************************/
a {
    color: #428bca;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #2a6496;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

iframe {
    border: none;
}



/********************************
    Alerts
 ********************************/
.alert-warning {
    border-color: #e1ddca;
    color: #ba5300;
    background-color: #fcf8e3;
    margin: 0;
}


.alert.alert-success {
	border-color: #c0e5b1;
}


.alert.alert-info {
	border-color: #c8dde7;
}


.alert.alert-warning {
	border-color: #e1ddca;
	color: #8a6d3b;
}


.alert.alert-danger {
	border-color: #e0caca;
}

.alert.alert-danger,
.alert.alert-warning,
.alert.alert-info,
.alert.alert-success {
	position: relative;
	padding: .8em .8em .8em 2.8em;
}

.alert.alert-danger .glyphicon,
.alert.alert-warning .glyphicon,
.alert.alert-info .glyphicon-info-sign,
.alert.alert-info .glyphicon.jzb-alert-badge,
.alert.alert-success .glyphicon {
	font-size: 1.7em;
	position: absolute;
	top: .35em;
	left: .35em;
}

.alert .btn {
	margin: .5em 0 0 .5em;
}


@media (max-width: 767px) {
    .alert.alert-danger, .alert.alert-warning, .alert.alert-info, .alert.alert-success {
		padding: .5em .5em .5em 3em;
		font-size: .9em;
	}
    .alert.alert-danger h4, .alert.alert-warning h4, .alert.alert-info h4, .alert.alert-success h4 {
		font-size: 1.3em;
		font-weight: bold;
		margin: 0 0 .3em 0;
		padding: 0;
	}
    .alert.jzb-setting-hint .glyphicon {
		font-size: 1.2em;
		top: .5em;
		left: .4em;
	}
}


/********************************
    Badges
 ********************************/
.badge-success {
    background-color: #62BD19;
    color: white;
}

.badge-warning {
    background-color: #CCE1F1;
    color: #434443;
}

.badge-warning2 {
    background-color: #0071E3;
    color: #FFFFFF;
}

.badge-warning3 {
    background-color: #E16132;
    color: white;
}

.badge-warning4 {
    background-color: #4294ca;
    color: white;
}

.badge-danger {
    background-color: #B94A48;
    color: white;
}

/********************************
    Buttons
 ********************************/
.btn-group {
    margin-left: 5px;
}

.footable-row-detail-row .btn-group.contact-party-box {
    margin-left: 0;
}

.btn-default .badge-warning {
    background-color: #CCE1F1;
    color: #434443;
}

/*Navigation buttons - Use this when we want to indicate some primary navigation */
.btn-navigation {
    color: #fff;
    background-color: #5c6368;
    border-color: #fff;
}

.btn-navigation:hover,
.btn-navigation:focus,
.btn-navigation:active,
.btn-navigation.active,
.open .dropdown-toggle.btn-navigation {
    color: #fff;
    background-color: #a09c95;
    border-color: #fff;
}

.btn-navigation:active,
.btn-navigation.active,
.open .dropdown-toggle.btn-navigation {
    background-image: none;
}

.btn-navigation.disabled,
.btn-navigation[disabled],
fieldset[disabled] .btn-navigation,
.btn-navigation.disabled:hover,
.btn-navigation[disabled]:hover,
fieldset[disabled] .btn-navigation:hover,
.btn-navigation.disabled:focus,
.btn-navigation[disabled]:focus,
fieldset[disabled] .btn-navigation:focus,
.btn-navigation.disabled:active,
.btn-navigation[disabled]:active,
fieldset[disabled] .btn-navigation:active,
.btn-navigation.disabled.active,
.btn-navigation[disabled].active,
fieldset[disabled] .btn-navigation.active {
    background-color: #a09c95;
    border-color: #a09c95;
}

.btn-navigation .caret {
    border-top-color: #fff;
}

.dropup .btn-navigation .caret {
    border-bottom-color: #fff;
}

.jzb-table-format2-title-dropdown {
    background: transparent none repeat scroll 0 0 !important;
    padding: 0.4em !important;
    border-right: 1px solid #d2d6db !important;
    border-radius: 0 0 0 0 !important;
}

.jzb-table-format2-title-dropdown:hover {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0 !important;
}

.jzb-table-format2-title-dropdown:active,
.jzb-table-format2-title-dropdown:focus,
.jzb-table-format2-title-dropdown:active:focus {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0 !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.jzb-table-format2-title-dropdown span:first-child {
    font-size: 18px !important;
}

.jzb-table-format2-title-dropdown span:last-child {
    font-size: 16px !important;
    margin: 0 0.2em 0.3em 0.2em;
}

.panel-heading.jzb-table-format2-title-dropdown-heading {
    padding: 0 0 0 0 !important;
    border-bottom: none !important;
}

.jzb-headerInput.jzb-table-format2-title-dropdown-heading {
    padding-top: .3em !important;
    padding-right: .4em !important;
}

@media (max-width:767px) {
    .jzb-table-format2-title-dropdown {
        border: none !important;
        border-bottom: 1px solid #d2d6db !important;
        width: 100% !important;
        margin: 0 0 0 0 !important;
    }

    .jzb-headerInput.jzb-table-format2-title-dropdown-heading {
        padding-right: .4em !important;
        padding-left: .4em !important;
    }

    .jzb-table-format2-title-dropdown span:first-child {
        float: left !important;
    }

    .jzb-table-format2-title-dropdown span:last-child {
        float: right !important;
        margin-top: .6em;
    }
}

/* Success buttons - Use this when we want to indicate to the user that when they click a button it will be a "big picture" accomplishment */
.btn-success {
    color: #ffffff;
    background-color: #62BD19;
    border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #dff0d8;
    border-color: #4cae4c;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

/* From jenzabar-alerts.css */
.btn-success {
	background-color: #4d8d2d;
	border-color: #3d7428;
}

.btn-success:hover,
.btn-success:active {
	background-color: #3d7428;
}

.btn-warning {
	background-color: #d88900;
	border-color: #a87111;
}

.btn-warning:hover,
.btn-warning:active {
	background-color: #a87111;
}

.btn-danger {
	background-color: #c62d24;
	border-color: #912822;
}

.btn-danger:hover,
.btn-danger:active {
	background-color: #912822;
}

.btn-primary-badge {
    background-color: #337AB7;
    border-color: #2E6DA4;
}


/********************************
    Checkbox
 ********************************/
.checkbox label.disabled {
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: not-allowed;
    color: lightgray;
}



/********************************
    Dropdown Menu
 ********************************/
.jzb-dropdown-align.dropdown-menu.pull-right {
    white-space:nowrap;
}
.jzb-dropdown-align.dropdown-menu.pull-right a {
    text-decoration: none;
    color: #000000;
}

@media(max-width: 1175px) {

    .jzb-dropdown-align.dropdown-menu.pull-right{
        width: 200%;       
    }

    .jzb-dropdown-align.dropdown-menu.pull-right > li {
        white-space: normal;
        word-wrap: normal;
        width: 100%;
    }

    .jzb-dropdown-align.dropdown-menu.pull-right > li > a {
        white-space: normal;
        word-wrap: normal;
        width: 100%;
    }

    .jzb-dropdown-align.dropdown-menu.pull-right > li > span {
        white-space: normal;
        word-wrap: normal;
        width: 100%;
    }
}
@media (max-width:767px) {
    .jzb-dropdown-align.dropdown-menu.pull-right {
        width: 150%;
    }

    .jzb-dropdown-align.dropdown-menu.pull-right > li {
        white-space: normal;
        word-wrap: normal;
        width: 100%;
    }

    .jzb-dropdown-align.dropdown-menu.pull-right > li > a {
        white-space: normal;
        word-wrap: normal;
        width: 100%;
    }

    .jzb-dropdown-align.dropdown-menu.pull-right > li > span {
        white-space: normal;
        word-wrap: normal;
        width: 100%;
    }
}
.jzb-dropdown-align-always.dropdown-menu {
    width: 100%;
}

.jzb-dropdown-align-always.dropdown-menu > li {
    white-space: normal;
    word-wrap: normal;
    width: 100%;
}

.jzb-dropdown-align-always.dropdown-menu > li > a {
    white-space: normal;
    word-wrap: normal;
    width: 100%;
}

.jzb-dropdown-align-always.dropdown-menu > li > span {
    white-space: normal;
    word-wrap: normal;
    width: 100%;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}



/********************************
    Navbar
 ********************************/
.navbar-default {
    background-color: #29426A;
    border-color: #94A0B4;
}

.navbar-default .navbar-brand {
    color: #94A0B4;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #94A0B4;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: white;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #94A0B4;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #94A0B4;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: white;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #94A0B4;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: white;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #cccccc;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e6e6e6;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #94A0B4;
    border-bottom-color: #94A0B4;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #94A0B4;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: white;
    border-bottom-color: white;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: white;
    border-bottom-color: white;
}

.navbar-default .navbar-link {
    color: #777777;
}

.navbar-default .navbar-link:hover {
    color: #333333;
}



/************************************
    Panel
 ************************************/
/* Originally below next section */
.panel {
    margin: 0 0 2em 0;
    padding: 0;
    border: 1px solid #d2d6db;
    box-shadow: none;
}

.panel .panel-heading {
    color: #fff;
    font-size: 1.3em;
    padding: .2em .4em;
    background: #a09c95;
}

.panel .panel-heading .block-header {
    color: #64696d;
    font-size: inherit;
}

/* Changes panel heading to white text */
.jzb-layout-home-index .panel .panel-heading .block-header,
.jzb-layout-home-index .block-header {
    color: #fff !important;
}

.panel .panel-heading .glyphicon {
    color: #d1d1d1;
    margin-right: .1em;
}

.panel .panel-heading .dropdown li .glyphicon {
    color: #000;
}

.panel-footer {
    padding: .4em;
    border: none;
}

/* next section */
.panel .jzb-has-error {
    border: 1px solid #e1ddca;
    border-radius: 5px;
}

.panel .jzb-has-error .help-block,
.panel .jzb-validation-group.jzb-group-has-error .help-block {
    border-radius: 5px;
}

@media (max-width: 767px) {
    .panel {
        margin-bottom: 1.2em;
    }

    .panel .jzb-has-error {
        border: none;
        border-bottom: 1px solid #e1ddca;
        border-top: 1px solid #e1ddca;
        border-radius: 0px;
    }

    .panel .jzb-has-error .help-block, .panel .jzb-validation-group.jzb-group-has-error .help-block {
        border-radius: 0px;
    }

    
}



/************************************
    Panel Danger
 ***********************************
   Alerts the user that something very serious is going on.
   Used in blocks and dashboards.  
 */
.panel-danger {
    border-color: #E3B6B6;
    background-color: #f2dede;
    color: #d30000;
}

.panel-danger > .panel-heading {
    color: #B94A48;
    background-color: white;
    border-color: none;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.panel-danger-not-center > .panel-heading {
    color: #B94A48;
    background-color: white;
    border-color: none;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #E3B6B6;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #E3B6B6;
}



/************************************
    Panel Info
 ************************************
    Used to as a low priority information display to the user.  
 */

.panel-info {
    border-color: white;
}

.panel-info > .panel-heading {
    color: #28416D;
    font-weight: bold;
    font-size: 16px;
    background-color: white;
    border-color: white;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #28416D;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #A9B3C4;
}



/************************************
    Panel Info2
 ************************************
    Used to as a low priority information display to the user.  
 */
.panel-info2 {
    border-color: white;
}

.panel-info2 > .panel-heading {
    color: #434443;
    font-weight: bold;
    font-size: 16px;
    background-color: white;
    border-color: white;
}

.panel-info2-muted > .panel-heading {
    color: #434443;
    font-weight: normal;
    font-size: 12px;
}

.panel-info2 > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #28416D;
}

.panel-info2 > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #A9B3C4;
}



/************************************
    Panel Success 
 ***********************************
   Alerts the user that something good has happened.
   Used in blocks and dashboards.  
 */

.panel-success {
    border-color: white;
    background-color: #dff0d8;
    color: #227600;

}

.panel-success > .panel-heading {
    color: #434443;
    background-color: white;
    border-bottom-color: #468847;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    font-weight: bold;
    font-size: 16px;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: white;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: white;
}



/************************************
    Panel Warning 
 ***********************************
   Alerts the user that something important is happening.
   Used in blocks and dashboards.  
 */
.panel-warning {
    border-color: #fbeed5;
    background-color: #fcf8e3;
    color: #ba5300;
}

.panel-warning > .panel-heading {
    color: #E16132;
    background-color: white;
    border-color: none;
    font-size: 16px;
}

.panel-warning-not-center > .panel-heading {
    color: #E16132;
    background-color: white;
    border-color: none;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #fbeed5;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #fbeed5;
}



/********************************
    Popover
 ********************************/
/* This is commented out just for reference. The calendar popover is just not appearing where we want
    in all situations. Using fixed made things worse in general.
*/
/*.popover.jzb-calendar-popover {
    position: fixed;
}*/

.center-popover {
    top: 23% !important;
    left: 33% !important;
    z-index: 1;
}

.right-popover {
    right: 15px !important;
    left: auto !important;
    top: calc(50% - 10em) !important;
    bottom: auto !important;
}

.popover.right .arrow,
.popover.left .arrow {
    border-left-color: #d6d5d5;
    border-right-color: #d6d5d5;
}

.popover.right .arrow:after,
.popover.left .arrow:after {
    border-left-color: #eceef1;
    border-right-color: #eceef1;
}

.popover.bottom .arrow {
    border-bottom-color: #d6d5d5;
}

.popover.bottom .arrow:after {
    border-bottom-color: #eceef1;
}

.popover.editable-container.editable-popup {
    background: none repeat scroll 0 0 #eceef1;
    border-color: #d6d5d5;
    padding: 0;
    z-index: 1049;
}

.popover.editable-container.editable-popup .editable-input {
    max-width: 40em;
    min-width: 25em;
}

.popover.editable-container.editable-popup .editable-input h4 {
    color: #000;
    font-size: 1.2em;
    margin: 0 0 0.7em;
    padding: 0;
}

.popover.editable-container.editable-popup .popover-content {
    /* font-size: 0.85em; -- This was causing issues with xaddress validation popover */
    min-width: 20em;
    /* padding: 0.8em; -- This was causing issues with xaddress validation popover */
}

.popover.editable-container.editable-popup .popover-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.popover.editable-container.editable-popup .popover-content ul li {
    margin: 0 0 0.3em;
    padding: 0;
}

.popover.editable-container.editable-popup .popover-content ul li .jzb-editable-popup-subitems {
    margin-left: 2em;
}

.popover.editable-container.editable-popup .popover-content ul li .jzb-editable-popup-subitems ul li {
    margin-bottom: 1em;
}

.popover.editable-container.editable-popup .popover-content ul label {
    cursor: pointer;
}

.popover.editable-container.editable-popup .popover-content ul input:disabled + label {
    cursor: auto;
}

.popover.editable-container.editable-popup .popover-content .jzb-editableinput-col {
    display: inline-block;
    float: left;
    margin-bottom: 0.5em;
    width: 48%;
}

.popover.editable-container.editable-popup .popover-content hr {
    border-color: #b6b6b6;
    clear: both;
    margin: 1em 0;
    padding: 0;
}

.popover.editable-container.editable-popup .form-group {
    margin-left: 0;
    margin-right: 0;
}

.popover-display-content {
    background: none repeat scroll 0 0 #eceef1;
    border-color: #d6d5d5;
    padding: 0;
}

.popover-display-content hr {
    border-top: 1px solid #ddd;
    margin: .5em 1em .5em 1em;
}

.popover-display-content .glyphicon-trash:hover {
    color: #e29128;
}

.popover-display-content .DeleteMeeting:hover {
    color: #e29128;
}

@media (max-width: 767px) {
    .popover.editable-container.editable-popup .editable-input {
        max-width: none;
        min-width: 10em;
    }

    .popover.editable-container.editable-popup .editable-input h4 {
        font-size: 1.5em;
    }

    .popover.editable-container.editable-popup .popover-content ul li {
        font-size: 1.2em;
        margin: 0 0 0.8em;
    }

    .popover.editable-container.editable-popup .popover-content ul li .jzb-editable-popup-subitems ul li {
        font-size: 1em;
    }

    .popover.editable-container.editable-popup .popover-content .jzb-editableinput-col {
        float: none;
        margin-bottom: 0;
        width: 100%;
    }

    .popover.editable-container.editable-popup .popover-content .jzb-editableinput-col ul.jzb-checkbox-toggle {
        margin-left: 2em;
    }

    .popover.editable-container.editable-popup .popover-content .form-control.ui-timepicker-input {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    /*form input[type="radio"] + label span {
        height: 1.25em;
    }*/

    .editable-buttons .btn {
        font-size: 1.4em;
    }

    /* Hide the popover arrow on mobile calendar. */
    .jzb-calendar-popover .arrow {
        display: none;
    }
}

@media (max-width: 592px) {
    .center-popover {
        top: 27% !important;
        left: 23% !important;
        z-index: 1;
    }
}

@media (max-width: 480px) {
    .center-popover {
        top: 33% !important;
        left: 15% !important;
        z-index: 1;
    }
}

@media (max-width: 430px) {
    .center-popover {
        top: 28% !important;
        left: 10% !important;
        z-index: 1;
    }
}

@media (max-width: 410px) {
    .center-popover {
        top: 28% !important;
        left: 5% !important;
        z-index: 1;
    }
}

@media (max-width: 390px) {
    .center-popover {
        top: 20% !important;
        left: 0% !important;
        z-index: 1;
    }
}



/********************************
    Tables
 ********************************/
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: none;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}



/********************************
    Text 
 ********************************/
.text-muted {
    color: #767676;
}

.text-success {
    color: #268100;
}

.text-warning {
    color: #c25700;
}

.text-danger {
    color: #d30000;
}



/********************************
    Trash Can
 ********************************/

@media (max-width: 767px) {
    .glyphicon.glyphicon-trash {
        font-size: 1.5em;
    }
    .glyphicon.jzb-glyph-glyphicon-reassign {
        font-size: 1.5em;
    }
}


/********************************
    Glyphicon Size
 ********************************/
h4.modal-title > .glyphicon {
    font-size: 1.5em;    
}