body {
    padding-top: 120px;
    padding-bottom: 90px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.TextEditable {
    line-height: 20px;
    font-family: Tahoma;
    font-size: 11px;
}

.navbar-fixed-bottom {
    background-color: white;
}

/* Popover styles */

.popover-header {
    padding: 8px 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.popover-title {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    font-weight: bold;
}

.popover.fade.top.in {
    z-index: 1010;
}

.example-popovers {
    padding: 30px 0;
}

.acenter {
    text-align: center;
    margin: 30px 0;
}


/* New Modal Styles */

.center {
    margin-top: 50px;
}

.modal-header {
    padding-bottom: 5px;
}

.modal-footer {
    padding: 5px;
}

    .modal-footer .btn-group button {
        height: 40px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        border-right: 1px solid #ddd;
    }

    .modal-footer .btn-group:last-child > button {
        border-right: 0;
    }


/* Collapsible Table  icon*/



.chevron:after {
    content: "\f078";
}

.collapsed .chevron:after {
    content: "\f054";
}




/* TR TD Tables borders */

.bottomBorderOnly {
    border-bottom: 0px solid !important;
}

.TopBorderOnly {
    border-top: 0px solid !important;
}

/* Floating get to Top button */

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 100px; /* padding from the left side of the window */
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 80px; /* height of link element */
    right: 60px; /* padding from the left side of the window */
}


/* Pull-left right IMPORTANT */
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}





@media (min-width: 768px) {
    .navbar-nav {
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}



.login {
    background: #34718D;
    color: white;
}

    .login a {
        color: #bad6ad;
    }

.logos {
    background: #185876;
}

.logo_r {
    display: inline;
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: #bad6ad;
        border-color: none;
    }

    .navbar-default {
        font-size: 12px;
        font-family: tahoma;
        text-transform: uppercase;
    }

        .navbar-default li li {
            font-size: 11px;
            text-transform: none;
        }

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

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

    .navbar-nav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.alsdropdown-menu {
    background-color: #34718d;
    border: none;
    padding: 0;
}

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

.alsdropdown-menu > li > a {
    color: white;
    text-decoration: none;
}

    .alsdropdown-menu > li > a:hover,
    .alsdropdown-menu > li > a:focus {
        color: white;
        text-decoration: none;
        background-color: #bad6ad;
    }






/*New menu styles ENDS here -------------*/






/*Hidden picker Color */
.hidden-picker-color {
    position: absolute;
    left: -9999px;
    top: -9999px;
}




a,  u  {
    text-decoration: none !important;
}


/*Fix spaces in forms*/
input {
    padding: 10px;
    margin: 0 0 10px 0;
}


.input-group-sm {
    padding-top: 5px !important;
}


/*Fix Scroll on Modal*/

.modal-open, .modal-open .navbar-fixed-top {
    margin-right: 0 !important;
}


.table thead > tr > th {
    border-bottom: 0 !important;
}

/* Forcing the hand pointer in Full Calendar Events */
.fc-event * {
    cursor: pointer;
}


/*Add same .fc-event font size for predefined events on resource calendar*/

.Event-FontSize {
    line-height: 1.3;
    border-radius: 3px;
    font-size: .85em;
    font-weight: normal; /* undo jqui's ui-widget-header bold */
}




/*Styles dynamic forms Add an email on Panel Customize email text */

.entry:not(:first-of-type) {
    margin-top: 10px;
}

.glyphicon {
    font-size: 12px;
}

/*Styles form height & width on Add an email on Panel Customize email text */


.textarea-fixed-heightCustomizeSbj {
    width: 100%;
    height: 35px !important;
    resize: none;
    max-width: none;
}

.textarea-fixed-heightCustomizeCC {
    width: 100%;
    resize: vertical;
    max-width: initial;
}

.textarea-fixed-heightCustomizeBody {
    width: 100%;
    height: 180px !important;
    resize: none;
    max-width: none;
}


.popover {
    z-index: 1050;
}



/*Styles for bonsai-tree  */


.bonsai,
.bonsai li {
    font-size: small !important;
}

.bonsai,
label {
    font-weight: normal !important;
    word-wrap: break-word !important;
    display: inline !important;
}


li.has-children > /*apply to label that is inside a li and has a children. Works only on Recents Browsers */
label {
    font-weight: bold !important;
    padding: 2px;
}



/*Styles for tags on Resources Calendar */

.tag {
    font-size: 12px;
    padding: .4em .6em .6em;
    margin: 0 .1em;
}

    .tag a {
        color: #bbb;
        cursor: pointer;
        opacity: 0.6;
    }

        .tag a:hover {
            opacity: 1.0;
        }

    .tag .remove {
        vertical-align: bottom;
        top: 0;
    }

    .tag a {
        margin: 0 0 0 .3em;
    }

        .tag a .glyphicon-white {
            color: #fff;
            margin-bottom: 2px;
        }

.firstCalendar .fc-center {
    padding-left: 195px;
}


/* Floating buttons*/

.float-toolbar {
    position: fixed;
    left: 0;
    right: -35px;
    bottom: 65px;
    z-index: 1030;
    display: none;
}




/* ResourcesList responsive*/
@media only screen {
    .LeftTabContainer {
        max-height: 43vh;
        overflow-y: auto;
        padding: 8px;
    }

    .ResourceList {
        max-height: 33vh;
    }
}

@media only screen and (min-height : 769px) {
    .LeftTabContainer {
        max-height: 50vh;
        overflow-y: auto;
        padding: 8px;
    }

    .ResourceList {
        max-height: 45vh;
    }
}

@media only screen and (min-height : 901px) {
    .LeftTabContainer {
        max-height: 60vh;
        overflow-y: auto;
        padding: 8px;
    }

    .ResourceList {
        max-height: 54vh;
    }
}

@media only screen and (min-height : 1601px) {
    .LeftTabContainer {
        max-height: 77vh;
        overflow-y: auto;
        padding: 8px;
    }

    .ResourceList {
        max-height: 73vh;
    }
}

/* input export calendar to ICS modal */
.inputModalExport {
    max-width: 90% !important;
    display: inline !important;
    width: 90% !important;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

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