/* Minification failed. Returning unminified contents.
(1,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,161): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,204): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,500): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(1,548): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(1,692): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(1,748): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(1,895): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(1,951): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(1,1065): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1102): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1217): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1262): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1380): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1425): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1543): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1588): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1706): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1751): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(1,1878): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,1929): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,2057): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,2109): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,2236): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,2287): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,2415): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,2466): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,4135): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,4188): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,7624): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(1,7677): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
 */
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animated.repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animated[class*=Out]{opacity:0}}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
.cke_panel {
    z-index: 999999 !important; /* fix ckeditor in modal*/
}

.cke_dialog_container {
    z-index: 999999 !important; /* fix ckeditor in modal*/
}

.ui-autocomplete {
    z-index: 999994 !important;
}

.popover {
    min-width: 250px !important;
}

.pointer {
    cursor: pointer !important;
}

ul.sidebar-menu li a i, ul.file-actions li a i {
    width: 22px !important;
    text-align: center;
}

#sidebar a {
    cursor: pointer !important;
}

.sidebar-parent-li .dcjq-parent {
    padding: 10px 10px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #424a4d !important;
}

.sidebar-parent-li .sub li a {
    padding: 8px 15px !important;
    font-size: 14px !important;
    color: #4296ca !important;
}


.sidebar-parent-li-corr .dcjq-parent {
    padding: 10px 0 10px 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    color: #ff8100 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

    .sidebar-parent-li-corr .dcjq-parent .fa-chevron-down {
        padding-right: 30px !important;
    }

.sidebar-parent-li-corr ul.sub {
    margin-left: 0px !important;
}

.sidebar-parent-li-corr .sub li a {
    padding: 8px 0 !important;
    font-size: 15px !important;
}


.form-control {
    border: 1px solid #ddd !important;
    background-color: transparent !important;
}

.form-control-color {
    display: inline-block !important;
    width: auto !important;
}

.tooltip-inner {
    max-width: 400px !important;
}

input[disabled] {
    /*color: #c0cadd !important;*/
}

select[disabled] {
    background-color: transparent !important;
}

.navbar-nav > li > a {
    padding: 0 8px 0 8px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

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

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

td.fit-width {
    width: 10px !important;
    white-space: nowrap !important;
}

.tbody-fit-cols td {
    width: 10px !important;
    white-space: nowrap !important;
}

.btn-w100 {
    width: 100px;
}

.input-group-addon { /* overwrite */
    border-radius: unset !important;
}

.input-group .input-group-checkbox-inline {
    box-shadow: none !important;
    display: inline-block !important;
    width: auto !important;
}

    .input-group .input-group-checkbox-inline:not(:first-child) {
        border-left: 0px !important;
    }

    .input-group .input-group-checkbox-inline:not(:last-child) {
        border-right: 0px !important;
    }

.label-danger-no-bg {
    background-color: none;
    border: 1px solid red; /*#d9534f*/
    color: red;
}

.modal-full {
    width: 98% !important;
    margin: 15px !important;
}

.modal-xl, .model-90 {
    width: 90% !important;
}

.modal-80 {
    width: 80% !important;
}

.modal-70 {
    width: 70% !important;
}

.modal-60 {
    width: 60% !important;
}

.modal-50 {
    width: 50% !important;
}

.modal-body-50-height {
    height: calc(100vh - 50vh) !important;
}

.modal-body-full-height {
    height: calc(100vh - 150px) !important;
}

.modal-body-full-height-no-footer {
    height: calc(100vh - 90px) !important;
}

.modal-right-body-full-height {
    height: calc(100vh - 100px) !important;
}

.alert.alert-default {
    background-color: #fcfcfc;
    color: #444;
    border-radius: 5px;
}

.inline, .inline-left, .inline-right {
    display: inline-block !important;
}

.inline-left {
    width: 48% !important;
}

.inline-right {
    width: 48% !important;
    float: right;
}

.range-date-from {
    width: 50% !important;
    display: inline-block !important;
    border-right: 0px !important;
}

.range-date-to {
    width: 50% !important;
    float: right !important;
    display: inline-block !important;
}

.password-control input[type="password"] {
    font-family: Verdana !important;
    letter-spacing: 0.125em !important;
}

/***
ie8 & ie9 modes
***/
.visible-ie8 {
    display: none;
}

.ie8 .visible-ie8 {
    display: inherit !important;
}

.visible-ie9 {
    display: none;
}

.ie9 .visible-ie9 {
    display: inherit !important;
}

.hidden-ie8 {
    display: inherit;
}

.ie8 .hidden-ie8 {
    display: none !important;
}

.hidden-ie9 {
    display: inherit;
}

.ie9 .hidden-ie9 {
    display: none !important;
}

.required {
    color: red !important;
    display: inline-block;
    font-size: 14px;
}

a.action {
    cursor: pointer;
    /*text-decoration:unset;*/
}

a[editlookupfield] {
    cursor: pointer;
}

.input-group-addon .addon-select {
    padding: unset !important;
    border: 0 !important;
    font-size: 12px !important;
    vertical-align: bottom;
}

/* START: scrollbar */
::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #c6c7ca;
    transition: all 0.3s ease;
}

    ::-webkit-scrollbar:hover {
        background: #c6c7ca; /*#c6c7ca;*/
    }

::-webkit-scrollbar-thumb {
    background: #777779; /*#777779*/
    border-radius: 4px;
}
/* END: scrollbar */

/* START: placeholder */
::-webkit-input-placeholder { /* Edge */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
}

.tooltip.top {
    background-color: transparent !important;
    border: none !important;
}

/* END: placeholder */

/* START: Quick Search */
.quick-search-select {
    width: auto;
    font-size: 11px;
    margin-top: 10px;
    border-radius: 3px 0 0 3px !important;
}

.quick-search-input {
    width: 150px;
    font-size: 11px;
    color: #666;
    height: 23px
}

.quick-search-btn {
    margin-left: -2px;
    background-color: white;
    line-height: 2.2;
    border-radius: 0 3px 3px 0;
}

    .quick-search-btn i {
        top: 4px !important;
        color: black;
        font-size: 19px !important;
        opacity: 0.6;
    }
/* END: Quick Search */

/* Loading */
div#loadingParent {
    position: fixed;
    top: 0px;
    left: 50%;
    z-index: 20001 !important;
    text-align: center;
    margin-left: -67.5px;
}

div#loadingChild {
    /*background-image: -webkit-linear-gradient(top,#fcf8e3 0,#428bca 100%);
    background-image: -o-linear-gradient(top,#fcf8e3 0,#428bca 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#428bca));
    background-image: linear-gradient(to bottom,#fcf8e3 0,#428bca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#428bca', GradientType=0);*/
    background-repeat: repeat-x;
    min-width: 140px;
    background-color: #b7cde6 /*#FAF3D9*/;
    padding: 15px;
    /*border: 1px solid #08c;*/
    /*border-top: none;*/
    /*-moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
    height: 48px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    box-shadow: 0 5px 5px rgba(0,0,0,0.2);
    border-radius: 0px 0px 5px 5px;
}



img#loadingImage {
    padding-right: 3px;
    margin-bottom: 0px;
}
/* End Loading */

/* Common */
.cmsm-hide {
    display: none;
}

.cmsmLink {
    cursor: pointer !important;
}
/* End Common */

/* Pagination */
.dataTables_paginate.paging_bootstrap.pagination ul li a {
    text-decoration: none;
}

.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
    cursor: default;
}

.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover a {
    background: none;
    color: #C7C7C7;
}
/* End Pagination */

/* Button min size*/
.btn-min {
    /* background-color: #e5e5e5;*/
    font-size: 11px !important;
    line-height: 13px;
    padding: 4px 10px;
    color: #404040;
}

    .btn-min:hover {
        background-color: #CBCBCB;
    }

.btn-disable {
    background-color: #EBEBEB;
    font-size: 11px !important;
    line-height: 13px;
    padding: 4px 10px;
    cursor: not-allowed;
    color: #CECFCF;
}

    .btn-disable:hover {
        color: #CECFCF;
    }
/* End Button min size*/

/* Right button */
.btn-right {
    float: right;
    margin-left: 2px;
}
/* End right button */

/* Min button*/
.btn-mini {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
/* End min button*/
.notifyjs-cmsm-base {
    opacity: 0.85;
    width: 325px;
    background: #337ab7; /*#500*/
    padding: 5px;
    border-radius: 10px;
    font-size: 12px;
    font-family: verdana;
}

    .notifyjs-cmsm-base .title {
        width: 90%;
        float: left;
        margin: 10px 0 0 10px;
        text-align: right;
        color: white;
    }

    .notifyjs-cmsm-base .buttons {
        width: 70px;
        float: right;
        font-size: 9px;
        padding: 5px;
        margin: 2px;
    }

    .notifyjs-cmsm-base button {
        font-size: 11px;
        padding: 5px;
        margin: 2px;
        width: 60px;
    }

.notifyjs-corner {
    /*z-index: 9999 !important;*/
    bottom: 0px;
}

/* button */
.btn-xs {
    padding: 1px 5px;
}

/* tab */
div.tabbable {
    transition: padding 500ms ease 0s;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

div.tab-content {
    border-radius: 0 5px 5px 5px !important;
    border: 1px solid #cecece;
    padding: 20px 15px 10px 15px;
    border-top: none;
}

/* modal */
.modal {
    top: 0;
}

.modal-header {
    padding: 0 8px;
}

    .modal-header .close {
        margin-top: 2px;
    }

.modal-title {
    margin: 5px;
    font-weight: 500;
}

.modal-footer {
    padding-right: 15px;
}

.modal-close-button {
    width: 30px;
    font-size: 30px;
    color: #000;
    margin-top: 0px !important;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    /*width: 400px;*/
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
    border: none;
}

.modal.left .modal-header,
.modal.right .modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

.modal.right .modal-footer {
    text-align: left;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal-body{
    background-color: #fff !important;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -400px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -400px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* file history */
.fieldname, .a-fn {
    color: blue;
    text-decoration: none;
}

.objectname, .a-on {
    font-weight: bold;
    text-decoration: none;
}

.oldvalue, .a-ov {
    text-decoration: none;
}

.newvalue, .a-nv {
    text-decoration: none;
}

.oldtonew, .a-otn {
    text-decoration: none;
}

.rowrightbar {
    margin-right: -15px;
    margin-left: -20px;
    margin-bottom: 10px;
}

.col1rightbar {
    width: 40%
}

.col2rightbar {
    width: 59%
}


.sidebar-menurightbar {
    list-style-type: none;
    margin: 0px -25px -15px -34px !important;
}

.accordion.accordion-semi .panel-heading a {
    background-color: #f1f1f1;
    color: #555555;
}

.m-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.p-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.text-align-center {
    text-align: center;
}

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

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

.bold {
    font-weight: bold;
}

.cmsm-scroll-x {
    overflow: hidden;
    overflow-x: auto;
}

.cmsm-scroll-y {
    overflow: hidden;
    overflow-y: auto;
}

.cmsm-group {
    border: 1px solid #cecece;
    padding: 2px 4px;
    margin: 2px;
    border-radius: 5px;
}

.red {
    color: red !important;
}

.blue {
    color: blue !important;
}

.table-nowrap td {
    white-space: nowrap;
}

.copyright-site {
    font-size: 11px;
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    margin: 5px auto 0;
    z-index: 0;
}

label.display {
    padding: 1px 2px 0px 2px;
    color: #31708f !important;
    margin-top: 2px;
    margin-bottom: 0px;
    border-bottom: 1px dashed #cecece;
}

.page-content {
    padding: 10px 15px 15px 15px !important;
}

.content-loading {
    background-image: url(/Content/images/loading.gif);
    background-repeat: no-repeat;
    min-height: 50px;
    /*
    position: relative;
    left: 48%;
    top: 48%
    */
    background-position: center;
}

.running {
    color: green !important;
    background-image: url(/Content/images/loader_transperent.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px !important;
}


/* START: Rule Editor */
.ceFlow, .ceClause {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    margin: 0px;
    display: inline-block;
    white-space: nowrap;
}

.ceClause, .ceParenthesis {
    font-weight: bold;
}

.ceValue {
    background-color: #fefefe;
}

.rule-result-True {
    color: black
}

.rule-result-False {
    color: red;
    /* font-weight: bold;*/
}

.rule-result-Disable {
    font-style: italic;
}

/* END: Rule Editor */

.primary-borrower {
    font-weight: bold;
    color: green;
}

.block-web .actions, .block .actions {
    padding-top: 0px;
    display: block;
}

.loanwise-block-web {
    padding: 0px !important;
    margin-bottom: 0px !important;
    border-width: 0px !important;
}

    .loanwise-block-web .porlets-content {
        padding: 0px !important;
    }

    .loanwise-block-web .header .heading-1 {
        float: left !important;
    }

    .loanwise-block-web .header .actions {
        float: left !important;
        padding-left: 5px !important;
    }

    .loanwise-block-web .header .clear {
        clear: left !important;
    }

/* FIX ZINDEX: header, jalert, dialog */
div#popup_container { /* jAlert-bg */
    z-index: 999998 !important;
}

.popup_overlay { /* jAlert-bg */
    z-index: 999997 !important;
}

div#loadingParent { /* loading */
    z-index: 999996 !important;
}

.datepicker, .datetimepicker {
    z-index: 999995 !important;
}

.modal { /* dialog-popup */
    z-index: 999994 !important;
}

.modal-backdrop { /* dialog-bg */
    z-index: 999993 !important;
}

/* FIX MENU ACTIVE for File */
.navbar { /* header */
    z-index: 19999 !important;
}

ul.sidebar-menu li a.active-app {
    background-color: #76a6c40d;
}

    ul.sidebar-menu li a.active-app i {
        color: #0f5279 !important
    }

/* START: TabSwip */
.tab-swip-content {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    /*padding: 5px;*/
    height: 41px;
}

.tab-swip-nav {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    /*margin-left: 12px;*/
    margin-top: 0px;
}

    .tab-swip-nav li {
        display: table-cell;
        position: relative;
        text-align: center;
        cursor: grab;
        cursor: -webkit-grab;
        color: #efefef;
        vertical-align: middle;
    }

.tab-swip-scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 2px;
    height: 40px;
    padding-top: 11px;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: 0 0 3px #4D4D4D;
}

.tab-swip-scroller-right {
    float: right;
    border-radius: 0px 5px 5px 0px;
}

.tab-swip-scroller-left {
    float: left;
    border-radius: 5px 0px 0px 5px;
}
/* END: TabSwip */

/* START: LendingQB Tag */
.los-eleNames {
    padding: 8px;
    border: 1px solid #cecece;
    min-height: 70px;
    margin-top: 2px;
    background-color: #fcfcfc;
}

.los-input {
    border-top: 0px !important;
    width: 250px;
}

.los-tag {
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #777;
    margin-right: 5px;
}

    .los-tag .delete {
        color: #fff;
        padding: 1px 0px 1px 3px;
        font-weight: bold
    }
/* END: LendingQB Tag */

/* START: Fix Button Top */
.buttons-top {
    top: -55px !important;
    position: absolute;
    right: 20px;
}
/* END: Fix Button Top */

/* START: ViewJson */
.json {
    outline: 1px solid transparent;
    padding: 5px;
    margin: 5px;
}

.json-string {
    color: #a11;
}

.json-number {
    color: #164;
}

.json-boolean {
    color: blue;
}

.json-null {
    color: magenta;
}

.json-key {
    color: #708;
}

.json-class {
    color: blue;
}

.json-btn {
    margin: 5px;
}
/* END: ViewJson */

/* START: File */
.li-stage-new a {
    /*padding-left: 24px !important;*/
    border-bottom: 1px dotted #ccc !important;
}

.li-more a {
    font-style: italic;
    font-weight: 900;
}

.rate-lock-empty span {
    color: red !important;
}

.lock-program-locked {
    color: green;
    border-color: green;
    font-weight: bold;
}

.lock-program-not-locked {
    color: red;
    border-color: red;
    font-weight: bold;
}

div.tab-content-rm {
    border-radius: unset;
    border: unset;
    padding: 20px;
}

ul.nav-tabs-rm {
    background-color: #959798 !important;
    opacity: 0.8;
}

    ul.nav-tabs-rm > li > a {
        padding: 10px 15px !important;
    }

    ul.nav-tabs-rm > li.active > a {
        box-shadow: unset !important;
        background-color: #fff !important
    }

.row-rm {
    padding-bottom: 3px;
    padding-left: 5px;
}

.underwriting-quick-note {
    margin: 0px !important;
    border: 0px !important;
    border-bottom: 1px dashed #cecece !important;
}

#underwritingcondition .porlets-content {
    padding: 0px !important;
}

#underwritingcondition .tr-condition > td {
    border-bottom-width: 0px !important;
}

#underwritingcondition .tr-condition2 > td {
    border-top: 1px dashed #f0f0f0 !important;
    padding: 0px !important;
}

#underwritingcondition .info-category {
    cursor: pointer;
}

#underwritingcondition .info-items-no-doc {
    cursor: pointer;
    margin-bottom: 0px !important;
}

#file-content-body-tab {
    min-height: 200px;
    padding: 15px 5px 5px 5px !important;
    border-top: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.file-page-title {
    padding: 5px;
    /*background-color: #fefefe;
   
    transition: padding 500ms ease 0s;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;*/
}

#file-list-stages .item-stage {
    padding-bottom: 5px
}

    #file-list-stages .item-stage span {
        font-weight: bold;
        color: #690;
    }

    #file-list-stages .item-stage select {
        border: 0px solid #690 !important;
        font-weight: bold;
        border-radius: 5px !important;
        background: #fafafa !important;
    }

    #file-list-stages .item-stage .load-status-list {
        font-weight: bold;
        font-size: 15px;
    }

    #file-list-stages .item-stage .reason-info {
        padding-left: 5px;
        cursor: pointer;
    }

#file-list-owners .role-name, #los-list-operation-staffs .role-name {
    color: #690;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

#file-list-owners .owner-name {
    /* padding-left: 15px;*/
    cursor: default
}
/* END: File */
/* START: Footer */
/*.footer-btn-toggle {
    position: fixed;
    bottom: 0;
    left: 1px;
    height: 45px;
    min-height: 45px;
    width: 20px;
    border-radius: 0px 5px 5px 0px;
    text-align: center;
    box-shadow: 0 0 3px #4D4D4D;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding-top: 15px;
    margin-bottom: 2px;
    z-index: 100;
    background-color: #fefefe;
}*/
.footer-btn-toggle {
    position: fixed;
    bottom: 0;
    right: 8px;
    min-height: 30px;
    width: 70px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    box-shadow: 0 0 3px #4d4d4d;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding-top: 6px;
    margin-bottom: 0px;
    z-index: 100;
    background-color: #fefefe;
    color: #f60;
}

    .footer-btn-toggle:hover {
        background-color: #f60;
        color: #fefefe;
    }

.show-right-info-bar {
    padding: 0 8px !important;
}
/* END: Footer */


.tab-content .block-web {
    background: none;
}

.lock-button {
    cursor: not-allowed !important;
    pointer-events: none !important;
    color: #cecece !important;
    display: none !important;
}

/* START: Support */
.ticket-subject {
    font-weight: 500;
    color: black;
}

.ticket-priority {
    border-radius: 5px;
    padding: 1px 3px 1px 3px !important;
    text-align: center;
    font-size: 13px;
}

.ticket-priority-critical {
    color: white;
    background-color: red;
}

.ticket-priority-high {
    color: white;
    background-color: darkred;
}

.ticket-priority-medium {
    color: #f6f6f6;
    background-color: #feb739;
}

.ticket-priority-low {
    color: white;
    background-color: #75bddf;
}

.ticket-priority-none {
    border: 1px solid #cecece;
}
/* END: Support */

/* START: Color Palettes: https://www.w3schools.com/colors/colors_palettes.asp */

.color2018-group1-1 {
    background-color: #a2b9bc;
    color: #000;
    /*color: #a2b9bc;*/
}

.color2018-group1-2 {
    background-color: #b2ad7f;
    color: #000;
    /*color: #b2ad7f;*/
}

.color2018-group1-3 {
    background-color: #878f99;
    color: #fff;
    /*color: #878f99;*/
}

.color2018-group1-4 {
    background-color: #6b5b95;
    color: #fff;
    /*color: #6b5b95;*/
}

/* END: Color Palettes */

/* START: Sms Conversation */
.sms-conversation {
    background-color: #FFFFFF;
    /*background-image: linear-gradient(to right,#00000003,#efebeb);*/
}

    .sms-conversation .header {
        padding: 8px;
        font-weight: bold;
        font-size: 16px;
        border-bottom: 1px solid #cecece;
    }

    .sms-conversation .borrower-phones {
        padding: 5px !important;
        border: 0px !important;
        font-weight: bold;
        font-size: 15px;
        background-color: inherit;
    }

    .sms-conversation .header a.close {
        float: right;
        line-height: 0.8;
        border: 1px solid #cecece;
        padding: 2px 5px;
        border-radius: 5px;
    }

    .sms-conversation .fly-close {
        position: absolute;
        bottom: 8px;
        z-index: 99999;
        opacity: 0.9;
    }

        .sms-conversation .fly-close a {
            background-color: #84a2b5;
            color: #fff;
            padding: 10px 8px;
            border-radius: 0px 10px 0px 10px;
        }

    .sms-conversation .content {
        height: calc(100vh - 100px);
        padding: 8px;
        position: relative
    }

    .sms-conversation .chat-area {
        max-height: calc(100vh - 230px);
        overflow-y: auto;
        padding: 10px;
    }

    .sms-conversation .incoming-area {
        margin-bottom: 15px;
    }

    .sms-conversation .outgoing-area {
        margin-bottom: 15px;
    }

    .sms-conversation .msg-status {
        font-size: 0.9em;
        margin-top: 5px;
        font-weight: 500; /* old: none */
    }

        .sms-conversation .msg-status * { /* all childs */
            padding-left: 5px;
        }

    .sms-conversation .msg {
        margin-bottom: 10px;
        padding: 5px;
        position: relative;
        border-radius: 5px;
        margin-top: 10px; /* old: none */
        font-size: 0.95em; /* old: none */
    }

    .sms-conversation .incoming:after { /* old: none */
        content: " ";
        position: absolute;
        bottom: 100%;
        /* left: 5px;
        margin-left: -5px;*/
        left: 5%;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #007bff transparent;
    }

    .sms-conversation .incoming {
        background-color: #007bff;
        text-align: left;
        color: #fff;
    }

    .sms-conversation .outgoing-area .msg-status { /* old: none */
        text-align: right;
    }

    .sms-conversation .outgoing {
        background-color: #f2f2f2;
        text-align: right;
    }

        .sms-conversation .outgoing:after { /* old: none */
            content: " ";
            position: absolute;
            bottom: 100%;
            /* right: 5px;
            margin-right: -5px;*/
            right: 5%;
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent #f2f2f2 transparent;
        }

    .sms-conversation .msg-text {
        padding: 5px;
    }

    .sms-conversation .msgs-goto-bottom {
        cursor: pointer;
        float: right;
        margin-right: -2px;
        display: none;
    }

    .sms-conversation .msg-max-size {
        padding-right: 15px;
        float: right;
        font-size: 11px;
    }

    .sms-conversation .input-area {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        position: relative;
        padding-top: 10px;
    }

    .sms-conversation .msg-input {
        flex: 1;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 100%;
        resize: none;
        padding-right: 65px !important;
        height: 50px;
    }

    .sms-conversation .send-button {
        padding: 5px 10px;
        background-color: #007bff;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 35px;
    }

        .sms-conversation .send-button:hover {
            background-color: #0056b3;
        }

/* END: Sms Conversation */
/* START: Right Notification */
.show-notification {
    cursor: pointer;
}

    .show-notification i {
        font-size: 18px;
    }

.notification-in-index {
    border: solid 1px #cecece;
    border-radius: 8px;
}

.notification-in-header {
    box-shadow: -3px 3px 15px 3px rgba(0,0,0,.25);
    padding: 0;
    position: fixed;
    right: -360px;
    transition: right 0.5s ease 0s;
    width: 350px;
    z-index: 99999;
    top: 45px;
    height: calc(100vh - 50px);
    border-radius: 10px;
}

.right-notification-bar {
    background-color: #FFFFFF;
}

    .right-notification-bar .header {
        padding: 8px;
        /*background-color: #eee;*/
        font-weight: bold;
        font-size: 16px;
        border-bottom: 1px solid #cecece;
    }

        .right-notification-bar .header i {
            color: inherit;
        }

        .right-notification-bar .header a.close {
            float: right;
            line-height: 0.8;
            border: 1px solid #cecece;
            padding: 2px 5px;
            border-radius: 5px;
        }

    .right-notification-bar .fly-close {
        position: absolute;
        bottom: 8px;
        z-index: 99999;
        opacity: 0.9;
    }

        .right-notification-bar .fly-close a {
            background-color: #108bd6;
            color: #fff;
            padding: 10px 8px;
            border-radius: 0px 10px 0px 10px;
        }

    .right-notification-bar .close-notification {
        cursor: pointer;
    }

    .right-notification-bar .content {
        overflow-y: auto;
        height: calc(100vh - 100px);
    }

.notification-badge {
    position: relative;
    top: -10px;
    left: 2px;
    font-size: 10px;
    /*display: none;*/
}

.notification-item-group {
    font-size: 15px;
    font-weight: bold;
    padding: 3px 5px;
    border-left: 3px solid #108bd6 !important;
    background-color: #fcfcfc;
}

a.notification-item {
    cursor: pointer;
}

.notification-item {
    border: 0px !important;
    border-left: 3px solid #108bd6 !important;
    /*border-bottom: 1px dashed #108bd6 !important;*/
    /* start: overwrite for CORR */
    padding: 10px 15px !important;
    margin-bottom: 2px !important;
    /* end: overwrite for CORR */
}

    .notification-item:hover {
        /* border-radius: 8px;*/
        background-color: #f8f8f8 !important;
    }

.notification-item-lazy-load {
    padding-left: 40px;
    padding-top: 25px;
}

.notification-item-menu {
    position: absolute;
    background-color: transparent;
    right: 25px;
    display: none;
}

.notification-item-read {
    background-color: rgb(24, 118, 242);
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.notification-item-lazy-load-img {
    background: url(/Content/images/loader_transperent.gif) no-repeat;
    width: 100px;
    padding-left: 20px;
    margin-left: 40px;
    margin-bottom: 10px;
}

.notification-item-icon {
    font-size: 18px;
}

/* END: Right Notification */

/* START: Pricing And Lock Rate */
#pricing-accordion h4 a {
    margin: 0;
    padding: 8px 10px;
    display: block;
}

    #pricing-accordion h4 a:hover {
        color: #1b7bb7;
    }

#pricing-accordion h4 span {
    color: #1b7bb7;
    margin-right: 5px;
}

.panel-default > .panel-heading {
    background: #f9f9f9;
    padding: 8px 10px
}

.panel-heading.active {
    background-color: #e2f6d1;
}

.panel-body {
    padding: 25px 20px;
}

#pricing-accordion .btn-default:hover, #pricing-accordion .btn-default:focus {
    background: #d5d5d5 !important;
    color: #333;
    border: 1px solid #ccc !important;
}

#pricing-accordion .btn-success:hover, #pricing-accordion .btn-success:focus {
    background: #6ecf6e !important;
    color: #fff;
}

.btn-box {
    text-align: right;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 20px;
}

.prelock-notice {
    border: 1px solid #f00;
    padding: 20px;
    margin: 0 0 20px;
}
/* END: Pricing And Lock Rate */

.doc-map-key {
    padding-right: 5px !important;
}

table .id-col.in {
    display: table-cell !important;
}

.activity-note-list-header {
    border-top: dashed 1px #cecece;
    background-color: #f8f8f8;
    padding: 4px;
    margin-bottom: 5px
}

    .activity-note-list-header .title {
        font-size: 14px;
        font-weight: bold
    }

.doc-action {
    position: relative;
    top: 2px;
}

    .doc-action i {
        border: 0px solid #cecece;
        padding: 1px 2px;
        border-radius: 3px;
        margin-right: 3px;
        cursor: pointer;
        color: green;
    }

.file-number, .label-number {
    border: 1px solid #cecece;
    padding: 3px 5px;
    background-color: #fcfcfc;
    border-radius: 5px;
    color: black;
}

.file-number {
    font-weight: bold;
}

.label-border {
    border: 1px solid #cecece;
    padding: 3px 5px;
    border-radius: 5px;
    color: #424a4d;
}

.label-border-sm {
    border: 1px solid #cecece;
    padding: 1px 3px;
    border-radius: 5px;
    color: #424a4d;
    font-size: 12px
}


.hint-field {
    padding-left: 2px;
    color: #4296ca;
}

.pipeline-table {
}

    .pipeline-table th {
        text-align: center !important;
        vertical-align: middle !important;
    }

    .pipeline-table td {
        vertical-align: middle !important;
        white-space: nowrap !important;
        line-height: 25px !important;
    }

    .pipeline-table i.fa-edit {
        cursor: pointer;
    }

    .pipeline-table .act-claim {
        margin: 0px 0px 0px 5px
    }

.pipeline-view-mode-text {
    font-family: 'Open Sans', sans-serif;
    color: #424a4d;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}


.show-right-info-bar.close-but {
    box-shadow: 0 0 3px #4D4D4D;
    background-color: #2067b8;
    color: #fff;
    height: 39px;
    padding-top: 10px;
    width: 25px;
    padding-right: 6px
}

#right_tab_stages div.row {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
}

.navbar-btn, .navbar-label {
    text-transform: none !important;
    line-height: 30px !important;
    height: 30px !important;
    margin-top: 10px;
}

.navbar-btn {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    cursor: pointer;
}

.navbar-label {
    color: #eee;
}

    .navbar-label.Corr {
        line-height: 60px !important;
        height: 60px !important;
        margin-top: unset;
    }

.doc-group-header {
    background: #dfeff545;
    cursor: pointer;
}

.lmenu-col1 {
    display: inline-block !important;
    width: 88%;
    padding-right: 0px !important;
}

.lmenu-col2 {
    float: right;
    width: 12%;
    vertical-align: middle;
    line-height: 28px;
    padding-right: 10px;
}
/*
#fileAppDirtyLabel {
    padding: 0px 0 0px 12px;
    background: url(/content/images/img_validation_error.png) center no-repeat;
}
*/

.file-alert-unsaved {
    font-weight: bold;
    font-size: 15px;
}

    .file-alert-unsaved .message {
        color: red;
    }

    .file-alert-unsaved .confirm {
        margin-top: 5px;
        color: blue;
    }

.inline-range-from {
    display: inline-block !important;
    width: 48% !important;
}

.inline-range-to {
    display: inline-block !important;
    width: 48% !important;
    float: right !important;
}

#release-note-tab-content {
    min-height: calc(100vh - 210px);
    border-top: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.cke_button__cmsm_mappingfields {
}

.cke_button__cmsm_mappingfields_icon {
    display: none !important;
}

.cke_button__cmsm_mappingfields_label {
    display: inline !important;
    cursor: pointer !important;
}

.sent-email-log-summary {
    margin: 0 0 10px 0;
    text-align: right
}

    .sent-email-log-summary .item {
        font-size: 16px;
        font-weight: bold !important;
        padding-left: 20px;
    }

        .sent-email-log-summary .item label {
            padding-left: 5px;
            font-size: 18px;
        }

.corr-quick-search {
}

    .corr-quick-search #searchBy {
        height: unset !important;
        width: 70px !important;
        padding: unset !important;
    }

    .corr-quick-search .search-by {
        height: unset !important;
        width: 70px !important;
        padding: unset !important;
        line-height: 30px;
        border: 0 !important;
        font-size: 13px !important;
        vertical-align: bottom;
    }

    .corr-quick-search .input-group-addon {
        background-color: unset !important;
    }

.dynamic-content .control-label {
    text-align: left !important;
    padding-right: 5px !important;
}

.dynamic-content .col-md-7 {
    padding-left: 0px !important;
}

.dynamic-field-name {
    /* color: blue;*/
    font-size: 13px;
}

.dynamic-field-range-left {
    display: inline-block;
    width: 48%
}

.dynamic-field-range-right {
    display: inline-block;
    width: 48%;
    float: right
}

.action-delete, .act-delete {
    color: red !important;
}

.d-condition-errors {
}

    .d-condition-errors .d-field {
        color: blue;
    }

    .d-condition-errors .d-value {
        color: green;
    }

    .d-condition-errors .d-op {
        font-weight: bold;
        padding: 0 5px;
    }

.lqb-diff-header {
    font-weight: bold !important;
}

.lqb-diff-field {
    color: #d9534f !important;
    border: 1px dashed red;
    border-radius: 5px;
    padding: 1px 2px;
    cursor: help;
}

    .lqb-diff-field i {
        padding-left: 2px;
        font-size: 12px;
        color: #d9534f !important;
    }

.lqb-diff-field-hide {
    display: none !important;
}

.lqb-diff-used-program-msg {
}

.lqb-diff-cmsm-field-tooltip {
    color: #1b7bb7 !important;
    font-weight: bold;
    padding-left: 3px;
}

.lqb-diff-lqb-field-tooltip {
    color: #87b143 !important;
    font-weight: bold;
    padding-left: 3px;
}

.modal-header .close span[aria-hidden] {
    font-size: 20px;
    border: 1px solid #000;
    padding: 0 8px;
    border-radius: 4px;
}

.frame-in-modal {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: calc(100vh - 100px)
}

.list-checkbox-item {
    float: left;
    min-width: 45px;
    padding-right: 7px
}

.table-files {
}

    .table-files td {
        border-bottom: 1px dashed #ddd !important;
        border-top: 0px !important;
    }

        .table-files td.index {
            width: 20px;
        }

.upload-fail {
    border: dashed 1px red;
}

.file-dragdrop-area {
    width: 100%;
    height: 100px;
    border: 1px dashed#cecece;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    overflow: auto;
    margin: 5px 0px 5px 0px;
}

    .file-dragdrop-area:hover {
        cursor: pointer;
        border: 1px dashed#000;
    }

    .file-dragdrop-area h1 {
        text-align: center;
        font-weight: normal;
        font-family: sans-serif;
        line-height: 50px;
        color: darkslategray;
    }

.fileapp-menu-add-borrower {
    border: 1px dashed;
    padding: 2px 5px;
    border-radius: 5px;
    opacity: 0.8;
    font-size: 13px;
}

    .fileapp-menu-add-borrower:hover {
        background-color: lightyellow;
    }

/* START: Dynamic Field */
.d-ctrl-container {
    display: inline-block;
}

.d-ctrl {
    border: 0px !important;
    border-bottom: 1px dashed #cecece !important;
    background-color: #fefefe !important;
}

    .d-ctrl:focus {
        background-color: aliceblue !important;
        border-bottom: 1px dashed #66afe9 !important;
    }

/* END: Dynamic Field */

/* START: Questionnaire */
.questionnaire {
}

.questionnaire-title {
    font-size: 25px;
    margin-bottom: 20px !important;
}

.questionnaire-desc {
    margin-bottom: 20px !important;
}

.q-question {
    margin-bottom: 20px;
}

.q-question-text {
    font-weight: bold;
}

.q-required {
    color: red;
}

.q-suggest-answer {
    padding: 5px;
    margin-left: 5px;
}

.q-suggest-answer-select {
}

.q-suggest-answer-text {
}

.q-suggest-answer-extend {
    display: inline-block;
    padding-left: 10px;
}

.q-ctrl {
}

.question-remove {
    cursor: pointer;
}

.q-suggest-answer-remove {
    cursor: pointer;
    color: #d9534f;
}

.control-lookup-remove {
    cursor: pointer;
    color: #d9534f;
}
/* END: Questionnaire */

/* START: Clickto */
.clickToEmail {
    cursor: pointer;
}

.clickToCall {
    cursor: pointer;
}
/* END: Clickto */

/* START: cron-builder */
.cron-builder {
    border: 1px dashed #cecece;
    padding: 10px;
    border-radius: 5px;
}

.cron-select-period {
    padding: 5px 5px 0px 5px;
}

.cron-input {
    padding: 5px 5px 0px 5px;
}

    .cron-select-period select,
    .cron-input select,
    .cron-input input[type=radio],
    .cron-input input[type=checkbox] {
        margin-left: 5px;
        margin-right: 5px;
    }
/* END: cron-builder */

.alert-lbl-rate-update-pending {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.borrower-declaration-opt-select {
    position: absolute;
    margin-top: 20px;
    z-index: 1001;
}

#frame-refresh {
    width: 0px;
    height: 0px;
    display: none
}

span.plus, span.vrbtn-open {
    display: inline-block;
    background-image: url(/content/images/details_open.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px
}

span.minus, span.vrbtn-close {
    display: inline-block;
    background-image: url(/content/images/details_close.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px
}

#eligibility-form-infos div.form-group div.col-md-6 {
    padding-left: 0px !important;
}

#eligibility-form-infos label.control-label {
    text-align: left !important
}

.los-LendingQb {
    color: #f60 !important;
}

.los-BytePro {
    color: blue !important;
}

.table-sm th, .table-sm td {
    font-size: 11px !important;
}

/* START: Rule Display */
.rule-display {
}

    .rule-display [class^="r-"] {
        padding-left: 5px;
    }

    .rule-display [class^="ce"] {
        padding-left: 3px;
    }

    .rule-display .r-field {
        font-weight: bold;
        color: #2B91AF;
    }

    .rule-display .r-operator {
        font-weight: bold;
        color: black;
    }

    .rule-display .r-value {
        font-weight: bold;
        color: #FF7F27;
    }

    .rule-display .r-func {
        font-weight: bold;
        color: red;
    }

    .rule-display .r-action {
        font-weight: bold;
        color: red;
    }

    .rule-display .r-clause {
        font-weight: bold;
        color: blue;
    }

    .rule-display .r-parenthesis {
        font-weight: bold;
        color: black;
    }

    .rule-display .r-bracket {
        font-weight: bold;
        color: black;
    }

    .rule-display .r-unknown {
        font-weight: bold;
        color: black;
    }
/* END: Rule Display */

/* START: QuickNav */
.quicknav-group {
    margin-bottom: 0 !important;
    border: none !important;
    padding: 5px 20px !important;
}

    .quicknav-group .header {
        border-bottom: 1px solid #ddd !important;
        margin: 0 0 10px 0 !important;
    }

    .quicknav-group .content-header {
        font-size: 1.4em !important;
        font-weight: normal !important
    }

.quicknav-section {
    margin: 10px;
    min-width: 10%;
    float: left
}

    .quicknav-section .title {
        text-align: center;
        border-radius: 5px 5px 0 0;
        padding: 5px 10px !important;
        color: #fff;
        font-size: 14px;
    }

    .quicknav-section .title-Normal {
        background-color: #0f5279;
    }

    .quicknav-section .title-Corr {
        background-color: #1b7bb7;
    }

    .quicknav-section .result {
        text-align: center;
        border: 1px solid #bebebe;
        padding: 3px;
        border-radius: 0 0 5px 5px;
        border-top: 0px;
        opacity: 0.9;
        background-color: #fdfdfd;
    }

        .quicknav-section .result .count {
            font-size: 35px;
        }

        .quicknav-section .result .amount {
            font-weight: bold;
        }
/* END: QuickNav */


.cmsmCheckAppDirty {
    /* 
        check business app is dirty
		ex: <input type="button" class="cmsmCheckAppDirty" />
    */
}

.cmsmLink {
    /* 
        use jGotoUrl to redirect url which get from link attribute.
        ex: <a class="cmsmLink" href="javascript:void(0)" link="/Home">Home</a>
    */
}

.cmsmInputPhone {
	 /* 
        csms textbox to input phone number
		ex: <input type="text" class="cmsmInputPhone" />
    */
}

.cmsmInputSsn {
	/* 
        set textbox to input ssn number
		ex: <input type="text" class="cmsmInputPhone" />
    */
}

.cmsmInputInteger {
	/* 
        set textbox to input only integer
		ex: <input type="text" class="cmsmInputInteger" />
    */
}

.cmsmInputNumeric {
	/* 
        set textbox to input only number
		ex: <input type="text" class="cmsmInputInteger" />
    */
}

.cmsmInputDecimal {
	/* 
        set textbox to input only decimal
		ex: <input type="text" class="cmsmInputDecimal" decimalplaces="2" />
    */
}

.cmsmInputDate {
	/* 
        set textbox to input date
		ex: <input type="text" class="cmsmInputDate" />
    */
}

.cmsmInputDateTime {
	/* 
        set textbox to input date
		ex: <input type="text" class="cmsmInputDateTime" />
    */
}


.cmsmSelectTheme {
	/* 
        set textbox to input date
		ex: <input type="text" class="cmsmInputDate" />
    */
}

.cmsmNumericAutoFormat {
	/* 
        auto format numeric textbox 
		ex: <input type="text" class="cmsmInputInteger cmsmNumberAutoFormat" />
		ex: <input type="text" class="cmsmInputDecimal cmsmNumberAutoFormat" decimalplaces="2" />
    */
}

.cmsmNumericPositive {
	/* 
        allow input positive numeric
		ex: <input type="text" class="cmsmInputInteger cmsmNumberAutoFormat cmsmNumericPositive" />
		ex: <input type="text" class="cmsmInputDecimal cmsmNumberAutoFormat cmsmNumericPositive" decimalplaces="2" />
    */
}

.cmsmTextRight {
	/* 
        set text align is right
		ex: <input type="text" class="cmsmTextRight" />
    */
	/*text-align: right;*/
}

.cmsmSort, .cmsmSortByAsc, .cmsmSortByDesc {
	cursor: pointer;
	*cursor: hand;
}

.cmsmSort { background: url(/content/images/sort_both.png) no-repeat center right; }
.cmsmSortByAsc { background: url(/content/images/sort_asc.png) no-repeat center right; }
.cmsmSortByDesc { background: url(/content/images/sort_desc.png) no-repeat center right; }
/*
     <div class="cmsm-tooltip" style="cursor: pointer">demo ....
            <span class="cmsm-tooltip-content">
                <b class="cmsm-tooltip-callout"></b>
                this is tooltip content
            </span>
    </div>

    - Overwrite tooltip position
     .cmsm-tooltip > span.cmsm-tooltip-content {
            margin-left: -200px;
        }

        .cmsm-tooltip:hover > span.cmsm-tooltip-content {
            margin-top: 30px;
            margin-left: -200px;
        }

        .cmsm-tooltip span.cmsm-tooltip-content b.cmsm-tooltip-callout {
            margin-left: 160px;
        }

*/
.cmsm-tooltip {
    cursor: pointer;
}

    .cmsm-tooltip > span.cmsm-tooltip-content {
        /*width: 200px;*/
        min-width: 200px;
        padding: 10px 20px;
        margin-top: 20px;
        margin-left: -85px;
        opacity: 0;
        visibility: hidden;
        z-index: 10;
        position: absolute;
        font-family: Arial;
        font-size: 12px;
        font-style: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 2px 2px 2px #999;
        -moz-box-shadow: 2px 2px 2px #999;
        box-shadow: 2px 2px 2px #999;
        -webkit-transition-property: opacity, margin-top, visibility, margin-left;
        -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
        -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        -moz-transition-property: opacity, margin-top, visibility, margin-left;
        -moz-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
        -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        -o-transition-property: opacity, margin-top, visibility, margin-left;
        -o-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
        -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        transition-property: opacity, margin-top, visibility, margin-left;
        transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
        transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    }

    .cmsm-tooltip:hover > span.cmsm-tooltip-content {
        opacity: 1;
        text-decoration: none;
        visibility: visible;
        overflow: visible;
        margin-top: 50px;
        display: inline;
        /*margin-left: -100px;*/
        margin-left: -55px;
    }

    .cmsm-tooltip span.cmsm-tooltip-content b.cmsm-tooltip-callout {
        width: 15px;
        height: 15px;
        margin-left: 20px;
        margin-top: -19px;
        display: block;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-box-shadow: inset -1px 1px 0 #fff;
        -moz-box-shadow: inset 0 1px 0 #fff;
        -o-box-shadow: inset 0 1px 0 #fff;
        box-shadow: inset 0 1px 0 #fff;
        display: none\0/;
        *display: none;
    }
    /* skin 1 */
    .cmsm-tooltip > span.cmsm-tooltip-content {
        color: #000000;
        background: #FBF5E6;
        background: -moz-linear-gradient(top, #FBF5E6 0%, #FFFFFF 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBF5E6), color-stop(100%,#FFFFFF));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 );
        border: 1px solid #CFB57C;
    }

    .cmsm-tooltip span.cmsm-tooltip-content b.cmsm-tooltip-callout {
        background: #FBF5E6;
        border-top: 1px solid #CFB57C;
        border-right: 1px solid #CFB57C;
    }

    /* skin 2 */
    /*.cmsm-tooltip > span.cmsm-tooltip-content {
        color: #FFFFFF;
        background: #333333;
        background: -moz-linear-gradient(top, #333333 0%, #999999 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#999999));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=0 );
        border: 1px solid #000000;
    }

    .cmsm-tooltip span.cmsm-tooltip-content b.cmsm-tooltip-callout {
        background: #333333;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
    }*/


.has-success .help-block,
.has-success .control-label,
.has-success .input-group-addon,
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .radio,
.has-success .radio-inline {
	color: #27ae60;
}

.has-success .form-control,
.has-success .input-group-addon {
	border-color: #27ae60;
	background-color: #ffffff;
}

.has-success .form-control:focus {
	border-color: #166638;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .input-group-addon,
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .radio,
.has-warning .radio-inline {
	color: #e67e22;
}

.has-warning .form-control,
.has-warning .input-group-addon {
	border-color: #e67e22;
	background-color: #ffffff;
}

	.has-warning .form-control:focus {
		border-color: #b3621b;
	}

.has-error .help-block,
.has-error .control-label,
.has-error .input-group-addon,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .radio,
.has-error .radio-inline {
	color: #e74c3c;
}

.has-error .form-control,
.has-error .input-group-addon {
	border-color: #e74c3c;
	background-color: #ffffff;
}

.has-error .form-control:focus {
	border-color: #c0392b;
}

.field-validation-error {
	display: block;
	float: right;
	clear: right;
	width: 16px !important;
	height: 16px !important;
	color: #fff;
	font-size: 0px;
	margin: 2px;
}

.validation-summary-errors ul {
	padding: 3px 5px 5px 5px;
	-moz-border-radius: 7px 7px 7px 7px;
	overflow: auto;	
}

.input-validation-error {
	border: 1px solid #ff0000 !important;
	background-color: #ffeeee;
}

.validation-summary-errors {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.validation-summary-errors ul li {
	font-weight: bold;	
	margin-top: 2px;
	padding-left: 30px;
	display: block;	
	overflow: hidden;
}

.div#notifyError div {
	margin-top: 2px;
	display: block;
}

label.error {
    color: #ff0000;
}
input.error, textarea.error, select.error {
    border:1px solid #ff0000 !important;
}

.red {
    color: #ff0000;
}
#popup_overlay {
	/*background-image: url(/content/images/light_box_bg.png);*/
	background-color: #333;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#popup_container {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	min-width: 350px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	background-color: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0px none;
	-webkit-box-shadow: 7px 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

#popup_title {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 15px;
	color: #000;
	cursor: default;
	padding: 0em;
	margin: 0em;
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #f5f5f5;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

#popup_content {
	/*background: 10px 10px no-repeat;*/
	padding: 1em 1em 1em 1.70em;
	margin: 0em;
	min-height: 30px;
}

	#popup_content.imgalert {
		/*background-image: url(/content/images/info.gif);*/
	}

	#popup_content.imgconfirm {
		/*background-image: url(/content/images/important.gif);*/
	}

	#popup_content.imgprompt {
		/*background-image: url(/content/images/help.gif);*/
	}

#popup_message {
	margin-top: 0px;
	/*padding-left: 35px;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
}

#popup_panel {
	padding: 8px 15px 8px 15px;
	margin-bottom: 0;
	text-align: right;
	background-color: #f5f5f5;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}

	#popup_panel input[type=button] {
		line-height: 20px;
		padding: 4px 10px;
		width: 70px;
	}

#popup_prompt {
	margin: .5em 0em;
}

.fbl-content-item {
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 12px;
    margin: 0 auto;
    /*max-width: 472px;*/
    min-height: 100px;
    position:relative;
}

@keyframes fbLoadingAnimation {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.fbl-bg-animated {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: fbLoadingAnimation;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

.fbl-bg-masker {
    background: #fff;
    position: absolute;
}

    /* Every thing below this is just positioning */

    .fbl-bg-masker.header-top,
    .fbl-bg-masker.header-bottom,
    .fbl-bg-masker.subheader-bottom {
        top: 0;
        left: 0px; /* left: 40px; -> photo */
        right: 0;
        height: 10px;
    }

    .fbl-bg-masker.header-left,
    .fbl-bg-masker.subheader-left,
    .fbl-bg-masker.header-right,
    .fbl-bg-masker.subheader-right {
        top: 10px;
        left: 40px;
        height: 8px;
        width: 10px;
    }

    .fbl-bg-masker.header-bottom {
        top: 18px;
        height: 6px;
    }

    .fbl-bg-masker.subheader-left,
    .fbl-bg-masker.subheader-right {
        top: 24px;
        height: 6px;
    }


    .fbl-bg-masker.header-right,
    .fbl-bg-masker.subheader-right {
        width: auto;
        left: 300px;
        right: 0;
    }

    .fbl-bg-masker.subheader-right {
        left: 230px;
    }

    .fbl-bg-masker.subheader-bottom {
        top: 30px;
        height: 10px;
    }

    .fbl-bg-masker.content-top,
    .fbl-bg-masker.content-second-line,
    .fbl-bg-masker.content-third-line,
    .fbl-bg-masker.content-second-end,
    .fbl-bg-masker.content-third-end,
    .fbl-bg-masker.content-first-end {
        top: 40px;
        left: 0;
        right: 0;
        height: 6px;
    }

    .fbl-bg-masker.content-top {
        height: 20px;
    }

    .fbl-bg-masker.content-first-end,
    .fbl-bg-masker.content-second-end,
    .fbl-bg-masker.content-third-end {
        width: auto;
        left: 380px;
        right: 0;
        top: 60px;
        height: 8px;
    }

    .fbl-bg-masker.content-second-line {
        top: 68px;
    }

    .fbl-bg-masker.content-second-end {
        left: 420px;
        top: 74px;
    }

    .fbl-bg-masker.content-third-line {
        top: 82px;
    }

    .fbl-bg-masker.content-third-end {
        left: 300px;
        top: 88px;
    }