/* 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;
}

@media (min-width: 1200px) {
    .container {
        width: 90%;
    }
}

/* Hide href when printing
*/
@media print {
    a[href]:after {
        content: none !important;
    }
}

/* BEGIN make sure the buttons-group have some space between buttons */

.blocks .btn {
    border-radius: 4px;
    margin-right: 5px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    /*margin-bottom: 3px;*/
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
    /*margin-bottom: 3px;*/
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.blocks {
    border-spacing: 5px;
}

/* END make sure the buttons-group have some space between buttons */

/*
    Dropdown margin
*/

.dropdown ul {
    margin-bottom: 10.5px;
}

.sm-ellipsis {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
    -o-text-overflow: ellipsis; /** Opera 9 & 10 **/
    /*width: 370px;*/ /* note that this width will have to be smaller to see the effect */
}

/* BEGIN remove border-bottom in page-header when displayed in a dialog */

#dialog-edit .page-header {
    border-bottom: hidden;
}
/* END remove border-bottom in page-header when displayed in a dialog */

/* BEGIN  Adjust the submenu in horizontal position and adapt it for a responsive view*/

.navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-brand {
    text-decoration: none;
}

.secondary-menu {
    background-color: #fff;
}

    .secondary-menu .row.btn-group.blocks {
        right: 30px;
    }

.e-dialog .page-header {
    position: inherit;
}

.e-dialog .secondary-menu {
    margin-bottom: 5px;
}

    .e-dialog .secondary-menu .row.btn-group.blocks {
        right: 0px;
    }

.secondary-menu .btn-toolbar.pull-right {
    margin-left: 25px;
}

.page-header h2 {
    font-size: 30px;
}

.page-header h3 {
    font-size: 26px;
}

/* multi-column closable validation summary*/
.alert > div[data-valmsg-summary] > ul {
    -ms-columns: 2;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
}

.validation-summary-errors ul li {
    white-space: pre-wrap;
}

.closable-exception-details ul li {
    white-space: pre-wrap;
}

/******* END - NAV * SECONDARY-MENU * PAGE-HEADER  ********/

/************************** CARDS ************************/

/* BEGIN collapsible/fullscreen toggle cards style */

/* symbol for "collapsed" cards */
a[aria-expanded=true] .glyphicon-chevron-right {
    display: none;
}
/* symbol for "opening" cards */
a[aria-expanded=false] .glyphicon-chevron-down {
    display: none;
}
/* END collapsible/fullscreen toggle cards style */

/* BEGIN card actions / fullscreen */

.card-title {
    max-width: 90%;
    margin-bottom: inherit;
}

    .card-title a {
        color: inherit;
        text-decoration: none;
    }

.panel-actions a {
    color: inherit;
}

.panel-actions {
    margin-top: -22px;
    margin-bottom: 0px;
    text-align: right;
    font-size: 15px;
}

.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}

/* END card actions / fullscreen */

/* custom class to make sure AutoComplete are allowed to overflow. add this class to a card containing AutoComplete */

.panel-body-overflow.in {
    overflow: visible;
}

/* END collapsible cards style */

/********************** END CARDS ****************/

/********************** TABS *********************/

.tab-content > .tab-pane {
    padding-top: 10px;
}

.panel-group .panel {
    margin-bottom: 8px;
}

/****************** END TABS ****************/

/*************** MISC STUFF ****************/

.vertical-align {
    display: flex;
    align-items: center;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
}

.td-wrap {
    word-wrap: break-word;
    max-width: 300px;
}

.actions-td .btn {
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 3px;
    margin-top: -1px;
    vertical-align: unset;
}

.actions-td ul {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/*************** END MISC STUFF *************/

/*************** AJAX LOADER ***************/
.ajaxLoader {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #666666;
    opacity: .8;
    filter: alpha(opacity=70);
    z-index: 9999;
    overflow: auto;
}

    .ajaxLoader span {
        outline-style: none;
        color: white;
        font-size: 24px;
        outline-width: 0;
    }

    .ajaxLoader div {
        position: absolute;
        top: 35%;
        left: 44%;
    }

    .ajaxLoader p {
        color: white;
        outline-width: 0;
        padding-bottom: 10px;
        font-size: 16px;
    }

/*************** END AJAX LOADER *************/

/**************** ICON SPIN *****************/
.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    -moz-animation: spin 1000ms infinite linear;
    -o-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/******************** END ICON SPIN **************************/

/********************* INPUTS ****************************/
/* BEGIN some form-inline styling customizations */

.form-inline > .form-group {
    margin-right: 5px;
}

    .form-inline > .form-group > .col-form-label {
        margin-right: 5px;
    }

.row > .form-inline:only-child {
    margin-bottom: 10px;
}

.card-body > .form-inline:only-child {
    margin-bottom: inherit;
}

.col-form-label, .form-check-label {
    font-weight: 700;
}

.form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    align-items: center;
    margin-bottom: 0;
}

/********************* INPUTS ****************************/
/* BEGIN placeholder styling customizations for select first option */
select,
select option {
    color: #4a4d4d;
}

.first-option-placeholder > option:first-child {
    color: #acb6c0;
    font-style: italic;
}

/* END placeholder styling customizations */

/* BEGIN change checkbox and radio buttons default height */

input[type="checkbox"]:not(.form-check-input),
input[type="radio"] {
    height: 13px;
    margin-top: 13px;
}

.form-check-box {
    margin-top: 11px;
}
/* END change checkbox and radio buttons default height */

/* BEGIN align label on left by default if screen is small */
@media (min-width: 100px) and (max-width: 600px) {
    .form-group > .col-form-label, .form-check-label {
        text-align: inherit !important;
    }
}

/* END align label on left by default if screen is small */

/* BEGIN change p height : when under .form-control-plaintext should have no height */

/*.form-control-plaintext > p {
    height: 0;
}*/
/* END change p height : when under .form-control-plaintext should have no height */

/* BEGIN required fields will display an asterisk */

.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    margin-left: 8px;
}

/* END required fields will display an asterisk */

.Hidden {
    display: none;
}

/********************* GLYPHICON *************************/
/* BEGIN glyphicon size */

.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}
/* END glyphicon size */

/********************* SYNCFUSION *************************/

.form-inline > .e-datewidget {
    display: inline-flex;
}

/********************* END SYNCFUSION *********************/

/* BEGIN Editable controls in table customizations */

td > select {
    height: 24px;
}

td > .e-widget {
    height: 24px;
}

/* END Editable controls in table customizations */

/********************* FOOTER *************************/

.footer {
    border-color: transparent;
    margin: 0;
}

    .footer .navbar-text {
        font-size: 0.7rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
/********************* LOGIN PAGE *************************/
.loginTitle {
    text-align: center;
}

.login {
    width: 550px;
    margin: 0 auto;
}

    .login .loginPanel {
        border: 1px solid rgb(195, 194, 189);
        border-radius: 5px;
        padding: 15px 25px;
    }

    .login .col-form-label {
        text-align: left;
        padding-left: 20px;
    }

    .login label {
        padding-left: 0px;
    }

@media (max-width: 455px) {
    .login {
        width: auto;
    }
}

/********************* TOOLTIPS *************************/

.tooltip {
    overflow: auto;
}

.tooltip-inner {
    max-width: 350px;
}