.gray-bg
{
    background-color: #f3f3f4!important;
}

/** start: PageLoader **/
#page-loader-overlay
{
    filter: alpha(opacity=100);
    opacity: 1.0;
    position:fixed;
    width:100%;
    height:100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #FFFFFF;
    z-index: 9999;
}

#page-loader-content-container{
    width: 100%;
    padding: 0;
    vertical-align: middle;
    display: table-cell !important;
    margin: 0;
    text-align: center;
}

#page-loader-content {
    text-align: center;
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    color: #999999;
    font-size: 40px;
}

#page-loader-message {
    width:100%;
    text-align: center;
    position: absolute;
    top: 55%;
    color: #18a689;
}


#page-loader-overlay .spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;

    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

#page-loader-overlay .dot1,
#page-loader-overlay .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #18a689;
    border-radius: 100%;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

#page-loader-overlay .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/** end: PageLoader **/

.nav-menu-section {
    padding: 14px 20px 14px 25px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
}

body.mini-navbar .nav-menu-section {
    display: none;
}

.table tr td.selected-check > i.fa-square-o {

    display: inline-block;
}

.table tr td > i.fa-check-square-o {
    display: none;
}

.table tr.tr-selected td.selected-check > i.fa-check-square-o
{
    display: inline-block;
}

.table tr.tr-selected td.selected-check > i.fa-square-o {
    display: none;
}

.clickable {
    cursor: pointer;
}

.md-skin .navbar-static-top {
    background-color: #2A3948 !important;
}
.md-skin .nav-header {
    background-image: none !important;
    background-color: #3A4958 !important;
}

.special-notice-crop {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}