/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
        border-radius: 4px !important;
}

.portlet .portlet-title {
        border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
        border-radius: 0px 0px 4px 4px !important;
}
*/

html {
    height: 100% !important;
}
body {
    overflow-x: hidden !important;
}

.margin-all-10 {
    margin: 10px 10px !important;
}

.margin-all-20 {
    margin: 20px 20px !important;
}

.margin-all-30 {
    margin: 30px 30px !important;
}

#toast-container {
    margin-top: 60px !important;
    margin-bottom: 15px !important;
}

.scroll-to-top {
    bottom: 2px;
}

.scroll-to-top>i {
    font-size: 24px !important;
    margin: 5px 5px;
    color: #F97603 !important;
}


.page-header-inner {
    background: #fff url('../../../global/img/logo/peco-nav-shade.png') top
    repeat-x !important;
}

body.peco-orange-head .page-header-inner {
    background: #ef582d !important;
}

body.peco-orange-head .top-menu > .nav > li > a,
body.peco-orange-head .top-menu > .nav > li > a span,
body.peco-orange-head .top-menu > .nav > li > a i {
    color: #fff !important;
}
body.peco-orange-head .top-menu > .nav > li > ul a i {
    color: #FF3F00 !important;
}
body.peco-orange-head .top-menu > .nav > li > ul a .badge {
    color: #FFF !important;
}

body.peco-orange-head .top-menu .dropdown-menu .external {
    background: #f36800 !important;
    color: #fff !important;
}
body.peco-orange-head .top-menu .dropdown-menu .external * {
    color: #fff !important;
}

body.page-sidebar-closed .page-header-inner .page-top {
    background: transparent !important;
}



.page-header-inner .page-top {
    background: transparent	url('../../../global/img/logo/peco-nav-left-shade.png') no-repeat !important;
    background-position: 195px 0px !important;
}
body.peco-orange-head .page-header-inner .page-top {
    background: transparent !important;
    background-position: 0px 0px;
}

.page-logo {
    left: 0px !important;
    padding: 0px 0px !important;
    background: #fff url('../../../global/img/logo/peco-nav-logo.png')
    !important;
}
body.peco-orange-head .page-logo {
    left: 0px !important;
    padding: 0px 0px !important;
    background: #fff url('../../../global/img/logo/peco-nav-logo-orange-border.png') !important;
}

.page-header-inner .search-form {
    margin-left: 30px !important;
    background: transparent !important;
}


/* FIXED DATE PICKER FORM CONTROL GUI */
.form-control.datepicker{
    padding: 0px 12px !important;
    line-height: 15px !important;
}

.page-header-inner .search-form .form-control {
    font-size: 2em !important;
    color: #D76B00 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

body.peco-orange-head .page-header-inner .search-form .form-control {
    font-size: 2em !important;
    color: #FFF !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.page-header-inner .search-form .form-control::-webkit-input-placeholder
{
    color: rgba(248, 147, 2, 0.50) !important;
    font-weight: normal !important;
    text-transform: capitalize;
}

.page-header-inner .search-form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(248, 147, 2, 0.50) !important;
    font-weight: normal !important;
    text-transform: capitalize;
}

.page-header-inner .search-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(248, 147, 2, 0.50) !important;
    font-weight: normal !important;
    text-transform: capitalize;
}

.page-header-inner .search-form .form-control:-ms-input-placeholder {
    color: rgba(248, 147, 2, 0.50) !important;
    font-weight: normal !important;
    text-transform: capitalize;
}

.dropdown-quick-sidebar-toggler {
    margin-right: -20px !important;
}

.dropdown-quick-sidebar-toggler a {
    padding-right: 20px !important;
    margin-right: 0px !important;
    height: 68px !important;
}



body.page-sidebar-closed .page-logo {
    background: #fff !important;
}

body.page-sidebar-closed .page-logo .menu-toggler {
    margin: 0px 0px !important;
    width: 100% !important;
    height: 100% !important;
    background: #F76401 url('../../../global/img/logo/peco-small-logo-compress.png') center center no-repeat !important;
}

body.peco-orange-head.page-sidebar-closed .page-logo .menu-toggler {
    margin: 0px 0px !important;
    width: 100% !important;
    height: 100% !important;
    background: #ef582d url('../../../global/img/logo/peco-small-logo-compress.png') center center no-repeat !important;
}

.page-logo .menu-toggler {
    background: #FFF url('../../../global/img/logo/menu-toggler.png') top
    center no-repeat !important;
    width: 25px !important;
    margin-top: 0px !important;
    margin-right: -6px !important;
    opacity: 1 !important;
    background: rgba(65, 177, 38, 0.50)
}
body.peco-orange-head .page-logo .menu-toggler {
    background: transparent center no-repeat !important;
    width: 25px !important;
    margin-top: 0px !important;
    margin-right: -6px !important;
    opacity: 1 !important;
}
body.peco-orange-head .page-sidebar-menu li #clock {
    color: #0c83e7 !important;
}
body.peco-orange-head .modal-header {
    color: #FFF !important;
    background: #f36800;
}

.modal-header.ui-draggable-handle {
    cursor: move !important;
}

.page-logo {
    overflow: visible !important;
}

.select2-container.inline, .select2-container.inline a,
.select2-container.inline .select2-chosen {
    border: 1px solid transparent !important;
    background: transparent !important;
    height: 20px !important;
    line-height: 18px !important;
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    font-size: 10px !important;
}
.select2-list {
    position: relative;
    display:inline-block;
    width: 100%;
    padding-left: 25px !important;
}
.select2-list .fa{
    position: absolute;
    left: 0px;
    top: 2px;
}


.top-menu ul > li.dropdown.open > a > span.username,
.top-menu ul > li.dropdown > a:hover > i,
.top-menu ul > li.dropdown.open > a > i
{
    color: #00A8FF !important;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    height: 68px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 28px 16px 19px 16px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    top: 17px;
}
.page-header.navbar .top-menu .navbar-nav > li {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.flow-data-container {
    margin-top: 15px !important;
}

.select2-container.inline .select2-search-choice-close {
    top: 2px !important;
    height: 12px !important;
}

.select2-container.inline .select2-search-choice-close:hover {
    background: transparent url(../../../global/img/select2-hover.png);
}

.select2-container.inline.select2-dropdown-open {
    background: #fff !important;
}

.select2-drop {
    margin-top: 0px !important;
    box-shadow: rgba(0,0,0,0.15) -5px -5px 5px;
}

.select2-container.inline .select2-arrow, .select2-container.inline .select2-dropdown-open .select2-arrow
{
    background: transparent !important;
    border: none !important;
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    top: -5px !important;
}

.select2-container.inline.select2-container-disabled {
    background: rgba(0, 0, 0, 0.05) !important;
}

.select2-container.inline.select2-container-disabled .select2-choice.select2-default
{
    color: rgba(0, 0, 0, 0.20) !important;
}

.select2-container.inline .select2-choice.select2-default,
.select2-container.inline .select2-choice span {
    font-size: 11px !important;
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    line-height: 18px !important;
}

.select2-container .select2-choice span {
    margin: 3px 5px !important;
}

.select2-container.inline .select2-choice.select2-default {
    color: rgba(11, 150, 208, 0.60) !important;
}

.select2-container.inline .select2-choice {
    font-size: 12px !important;
    padding: 0px 0px;
    margin: 0px 0px;
}

td.input .select2-container  {
    margin: 0px 0px !important;
    margin-top: -5px !important;
}

.select2-choices {
    padding: 0px 0px !important;
}

.select2-match {
    background: rgba(41, 183, 252, 0.08) !important;
    color: rgba(21, 115, 175, 1.00);
}

.select2-no-results {
    background: rgba(255, 200, 201, 0.50) !important;
}

.select2-no-results:before {
    font-family: FontAwesome;
    content: '\f06a';
    color: #FF680F;
    margin-right: 5px;
}

.select2-search-choice {
    background: rgba(208, 208, 208, 0.10) !important;
}

.select2-search-choice.select2-search-choice-focus {
    background-color: rgba(248, 43, 46, 0.37) !important;
}

.select2-container .select2-choice abbr {
    padding: 0px 0px;
    margin: 3px 3px;
    background: transparent url(../../../global/img/portlet-remove-icon.png) center center no-repeat !important;
}

.select2-container .select2-choice abbr:hover {
    background: transparent url(../../../global/img/remove-icon-small.png) center center no-repeat !important;
    color: #FF0000 !important;
}


.select2-container .select2-choice .select2-arrow b{
    margin: 0px 0px !important;
    background: url(../../../global/img/portlet-collapse-icon.png) center center no-repeat !important;
}
.select2-container.select2-dropdown-open .select2-choice .select2-arrow b{
    margin: 0px 0px !important;
    background: url(../../../global/img/portlet-expand-icon.png) center center no-repeat !important;
}

.select2-data-flat .select2-search-choice {
    border: 1px solid transparent !important;
    padding: 0px 0px !important;
}

.select2-data-flat .select2-search-choice div {
    left: 0px !important;
}

.select2-data-flat .select2-search-choice-close {
    display: none;
}

.select2-data-flat .select2-container.select2-container-active {
    border-bottom: transparent 1px solid !important;
}

.select2-data-flat .select2-input.select2-default, .select2-data-flat .select2-search-field,
.select2-data-flat .select2-choices {
    border: transparent 1px solid !important;
    padding: 2px 0px !important;
}

.select2-data-flat .select2-choices {
    width: 100% !important;
    height: 30px !important;
}

.select2-data-flat .select2-search-field, .select2-data-flat .select2-search-field input
{
    height: 30px !important;
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    top: -5px !important;
}


.select2-container {
     /* border: 1px solid #E1E1E1 !important; */
    border: none !important;
}




.page-sidebar-wrapper {
    margin-top: 18px !important;
    position: relative !important;
    z-index: 10 !important;

}
.page-sidebar-wrapper ul {
    z-index: 10 !important;
}


/*Messagebox */
.divMessageBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100000;
}
/*
.MessageIE{
    background-image: url("@{base-url}/bg.png");

}*/
.MessageBoxContainer {
    top: 35%;
    color: white;
    position: relative;
    width: 100%;
    background-color: #232323;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    display: inline-block;
    height: auto;
}

.MessageBoxMiddle {
    position: relative;
    left: 20%;
    width: 60%;
}

.MessageBoxMiddle .input-group {
    width: auto;
    display: block;
    margin-left: 80px;
    margin-bottom: 15px;
}

.MessageBoxMiddle .input-icon.left .fa {
    opacity: 0.8;
    -moz-opacity: 0.8;
}

.MessageBoxMiddle .MsgTitle {
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 300;
    position: relative;
    margin-left: 80px;
    z-index: 2 !important;
}

.MessageBoxMiddle .pText {
    font-style: normal;
    position: relative;
    margin-left: 80px;
    z-index: 2 !important;
}

.MessageBoxMiddle .form-control {
    position: relative;
    z-index: 2 !important;
    margin: 0px 0px !important;
    display: inline-block !important;
    background: inherit;
    color: #1acbea;
    width: 80% !important;
}
.MessageBoxMiddle .form-control:focus {
    background: rgba(0,169,255,0.08);
    box-shadow: rgba(0,169,255,0.5) 0px 0px 10px;
    -moz-box-shadow: rgba(0,169,255,0.5) 0px 0px 10px;
}

@media ( max-width : 790px) {
    .MessageBoxMiddle {
        position: relative;
        width: 100% !important;
        left: 0px;
        right: 0px;
    }
    .MessageBoxMiddle .MsgTitle {
        left: 0px;
    }
    .MessageBoxMiddle .pText {
        left: 0px;
    }
}

.MessageBoxMiddle .MsgTitle .fa {
    font-size: 5em !important;
    position: absolute !important;
    top: 40px !important;
    left: -150px !important;
    z-index: 1 !important;
    -webkit-opacity: 0.4 !important;
    -moz-opacity: 0.4 !important;
    -ms-opacity: 0.4 !important;
    -o-opacity: 0.4 !important;
    opacity: 0.4 !important;
    height: 100% !important;
    display: inline-block;
    vertical-align: middle;
}

.MessageBoxMiddle .MsgTitle > img {
    width: 100px;
    height: 100px;
    position: absolute !important;
    top: 5px !important;
    left: -120px !important;
    z-index: 1 !important;
}

.MessageBoxContainer input {
    width: 50%;
    padding: 5px;
}

.MessageBoxContainer button.btn.btn-danger{
    background: rgba(255,0,65,0.40) !important;
    border-color: inherit !important;
}
.MessageBoxContainer button.btn.btn-danger:hover,
.MessageBoxContainer button.btn.btn-danger:focus
{
    background: rgba(255,0,65,0.80) !important;
    border-color: inherit !important;
}

.MessageBoxContainer button.btn.btn-primary{
    background: rgba(0,92,255,0.40) !important;
    border-color: inherit !important;
}
.MessageBoxContainer button.btn.btn-primary:hover,
.MessageBoxContainer button.btn.btn-primary:focus
{
    background: rgba(0,92,255,0.80) !important;
    border-color: inherit !important;
}

.MessageBoxContainer button.btn.btn-success{
    background: rgba(0,212,57,0.40) !important;
    border-color: inherit !important;
}
.MessageBoxContainer button.btn.btn-success:hover,
.MessageBoxContainer button.btn.btn-success:focus
{
    background: rgba(0,212,57,0.80) !important;
    border-color: inherit !important;
}

.MessageBoxContainer button.btn.btn-warning{
    background: rgba(255,182,0,0.40) !important;
    border-color: inherit !important;
}
.MessageBoxContainer button.btn.btn-warning:hover,
.MessageBoxContainer button.btn.btn-warning:focus
{
    background: rgba(255,182,0,0.80) !important;
    border-color: inherit !important;
}

.MessageBoxContainer button.btn.btn-default{
    background: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,0.10) !important;
    color: inherit;
}
.MessageBoxContainer button.btn.btn-default:hover,
.MessageBoxContainer button.btn.btn-default:focus
{
    background: rgba(255,255,255,0.40) !important;
    border-color: rgba(255,255,255,0.15) !important;
    border-color: inherit !important;
    color: #fff;
}

.MessageBoxContainer select {
    width: 50%;
    padding: 5px;
}

.MessageBoxButtonSection {
    width: auto;
    height: 30px;
    text-align: right;
    margin-left: 80px;
}
.MessageBoxButtonSection.left{
    text-align: left;
}
.MessageBoxButtonSection.right{
    text-align: right;
}

.MessageBoxButtonSection button {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: bold;
}

/* End of MessageBox */
.LoadingBoxContainer {
    top: 20%;
    color: white;
    position: relative;
    width: 100%;
    background-color: #232323;
}

.LoadingBoxMiddle {
    position: relative;
    left: 20%;
    width: 50%;
    padding: 10px;
}

.LoadingBoxContainer .MsgTitle {
    font-size: 26px !important;
}

.LoadingBoxContainer .pText {
    font-style: normal !important;
    font-size: 30px;
}

#LoadingPoints {
    position: absolute;
}
/* bigBoxes */
.bigBox {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #004d60;
    padding: 10px 10px 5px 10px;
    width: 390px;
    height: 150px;
    color: white;
    z-index: 99999;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-left: 5px solid rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.bigBox span {
    font-size: 17px !important;
    font-weight: 300 !important;
    letter-spacing: -1px;
    padding: 5px 0 !important;
    display: block;
}

.bigBox p {
    font-size: 13px !important;
    margin-top: 10px !important;
}

#divMiniIcons {
    position: fixed;
    width: 415px !important;
    right: 10px !important;
    bottom: 180px !important;
    z-index: 9999 !important;
    float: right !important;
}

.botClose {
    position: absolute;
    right: 10px;
    height: 16px;
    width: 15px;
    cursor: pointer;
    font-size: 18px;
    opacity: .5;
    display: block;
    top: 15px;
}

.botClose:hover {
    opacity: 1;
}

#divMiniIcons .cajita {
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    color: #FFF;
    float: right;
    cursor: pointer;
    display: block;
    background-color: #F00;
    font-size: 17px;
    margin-left: 4px;
    margin-top: 5px;
}

#divMiniIcons .cajita:active {
    top: 1px;
    left: 1px;
    position: relative;
}

.cajita img {
    width: 23px;
    height: 23px;
    padding-left: 3px;
    padding-top: 3px;
}

.bigBox .bigboxicon {
    font-size: 30px !important;
    text-align: left;
    position: absolute;
    top: 120px;
    left: 6px;
    z-index: 0;
}

.bigBox .bigboxnumber {
    width: 100%;
    text-align: right;
    font-size: 25px;
}
/* End of  bigBoxes */
/* SmallBox */
#divSmallBoxes {
    position: fixed;
    right: 0;
    top: 80px;
    z-index: 9999;
}

.SmallBox {
    position: absolute;
    right: 5px;
    top: 0px;
    width: 420px;
    color: #FFF;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid transparent;
}
.SmallBox .textoFoto * {
    text-shadow: rgba(0,0,0,0.8) 0px 1px 3px !important;
}

.SmallBox:hover {
    border: 1px solid #fff;
    cursor: pointer;
}

.SmallBox .foto .fa {
    font-size: 50px !important;
    position: absolute;
    left: 17px;
    top: 28px !important;
}

.SmallBox .textoFull {
    width: 93%;
    float: left;
    padding-left: 20px;
}

.SmallBox .textoFoto {
    width: 78%;
    margin: 3px 20px 3px 80px;
    float: left;
}

.miniPic {
    position: absolute;
    bottom: 8px;
    right: 9px;
}

.miniIcono {
    height: 100%;
    font-size: 20px !important;
}

.SmallBox span {
    font-size: 17px !important;
    font-weight: 300;
    letter-spacing: -1px;
    display: block;
    margin: 4px 0;
}

.SmallBox p {
    font-size: 13px !important;
    margin-top: 2px;
}
.SmallBox .textoFoto a{
    color: #fff !important;
}


/* End of SmallBox */
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    /* Specify the width of your pageslide here */
    width: 305px;
    padding: 20px;
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #004d60;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -o-box-shadow: inset 0 0 5px 5px #222;
    -moz-box-shadow:inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 0px 0px #222;
}

.purehtml {
    color: white;
    font-size: 16px !important;
}

/* Mobile Phones */
@media screen and (max-width: 450px) and (max-width: 767px) {
    /* SmallBox Responsive */
    #divSmallBoxes {
        position: fixed;
        width: 90%;
        right: 0;
        top: 0;
    }
    .SmallBox {
        width: 95%;
    }
    .SmallBox:hover {
        box-shadow: 0px 0px 10px #888888;
        cursor: pointer;
    }
    .SmallBox span {
        font-size: 16px !important; /*font-weight:bold;*/
    }
    .SmallBox p {
        font-size: 12px !important;
        margin-top: 2px;
    }
    .SmallBox .textoFull {
        width: 93%;
        float: left;
        padding-left: 20px;
    }
    .SmallBox .textoFoto {
        width: 55%;
        margin: 3px 20px 3px 80px;
        float: left;
    }
    /* End of SmallBox Responsive*/
    /* bigBoxes Responsive */
    .bigBox {
        position: fixed;
        right: 10px;
        bottom: 10px;
        background-color: #004d60;
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        width: 88%;
        height: 150px;
        color: white;
        z-index: 99999;
    }
    /* End of  bigBoxes  Responsive */
    /*Messagebox Responsive */
    .divMessageBox {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 100000;
    }
    .MessageBoxContainer {
        top: 25%;
        color: white;
        position: relative;
        width: 100%;
        background-color: #232323;
    }
    .MessageBoxMiddle {
        position: relative;
        left: 0;
        width: 100%;
        padding: 3px;
    }
    .MessageBoxMiddle .input-icon {
        left: 30px !important;
    }
    .MessageBoxMiddle .MsgTitle {
        font-size: 22px !important;
    }
    .MessageBoxMiddle .pText {
        font-size: 10px !important;
    }
    .MessageBoxContainer input {
        width: 50%;
        padding: 5px;
    }
    .MessageBoxContainer select {
        width: 50%;
        padding: 5px;
    }
    .MessageBoxButtonSection {
        width: 100%;
        height: 30px;
    }
    .MessageBoxButtonSection button {
        float: right;
        margin-right: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }
    /* End of MessageBox Responsive */
}
/*
 * RESET BOOTSTRAP DEFAULT IE FILTER
 */
[class^="bg-"], [class*=" bg-"] {
    filter: none !important;
}
/* TEXT ALIGN */
.text-align-center {
    text-align: center !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}
/*
 * TEXT COLOR
 */
.txt-color-blue {
    color: #57889c !important;
}

.txt-color-blueLight {
    color: #92a2a8 !important;
}

.txt-color-blueDark {
    color: #4c4f53 !important;
}

.txt-color-green {
    color: #356e35 !important;
}

.txt-color-greenLight {
    color: #71843f !important;
}

.txt-color-greenDark {
    color: #496949 !important;
}

.txt-color-red {
    color: #a90329 !important;
}

.txt-color-yellow {
    color: #b09b5b !important;
}

.txt-color-orange {
    color: #b19a6b !important;
}

.txt-color-orangeDark {
    color: #a57225 !important;
}

.txt-color-pink {
    color: #ac5287 !important;
}

.txt-color-pinkDark {
    color: #a8829f !important;
}

.txt-color-purple {
    color: #6e587a !important;
}

.txt-color-darken {
    color: #404040 !important;
}

.txt-color-lighten {
    color: #d5e7ec !important;
}

.txt-color-white {
    color: #ffffff !important;
}

.txt-color-grayDark {
    color: #525252 !important;
}

.txt-color-magenta {
    color: #6e3671 !important;
}

.txt-color-teal {
    color: #568a89 !important;
}

.txt-color-redLight {
    color: #a65858 !important;
}
/*
 * BACKGROUNDS
 */
.bg-color-blue {
    background-color: #57889c !important;
}

.bg-color-blueLight {
    background-color: #92a2a8 !important;
}

.bg-color-blueDark {
    background-color: #4c4f53 !important;
}

.bg-color-green {
    background-color: #356e35 !important;
}

.bg-color-greenLight {
    background-color: #71843f !important;
}

.bg-color-greenDark {
    background-color: #496949 !important;
}

.bg-color-red {
    background-color: #a90329 !important;
}

.bg-color-yellow {
    background-color: #b09b5b !important;
}

.bg-color-orange {
    background-color: #c79121 !important;
}

.bg-color-orangeDark {
    background-color: #a57225 !important;
}

.bg-color-pink {
    background-color: #ac5287 !important;
}

.bg-color-pinkDark {
    background-color: #a8829f !important;
}

.bg-color-purple {
    background-color: #6e587a !important;
}

.bg-color-darken {
    background-color: #404040 !important;
}

.bg-color-lighten {
    background-color: #d5e7ec !important;
}

.bg-color-white {
    background-color: #ffffff !important;
}

.bg-color-grayDark {
    background-color: #525252 !important;
}

.bg-color-magenta {
    background-color: #6e3671 !important;
}

.bg-color-teal {
    background-color: #568a89 !important;
}

.bg-color-redLight {
    background-color: #a65858 !important;
}

.session-bar-timer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: none;
}

.session-bar-timer .session-bar-timer-content {
    top: 35%;
    color: white;
    position: relative;
    width: 100%;
    background-color: #232323;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
}

.session-bar-timer .session-bar-timer-middle {
    position: relative;
    left: 30%;
    width: 50%;
    height: 100px;
}

.session-bar-timer .session-bar-timer-title {
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 300;
    position: relative;
    left: 10px;
    z-index: 2 !important;
}

.session-bar-timer .session-bar-timer-title .fa {
    font-size: 5em !important;
    margin-top: 10px !important;
    position: absolute !important;
    top: 30px !important;
    left: -150px !important;
    z-index: 1 !important;
    -moz-opacity: 0.4 !important;
    opacity: 0.4 !important;
}

.session-bar-timer .session-bar-timer-p {
    font-style: normal;
    position: absolute !important;
    left: 10px !important;
    z-index: 2 !important;
}

.session-bar-timer .session-bar-timer-btn-group {
    width: 100%;
    height: 30px;
    margin-top: 30px;
    right: 50px;
}

.session-bar-timer .session-bar-timer-btn-group a {
    float: right;
    margin-right: 7px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: bold;
}

@media ( max-width : 790px) {
    .session-bar-timer .session-bar-timer-middle {
        position: relative;
        width: 100% !important;
        left: 0px;
        right: 0px;
        height: auto;
    }
    .session-bar-timer .session-bar-timer-title {
        left: 0px;
    }
    .session-bar-timer .session-bar-timer-p {
        left: 0px;
    }
    .session-bar-timer .session-bar-timer-btn-group {
        margin-top: 50px;
        right: 5PX;
    }
}

#idletimeout a {
    color: #fff;
    font-weight: bold
}

#idletimeout span {
    font-weight: bold
}

/* Quick sidebar wrapper */

#users_list .media-object {
    border: 1px solid transparent !important;
    width: 40px;
    height: 40px;
}

#users_list .media.online .media-object{
    border-color: #00CC00 !important;
}
#users_list .media.away .media-object{
    border-color: #f59e00 !important;
}
#users_list .media.disturb .media-object{
    border-color: #CC0000 !important;
}


.page-quick-sidebar-wrapper {
    transition: right 0.3s;
    position: fixed;
    top: 68px;
    bottom: 30px;
    right: -270px;
    width: 270px;
}
.users-chat-bar-wrapper {
    transition: right 0.3s;
    position: fixed;
    height: 40px;
    bottom: 25px;
    right: 5px;
    min-width: 30px;
    z-index: 889 !important;
}
.users-chat-bar-wrapper .users-chat-bar-lists  {
    text-align: right;
    display: inline-block;
    position: absolute;
    height: 30px;
    min-height: 30px;
    right: 40px;
    bottom: 10px;
}


.users-chat-bar-wrapper .dropdown-menu {
    position: absolute;
    top: -175px;
    border: #0d638f 1px solid;
    box-shadow: rgba(15,57,75,0.25) 0px 0px 5px;
}
.users-chat-bar-wrapper .dropdown-menu:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #0d638f transparent transparent transparent;
    position: absolute;
    bottom: -6px;
    right: 0px;
}

.users-chat-bar-wrapper .dropdown-toggle{
    position: relative;
}
.users-chat-bar-wrapper .dropdown-toggle > .chat-bar-more {
    position: absolute;
    top: -5px;
    left: -5px;
    background: #CC0000;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar{
    display: inline-block;
    height: auto;
    width: 250px;
    border: #c0cedb 1px solid;
    text-align: left;
    text-decoration: none;
    margin-left: 4px;
    vertical-align: bottom !important;
    background: #e5feff;

    /*
    -webkit-transition: margin 2s; /* Safari
    -webkit-transition-timing-function: linear; /* Safari
    transition: margin 2s;
    transition-timing-function: linear;
    */
}


.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .chat-bar-name {
    position: relative;
    display: inline-block;
    width: 100%;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .chat-bar-name > span {
    display: inline-block;
    width: 90%;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .chat-bar-name .chat-bar-image {
    display: none;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open .chat-bar-name .chat-bar-image {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    display: inline-block;
    border: #495c72 3px solid;
    border-radius: 50% 50% !important;
    background: #FFF;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open.online .chat-bar-name .chat-bar-image {
    border-color: #00CC00;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open.away .chat-bar-name .chat-bar-image {
    border-color: #f59e00;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open.disturb .chat-bar-name .chat-bar-image {
    border-color: #CC0000;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .fa-online-stat {
    color: #c5cbc7 !important;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.online .fa-online-stat {
    color: #00CC00 !important;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.away .fa-online-stat {
    color: #f59e00 !important;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.disturb .fa-online-stat {
    color: #CC0000 !important;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open .fa-online-stat {
    display: none;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .btn-close {
    position: relative;
    right: 2px;
    top: 2px;
    border: none;
    background: transparent;
    display: none;
    color: #cc3304;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar > a:hover .btn-close {
    display:inline-block;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar:active{
    transform: scale(1); /* you need a scale here to allow it to transition in both directions */
    transition: 0.08s all ease-out;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open  {
    height: 300px;
    box-shadow: rgba(15,57,75,0.20) 0px 0px 5px;
    border: #0d638f 1px solid;
    margin-top: -270px;
    /*
    transition-property: right, left;
    transition-duration: 2s;
    -webkit-transition-property: right, left; /* Safari
    -webkit-transition-duration: 2s; /* Safari */
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .chat-contents {
    width: 100%;
    margin-top: 0px;
    display: none;
    padding: 5px 6px;
    background: #fff;
    position: relative;
    height: 270px;
    -webkit-transition: height 2s; /* Safari */
    -webkit-transition-timing-function: linear; /* Safari */
    transition: height 2s;
    transition-timing-function: linear;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open .send-message-form {
    position: absolute;
    bottom: 0px;
    width: 95%;
    background: transparent;
    margin-top: 0px;
    height: 40px;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open .send-message-form > .send-message-form-input {
    border-top: 1px rgba(0, 0, 0, 0.05) solid;
    height: 30px !important;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .send-message-form .form-control {
    padding: 0px 0px;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .send-message-form .btn {
    padding: 4px 8px;
    margin-top: 5px;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .send-message-form .form-control,
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .send-message-form .btn
{
    background: transparent;
    border: none;
    margin-top: 5px !important;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open .chat-contents{
    display: inline-block;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar .chat-bar-name  {
    padding: 5px 8px;
    text-decoration: none;
}

.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open .chat-bar-name  {
    padding: 5px 8px 5px 60px;
    text-decoration: none;
    background: #495c72;
    color: #c0cedb;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open .chat-bar-name:hover{
    background: #0a6aa1;
}
.users-chat-bar-wrapper .users-chat-bar-lists .chat-bar.open .chat-bar-name:hover .chat-bar-image{
    /*border-color: #0a6aa1; */
    -webkit-box-shadow: 0px 0px 10px;
    -moz-box-shadow: 0px 0px 10px;
    box-shadow: 0px 0px 10px;
}
.users-chat-bar-wrapper.users-chat-bar-wrapper-shown  {

}
.users-chat-bar-wrapper {
    right: 0px;
    left: 190px;
}
body.page-quick-sidebar-open .users-chat-bar-wrapper {
    right: 272px;
    left: 190px;
}
.users-chat-bar-wrapper .chat-bar {
    display: inline-block;
}

.page-quick-sidebar-wrapper, .page-footer-fixed .page-quick-sidebar-wrapper {
    bottom: 40px;
}

.page-quick-sidebar-full-height .page-quick-sidebar-wrapper {
    top: 0;
    bottom: 0;
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
    transition: right 0.3s;
    right: 0;
}
/* USER CHAT LISTS */
.page-quick-sidebar-wrapper {
    padding-bottom:  30px !important;
}

.page-quick-sidebar-wrapper .users-chat-bar  {
    position: absolute;
    right: 300px;
    bottom: 0px;
}

.chat-bar.open.chat-bar-dragged {
    width: 500px !important;
    height: auto !important;
    border: none !important;
    -webkit-box-shadow: rgba(0,0,0,0.47) 0px 0px 30px !important;
    -moz-box-shadow: rgba(0,0,0,0.47) 0px 0px 30px!important;
    -o-box-shadow: rgba(0,0,0,0.47) 0px 0px 30px!important;
    box-shadow: rgba(0,0,0,0.47) 0px 0px 30px!important;
}
.chat-bar.open.chat-bar-dragged .chat-contents,
.chat-bar.open.chat-bar-dragged .slimScrollDiv {
    height: auto !important;
}
.chat-bar.open.chat-bar-dragged .slimScrollDiv {

    margin-bottom: 35px !important;
}
.chat-bar.open.chat-bar-dragged .chat-contents  .chats{
    height: 400px !important;
}


/* END */
/***
Quick Sidebar Toggler
***/

body.page-quick-sidebar-open .dropdown-quick-sidebar-toggler {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: flipH(); /*IE*/
    filter: flipH(); /*IE*/
}

.page-quick-sidebar-toggler {
    overflow: hidden;
    z-index: 9994;
    display: none;
    width: 28px;
    height: 27px;
    position: fixed;
    top: 30px;
    right: 15px;
    text-align: center;
    padding-top: 6px;
}

.dropdown-quick-sidebar-toggler .fa {
    color: #E97007 !important;
}

.page-quick-sidebar-open .page-quick-sidebar-toggler {
    display: inline-block;
}

.page-quick-sidebar-toggler>i {
    font-size: 17px;
}

/* quick sidebar top position fix for mobile view */
@media ( max-width : 480px) {
    /* 480px */
    .page-quick-sidebar-wrapper {
        top: 92px;
    }
    .page-quick-sidebar-toggler {
        top: 65px;
    }
}

.page-header, .page-sidebar-wrapper, .page-content-wrapper, .page-footer
{
    transition: margin 0.3s;
}
/* Quick sidebar with push content */
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper
{
    transition: margin-left 0.3s;
    margin-left: -270px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-content-wrapper
{
    transition: margin-left 0.3s;
    margin-left: -270px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
    transition: margin-right 0.3s;
    margin-right: 270px;
    margin-left: -270px;
}
/* Page sidebar reversed */
.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper
{
    transition: margin-right 0.3s;
    margin-right: 270px;
}
/* Quick sidebar with full height content */
.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header
{
    transition: margin-left 0.3s;
    margin-left: -270px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-footer-fixed:not
	 (.page-quick-sidebar-full-height ) .page-footer {
    margin-left: 0;
    margin-right: 0;
}
/* Quick sidebar with transparent content */
.page-quick-sidebar-open.page-quick-sidebar-over-content-transparent .page-quick-sidebar-wrapper
{
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

/* Hide the responsive menu if its shown while the quick sidebar opened on mobile  */
@media ( max-width : 991px) {
    /* 991px */
    .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper
    {
        display: none;
    }
}
/***
Quick Sidebar Content
***/
.page-quick-sidebar-wrapper {
    overflow: hidden;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
    /* Quick sidebar tabs */
    /* Quick sidebar tabs content */
    /* Quick sidebar general list heading */
    /* Quick sidebar general list-items */
    /* Inner content */
    /* Quick sidebar list */
    /* Quick sidebar list item */
    /* Quick sidebar list item shown */
    /* Quick sidebar chat */
    /* Quick sidebar alerts */
    /* Quick sidebar settings */

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified {
    margin: 0;
    padding: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified>li {
    display: table-cell !important;
    width: 1% !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified>li>a {
    padding: 15px 15px;
    border: 0;
    height: 46px;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified>li>a>.badge
{
    position: absolute;
    top: 12px;
    right: 3px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified>li>a:hover
{
    border: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified>li .dropdown-menu
{
    margin-top: 8px;
    margin-right: 20px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified>li .dropdown-menu:before
{
    position: absolute;
    top: -7px;
    right: 19px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified>li .dropdown-menu:after
{
    position: absolute;
    top: -6px;
    right: 20px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #3b6d97;
    border-left: 6px solid transparent;
    content: '';
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified>.tab-content
{
    margin: 0;
    padding: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
    font-size: 16px;
    margin: 10px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li {
    margin: 0;
    padding: 10px;
    background: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:last-child
{
    border-bottom: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li
{
    border: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
    margin: 10px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list
{
    position: absolute !important;
    width: 270px !important;
    transition: margin 0.3s;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item
{
    position: absolute !important;
    width: 270px !important;
    transition: margin 0.3s;
    margin-left: 270px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav
{
    padding: 15px 10px 0px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list
{
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list>i
{
    font-size: 17px;
    line-height: 17px;
    vertical-align: top;
    margin-right: 3px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list
{
    transition: margin 0.3s;
    margin-left: -270px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail
{
    display: none !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item
{
    transition: margin 0.3s;
    margin-left: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users
{
    padding: 10px 0;
    position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media
{
    padding: 12px 10px 11px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object
{
    border-radius: 50% !important;
    width: 38.57143px;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    float: left;
    margin-right: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after
{
    content: " ";
    display: table;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after
{
    clear: both;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover
{
    cursor: pointer;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object
{
    opacity: 1;
    filter: alpha(opacity = 100);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading
{
    margin: 5px 0 0 0;
    font-size: 14px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub
{
    font-size: 11px;
    text-transform: uppercase;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small
{
    font-size: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status
{
    margin-top: 10px;
    right: 10px;
    position: absolute;
    display: inline-block;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages
{
    padding: 0px 10px;
    position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post
{
    transition: display 0.3s;
    padding: 5px 0;
    margin: 10px auto;
    font-size: 12px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body
{
    display: block;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar
{
    width: 38px;
    border-radius: 50% !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar
{
    float: left;
    margin-right: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar
{
    float: right;
    margin-left: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name
{
    font-size: 12px;
    font-weight: 300;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime
{
    font-size: 12px;
    font-weight: 300;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message
{
    display: block;
    padding: 5px;
    position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message
{
    text-align: left;
    margin-left: 55px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow
{
    display: block;
    position: absolute;
    top: 9px;
    left: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right-width: 6px;
    border-right-style: solid;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message
{
    margin-right: 55px;
    text-align: right;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow
{
    display: block;
    position: absolute;
    top: 9px;
    right: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left-width: 6px;
    border-left-style: solid;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime
{
    text-align: right;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form
{
    padding: 20px 10px 15px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form .input-group .form-control
{
    font-size: 13px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list
{
    padding: 10px 0;
    position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .label
{
    margin-top: 5px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc
{
    padding: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list
{
    padding: 10px 0;
    position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch
{
    margin-top: -3px;
    float: right;
    border: 0;
    min-width: 59px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control
{
    width: 75px !important;
    padding: 4px 4px !important;
    float: right;
    border: 0;
    margin-top: -4px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control
{
    padding: 4px 0px !important;
}
/* SIDEBAR ICON COLORING */
.page-sidebar .fa.text-info {
    color: #02A0F8 !important;
}

.page-sidebar .fa.text-warning {
    color: #FDBD01 !important;
}

.page-sidebar .fa.text-danger {
    color: #FF3F00 !important;
}

.page-sidebar .fa.text-success {
    color: #38C100 !important;
}
/* ########## END ########## */

/* ######## PORTLET ######## */
.portlet .caption .fa {
    font-size: 100% !important;
}

.portlet.grey .portlet-title * {
    color: #000;
}

.portlet.grey .portlet-title .nav-tabs li a {
    color: #000;
}

.portlet.grey .portlet-title .nav-tabs li.active a, .portlet.grey .portlet-title .nav-tabs li.active a .fa
{
    color: #299AC9;
}

.portlet.light.bordered {
    box-shadow: rgba(0,0,0,0.08) 0px 0px 15px;
}

.portlet.box {
    box-shadow: rgba(0,0,0,0.08) 0px 0px 15px;
}

.portlet.table {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
}

.dataTables_filter input{
    padding-right: 30px !important;
    position: relative;
}
.dataTables_filter label {
    position: relative;
}
.dataTables_filter label:after{
    content: '\f002' !important;
    font-family: FontAwesome;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    color: #ccc;
}

.portlet.table .dataTables_filter{
    margin-right: 10px !important;
}

.portlet.table .portlet-title {
    margin: 0px 0px !important;
    padding: 0px 10px !important;
    border-bottom: none !important;
}
.portlet.table .portlet-title .nav-tabs {
    position: relative;
    bottom: 0px;
}

.portlet.table .portlet-body {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
}

.portlet.table .portlet-body .table {
    border-left: 0px transparent solid !important;
    border-right: 0px transparent solid !important;
}

.portlet.table .portlet-body .table tr td:first-child, .portlet.table .portlet-body .table thead th:first-child
{
    border-left: 0px transparent solid !important;
}

.portlet.table .portlet-body .table tr td:last-child, .portlet.table .portlet-body .table thead th:last-child
{
    border-right: 0px transparent solid !important;
}

.portlet.table .dataTables_wrapper {
    padding-top: 0px !important;
}

.portlet.table .dataTables_wrapper .dataTables_length {
    margin-left: 10px !important;
}

.portlet.table .dataTables_wrapper .emptable_filter {
    margin-right: 10px !important;
}

.portlet.table .dataTables_wrapper .dataTables_info {
    margin-left: 10px !important;
}

.portlet.table .dataTables_wrapper .dataTables_paginate {
    margin-right: 10px !important;
}

.portlet.tabbable .portlet-title, .portlet.tabbable .portlet-title a {
    color: #0694D9 !important;
}

.portlet .portlet-footer {
    margin-top: 10px;
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.dataTables_wrapper .dataTables_info b{
    color: #027CA8;
}

.dataTables_empty {
    text-align: center !important;
}


.table td,
.table th
{
    position: relative !important;
}

ul li .number,
.table td.number,
.table td.number > input {
    text-align: right !important;
}
.table td.number > div *,
ul li .number > div *{
    text-align: left !important;
}



.table td.center, .table td.center input {
    text-align: center !important;
}

.table input.inline, .table select.inline {
    border: none !important;
    background: transparent !important;
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    height: 20px !important;
    font-size: 12px !important;
}


.table .input-icon.left .fa
{
    margin: 2px 3px !important;
}
.table .input-icon.left input.inline, .table .input-icon.left select.inline
{
    padding-left: 30px !important;
}
.table.tbl-sm .input-icon.right input.inline, .table .input-icon.right select.inline
{
    padding-right: 30px !important;
}


.table.tbl-sm .input-icon.left input.inline, .table .input-icon.left select.inline
{
    padding-left: 20px !important;
}
.table.tbl-sm .input-icon.right input.inline, .table .input-icon.right select.inline
{
    padding-right: 20px !important;
}
.table.table-resizable td,
.table.table-resizable th
{
    border-right-width: 4px !important;
}
.table.table-resizable td:last-child,
.table.table-resizable th:last-child
{
    border-right-width: 1px !important;
}
.table.table-resizable td
{
    border-right-width: 1px !important;
}

.table.tbl-sm .input-icon.left .fa,
.table.tbl-xs .input-icon.left .fa,
.table.tbl-zoom .input-icon.left .fa
{
    margin: 0px 5px;
    font-size: 11px;
    position: absolute;
    top: 5px;
}
.table.tbl-sm .input-icon.left .fa.text-success,
.table.tbl-xs .input-icon.left .fa.text-success,
.table.tbl-zoom .input-icon.left .fa.text-success
{
    color: #17b92b;
}
.table.tbl-sm .input-icon.left .fa.text-danger,
.table.tbl-xs .input-icon.left .fa.text-danger,
.table.tbl-zoom .input-icon.left .fa.text-danger
{
    color: #b9321a
}
.table.tbl-sm .input-icon.left .fa.text-info,
.table.tbl-xs .input-icon.left .fa.text-info,
.table.tbl-zoom .input-icon.left .fa.text-info
{
    color: #2298b9;
}
.table.tbl-sm .input-icon.left .fa.text-warning,
.table.tbl-xs .input-icon.left .fa.text-warning,
.table.tbl-zoom .input-icon.left .fa.text-warning
{
    color: #b9953a;
}
.table.tbl-xs th {
    padding: 3px 4px !important;
    font-size: 11px;
}

.table.tbl-zoom {
    margin: 0px 0px !important;
    margin-top: 0px !important;
}
.table.tbl-zoom th,
.table.tbl-zoom td {
    font-size: 18px !important;
    padding: 2px 3px !important;
}
.table.tbl-zoom th:after {
    font-size: 15px !important;
}
.table.tbl-zoom th.sorting_asc,
.table.tbl-zoom th.sorting_desc
{
    padding-right: 20px !important;
}
.table.tbl-zoom td input{
    font-size: 18px !important;
    padding: 0px 0px !important;
}
.table.tbl-zoom td.bold input{
    font-weight: bold !important;
}
.table.tbl-zoom td.text-danger input{
    color: rgba(244, 92, 66, 0.85);
}
.table.tbl-zoom td.text-warning input{
    color: rgba(244, 155, 65, 0.85);
}
.table.tbl-zoom td.text-success input{
    color: rgba(65, 244, 124, 0.85);
}
.table.tbl-zoom td.text-info input{
    color: rgba(65, 190, 244, 0.85);
}
.table.tbl-zoom td.text-primary input{
    color: rgba(65, 121, 244, 0.85);
}


.table.tbl-xs td {
    padding: 0px 2px 0px 2px !important;
    font-size: 12px;
    height: 14px !important;
}

.table.tbl-xs td div {
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    height: 100% !important;
}

.table.tbl-xs td .fa {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    height: 11px !important;
    font-size: 10px;
}

.table.tbl-xs td input {
    padding: 1px 3px !important;
    font-size: 12px !important;
    height: 100% !important;
}

.table.table-bordered.table-advance th {
    border-left: 1px rgba(255, 247, 247, 0.60) solid;
}

.table.tbl-sm td .label {
    padding: 1px 3px !important;
    font-size: 12px;
}

.table.tbl-sm td {
    padding: 1px 3px !important;
    font-size: 12px;
}

.table tr#details {
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    overflow: visible;
    max-height: 0;
    z-index: 50 !important;
    position: relative;
}
.table tr#details > td > div.row:first-child{
    padding-bottom: 10px !important;
    display: block;
    height: auto;
}
.table tr#details, .table tr#details>td {
    background: rgba(193, 219, 236, 0.10) !important;
}

.table tr#details .form-group{
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.table tr#details .form-group label{
    font-size: 11px;
    margin-bottom: 0px;
}
.table tr#details .form-group,
.table tr#details .form-group input,
.table tr#details .form-group textarea,
.table tr#details .form-group select,
.table tr#details .select2-container
{
    display: block !important;
    margin-top: 1px;
    margin-bottom: 5px;
    width: 100%;
}

.table tr#details:hover, .table tr#details>td:hover {
    background: rgba(193, 219, 236, 0.10) !important;
}

.table tr#details .row.footer {
    bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin: -0px -15px !important;
}
.table tr#details .row.footer > div {
    margin-bottom:-20px !important;
    padding: 10px 10px !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    height: 100%;
    display: inline-block;
    width: 100%;
}

.table tr#details td {
    background: rgba(37, 125, 207, 0.06) !important;
    border-left: 1px rgba(0, 0, 0, 0.08) solid !important;
    border-right: 1px rgba(0, 0, 0, 0.08) solid !important;
    box-shadow: inset rgba(0, 0, 0, 0.05) 0px 2px 8px 0px;
    overflow: hidden !important;
}

.table tr#details>td {
    padding: 10px 10px !important;
    overflow: visible !important;
    z-index: 8000 !important;
    overflow: hidden !important;
}

.table tr#details > td.sub-table {
    padding: 0px 0px !important;
}
.table tr#details > td.sub-table .table {
    padding: 0px 0px !important;
    margin: 0px 0px !important;
}
.table tr#details > td.sub-table .table th,
.table tr#details > td.sub-table .table td {
    background: transparent !important;
}
.table.tbl-sm tr#details > td.sub-table .table th,
.table.tbl-xs tr#details > td.sub-table .table tbody tr td {
    padding: 2px 2px !important;
    font-size: 10px !important;
}

.table tr#details .dropdown-submenu {
    z-index: 99999 !important;
}

.table tr.expand-show td,
.table tr.expand-show td.sorting_1 {
    background: rgba(13,13,13,0.12) !important;
}


.table .list-group li {
    border: none !important;
    padding: 1px 1px;
    margin: 0;
    background: transparent;
}

.table .list-group li .data {
    color: #0D7CC3;
    font-weight: bold;
}

.table td .label {
    padding: 1px 3px !important;
    font-size: 12px;
}

.table tr.total td {
    border-top: #333 dashed 1px !important;
}
.table td.name-data {
    min-width: 200px !important;
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
    display: none;
}

.tab-content>.active, .pill-content>.active {
    display: block;
}

h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa {
    font-size: 100% !important;
}

.media-list li.list-separated {
    border-bottom: 1px solid rgba(212, 212, 212, 0.30) !important;
    padding-bottom: 10px;
}

.media-list li.list-separated:last-child {
    border-bottom: 1px solid transparent !important;
}

.nav-tabs.portlet-tab, .nav-tabs.portlet-tab li, .nav-tabs.portlet-tab li a,
.nav-tabs.portlet-tab li.active a {
    border: transparent 1px solid !important;
}

.nav-tabs.portlet-tab li.active a {
    background: rgba(104, 196, 240, 0.20);
}

.nav-tabs.portlet-tab li.active:after {
    content: ' ';
    position: absolute;
    top: 0px;
    bottom: 3px;
    left: -5px;
    background: #0D79F9;
    border-left: 5px #9EB4FB solid;
}

.list-group.summary {
    width: 100%;
    display: block;
    margin: 0px 0px;
}

.list-group.summary .list-group-item,
.list-group.summary .list-group-item input{
    background: transparent !important;
}

.list-group .form-group {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
}

/*
.list-group.summary > li > span.label-default *,
.list-group.summary > li > span.label-default .editable-disabled * {
    display: inline-block;
}

 */

.editable-input input {
    padding-left: 8px !important;
}

.list-group.summary > li > span.label-default .popover-title{
    width: 100% !important;
}


.list-group.summary > li > span.label-default,
.list-group.summary > li > span.label-default .editable-disabled {
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    background: transparent !important;
    font-size: 15px !important;
    color: #0486BC;
    font-weight: bold;
}

.list-group.summary .label-default .label
{
    background: transparent !important;
    font-weight: bold !important;
    padding: 0px 0px !important;
    font-size: 15px !important;
}

.table.tbl-sm .list-group.summary li.list-group-item,
.table.tbl-sm .list-group.summary li.label-name {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    height: auto !important;
    background: transparent !important;
}

.table.tbl-sm .list-group.summary > li > span.label-default,
.table.tbl-sm .list-group.summary > li > span.label-default .editable-disabled {
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    background: transparent !important;
    font-size: 13px !important;
    color: #0486BC;
    font-weight: bold;
    line-height: 14px !important;
}

.table.tbl-sm  .list-group.summary .label-default .label
{
    background: transparent !important;
    font-weight: bold !important;
    padding: 0px 0px !important;
    font-size: 13px !important;
    display: inline-block;
}
.list-group.summary .label-default a:hover{
    color: #0486BC !important;
}
.list-group.summary .label-default a, .list-group.summary .label-default a.editable-disabled{
    text-decoration: none;
    cursor: default;
    color: #0486BC !important;
}
.list-group.summary .label-default a.editable-empty{
    text-decoration: none;
    cursor: pointer;
    color: #FF0000 !important;
}
.list-group.summary .label-default .editable {
    cursor: pointer;

}

.list-group.summary .list-group-item > h1,
.list-group.summary .list-group-item > h2,
.list-group.summary .list-group-item > h3,
.list-group.summary .list-group-item > h4,
.list-group.summary .list-group-item > h5
{
    display: inline-block !important;
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    line-height: 100% !important;
    background: transparent !important;
}
.list-group.summary.row .list-group-item {
    margin-top: 10px !important;
    border-top: 1px dashed rgba(0,0,0,0.1) !important;
    display: inline-block;
    width: 100%;
}
.list-group.summary.row .list-group-item:first-child {
    border-top: none !important;
}

.list-group.summary.row .label-name {
    color: rgba(0,0,0,0.6) !important;
    width: 100%;
    display: block;
    font-size: 12px;
    padding: 0px 5px;
    margin: 0px 0px;
    margin-top: 5px;
}
.list-group.summary.row .label-default {
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 15px !important;
}

.list-group.summary.column li {
    display: inline-block !important;
    width: 100%;
    margin: 0px 0px !important;
    padding: 5px 8px;
    height: auto !important;
}


.list-group.summary input.inline{
    padding: 0px 0px !important;
    font-size: 16px !important;
    color: #0c91e5 !important;
}
.list-group.summary .number input.inline{
    text-align: right;
    padding-right: 20px !important;
}



.list-group.summary.column .label-default {
    text-align: left !important;
    padding: 5px 0px !important;
    display: inline-block !important;
}

.list-group.summary .label-default.number {
    text-align: right !important;
}


.list-group.summary.column .label-name {
    display: inline-block !important;
    color: #0c0c0c;
    vertical-align: middle;
    padding: 0px 0px !important;
    text-align: left;
    /*	word-wrap: break-word;*/

    background: transparent !important;
}
.list-group.summary.column > li span {
    padding: 2px 0px !important;
}

.list-group.summary.column .label-name:after {
    content: ' : ';
    margin-left: 10px;
    margin-right: 15px;
    float: right;
    position: absolute;
    right: -8px;
    top: 3px;
    color: #ff7000 !important;
    font-weight: bold;
}

.list-group.summary.column.table .label-name:after {
    content: ' : ';
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    position: absolute;
    right: -5px;
    top: 3px;
}

.list-group.summary.column h3 * {
    font-size: 20px !important;
    padding-bottom: 10px;
}

.list-group.summary.border-top li {
    border: none !important;
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    border-top: 1px solid #e2e2e2 !important; color: #666;
}

.list-group.list-group-sm li,
.list-group.list-group-sm .label-default,
.list-group.list-group-sm .label-name {
    font-size: 12px !important;
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    height: auto !important;
}

.list-group.list-group-xs li,
.list-group.list-group-xs .label-default,
.list-group.list-group-xs .label-name {
    font-size: 11px !important;
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    height: auto !important;
}

.list-group.column.list-group-sm .label-name:after,
.list-group.column.list-group-xs .label-name:after
{
    top: 0px !important;
}

.list-group.list-group-lg li,
.list-group.list-group-lg .label-default,
.list-group.list-group-lg .label-name {
    font-size: 18px !important;
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    height: auto;
}

.list-group .list-group-item.list-group-item-lg *,
.list-group .list-group-item.list-group-item-lg .label-default
{
    font-size: 30px !important;
}

.list-group .list-group-item.list-group-item-md *,
.list-group .list-group-item.list-group-item-md .label-default
{
    font-size: 20px !important;
}

.list-group .list-group-item.list-group-item-sm *,
.list-group .list-group-item.list-group-item-sm .label-default
{
    font-size: 12px !important;

}
.list-group.summary.column.table {
    display: table;
    width: 100%;
}
.list-group.summary.column.table li{
    display: table-cell !important;
    margin: 0px 2px !important;
    padding: 5px 8px;
    width: auto;
}

.list-group.summary.no-border li {
    border: none !important;
    padding: 0px 5px !important;
    margin: 0px 0px !important;
}

.list-group.summary.no-border li .label-default
{
    padding: 2px 5px !important;
    margin: 0px 0px !important;
}

.list-group li.list-group-item.list-group-item-danger {
    background: rgba(255,46,0,0.20) !important;
}

.list-group li.list-group-item.list-group-item-info {
    background: rgba(0,157,255,0.20) !important;
}


.list-group.list-group-sm li {
    padding: 4px 5px !important;
}
.list-group.list-group-sm li .label-name,
.list-group.list-group-sm li .label-default {
    padding: 0px 5px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.list-group.list-group-xs li {
    padding: 2px 2px !important;
}


.list-group.list-group-xs li .label-name,
.list-group.list-group-xs li .label-default {
    padding: 0px 5px !important;
    height: 15px !important;
    line-height: 15px !important;
}

/* ####################################################### */
/* ################### CHAT BOX CUSTOM ################### */
/* ####################################################### */

.chats li .avatar {
    height: 25px !important;
    width: 25px !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

/* CHAT OUT */
.chats li.out .avatar {
    float: right;
    margin-left: 10px;
}
.chats li.out > div {
    padding: 5px 5px;
}
.chats li.out .message {
    margin-right: 35px;
    text-align: right;
    background: transparent;
}
/* CHAT IN */
.chats li.in .avatar {
    float: left;
    margin-right: 10px;
}
.chats li.in > div {
    padding: 5px 5px;
}
.chats li.in .message {
    margin-left: 35px;
    text-align: left;
}



.panel-collapse.table {
    padding: 0px 0px !important;
    padding-left: 30px !important;
    background: rgba(89, 168, 219, 0.05);
}

.table.sub {
    position: relative;
    margin: 0px 0px !important;
    margin-top: -2px !important;
    border-left: 1px solid #ccc !important;
}

.table.sub:before {
    width: 10px !important;
    content: ' ' !important;
    border-left: 1px solid #38A9D8;
    position: absolute;
    left: -10px;
    top: 0px;
    height: auto;
    min-height: 100%;
}

.panel-collapse.table .table.sub td, .table .table.sub, .table .table.sub tr,
.table .table.sub tr td {
    position: relative !important;
}

.table .withsub>td:first-child:before, .table .table.sub td.withsub:first-child:before
{
    width: 10px !important;
    content: ' ' !important;
    border-bottom: 1px solid #38A9D8 !important;
    position: absolute !important;
    left: -10px;
    bottom: 50% !important;
    height: auto;
    min-height: 150%;
}

.dataTables_wrapper .table .table.sub td.withsub:first-child:before {
    width: 10px !important;
    content: ' ' !important;
    border-bottom: 1px solid #38A9D8;
    position: absolute;
    left: -10px;
    bottom: 40% !important;
    height: auto;
    min-height: 150%;
}

.panel-collapse.table {
    z-index: 2;
    box-shadow: inset rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
}

#budget_row_main .panel-heading {
    background: #fff !important;
}

.img-bordered {
    border: 2px rgba(45, 141, 211, 0.1) solid;
}


.table tfoot.emphasize td {
    font-weight: bold;
    font-size: 110% !important;
    color: #0C7FAF;
}
/* calendar */

td.calendar-day {
    height: 80px !important;
    font-size: 11px;
    position: relative;
}

* html div.calendar-day {
    height: 80px;
}

td.calendar-day:hover {
    background: rgba(75, 175, 224, 0.20);
    box-shadow: rgba(79, 181, 247, 0.20) 0px 0px 5px 0px;
    cursor: pointer
}

td.calendar-day-np {
    background: #eee;
    min-height: 80px;
}

* html div.calendar-day-np {
    height: 80px;
}

th.calendar-day-head {
    font-weight: bold;
    text-align: center !important;
    width: 120px;
    padding: 5px;
}

div.day-number {
    padding: 5px;
    color: #000;
    font-weight: bold;
    float: right;
    margin: -5px -5px 0 0;
    width: 20px;
    text-align: center;
}

td.calendar-day:hover div.day-number {
    color: rgba(7, 130, 208, 0.70);
}

td.calendar-day.info div.day-number {
    color: rgba(7, 130, 208, 0.70);
}
/* shared */
td.calendar-day, td.calendar-day-np {
    width: 120px;
    padding: 5px;
}

.dropdown-menu-list.notifications li {
    position: relative !important;
}

.dropdown-menu-list.notifications li a {
    height: auto !important;
    display: inline-block !important;
    overflow: visible;
    width: 100%;
}

.dropdown-menu-list.notifications li.new a {
    background: rgba(161, 211, 253, 0.10);
}

.dropdown-menu-list.notifications li a .details {
    width: 75%;
    display: inline-block;
    float: right;
}

.dropdown-menu-list.notifications li.new a .details .label-name {
    font-weight: bold !important;
    color: #2A9EF3;
}

.dropdown-menu-list.notifications li a .details .label-codes {
    position: absolute !important;
    top: 2px !important;
    right: 4px !important;
    float: right;
    font-size: 12px;
}

.dropdown-menu-list.notifications li a .details .label-user {
    font-size: 11px;
    font-weight: bold;
}

.dropdown-menu-list.notifications li a .photo {
    width: 20%;
    display: inline-block;
}

.dropdown-menu-list.notifications li a .photo img {
    width: 100%;
    height: 50px;
}

.dropdown-menu-list.notifications li a .time {
    background: transparent !important;
    font-size: 10px !important;
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
    display: inline-block !important;
    max-width: 100% !important;
}

.dropdown-menu-list.notifications li.group-name {
    background: rgba(227, 227, 227, 0.20) !important;
}

.dropdown-menu-list.notifications li.dropdown-dark.group-name {
    background: #607482 !important;
}

.dropdown-menu-list.notifications li.group-name a:hover {
    background: none !important;
}


.tbl-xs .btn-xs .label, .tbl-sm .btn-xs .label {
    padding: 1px 2px !important;
    font-size: 9px !important;
}

#btn-expand {
    cursor: pointer !important;
    color: #009DF4 !important;
}

#btn-expand.expanded {
    color: #8297AB !important;
}

.text-bold, .text-bold * {
    font-weight: bold !important;
}

.text-italic, .text-italic * {
    font-style: italic !important;
}

#details .pagination li a, #details .dataTables_length input, #details .dataTables_length select,
#details .dataTables_length label {
    padding: 3px 4px !important;
    font-size: 9px !important;
    min-width: 15px !important;
    height: 20px !important;
}
/* ########## END ########## */
/* BEGIN product page */
.product-page {
    background: #fff;
    padding: 22px;
    position: relative;
    margin-right: 10px;
}

.product-main-image {
    margin-bottom: 20px;
    width: 85%;
    display: inline-block;
}

.product-main-image img {
    width: 100%;
}

.product-other-images {
    text-align: left;
    width: 15%;
    float: left;
    display: inline-block;
}

.product-other-images img {
    width: 58px;
    height: 58px;
    margin: 0 12px 12px 0;
    border: 4px solid transparent;
    display: inline-block;
}

.product-other-images a:hover img, .product-other-images a.active img {
    border: 4px solid #F95F03;
}

.product-page h1 {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 12px;
}

.price-availability-block {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 12px;
    margin-bottom: 17px;
}

.price-availability-block .price {
    float: left;
    font-family: 'PT Sans Narrow', sans-serif;
}

.price-availability-block .price strong {
    color: #e84d1c;
    font-size: 35px;
    font-weight: normal;
}

.price-availability-block .price strong span {
    font-size: 25px;
}

.price-availability-block .price em {
    font-style: normal;
    color: #bbb;
    font-size: 17px;
}

.price-availability-block .price em span {
    font-size: 23px;
    text-decoration: line-through;
}

.price-availability-block .availability {
    float: right;
    color: #7b8a99;
}

.price-availability-block .availability strong {
    font-weight: normal;
    color: #3e4d5c;
}

.product-page .nav-tabs>li {
    margin-top: 1px;
}

.product-page-options {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 20px 0;
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.product-page-options .pull-left {
    margin-right: 40px;
}

.product-page-options .pull-left:last-child {
    margin-right: 0;
}

.product-page-options label {
    font-weight: normal;
    text-transform: uppercase;
    color: #8e9ca8;
    font-family: "PT Sans Narrow", sans-serif;
    float: left;
    margin-right: 10px;
    padding-top: 2px;
}

.product-page-options select.input-sm {
    float: left;
    width: auto;
    height: 26px;
}

.product-page-cart {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 20px;
    margin-bottom: 18px;
}

.product-quantity, .product-quantity .input-group {
    width: 70px;
    float: left;
    margin-right: 20px;
    position: relative;
}

table .product-quantity, table .product-quantity .input-group {
    margin-right: 0;
}

.product-page-cart .btn {
    padding: 7px 20px;
    font-size: 13px;
    height: 38px;
}

.product-quantity input.form-control {
    border: none;
    background: #edeff1 !important;
    font: 300 23px 'Open Sans', sans-serif;;
    color: #647484;
    height: 38px;
    width: 50px;
    text-align: center;
    padding: 5px;
}

.product-quantity input.form-control:focus {
    border: none;
}

.product-quantity .input-group-btn {
    position: static;
}

.product-quantity .btn {
    text-align: center;
    height: 18px !important;
    width: 18px;
    padding: 0 2px 0 1px !important;
    text-align: center;
    background: #edeff1;
    border-radius: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #616b76;
    margin: 0 !important;
    position: absolute;
    right: 0;
}

.product-quantity .quantity-up {
    top: 0;
}

.product-quantity .quantity-down {
    bottom: 0;
}

.product-quantity .btn i {
    position: relative;
    top: -2px;
    left: 1px;
}

.product-page .review {
    color: #6e7a85;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 18px;
    margin-bottom: 20px;
    font-weight: 300;
}

.product-page .rateit {
    margin-right: 27px;
    position: relative;
    top: 2px;
}

.product-page .review a {
    color: #e6400c;
}

.product-page .social-icons li a {
    background-position: 0 -38px;
    opacity: 1;
}
/* product pop up */
.product-pop-up {
    padding: 0;
    overflow-x: hidden;
    background: inherit;
}

.product-pop-up .product-quantity, .product-pop-up .product-quantity .input-group
{
    margin-right: 15px;
}

.product-pop-up .product-page-cart .btn {
    padding: 7px 5px;
}

.product-pop-up .product-page-cart a.btn {
    padding: 9px 5px 5px;
    display: inline-block;
}

.product-pop-up .btn-primary {
    margin-right: 10px;
}

.product-page-content {
    width: 100%;
    overflow: hidden;
    padding: 50px 13px 0;
    padding-bottom: 50px;
    margin-bottom: 50px !important;
}

.ecommerce .nav-tabs {
    text-transform: uppercase;
    font: 16px/1 "PT Sans Narrow", sans-serif;
}

.ecommerce .nav-tabs>li>a, .ecommerce .nav-tabs>li>a:hover, .ecommerce .nav-tabs>li>a:focus
{
    padding: 5px 15px 3px;
    background: #edeff1;
}

.tabbable-line>.nav-tabs>li.active>a, .tabbable-line>.nav-tabs>li.active>a:hover,
.tabbable-line>.nav-tabs>li.active>a:focus {
    background: #FFF;
    color: #FF0000;
}

.tabbable-line>.nav-tabs>li.active>a>.fa {
    color: #FF0000;
}

.product-page-content .tab-content {
    padding: 20px 15px;
    background: #fff;
}

/* datasheet tab */
.product-page-content .datasheet {
    width: 100%;
    font-size: inherit;
}

.product-page-content .datasheet th {
    border-bottom: solid 2px #eee;
    padding-bottom: 5px;
    font-size: 15px;
}

.product-page-content .datasheet td {
    padding: 5px 20px 5px 0;
    border-bottom: solid 1px #eee;
}

.datasheet-features-type {
    font-weight: bold;
}
/* reviews tab */
.reviews-form {
    padding-top: 20px;
}

.reviews-form label {
    font-weight: normal;
}

.reviews-form input.form-control {
    color: #aaa;
}

.review-item {
    width: 100%;
    overflow: hidden;
    border-bottom: solid 1px #eee;
    padding: 0 5px 5px;
    margin: 0 -5px 20px;
}

.review-item-submitted {
    margin-bottom: 5px;
    position: relative;
}

.review-item-submitted strong, .review-item-submitted em {
    display: block;
}

.review-item-submitted strong {
    margin-bottom: 3px;
}

.review-item-submitted em {
    font-style: normal;
    color: #bbb;
    font-size: 12px;
}

.review-item-submitted .rateit {
    position: absolute;
    top: 3px;
    right: 0;
}

.zoomImg {
    background: #fff !important;
}

#directions-panel {
    margin-top: 10px;
    background-color: #FFD263;
    padding: 7px;
    display: inline-block;
    width: 100%;
}

.text-color-blue, .text-color-blue input, .text-color-blue select {
    color: #0074E0 !important;
}

#search_result {
    position: absolute;
    top: 68px;
    left: 0;
    background: #fff;
    padding: 10px 10px;
    width: auto;
    display: inline-block;
    box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.10);
    word-break: break-all;
    padding: 10px 10px;
}

.search_res_sub {
    position: absolute;
    top: 68px;
    left: 520px;
    background: rgba(237, 235, 235, 0.50);
    padding: 10px 10px;
    width: 400px;
    display: inline-block;
    box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.10);
    word-break: break-all;
    padding: 10px 10px;
}

.select2-container.select2-container-multi {
    border: #cacaca 1px solid !important;
}

.select2-container.select2-container-multi .select2-input{
    padding: 5px 10px !important;
}

.select2-container.inline, .select2-container.inline.dropdown-open {
    width: 100% !important;
    display: inline-block !important;
}

.select2-container.inline.input-xs .select2-choice .select2-chosen {
    font-size: 12px !important
}
.select2-container .select2-choice {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
}
.select2-container.inline .select2-choice .select2-chosen,
.select2-container .select2-choice .select2-chosen
{
    font-size: 14px !important;
    margin: 0px 0px !important;
    padding: 0px 8px !important;
}

.table .select2-container.inline .select2-choice .select2-chosen,
.table .select2-container .select2-choice .select2-chosen
{
    padding: 2px 5px !important;
}

.list-group-item > div
{
    white-space: normal;
    overflow: visible;
    display: block;
}

.label-default
{
    white-space: normal !important;
    /* word-break: break-all !important; */
    word-wrap: break-word !important;
}
#verify_message {
    margint-top: 10px;
    padding: 10px 10px !important;
    display: inline-block;
}

#verfiy_result {
    border: 2px dashed rgba(0,0,0,0.08);
    margin: 0px 0px !important;
    padding: 10px 10px !important;
    margin-bottom: 10px;
    width: 100%;
    list-style: none;
    overflow: hidden !important;
}

.verification-box
{
    position: relative;
    display: inline-block;
    border-top-width: 10px !important;
    margin: 0px 0px;
    width: 100%;
    overflow: hidden !important;
}

.verification-box .alert{
    overflow: hidden !important;
    min-height: 130px;
    margin: 0px 0px;
}

.verification-box .alert h4{
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.08) 0px 3px 3px;
}


.verification-box .alert .fa.fa-bg {
    position: absolute;
    font-size: 70pt;
    bottom: 20px;
    right: 0px;
    opacity: 0.1;
    -moz-opacity:  0.1;
    text-shadow: -20px -20px 3px rgba(0,0,0,0.3);
}

.btn-round-lg{
    border-radius: 22.5px !important;
}
.btn-round{
    border-radius: 17px !important;
}
.btn-round-sm{
    border-radius: 15px !important;
}
.btn-round-xs{
    border-radius: 11px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.label-editable:before {
    font-family: FontAwesome;
    content: "\f040";
    margin-right: 5px;
    margin-left: -15px;
    color: #ffbd2a;
    font-size: 12px;
}

.emphasize-icon {
    display: none;
}

.task.portlet.red .emphasize-icon {
    display: inline-block;
    color: #fff;
}

.task.portlet.red .emphasize-icon a {
    display: inline-block;
}

.task.portlet.red .emphasize-icon .fa {
    color: #fff;
    font-size: 25px;
}

.fileinput.fileinput-custom {
    position: relative;
    display: inline-block;
    height: auto;
    max-height: 250px;
}

.fileinput.fileinput-custom .fileinput-preview,
.fileinput.fileinput-custom .thumbnail
{
    padding: 0px 0px;
    width: 100%;
    height: auto;
    float:left;
    display: inline-block;
    margin: 0px 0px;
    background: transparent;
    border: none;
}

.fileinput.fileinput-custom .fileinput-preview:hover,
.fileinput.fileinput-custom .thumbnail:hover
{
    box-shadow: #00A8FF 0px 0px 10px;
    -mox-box-shadow: #00A8FF 0px 0px 10px;
    -o-box-shadow: #00A8FF 0px 0px 10px;
}

.fileinput.fileinput-custom .btn-remove{
    position: absolute;
    top: -6px;
    right: -15px;
}

.fileinput.fileinput-custom .btn-upload{
    position: absolute;
    top: 20px;
    right: -15px;
}

.input-group h1.form-control
{
    font-size: 20px;
    border-radius:  0px !important;
    padding: 3px 10px !important;
    margin: 0px 0px !important;
}
.input-group.input-group-lg h1.form-control
{
    font-size: 28px;
    border-radius:  0px !important;
    padding: 5px 15px !important;
    margin: 0px 0px !important;
}
/*
    .input-icon {
        background: #fff;
    }
 */
.input-icon input {
    background: transparent !important;
}

.input-icon h1{
    padding-left: 32px !important;
}
.input-group-lg.input-icon h1{
    padding-left: 38px !important;
}
.input-group-lg.input-icon input{
    padding-left: 45px !important;
}
.input-group-lg > .fa {
    top: 10px !important;
    font-size: 28px !important;
}
.input-group-lg .twitter-typeahead input {
    height: 45px !important;
}
.input-group-lg > .input-icon > i {
    left: 10px;
    top: 7px !important;
}

.input-group-lg button .fa {
    top: 5px;
    font-size: 20px !important;
}


.input-icon .twitter-typeahead {
    position: absolute !important;
    right: 0px;
    left: 0px;
    z-index: 1 !important;
}
.input-icon .twitter-typeahead .fa{
    z-index: 1 !important;
}

.input-icon.right .twitter-typeahead .form-control {
    padding-right: 28px !important;
}
.input-icon.left .twitter-typeahead .form-control {
    padding-left: 28px !important;
}
.input-icon .twitter-typeahead .fa {
    position: absolute !important;

}
.input-icon.right .twitter-typeahead .fa {
    right: 0px;
}
.input-icon.left .twitter-typeahead .fa {
    left: -15px !important;
}


.input-icon .select2-container .select2-choice{
    padding-left: 30px !important;
}

.input-icon input[type=date] {
    padding-left: 25px !important;
}
/* ### JQUERY UI ## */
.ui-dialog-titlebar-close {
    border: none !important;
    background: transparent url('../../../global/img/portlet-remove-icon.png') center center no-repeat;
}
/* END OF JQUERY UI */


.dataTables_processing {
    border: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    background: -webkit-linear-gradient(rgba(255,255,255,0.01), floralwhite, rgba(255,255,255,0.01)) !important; /* Safari 5.1- 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0.01), floralwhite, rgba(255,255,255,0.01)) !important;  /* Opera 11.6-12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0.01), floralwhite, rgba(255,255,255,0.01)) !important;  /* Firefox 3.6-15 */
    background: linear-gradient(rgba(255,255,255,0.01), floralwhite, rgba(255,255,255,0.01)) !important; /* Standard syntax */
}


.bg-fadeout {
    background: transparent;
    transition: all 1s;
}

/*ROW BG COLOR */
.row-success td{
    background: rgba(110, 220, 76, 0.20);
}
.row-danger td{
    background: rgba(220, 117, 76, 0.20);
}
.row-warning td{
    background: rgba(220, 162, 76, 0.20);
}
.row-info td{
    background: rgba(76, 193, 220, 0.20);
}
/* END product page */

body.page-portlet-fullscreen {
    overflow: hidden !important;
}

td.relative {
    position: relative !important;
}
tr.unsaved {
    position: relative;
    overflow: visible;
}
tr.unsaved td:first-child:before{
    position: absolute;
    font-family: FontAwesome;
    content: '\f11d';
    left: 2px;
    color: rgba(255,0,0,0.70);
}
tr.saved {
    position: relative;
    overflow: visible;
}
tr.saved td:first-child:before{
    position: absolute;
    font-family: FontAwesome;
    content: '\f02b';
    left: 2px;
    color: rgba(50,202,4,0.70)
}

.hr {
    border-bottom: 2px solid #e8ecec;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 2px;
}
.hr .hr-label {
    background: #e8ecec; padding: 3px 5px;
}
.hr .hr-label.blue {
    color: #0c91e5;
}

.label.label-shortcut {
    font-size: 10px;
    background: transparent;
    color: #ff0000
}

.mtreader-accomplishment .col-xs-6 .col-xs-6,
.mtreader-accomplishment .col-md-6 .col-md-6,
.mtreader-accomplishment .col-lg-6 .col-lg-6
{
    padding: 5px 5px !important;
}
.popover {
    z-index: 99999999 !important;
    max-width: 600px !important;
}

/* POP OVER THEMES */
.popover.popover-info .popover-title{
    border-radius: 0px !important;
}

/* POPOVER BLUE */
.popover.popover-info {
    border-color: rgba(41,177,252,0.40);
}
.popover.popover-info .popover-title{
    background-color: rgba(41,177,252,0.10);
    color: #0c91e5;
    font-weight: 700;
}
.popover.popover-info.left > .arrow {
    border-left-color: rgba(41,177,252,0.40) !important;
}
.popover.popover-info.right > .arrow {
    border-right-color: rgba(41,177,252,0.40) !important;
}
.popover.popover-info.top > .arrow {
    border-top-color: rgba(41,177,252,0.40) !important;
}
.popover.popover-info.bottom > .arrow {
    border-bottom-color: rgba(41,177,252,0.40) !important;
}


/* POPOVER RED */
.popover.popover-danger {
    border-color: rgba(255,0,0,0.4);
}
.popover.popover-danger .popover-title{
    background-color: rgba(255,0,0,0.10);
    color: #ee1100;
    font-weight: 700;
}
.popover.popover-danger.left > .arrow {
    border-left-color: rgba(255,0,0,0.4);!important;
}
.popover.popover-danger.right > .arrow {
    border-right-color: rgba(255,0,0,0.4); !important;
}
.popover.popover-danger.top > .arrow {
    border-top-color: rgba(255,0,0,0.4); !important;
}
.popover.popover-danger.bottom > .arrow {
    border-bottom-color: rgba(255,0,0,0.4); !important;
}

/* POPOVER YELLOW */
.popover.popover-warning {
    border-color: rgba(255,160,9,0.4);
}
.popover.popover-warning .popover-title{
    background-color: rgba(255,160,9,0.10);
    color: #f59e00;
    font-weight: 700;
}
.popover.popover-warning.left > .arrow {
    border-left-color: rgba(255,160,9,0.4);!important;
}
.popover.popover-warning.right > .arrow {
    border-right-color: rgba(255,160,9,0.4); !important;
}
.popover.popover-warning.top > .arrow {
    border-top-color: rgba(255,160,9,0.4); !important;
}
.popover.popover-warning.bottom > .arrow {
    border-bottom-color: rgba(255,160,9,0.4); !important;
}


/* POPOVER GREEN */
.popover.popover-success {
    border-color: rgba(0,209,108,0.4);
}
.popover.popover-success .popover-title{
    background-color: rgba(0,209,108,0.10);
    color: #00CC00;
    font-weight: 700;
}
.popover.popover-success.left > .arrow {
    border-left-color: rgba(0,209,108,0.4);!important;
}
.popover.popover-success.right > .arrow {
    border-right-color: rgba(0,209,108,0.4); !important;
}
.popover.popover-success.top > .arrow {
    border-top-color: rgba(0,209,108,0.4); !important;
}
.popover.popover-success.bottom > .arrow {
    border-bottom-color: rgba(0,209,108,0.4); !important;
}

/* ///////////////// */
*.text-liquefied {
    color: rgba(0,0,0,0.3) !important;
}


.btn.inline
{
    background: transparent !important;
    color: #0c203a;
    border: 1px solid transparent !important;
    border-left: rgba(0,0,0,0.15) 1px solid !important;
}
.btn.inline:hover {
    background: rgba(0,0,0,0.3);
}
.btn.inline:first-child {
    border-left: 1px solid transparent !important;
}

.btn.inline.btn-primary {
    color: #0c83e7;
}
.btn.inline.btn-primary:hover {
    color: #00A8FF;
}

.btn.inline.btn-info {
    color: #00A8FF;
}
.btn.inline.btn-info:hover {
    color: #0da3e2;
}

.btn.inline.btn-warning {
    color: #ff8718;
}
.btn.inline.btn-warning:hover {
    color: #ffbd2a;
}

.btn.inline.btn-success {
    color: #008000;
}
.btn.inline.btn-success:hover {
    color: #72c02c;
}

.btn.inline.btn-danger {
    color: #e12430;
}
.btn.inline.btn-danger:hover {
    color: #ec7063;
}



@media print {
    .table.table-bordered td,
    .table.table-bordered th {
        border-right: solid 1px #ccc !important;
        border-bottom: solid 1px #ccc !important;
        font-size: 12px !important;
        padding: 3px 4px!important;
        height: 18px!important;
    }
    .table.table-borderd th {
        border-top: solid 1px #ccc !important;
    }
    .table.table-bordered td:first-child,
    .table.table-bordered th:first-child{
        border-left: solid 1px #ccc !important;
        border-left: solid 1px #ccc !important;
    }
    .table td.name-data {
        min-width: 200px !important;
    }
    .list-group-item,
    .list-group-item span {
        display:inline-block !important;
    }
    * .number,
    *.number,
    span.number,
    .number  {
        text-align: right !important;
    }
    footer {
        page-break-after: always !important;
    }
}

.page-sidebar-menu .sub-menu{
    margin-top: 0px !important;
    z-index: 100 !important;
}

.page-sidebar-menu.page-sidebar-menu-hover-submenu li > .sub-menu {
    margin-top: -40px !important;
}

.page-sidebar-menu.page-sidebar-menu-hover-submenu .sub-menu li a {
    margin-left: 5px !important;
}

.page-sidebar .sub-menu li a {
    margin-left: -20px !important;
}


body.page-sidebar-closed .page-sidebar .sub-menu li a {
    margin-left: 0px !important;
}

body.page-sidebar-closed .page-sidebar-menu li.start {
    background: #364150 !important;
}


.page-sidebar-menu .sub-menu a {
    padding-left: 20px !important;
    position: relative;
}

.page-sidebar-menu .sub-menu a .fa {
    position: absolute !important;
    left: -5px !important;
    top: 10px !important;
    width: 30px;
}
.top-menu .navbar-nav {
    margin-right: 0px !important;
}
.top-menu .navbar-nav > li {
    margin-right: 0px !important;
    padding-left: 0px !important;
}
.top-menu .navbar-nav > li > a{
    margin-right: 0px !important;
}
.top-menu > ul > li > a .img-circle {
    position: absolute;
}
.top-menu > ul > li > a .username {
    margin-left: 50px;
}
.page-sidebar-menu > li  a,
.top-menu > ul li  a
{
    position: relative !important;
    overflow: hidden;
}
.page-sidebar-menu > li  a:hover {
    background: transparent !important;
}
.page-sidebar-menu > li.active > a:hover {
    background: #3FD5C0 !important;
}
.top-menu > ul > li >  a:hover
{
    background: #e05f2b !important;
}

.page-sidebar-menu > li  a:before,
.top-menu > ul li  a:before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.page-sidebar-menu > li a:before {
    box-shadow: rgba(255,85,0,0.60) 0px 0px 80px;
    background-color: rgba(255,85,0,0.2);
}
.page-sidebar-menu > li.active > a:before {
    box-shadow: rgba(255,255,255,0.20) 0px 0px 80px;
    background-color: rgba(255,255,255,0.20);
}
.top-menu > ul > li a:before {
    box-shadow: rgba(255,255,255,0.2);
    background-color: rgba(255,255,255,0.1);
}

.page-sidebar-menu > li  a:active:before,
.page-sidebar-menu > li  a:hover:before
{
    width: 120%;
    padding-top: 120%;
    transition: width .5s ease-out, padding-top .5s ease-out;
}
.top-menu > ul li  a:active:before,
.top-menu > ul li  a:hover:before
{
    width: 180%;
    padding-top: 180%;
    transition: width .2s ease-out, padding-top .2s ease-out;
}


.page-header.navbar .page-top {
    height: 68px;
    background: #BAC0B6;
}
.page-header.navbar .search-form {
    margin-left: 10px;
    display: inline-block;
    width: 68px;
    position: relative;
    float: left !important;
    transition: all 0.6s;
}

.page-header.navbar .search-form .input-group .form-control {
    height: 68px;
    border: 0;
    background: transparent !important;
    font-size: 14px;
    padding-left: 0;
    margin-left: 12px;
    text-indent: -150000px;
}

.page-header.navbar .search-form .input-group .form-control:hover {
    cursor: pointer;
}
.page-header.navbar .search-form .input-group .input-group-btn {
    height: 68px;
}

.top-menu li > a,
.top-menu li > a * {
    color: #0a6aa1 !important;
}

.top-menu li.open > a,
.top-menu li > a:hover {
    background: rgba(240,240,240,0.30) !important;
}
.top-menu .badge-default.count {
    color: #fff !important;
}
.top-menu li a .dropdown-menu li a:hover {
    background: rgba(240,240,240,0.30) !important;
}

.page-header.navbar .page-logo {
    float: left;
    display: block;
    width: 195px;
    height: 68px;
    padding-left: 20px;
    padding-right: 20px;
}
.page-header.navbar .page-logo > .logo-image,
.page-header.navbar .page-logo > a {
    display: block;
    float: left;
}
.page-header.navbar .page-logo .logo-default {
    margin: 27px 0 0 0;
}
.page-header.navbar .page-logo .logo-mini {
    display: none;
    margin-left: 5px;
}
.page-header.navbar .page-logo .text-logo {
    padding-left: 20px;
    padding-top: 12px;
}


.page-header.navbar .menu-toggler {
    display: block;
    cursor: pointer;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 20px;
    height: 20px;
    background: url(../img/sidebar-toggler.png) center center no-repeat ;
}
.page-header.navbar .menu-toggler:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
    float: right;
    margin: 23px 0 0 0;
}
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
    margin-right: 17px;
}
.page-header.navbar .menu-toggler.responsive-toggler {
    display: none;
    float: right;
    margin: 24px 14px 0 6px;
    background-image: url(../img/sidebar-toggler-inverse.png);
}

.page-footer-inner {
    height: 30px !important;
}
.page-footer-inner p {
    margin: 0px 0px !important;
}

.page-sidebar-menu .sub-menu {
    z-index: 3 !important;
}
.page-main-loader {
    position: fixed;
    z-index: 10051;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0,51,51,0.8);
}
.page-main-loader .page-main-loader-anim {
    position: absolute;
    width: 100px;
    top: 20%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}
.page-main-loader .loader-message{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 10%;
}


body.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > a span {
    padding-left: 5px !important;
    margin-left: 10px;
}
body.page-sidebar-closed .page-sidebar-menu .sub-menu li > a .fa {
    position: absolute !important;
    left: 5px !important;
    top: 10px !important;
    width: 30px;
}



/*
/ SINGLE CIRCLE ANIMATION
*/
.circle-anim {
    width: 100px;
    height: 100px;
    margin: 100px auto;
    background-color: #6CF;

    border-radius: 100% !important;
    -webkit-animation: scaleout 1.0s infinite ease-out;
    animation: scaleout 1.0s infinite ease-out;
}

@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(0.0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 100% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
          opacity: 0;
      }
}


/*
/ CUBE ANIMATION
*/

.cube-blue{
    background-color: rgba(0,0,255,0.7);
}
.cube-red{
    background-color: rgba(255,0,0,0.7);
}
.cube-blue, .cube-red {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: cubemove 1.8s infinite ease-out;
    animation: cubemove 1.8s infinite ease-out;
}

.cube-blue {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}


/* 01-29-2015 */
.btn-default.active{
    background: #31B6EF !important;
    color: #FFF !important;
}
.btn-default.active .fa{
    color: #FFF !important;
}



/* 03-31-2017 */
.btn-danger.active {
    background: #bc0000 !important;
    color: #fff !important;
}
.btn-danger.active .fa{
    color: #FFF !important;
}

@-webkit-keyframes cubemove {
    25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
    50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
    75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
    100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    } 50% {
          transform: translateX(42px) translateY(42px) rotate(-179deg);
          -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
      } 50.1% {
            transform: translateX(42px) translateY(42px) rotate(-180deg);
            -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        } 75% {
              transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
              -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
          } 100% {
                transform: rotate(-360deg);
                -webkit-transform: rotate(-360deg);
            }
}

#tabber.nav-tabs.icon li a {
    position: relative;
    padding-left: 40px !important;
}
#tabber.nav-tabs.icon li a .fa {
    position: absolute;
    left: 5px;
    top: 20px;
    display: inline-block;
    font-size: 20px;
}
#tabber.nav-tabs.icon li a span {
    display: inline-block;
    width: 100%;
}


.bg-fade{
    transition: background-color 500ms ease-out;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
}


/* FIX HTML */
body.fixed-navigation .page-sidebar {
    position: fixed !important;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 49px;
    z-index:  5 !important;
}
body.page-header-fixed .page-bar {
    position: fixed !important;
    right: 0;
    left: 255px;
    top: 90px;
    z-index: 100
}
.page-bar {
    -webkit-transition: background-color 200ms ease-in-out 200ms;
    -moz-transition: background-color 200ms ease-in-out 200ms;
    -o-transition: background-color 200ms ease-in-out 200ms;
    transition: background-color 200ms ease-in-out 200ms;
}

.page-bar .page-breadcrumb,
.page-bar .page-toolbar {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    height: 42px !important;
}

/*
body.page-header-fixed.content-scrolls .page-header .page-top,
body.page-header-fixed.content-scrolls .page-header .page-logo,
*/
body.page-header-fixed.content-scrolls .page-bar
{
    border-bottom: 1px solid rgba(0,0,0,0.10) !important;
}
/*
body.content-scrolls .page-header .page-top,
*/
body.page-header-fixed.content-scrolls .page-bar {
    box-shadow: rgba(87,87,87,0.24) 10px 0px 10px;
    background: rgba(241, 241, 241, 0.92) !important;
}

body.page-header-fixed.page-footer-fixed .page-footer{
    left: 235px;
}

body.page-header-fixed.page-sidebar-closed .heading  {
    height: 45px !important;
}

body.page-header-fixed.page-sidebar-closed .page-bar {
    left: 65px !important;
}

body.page-header-fixed.page-sidebar-closed.page-footer-fixed .page-footer{
    left: 45px;
}

body.fixed-navigation {
    overflow: hidden !important;
    height: 100%;
}

body.fixed-navigation .page-content-wrapper {
    position: absolute !important;
    top: 0px;
    bottom: -30px;
}

body.fixed-navigation .page-content-wrapper,
body.fixed-navigation .page-content
{
    height: 100% !important;
}



html, body,
.page-container{
    height: 100%;
}

body.fixed-navigation {
    position: relative;
    height: 100%;
}

body.fixed-navigation .page-content-wrapper{
    position: fixed !important;
    bottom: 20px !important;
    height: 100% !important;
    display: inline-block;
    margin-bottom: 50px;
    padding-top: 68px;
    padding-bottom: 70px;
}
body.fixed-navigation .page-content-wrapper .page-content{
    height: 100%;
    /*  overflow-x: hidden; /* (HIDDEN) IF NICE SCROLLER IS ACTIVE */
    margin-bottom: 50px;
    padding-top: 60px !important;
    z-index: 1 !important;
    overflow-x: auto;
    /* @TODO fix page scrolling */
}


.page-content-wrapper .page-content {
    padding: 20px 20px !important;
    background: #f9f9f9 !important;
}


.page-content.no-padding {
    padding: 0px 0px 0px 0px !important;
}


/*

body.fixed-navigation .page-content-wrapper{
	position: relative;
	bottom: 40px !important;
	top: 0px;
	height: 100%;
}

body.fixed-navigation .page-content-wrapper .page-content{
	position: absolute;
	height: 300px !important;
	overflow-y: auto !important;
	bottom: 30px!important;
	top: 50px!important;
	padding-top: 15px!important;
	padding-bottom: 80px!important;
	margin-bottom: 20px!important;
	right: 0px;
	left: 0px;
}
*/

.dashboard-stat.tagging .fa.bg {
    -moz-opacity: 0.2;;
    opacity: 0.2;
}
.dashboard-stat.tagging .btn {
    position: absolute;
    left: 20px;
    top: 15px;
}
.popover.popover-lg {
    min-width: 450px !important;
}
.popover.popover-table .popover-content {
    padding: 0px 0px !important;
}
.popover.popover-table .table {
    margin: 0px 0px !important;
}
.popover.popover-table th,
.popover.popover-table td {
    color: #0c0c0c !important;
}


#clock {
    display: inline-block;
    height: 20px !important;
    margin: 0px 0px 0px 0px !important;
    margin-left: 10px;
    padding: 0px 0px;
    font-weight: bold;
    color: #fff;
}
#clock .unit {
    display: inline-block;
    width: auto !important;
    height: auto;
}
#clock .unit:first-child {
    margin-left: 5px;
}

.nav-tabs.nav-tabs-label a {
    position: relative;
    padding-left: 40px;
}

.nav-tabs.nav-tabs-label a .label {
    padding: 14px 10px;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 35px;
}

.nav-tabs.nav-tabs-label li.active a .label {
    color: #ff5611 !important;
    font-weight: bold;
}

.dataTables_scroll .dataTables_scrollHead,
.dataTables_scroll .dataTables_scrollHeadInner,
.dataTables_scroll .dataTables_scrollHeadInner table{
    padding-right: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
}

.modal, .modal-backdrop {
    position: fixed !important;
    z-index: 998 !important;

}
.modal-backdrop {
    background-color: white !important;
}
.modal-backdrop.in {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-dialog {
    z-index: 999 !important;
    margin-top: 100px;
}
.minicolors input.inline {
    padding-left: 35px !important;
}

.table-condensed .minicolors {
    margin: 0px 0px;
    padding: 0px 0px;
}
.table-condensed .minicolors-swatch {
    height: 85% !important;
    width: auto;
}

.colorbox-main {
    display: inline-block;
    position: relative;
    padding-left: 19%;
    height: 18px;
    width: 100%;
}
.colorbox-main .color-box {
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 3px;
    width: 14%;
    height: 95%;
    border: 1px solid rgba(0,0,0,0.30);

}
.colorbox-main .color-box .box-sprite {
    position: absolute;
    top: 0px; bottom: 0px; left: 0px; right: 0px;
}
.colorbox-main .color-label {
    font-size: 12px;
}
.input-group.inline .input-group-addon {
    border: none;
    background: transparent !important;
    padding: 0px 3px !important;
    font-size: 11px !important;
}


.form-control.inline  {
    border: none;
}

.table-hover > tbody > tr:hover, .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: rgba(57,185,255,0.20) !important;
}

.text-glow-yellow {
    text-shadow: rgba(255,247,0,1) 0px 0px 5px;
}

.page-sidebar-menu li.content {
    padding: 10px 15px !important;
    position: relative; color:#939DA8;
    border-top: rgba(0,0,0,0.05) 1px solid;
}
.page-sidebar-menu .percent {
    font-weight: 700;
    font-size: 11px;
    position: absolute;
    right: 10px;
    top:25px;
}
.page-sidebar-menu .progress {
    margin-bottom: 2px;
    margin-top: 2px;
    width: 70%;
}
.page-sidebar-menu .progress-mini {
    height: 6px;
}
.page-sidebar-menu .stat {
    font-size: 11px;
}

.btn.btn-md{
    position: relative;
}
.btn.btn-md:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    box-shadow: rgba(255,255,255,0.3);
    background-color: rgba(255,255,255,0.3);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn.btn-md:active:before,
.btn.btn-md:hover:before
{
    width: 130%;
    padding-top: 130%;
    transition: width .2s ease-out, padding-top .2s ease-out;
}






div.cssload-content {
    margin: auto;
    display: box;
    display: -o-box;
    display: -ms-box;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: -moz-flex;
    box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-direction: normal;
    -o-box-direction: normal;
    -ms-box-direction: normal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}

.cssload-l1, .cssload-l2, .cssload-l3 {
    background: rgb(0,0,0);
    height: 5px;
    width: 29px;
    margin: 5px;
    animation: cssload-loading1 1.15s 0s infinite ease-in-out;
    -o-animation: cssload-loading1 1.15s 0s infinite ease-in-out;
    -ms-animation: cssload-loading1 1.15s 0s infinite ease-in-out;
    -webkit-animation: cssload-loading1 1.15s 0s infinite ease-in-out;
    -moz-animation: cssload-loading1 1.15s 0s infinite ease-in-out;
}

.cssload-l2 {
    animation: cssload-loading2 0.58s 0s infinite ease-in-out alternate;
    -o-animation: cssload-loading2 0.58s 0s infinite ease-in-out alternate;
    -ms-animation: cssload-loading2 0.58s 0s infinite ease-in-out alternate;
    -webkit-animation: cssload-loading2 0.58s 0s infinite ease-in-out alternate;
    -moz-animation: cssload-loading2 0.58s 0s infinite ease-in-out alternate;
}

.cssload-l3 {
    animation: cssload-loading1 1.15s 0s infinite ease-in-out reverse;
    -o-animation: cssload-loading1 1.15s 0s infinite ease-in-out reverse;
    -ms-animation: cssload-loading1 1.15s 0s infinite ease-in-out reverse;
    -webkit-animation: cssload-loading1 1.15s 0s infinite ease-in-out reverse;
    -moz-animation: cssload-loading1 1.15s 0s infinite ease-in-out reverse;
}

@keyframes cssload-loading1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-loading1 {
    0% {
        -o-transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-loading1 {
    0% {
        -ms-transform: rotate(0deg);
    }
    50% {
        -ms-transform: rotate(180deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-loading1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-loading1 {
    0% {
        -moz-transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes cssload-loading2 {
    0% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(-10px);
    }
}

@-o-keyframes cssload-loading2 {
    0% {
        -o-transform: translateX(10px);
    }
    100% {
        -o-transform: translateX(-10px);
    }
}

@-ms-keyframes cssload-loading2 {
    0% {
        -ms-transform: translateX(10px);
    }
    100% {
        -ms-transform: translateX(-10px);
    }
}

@-webkit-keyframes cssload-loading2 {
    0% {
        -webkit-transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(-10px);
    }
}

@-moz-keyframes cssload-loading2 {
    0% {
        -moz-transform: translateX(10px);
    }
    100% {
        -moz-transform: translateX(-10px);
    }
}
.dataTables_scrollBody table{
    width: 100% !important;
}
.select2-bigdrop
{
    position: absolute !important;
    width: auto !important;
    background: #fff;
    margin-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.5);
}
/*
.select2-bigdrop:before{
    position: absolute;
    top: -10px;
    left: 20px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
}
*/


/*
.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 400px;
    opacity: 1;
}
*/

.top-menu .quick-button-label {
    position: absolute;
    top: 3px;
    right: 5px;
    display: inline-block;
    width: 65px;
    color: #FF3F00 !important;
}



.ps_overlay{
    z-index:1000;
    background:transparent;
    width:100%;
    height:100%;
    position: fixed !important;
    bottom:0px;
    left:0px;
    opacity:0.5;
}
/* Image container style */
.ps_container{
    width:100%;
    height:100%;
    position:fixed !important;
    top:0px;
    bottom:0px;
    left:0px;
    z-index:1000 !important;
}
.ps_container img{
    border:10px solid #fff;
    position: fixed;
    bottom:20%;
    left:50%;
    -moz-box-shadow:1px 1px 10px #000;
    -webkit-box-shadow:1px 1px 10px #000;
    box-shadow:1px 1px 10px #000;
    z-index: 1500 !important;
}
/* Close button for preview mode */
a.ps_close{
    background: rgba(255,76,32,0.8) url(../../../../assets/global/img/close.png) no-repeat center center;
    cursor:pointer;
    width:56px;
    height:56px;
    position:fixed;
    right:30px;
    top:150px;
    z-index:3000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

a.ps_next_photo:hover,
a.ps_close:hover{
    opacity:0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
/* Thumbnail slider style */
.ps_slider{
    position:relative;

}
.ps_slider a.disabled,
.ps_slider a.disabled:hover{
    opacity:0.4;
    border:1px solid #111;
    cursor:default;
}
.ps_slider .ps_album{
    width:100%;
    height:100px;
    padding:2px 2px;
    background-color:#333;
    border:1px solid #444;
    position:fixed;
    top:0px;
    text-align:center;
    cursor:pointer;
    -moz-box-shadow:1px 1px 4px #000;
    -webkit-box-shadow:1px 1px 4px #000;
    box-shadow:1px 1px 4px #000;
    -webkit-box-reflect:
            below 5px
            -webkit-gradient(
                    linear,
                    left top,
                    left bottom,
                    from(transparent),
                    color-stop(0.6, transparent),
                    to(rgb(18, 18, 18))
            );
}
.ps_slider .ps_album:hover{
    background-color:#383838;
}
.ps_slider .ps_album img{
    height:100%;
    border:1px solid #444;
    -moz-box-shadow:1px 1px 4px #000;
    -webkit-box-shadow:1px 1px 4px #000;
    box-shadow:1px 1px 4px #000;
}
.ps_slider .ps_album .ps_desc{
    display:block;
    color:#666;
    background:#111 url(../../../../assets/global/img/overlay.png) no-repeat bottom right;
    height:200px;
    margin-top:10px;
    text-align:left;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    border:1px solid #393939;
    -moz-box-shadow:0px 0px 2px #000 inset;
    -webkit-box-shadow:0px 0px 2px #000 inset;
    box-shadow:0px 0px 2px #000 inset;
}
.ps_slider .ps_album:hover .ps_desc{
    background-image:none;
}
.ps_slider .ps_album .ps_desc span{
    display:block;
    margin:0px 10px 10px 10px;
    border-top:1px solid #333;
    padding-top:5px;
}
.ps_slider .ps_album .ps_desc h2{
    margin:10px 10px 0px 10px;
    text-align:left;
    padding-bottom:5px;
    font-weight:normal;
    color:#ddd;
    text-shadow:0px 0px 1px #fff;
    border-bottom:1px solid #000;
}
.ps_slider .loading{
    background:#121212 url(../../../../assets/global/img/loading.gif) no-repeat 50% 50%;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#modal_ajax .modal-content{
    overflow: hidden !important;
}

.editableform .form-group {
    margin-right: 0px;
    margin-left: 0px;
}


.editable-address em {
    color: #0a6aa1;
    font-size: 11px;
    line-height: 11px;
}
table .editable-inline{
    margin: 0px 0px !important;
}


.form-control[type=file] {
    padding: 0px 0px !important;
}

.meter-thumbnail-pics div {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 70px;
    margin-left: 3px;
    border: 1px solid transparent;
}
.meter-thumbnail-pics.big div {
    display: inline-block;
    position: relative;
    width: 23%;
    height: 25%;
    margin-left: 3px;
    border: 1px solid transparent;
}
.meter-thumbnail-pics a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.meter-thumbnail-pics div .btn,
.meter-thumbnail-pics div .view-text
{
    display: none;
    z-index: 100;
}
.meter-thumbnail-pics div .view-text {
    position: absolute;
    top: -15px;
    width: 100%;
    height: 18px;
    text-align: center;
    z-index: 10;
}.meter-thumbnail-pics div .view-text.inside {
     position: absolute;
     top: 0px;
     width: 100%;
     height: 18px;
     text-align: center;
     z-index: 10;
 }
.meter-thumbnail-pics div .btn#btn_delete
{
    position: absolute;
    top: 0px;
    right: -20px;
    padding: 1px 2px !important;
}
.meter-thumbnail-pics div .btn#btn_delete_permanent
{
    position: absolute;
    top: 15px;
    right: -15px;
    padding: 1px 2px !important;
}
.meter-thumbnail-pics div:hover {
    -webkit-box-shadow: #FF3F00 0px 0px 10px;
    -moz-box-shadow: #FF3F00 0px 0px 10px;
    -o-box-shadow: #FF3F00 0px 0px 10px;
    box-shadow: #FF3F00 0px 0px 10px;
    z-index: 10;
    border: 1px solid #FF3F00;
}
.meter-thumbnail-pics div:hover .btn#btn_delete,
.meter-thumbnail-pics div:hover .btn#btn_delete_permanent
{
    display: inline-block;
}
.meter-thumbnail-pics div:hover .view-text{
    display: inline-block;
}
.meter-thumbnail-pics a img{
    display: inline-block;
    height: 100%;
    width: 100%;
}

.print-table-standard tr,
.print-table-standard thead,
.print-table-standard th
{
    border: none !important;
}
.print-table-standard td{
    border: none !important;
    border-bottom: 1px dashed #ccc !important;
}

@media print {
    .printout {page-break-after: always !important;}
    .print-hidden {display: none;}
    .print-btn {display: none;}
    .printing {display: inline !important; position: relative; float: left;}
    .billno {positiont: absolute; bottom: 0px; right: 0px; float: right;}
    .print-table-standard tr,
    .print-table-standard thead,
    .print-table-standard th
    {
        border: none !important;
    }
    .print-table-standard td,
    .print-table-standard th
    {
        border: none !important;
        border-bottom: 1px dashed #333 !important;
    }

    .table td.number {
        padding-right: 20px !important;
    }

    .table tr.total td {
        border-top: #333 dashed 1px !important;
    }
}
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
pre .string { color: green; }
pre .number { color: darkorange; }
pre .boolean { color: blue; }
pre .null { color: magenta; }
pre .key { color: red; }


.icon-btn-lg {
    min-height: 150px !important;
    min-width: 150px !important;
    margin: 20px 10px;
    vertical-align: top;
}
.icon-btn-lg:first-child {
    margin-left: 0px !important;
}
.icon-btn-lg:last-child {
    margin-right: 0px !important;
}
.icon-btn-lg * {
    font-size: 120% !important;
    line-height: 24px !important;
}
.icon-btn-lg .label {
    font-size: 85% !important;
    padding: 2px 5px !important;
}

.icon-btn-lg .fa {
    font-size: 200% !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}


.required:after {
    font-family: FontAwesome;
    content: '\f069';
    color: #EF582D;
    width: 8px;
    height: 8px;
    position: relative;
    right: 0px;
    top: 0px;
    font-size: 10px;
}

.legend-info legend {
    font-size: 16px;
}
.legend-info.legend-info-small legend {
    font-size: 14px;
    margin-bottom: 5px !important;
}
.legend-info legend strong {
    color: #EF582D;
    font-weight: bold;
}

.bill-data .list-group-item .data{
    font-size: 12px !important;
}
.bill-data .list-group-item .label.text-danger{
    font-size: 12px !important;
    margin-left: -5px !important;
}

.form-control[type=date] {
    padding: 0px 5px !important;
}



/*
.dataTables_scrollBody {
    margin-right: -20px !important;
    width: 101% !important;
}
*/



.fc-day:hover{
    background:lightblue;
}
.fc-slats,
.fc-content-skeleton,
.fc-bgevent-skeleton{
    pointer-events:none;
}
.fc-bgevent,
.fc-event-container{
    pointer-events:auto;
}


td.findings .twitter-typeahead .tt-hint,
td.findings .twitter-typeahead .tt-input {
    padding-left: 3px !important;
    color: #0a6aa1 !important;
    font-weight: bold;
}



/* TOP MENU NOTIFICATION */
.top-menu .external a {
    float: right !important;
}
.top-menu .external a:hover {
    background: transparent !important;
}
.top-menu .dropdown-menu-list,
.top-menu .dropdown-menu-list li.notification-list
{
    padding: 0px 0px !important;
    margin: 0px 0px !important;
}
.dropdown-notification .dropdown-menu-list li.notification-list {
    display: inline-block;
    width: 100%;
}
.top-menu .dropdown-menu-list li.notification-list a {
    position: relative;
    padding: 10px 10px !important;
    display: block !important;
    width: 100%;
    min-height: 40px !important;
    transition: 0.5s;
    background-color: transparent;
}
.top-menu .dropdown-menu-list li.notification-list:hover {
    background: rgba(255,96,0,0.12) !important;
    opacity: 1;
}

.top-menu .dropdown-menu-list li.notification-list > a.link{
    text-align: center !important;
}

.top-menu .dropdown-menu-list li.notification-list > a .link {
    text-align: center !important;
    display: inline-block !important;
    width: 100%;
}

.top-menu .dropdown-menu-list li.notification-list > a img{
    width: 50px;
    height: 50px;
    background: transparent !important;
}

.top-menu .dropdown-menu-list .details {
    width: 62%;
    display: inline-block !important;
    font-size: 12px !important;
    min-height: 40px !important;
    vertical-align: top;
    padding-left: 5px;
}

.top-menu .dropdown-menu-list .label{
    padding: 8px 5px;
    display: inline-block !important;
    vertical-align: center;
    margin-top: 5px;
}

.top-menu .dropdown-menu-list .label .fa{
    color: #fff !important;
    font-size: 120% !important;
}

.top-menu .dropdown-menu-list .time {
    position: absolute;
    right: 0px;
    top: 10px;
    width: 25%;
    min-height: 30px;
    text-align: right;
    line-height: 12px;
    height: 10px;
    padding: 3px 3px !important;
    background: transparent !important;
    font-size: 10px;
}
.top-menu .dropdown-menu-list .seen * {
    position: absolute;
    right: 0px;
    bottom: -2px;
    min-height: 30px;
    text-align: right;
    padding: 4px 3px !important;
    background: transparent !important;
    font-size: 10px;
    color: #6f6f6f !important;
    width: auto !important;
}

.top-menu .dropdown-menu-list .details .title{
    width: 100%;
    display: inline-block;
    line-height: 12px !important;
    height: 13px !important;
    margin: 0px 0px !important;
    color: #ff6000 !important;
}

.top-menu .dropdown-menu-list .details .title.bold{
    font-weight: bold !important;
}

.top-menu .dropdown-menu-list .details .description{
    color: #5f5f5f !important;
    width: 100%;
    display: inline-block;
    line-height: 13px !important;
    height: 13px !important;
}
.top-menu .dropdown-menu-list .details .from{
    color: #0090ba !important;
    width: 100%;
    display: inline-block;
    line-height: 13px !important;
    height: 12px !important;
    font-size: 10px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
    min-width: 350px !important;
    max-width: 450px !important;
}


.editable-input {
    margin: 0px 0px !important;
    margin-top: 10px !important;
}
.editable-buttons {
    margin: 0px 0px !important;
    margin-top: 10px !important;
}
.editable-buttons button:first-child {
    margin-left: 8px !important;
}
/* STEP WIZARD CUSTOM HORIZONTAL CUSTOM */
.stage .page-breadcrumb {
    display: inline-block;
    float: left;
    padding: 8px;
    margin: 0;
    list-style: none; }
.stage .page-breadcrumb > li {
    display: inline-block; }
.stage .page-breadcrumb > li {
    margin-right: 1px; }
.stage .page-breadcrumb > li > a,
.stage .page-breadcrumb > li > span {
    color: #888;
    font-size: 14px;
    text-shadow: none;
    font-weight: bold;
}

.stage .page-breadcrumb > li > a.active {
    color: #fff;
    background: #ff5900;
    padding: 2px 5px !important;
}

.stage .page-breadcrumb > li > i {
    color: #ff5900;
    font-size: 14px;
    text-shadow: none; }
    .stage .page-breadcrumb > li > i[class^="icon-"],
    .stage .page-breadcrumb > li > i[class*="icon-"] {
    color: gray;
}

.tt-dropdown-menu {
    box-shadow: rgba(0,0,0,0.1) 0px 3px 10px !important;
    -moz-box-shadow: rgba(0,0,0,0.1) 0px 3px 10px !important;
    -o-box-shadow: rgba(0,0,0,0.1) 0px 3px 10px !important;
}

div.dataTables_info {
    padding-top: 9px;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color:#969696;
}

.pagination {
    margin-top: 10px !important;
}
.pagination > li > a, .pagination-sm > li > span {
    padding: 5px 10px !important;
    font-size: 12px !important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-click-submenu a
{
    position: relative;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-click-submenu ul.sub-menu
{
    margin-top: -33px !important;
    position: absolute;
    background-color: #0c203a;
    right: -300px;
    width: 300px;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-click-submenu > li a > ul.sub-menu
{
    margin-top: -45px !important;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-click-submenu ul.sub-menu a
{
    width: 100% !important;
    padding-left: 30px !important;
    margin-left: 0px !important;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-click-submenu ul.sub-menu a .fa
{
    margin-left: 5px !important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-click-submenu > li.open > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar-menu.page-sidebar-menu-click-submenu > li.active > a > .selected
{
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid transparent;
}


.fancybox-overlay {
    background: transparent !important;
}


.fancybox-wrap.fancybox-desktop{
    min-width: 65% !important;
}
.fancybox-wrap .fancybox-skin,
.fancybox-wrap .fancybox-skin .fancybox-outer,
.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner
{
    min-height: 60vh !important;
    width: 100% !important;
}

.icon-footer {
    text-decoration: none !important;
}
.icon-footer.icon-footer-offline .internet-text,
.icon-footer.icon-footer-offline .fa
{
    color: #CC0000 !important;
}
.icon-footer.icon-footer-online .internet-text,
.icon-footer.icon-footer-online .fa
{
    color: #b8ff00 !important;
}




.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
    min-width: 250px !important;
}