body {
    /* Margin bottom by footer height */
    padding-bottom: 60px;
}

.dropdown-menu > li > a.wrap-dropdown-item-text {
    white-space: normal;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.margin-top1 {
    margin-top: 1%;
}

.margin-top2px {
    margin-top: 2px;
}

.margin-bottom10px {
    margin-bottom: 10px;
}

.margin-left5px {
    margin-left: 5px;
}

.min-width200px {
    min-width: 200px;
}

@media (min-width: 768px) {
    .form-inline .form-group input.inline-form-sm-input-long {
        width: 270px;
    }
    
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
}

@media (min-width: 1200px) {
    .margin-lg-top15px {
        margin-top: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .margin-md-top15px {
        margin-top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .margin-sm-top15px {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px){
    
    /*
        This was added for the form designer but breaks 
        Menu ......
        .dropdown-menu{
        display: block;
        position: static;
        background-color:transparent;
        border:0 none;
        box-shadow:none;
        margin-top:0px;
        position:static;
        width:100%;
    }*/

    .navbar-nav .dropdown-menu > li > a, 
    .navbar-nav .dropdown-menu .dropdown-header {
        padding:5px 15px 5px 35px;
    }
    .navbar-nav .dropdown-menu > li > a{
        line-height:20px;
    }

     a.dropdown-toggle .caret {
        display: none;
    }  
}

ul.dropdown-menu {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .form-inline > div.form-group {
        margin-right: 10px;
    }
}

@media (min-width: 768px) {
    .form-group > select.compareOperator {
        padding-left: 0;
        padding-right: 0;
    }
}

.visible-xxs {
    display: none !important;
}

@media (max-width: 320px) {
    .visible-xxs {
        display: block !important;
    }

    .hidden-xxs {
        display: none !important;
    }
}

div.displayNone{
    display: none;
}

/* Responsive Text alignment from https://github.com/twbs/bootstrap/issues/11292 */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }
}

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid;
}

/* from https://github.com/Augus/ngAnimate/ */

.toggle {
    -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* easeOutQuad */
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* easeOutQuad */
}

    .toggle.ng-enter {
        opacity: 0;
        -moz-transition-duration: 250ms;
        -o-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-duration: 250ms;
    }

    .toggle.ng-enter-active {
        opacity: 1;
    }

    .toggle.ng-leave {
        opacity: 1;
        -moz-transition-duration: 250ms;
        -o-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-duration: 250ms;
    }

    .toggle.ng-leave-active {
        opacity: 0;
    }

    .toggle.ng-hide-add {
        -moz-transition-duration: 250ms;
        -o-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-duration: 250ms;
        opacity: 1;
    }

        .toggle.ng-hide-add.ng-hide-add-active {
            opacity: 0;
        }

    .toggle.ng-hide-remove {
        -moz-transition-duration: 250ms;
        -o-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-duration: 250ms;
        display: block !important;
        opacity: 0;
    }

        .toggle.ng-hide-remove.ng-hide-remove-active {
            opacity: 1;
        }

/* notification animation */

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

    .animate-repeat.ng-leave.ng-leave-active,
    .animate-repeat.ng-move,
    .animate-repeat.ng-enter {
        height: 0;
        opacity: 0;
    }

        .animate-repeat.ng-leave,
        .animate-repeat.ng-move.ng-move-active,
        .animate-repeat.ng-enter.ng-enter-active {
            height: 100%;
            opacity: 1;
        }


/* Resolution To CAS-73156-N1Q5Q1 */
.text-align-to-bottom-of-row {
    font-size: 0;
}
.text-align-to-bottom-of-row > * {
    float: none;
    display: inline-block;
    font-size: 14px; /* if using LESS it's quicker to just use @font-size-base */
}
.text-align-to-bottom-of-row > *:last-child {
    vertical-align: bottom;
}
.text-align-to-bottom-of-row p:last-child {
    margin-bottom: 0;
}