@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat|Open+Sans|Oswald|Raleway|Roboto&display=swap');

body {
    font-family: Roboto;
    font-size: .9em;
}


.gj-grid-wrapper .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #89ceff;
}
.gj-icon {
    font-size: 17px !important;
    color: #222222 !important;
}
.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>button, .gj-grid-bootstrap tfoot tr[data-role=pager] th>div>div {
    margin-right: 3px !important;
}
.main-panel > .content {
    padding: 15px 7px !important;
}

.form-group {
    margin: 5px;
}

.ui-widget.ui-widget-content {
    z-index: 100000;
}

.btn-padding-left-right-5{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.btn-padding-all-15px{
    padding: 15px;
}
#applicationsCards .card .description{
    height: 7em;
}


// AJAX SPINNER STYLING


.spinner:nth-child(1) {
    height: 100px;
    width:100px;
    position: fixed;
    top:50%;
    left: 50%;
    margin: -50px 0 0 -50px;
}

.spinner p {
    font-size: 0.6em;
    text-align: center;
    position: absolute;
    bottom: -15px;
    color: #222222;
}

.spinner div:first-child {
    width: 75px;
    height: 37.5px;
    /* background-color: gold; */
    border-top-left-radius: 75px;
    border-top-right-radius: 75px;
    border: 5px solid rgba(64,64,64,1);
    border-bottom: 0;
    box-sizing: border-box;
    transform-origin: 37.5px 37.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37.5px 0 0 -37.5px;
    animation-name: rotatepos;
    animation-duration: 1.375s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.spinner div {
    width: 50px;
    height: 25px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border: 5px solid rgba(64,64,64,1);
    border-bottom: 0;
    box-sizing: border-box;
    transform-origin: 25px 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    z-index: 10000;
    animation-name: rotateneg;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotatepos {
    0% {
        transform: rotate(135deg);
    }
    100% {
        transform: rotate(495deg);
    }
}

@keyframes rotateneg {
    0% {
        transform: rotate(-45deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}

/*
* inserted due to excessive padding on gijgo
*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 3px 8px !important;
}

/*
*    mainEditorSection styling
*/



#mainEditorSection {
  border: 2px dashed #222;
}

.grid-stack.grid-stack-one-column-mode>.grid-stack-item {
    margin-bottom: 0 !important;
}

.grid-stack .btn {
    width: 90%;
}