﻿[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide, .ng-show {
    display: none !important;
}

input[type='text'] {
    text-transform: uppercase
}

.loading {
    /*color: #438eb9 !important;
    border: 2px solid #438eb9 !important;
    background: #ffffff;
    text-align: center;
    font-weight: bold !important;
    z-index: 1000;
    height: 80px !important;
    font-size: 20px !important;
    width: 200px !important;
    position: fixed !important;
    left: 50% !important;
    top: 40% !important;
    margin: -25px 0 0 -25px !important;
    padding-top: 20px !important;*/
    display: none !important;
}

.loader {
    text-align: center;
    vertical-align: middle;
    z-index: 1000;
    background: none;
    border: none
}
#loading, #loading-login {
    /*border: 2px solid #438eb9;
    background: #ffffff;
    color: #438eb9;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    z-index: 1000;
    height: 80px;
    display: none;
    font-size: 20px;*/
}

#loading-login {
    margin-right: 50px
}

#loading {
    width: 200px;
    position: fixed;
    left: 50%;
    top: 40%;
    margin: -25px 0 0 -25px;
    padding-top: 20px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #438eb9;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #438eb9;
}

.tooltip-inner {
    max-width: 300px;
    font-weight: bold;
    color: #ffffff;
    background-color: #438eb9;
}

.ui-spinner-button {
    height: 12px !important;
    cursor: pointer;
    margin-right: -3px;
}

.ui-spinner-up {
    margin-top: 1px;
}

.ui-spinner-down {
    margin-bottom: -2px;
}

.default-color {
    color:#438eb9; 
}

#gritter-notice-wrapper {
    top: 90px;
    right: 5px
}

.gritter-item-wrapper.gritter-info {
    background-color: #438eb9
}

@media (max-width: 991px) {
    #loading {
        left: 40% !important
    }
}

@media (max-width: 767px) {
    #loading {
        left: 25% !important
    }

    .ui-jqgrid .ui-jqgrid-pager {
        height: 85px !important; /*55px*/
    }
    /*.ui-jqgrid .ui-jqgrid-pager > .ui-pager-control {
        height: 50px !important;
        padding-top: 0px !important
    }*/
    .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
        margin-top: 0px !important
    }

    .breadcrumb {
        width: 90% !important
    }
}