/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.loaderRegion {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading2.gif) center no-repeat #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
    filter: alpha(opacity=50);  /* IE 5-7 */
    -moz-opacity: 0.5;          /* Netscape */
    -khtml-opacity: 0.5;        /* Safari 1.x */
    opacity: 0.5;               /* Good browsers */
}

.disabledHref {
    pointer-events: none;
    cursor: default;
    color: #585858;
}

/* loading gif image */
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../vendor_server/sobercoding/images/loading3.gif') 50% 50% no-repeat rgb(249,249,249);
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
    filter: alpha(opacity=50);  /* IE 5-7 */
    -moz-opacity: 0.5;          /* Netscape */
    -khtml-opacity: 0.5;        /* Safari 1.x */
    opacity: 0.5;               /* Good browsers */
}

.sweetalertModal button.cancel {
    background-color: darkviolet;
}

table .sticky-col {
    border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;
    left: 0;
    position: absolute;
    top: auto;
    width: 120px;
}

/*make bootbox dialog scrollable*/
.bootbox-dialog .modal-body {
    max-height: 82vh; /* ...% of viewport height */
    overflow-y: auto;
}

.spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

#top-arrow {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    top: 55px;
    color: #5D5D5D;
    cursor: pointer;
    display: none;
    font-size: 200%;
    left: 15px;
    opacity: 0.9;
    padding: 10px;
    position: fixed;
    z-index: 999;
}

#bottom-arrow {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    bottom: 15px;
    color: #5D5D5D;
    cursor: pointer;
    display: block;
    font-size: 200%;
    left: 15px;
    opacity: 0.9;
    padding: 10px;
    position: fixed;
    z-index: 999;
}

.bootbox {
    data-backdrop: 'static',
    data-keyboard: 'false'
}

.sweetalertModal {
    backdrop: 'static',
    keyboard: false
}
.ui-layout-pane {
    overflow: hidden;
}

.hidden { display: none; }
#content { position: relative; overflow: hidden; }