/* Minification failed. Returning unminified contents.
(486,16): run-time error CSS1038: Expected hex color, found '#ffff'
(2096,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
 */
html {
    /*background-color: #e2e2e2;*/
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

a:link, a:visited,
a:active, a:hover {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

a:hover {
    background-color: #c7d1d6;
}

header, footer, hgroup,
nav, section {
    display: block;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.highlight {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto ;
    max-width: 960px;
}

#body {
    /*background-color: #ebeff0;*/
    clear: both;
    /*padding-bottom: 15px;*/
}

    .main-content {
        /*background: url("../Images/accent.png") no-repeat;*/
        padding-left: 10px;
        padding-top: 30px;
    }

    .featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }

footer {
    clear: both;
    /* background-color: #e2e2e2; */
    font-size: .8em;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #672F3A;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: x-large;
    margin: 20px 0;
}

.site-title a, .site-title a:hover, .site-title a:active, .site-title img{
    background: none;
    color: #672F3A;
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 20px 0 12px;
    text-align: right;
}

    #login a {
        /*background-color: #d3dce0;*/
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin-left: 0px;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.one {
            background: url("../Images/orderedListOne.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedListTwo.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedListThree.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 45%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 50%;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    fieldset label {
        display: block;
        font-size: 1.2em;
        font-weight: 600;
    }

    fieldset label.checkbox {
        display: inline;
    }

    fieldset input[type="text"],
    fieldset input[type="password"],
    fieldset textarea,
    fieldset select {
        /*border: 1px solid #e2e2e2; */
        color: #333;
        font-size: 1.2em;
        margin: 5px 0 6px 0;
        padding: 5px;
        width: 300px;
    }

        fieldset input[type="text"]:focus,
        fieldset input[type="password"]:focus,
        fieldset select:focus,
        fieldset textarea:focus {
            border: 1px solid #7ac0da;
        }

    fieldset input[type="submit"] {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
    }

/* ajax login/registration dialog */
.modal-popup {
    font-size: 0.7em;
}

    .modal-popup input[type="text"],
    .modal-popup input[type="password"] {
        width: 90%;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input[type="text"].input-validation-error,
input[type="password"].input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

ul#social li {
    display: inline;
    list-style: none;
    font-size: small;
}

    ul#social li a {
        color: #999;
        text-decoration: none;
        font-size: small;
    }

    a.facebook, a.twitter, a.abiportal {
        display: block;
        float: left;
        height: 24px;
        padding-left: 17px;
        text-indent: -9999px;
        width: 16px;
    }

    a.facebook {
        background: url("../Images/facebook.png") no-repeat;
    }

    a.twitter {
        background: url("../Images/twitter.png") no-repeat;
    }
    
    


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
        border:#ffff;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.one,
            ol.round li.two,
            ol.round li.three {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    fieldset input[type="text"],
    fieldset input[type="password"],
    fieldset select,
    fieldset textarea
     {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }

    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 5px 0;
    }

        footer p {
            margin: 0;
        }

        ul#social {
            padding: 0;
            margin: 0;
        }

        a.facebook, a.twitter, a.abiportal {
            background: none;
            display: inline;
            float: none;
            height: auto;
            padding-left: 0;
            text-indent: 0;
            width: auto;
        }
}

#dicom-viewer-modal .modal-dialog  {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#dicom-viewer-modal .modal-body {
    padding: 0;
    height: 100%;
}
#dicom-viewer-modal .box-dicom-viewer-body {
    height: calc(100vh - 70px); /* Viewport-relative units */
    width: 100%;
}

.modal-dialog .modal-header {
    background-color: #7d3a47;
    color: #fff;
}

.modal-dialog #header-close {
    cursor: pointer;
}

.password-requirements {
    margin: 20px 0 10px 0;
}

ul#mfa-account-password-requirements {
    list-style-type: none;
    color: #000000 !important;
    padding: 0;
    margin-top: 5px;
}

ul#mfa-account-password-requirements .icon {
    padding-right: 10px;
}

ul#mfa-account-password-requirements .error {
    color: #ff0000;
}

ul#mfa-account-password-requirements .success {
    color: #00ff21;
}

#mfa-change-password-modal #error-container {
    color: #ff0000;
    padding: 10px;
}

.error-container {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
    margin: 10px 0;
}

#formPaswordExpired {
    margin-top: 10px;
}

#mfa-change-password-modal ul#mfa-account-password-requirements {
    list-style-type: none;
    color: #000000 !important;
    padding: 0;
}

#mfa-change-password-modal ul#mfa-account-password-requirements .icon {
    padding-right: 10px;
}

#mfa-change-password-modal ul#mfa-account-password-requirements .error {
    color: #ff0000;
}

#mfa-change-password-modal ul#mfa-account-password-requirements .success {
    color: #00ff21;
}

#mfa-change-password-modal #mfa-change-password-modal #error-container {
    color: #ff0000;
    padding: 10px;
}

#mfa-account-settings-modal .mfa-icon-email {
    color: rgba(102, 140, 255, 0.8);
}

#mfa-account-settings-modal .mfa-icon-sms {
    color: rgba(230, 46, 0, 0.8);
}

#mfa-account-settings-modal .mfa-icon-voice {
    color: rgba(0, 179, 0, 0.8);
}

#mfa-account-settings-modal .mfa-icon-app {
    color: rgba(204, 51, 255, 0.8);
}

#mfa-account-settings-modal .account-settings-header-container {
    height: 40px;
    line-height: 40px;
    display: flex;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 10px;
}

#mfa-account-settings-modal .account-settings-header-container .icon {
    flex: 0 0 auto;
    width: 60px;
    font-size: 3rem;
    text-align: center;
}

#mfa-account-settings-modal .account-settings-header-container .title {
    flex: 1 1 auto;
    width: 100px;
    font-weight: bold;
    font-size: 1.6rem;
}

#mfa-account-settings-modal .account-settings-header-container .action-button {
    flex: 0 0 auto;
    width: 120px;
    text-align: right;
    padding-right: 5px;
}

#mfa-account-settings-modal .password-heading-container {
    margin-top: 50px;
}

#mfa-account-settings-modal .content-description {
    margin: 0 10px 0 10px;
}

#mfa-setup-modal ul#mfa-option-items {
    list-style-type: none;
    color: #000000 !important;
    padding: 0;
}

#mfa-setup-modal ul#mfa-option-items li {
    margin: 5px 0;
    cursor: pointer;
}

#mfa-setup-modal ul#mfa-option-items li:hover {
    background-color: #f1f1f1;
}

#mfa-setup-modal .mfa-icon-email {
    color: rgba(102, 140, 255, 0.8);
}

#mfa-setup-modal .mfa-icon-sms {
    color: rgba(230, 46, 0, 0.8);
}

#mfa-setup-modal .mfa-icon-voice {
    color: rgba(0, 179, 0, 0.8);
}

#mfa-setup-modal .mfa-icon-app {
    color: rgba(204, 51, 255, 0.8);
}

#mfa-setup-modal ul#mfa-option-items > li {
    display: flex;
    border: 1px solid #d0d0d0;
    padding: 10px;
}

#mfa-setup-modal ul#mfa-option-items li .icon {
    flex: 0 0 auto;
    width: 60px;
    text-align: center;
    font-size: 3rem;
}

#mfa-setup-modal ul#mfa-option-items li .label {
    flex: 1 1 auto;
    width: 100px;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
}

#mfa-setup-modal ul#mfa-option-items li .label .title {
    font-weight: bold;
    font-size: 1.6rem;
}

#mfa-setup-modal ul#mfa-option-items li .label .description {
    font-weight: normal;
    margin-top: 15px;
}

#mfa-setup-modal .mfa-header-container {
    height: 40px;
    line-height: 40px;
    display: flex;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 30px;
}

#mfa-setup-modal .mfa-header-container .icon {
    flex: 0 0 auto;
    width: 60px;
    font-size: 3rem;
    text-align: center;
}

#mfa-setup-modal .mfa-header-container .title {
    flex: 1 1 auto;
    width: 100px;
    font-weight: bold;
    font-size: 1.6rem;
}

#mfa-setup-modal .mfa-code-resend-link {
    cursor: pointer;
    margin-top: 20px;
    color: #7d3a47;
}

#mfa-setup-modal .mfa-code-resend-link:hover {
    text-decoration: underline;
}

.mfa-verify-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mfa-verify-container .error {
    color: red;
}

.mfa-verify-container form {
    max-width: min(100%, 50rem);
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    color: #000000;
}

.mfa-verify-container form .security-code-container {
    width: 400px;
    margin: auto;
}

.mfa-verify-container form .title {
    font-weight: bold;
    font-size: 20px;
}

.mfa-verify-container form input.code-input {
    width: 2em;
    font-size: 1.5em;
    text-align: center;
    flex: 1 0 1em;
}

.mfa-verify-container form input, .mfa-verify-container form input:focus {
    padding: 8px;
    border-radius: calc(8px / 2);
    border: 0;
    border: 4px solid transparent;
    background: #d9d9d9;
}

.mfa-verify-container form input:not(:last-child) {
    margin-right: 5px;
}

.mfa-verify-container form .action-button {
    margin-bottom: 15px;
    text-align: left;
    display: flex;
}

.mfa-verify-container form .action-button > .resend {
    flex: 0 0 auto;
    width: 100px;
}

.mfa-verify-container form .action-button > .code-expired {
    flex: 1 1 auto;
    text-align: right;
}

.mfa-verify-container form .action-button > .code-expired-error {
    flex: 1 1 auto;
    text-align: right;
    color: red;
}

.mfa-verify-container form .submit-button > button {
    width: 100%;
}

.mfa-verify-container fieldset {
    border: 1px solid #c1c1c1;
    padding: 10px;
    margin-bottom: 15px;
    text-align: center;
}

.mfa-verify-container legend {
    display: block !important;
    padding: 0.2em 0.2em;
    color: gray;
    font-size: 95%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    margin-bottom: 0;
    text-align: center;
}

.mfa-verify-container legend:before {
    position: absolute;
    content: '';
    height: 15px;
    border-left: 1px solid #c1c1c1;
    left: 0px;
    top: 5px;
}

.mfa-verify-container legend:after {
    position: absolute;
    content: '';
    height: 15px;
    border-right: 1px solid #c1c1c1;
    right: 0px;
    top: 5px;
}

.login-link {
    color: #000000;
}

.login-link a {
    font-weight: bold;
    color: #000000;
}
/* 

Theme Name: ABI Dashboard
Theme URL: http://www.example.com
Description: A custom theme for ABI Dashboard.
Author: 40 Digits
Author URI: http://40digits.com
Version: 1.0

*/

/* GLOBAL CSS RESET FOR ALL BROWSERS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* END GLOBAL CSS RESET FOR ALL BROWSERS */ 

/*####################################################*/
/* !General Style */
/*####################################################*/

.wf-loading {visibility:hidden;}
.block {display:block;}
.clear {clear:both;}
.textleft {text-align:left !important;}
.textcenter {text-align:center !important;}
.textright {text-align:right !important;}
.alignleft {float:left !important;}
.alignright {float:right !important;}
.no-border {border:none !important;}
.col12 {width:898px; margin:0 10px; margin:0 auto;}
.col8 {width:620px; margin:0 10px;float:left;}
.col4 {width:300px; margin:0 10px;float:left;}
.page-wrap {width:960px;margin:0 auto;min-height:500px;}
.alpha {margin-left:0 !important;}
.omega {margin-right:0 !important;}

/*####################################################*/
/* !Clear Fix - Make sure to use in parent containers */
/*####################################################*/

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

a {color: #773540; text-decoration: none}
a:hover {text-decoration: underline;}

/*####################################################*/
/* !Body */
/*####################################################*/

html {
	background: #d6dee1 url(../images/body-gradient.png) repeat-x top;
}

body {
	background: #d6dee1 url(../images/body-gradient.png) repeat-x top !important;
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #4e4e4e;
}

header, footer {margin: 0 auto; }

.col12 {background-color: #FFF; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid #abb2b4; padding: 20px; border-top: 0; position: relative;}
.col12 .topbutton  {position: absolute; top:20px; right: 20px;}

h1, h2, h3, h4, h5, p {margin-bottom: 20px; line-height: 1.4em;}
span, li {line-height: 1.4em;}
small {font-size: 11px;}

h1 {font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: 24px !important; color: #682e39 !important; font-weight: 700;}
h2 {font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: 18px !important; color: #682e39 !important; font-weight: 700;}

input[type="text"], input[type="password"], input[type="file"], textarea, select {border: 1px solid #bbbbbb; background: #FFF; border-radius: 3px; padding: 5px 10px; font-size: 13px; color: #7d7d7d;}
select {padding: 4px 10px;}

.hasPlaceholder {color: #777;}

.button_gray,
.button_red {
	border-radius: 3px;
	padding: 5px 10px;
	font-size: 14px;
	cursor: pointer;
	font-weight: bold;
}

.button_gray {
	box-shadow: inset 0 0 0 1px #d8d8d8;
	background: #cbcbcb url(images/btn-gray-gradient.png) repeat-x top;
	border: 1px solid #9d9d9d;
	color: #616161;
	text-shadow: 1px 1px 1px #FFF;
}

.button_red {
	box-shadow: inset 0 0 0 1px #dbabb6;
	background: #682c35 url(images/btn-red-gradient.png) repeat-x top;
	border: 1px solid #977676;
	color: #FFF;
	text-shadow: 1px 1px 1px #663940;
	font-weight: normal;
}

.button_gray:hover {background: #d2d2d2}

.cont_gray, .cont_blue {margin-bottom: 20px; padding: 20px; box-shadow: 0 0 3px 2px #efefef; }
.cont_gray {border: 1px solid #c7ced3; background-color: #f7f7f7;} 
.cont_blue {border: 1px solid #c2c9cf; background-color: #e6eff6;} 

.pointer {cursor: pointer;}

/*####################################################*/
/* !Header */
/*####################################################*/

/*header {padding: 20px 0 0;}*/
header .welcome {float: right; text-align: right;}
header .logo {float: left; margin-bottom: 20px;}

header .tabs { background: #7d3a47; margin-top: 1px; border: 1px solid #672f3a; padding-right: 1px;}
header .tabs li {
	bottom: -1px;
	float: right; 
	background: #a35264; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	margin: 6px 0 -2px 10px;
	/*border: 1px solid #672f3a;*/
	border-bottom: 1px solid #fff;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

header .tabs li.active, header .tabs li:hover {background: #FFF;}
header .tabs li.active a {color: #682e39;}
header .tabs li:hover a {color: #682e39}
header .tabs li a {color: #FFF;	padding: 8px; display:block;}
header .tabs li a:hover {text-decoration: none;}


.bluetabs {width: 878px; background: #83afcd; border-bottom: 1px solid #336487; padding-right: 20px;}
.bluetabs li {
	bottom: -1px;
	float: right; 
	width: 100px; 
	background: #9abdd5; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	margin: 6px 0 -1px 10px;
	/*border: 1px solid #672f3a;*/
	border-bottom: 1px solid #6B8EA7;
	text-align: center;
	color: #fff;
	padding: 8px;
	text-shadow: 1px 1px 1px #557890;
	/*box-shadow: inset 0 0 0 1px #769cb7;*/
}

.bluetabs li.active, .bluetabs li:hover {background: #f7f7f7; box-shadow: none; border-bottom: 1px solid #FFF;}
.bluetabs li.active a {color: #682e39; text-shadow: 1px 1px 1px #d9ced0;}
.bluetabs li:hover a {color: #6d333e; text-shadow: 1px 1px 1px #d9ced0;}
.bluetabs li a {color: #FFF;}
.bluetabs li a:hover {text-decoration: none;}

/*####################################################*/
/* !Index */
/*####################################################*/

ul.find_order {}
ul.find_order li {float: left; margin-right: 10px;}
ul.find_order li span {display: block; margin-top: 5px;}
ul.find_order li input[type="text"] {width: 300px;}

.pagination_div {margin-top: 40px;}
.pagination_pages {color: #687c89; float: left; margin-left: 20px;}
.pagination {float: right; margin: 0 15px 20px 0;}
.pagination li {float: left; margin: 0 5px;}
.pagination li a {display: block; height: 25px; color: #5c2626; text-decoration: underline; line-height: 25px;}
.pagination li.current {border: 1px solid #d1d1d1; border-radius: 3px; padding: 4px 7px; margin-top:-2px;}
.pagination li.ends a {
	display: block;
	border-radius: 3px;
	background: #EBEBEB;
	border: 1px solid #ACB4B9;
	box-shadow: inset 0 0 0 1px white;
	padding: 0 7px;
	font-size: 18px;
	text-decoration: none;
	color: #444;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
}

.order_type {float: left; color: #637988; height: 25px; line-height: 25px;}

.showing_view {float: right;}
.showing_view li {float: left; margin-left: 15px;}
.showing_view li span {display: block; height: 25px; line-height: 25px;}
.showing_view li a {color: #733641; text-decoration: underline;}

#cases {
	border-top: 1px solid #c4c4c4;
}
#cases li{
	padding:10px;
	color: #4e4e4e;
	border-bottom: 1px solid #c4c4c4;
	background-color: #f7f7f7;
}
#cases li.open{
	background-color: #fff;
}
#cases li div.toggle{
	width:39px;
	height: 39px;
	line-height: 33px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #85a9c1;
	background: #dfe9ef;
	margin-right: 14px;
	float: left;
	cursor: pointer;
}
#cases li.open div.toggle{
	color: #a88a8d;
	background: #f2d7d7;
	line-height: 35px;
}
#cases li h3{
	height: 39px;
	line-height: 39px;
	font-size: 14px;
	float: left;
	margin-bottom:0;
	cursor: pointer;
}
#cases li.open h3{
	margin-bottom:10px;
}
#cases li div.latest-order{
	float:right;
	font-size: 14px;
	text-align: right;
	margin-right: 14px;
}
#cases li div.latest-order span{
	font-weight: bold;
	display: block;
}
#cases li a.icon{
	margin: 4px 0 0 12px;
	display: block;
	float:right;
	width:32px;
	height: 32px;
	background: url(images/summary-ico.png) 5px 1px no-repeat;
}
#cases li a.cloud{
	background: url(images/cloud-ico.png) 1px 6px no-repeat;
}
#cases table {clear:both; width: 100%; display:none;}
#cases li.open table { display: table;}
#cases table thead {background: #83afcd !important;}
#cases table th {height: 30px; vertical-align: middle; font-weight: bold; font-size: 15px; color: #FFF; text-shadow: 1px 1px 2px #6e93b1; border-right: 1px solid #7e9caf; border-left: 1px solid #9ec1d5; border-bottom: 1px solid #6e91aa;}
#cases table th, #cases table td {padding: 10px; line-height: 1.4em;}
#cases table tbody tr:nth-child(even) {background-color: #e6eff6;}
#cases table tbody td {border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; color: #4e4e4e; vertical-align: middle;}
#cases table tbody tr td:last-child {border-right: 1px solid #d3d3d3;}
#cases table tbody td small {font-size: 12px; color: #9f9e9e;}

/*####################################################*/
/* !New Order */
/*####################################################*/

.i-am-fixed-for-scrolling{position:fixed !important;top:20px !important;}

section nav {float: left; width: 200px; margin-right: 20px;}
section nav > ul {border: 1px solid #c9d0d4; border-bottom: 0; box-shadow: 0 0 3px 2px #efefef;}
section nav > ul > li > a {display: block; padding: 10px; background: #f7f7f7; border-bottom: 1px solid #c9d0d4; color: #636363; text-decoration: none; padding-left: 15px;}
section nav > ul > li > a:hover, section nav > ul > li > a.active {background: #ad7f88; color: #FFF; text-shadow: 0 0 2px #8a666d; text-decoration: none;}

section nav > ul > li > ul {border-bottom: 1px solid #c9d0d4; padding: 10px 0;}
section nav > ul > li > ul > li {padding: 2px 20px 2px 30px;}

.page_block {float: right; width: 675px;}
.block-l {float: left; width: 315px; padding: 20px 0 20px 20px;}
.block-r {float: right; width: 295px; padding: 20px; text-align: left;}
.block-full {width: 635px; padding: 20px;}

.form {padding: 0 0 0 20px;}
.form li {float: left; width: 306px; padding-bottom: 20px; padding-right: 20px; min-height: 55px;}
.form li.full {width: 612px; border-bottom: 1px solid #C4C4C4; padding-top: 5px; min-height: 1px; margin-bottom: 20px; padding-bottom: 0;}
.form li.third {width: 196px;}
.form li.third input[type="text"] {width: 180px;}
.form label, section label {display: block; font-weight: bold; margin-bottom: 3px;}
.form input[type="text"], .page_block .form input[type="password"], .page_block .form textarea {width: 93%}
.form li.half_select select {width: 305px; margin-bottom: 5px;}
#case li.fulltext {position: relative; padding-top: 20px; width: 612px; margin-top: 10px;}
.form li.fulltext {width: 635px !important;}
.form li.fulltext textarea {min-width: 612px; max-width: 612px; height: 100px;}
.form li.fulltext .button_gray {position: absolute; top: 0; right: 22px;}
.form li input.state {width: 134px;}
.form li input.zip {width: 50px;}
section h3 {position: relative;}
section h3 span.h3_info {position: absolute; top: 12px; right: 20px; color: #406075; font-size: 14px;}

#services li, #uploadfiles li {width: 612px;}
#services li span.add_services {color: #773743;}
#services li.services_requested input[type="checkbox"] {margin-left: 30px;}

#locations .fs {padding-bottom: 0;}
#locations {margin-bottom: 20px !important;}
#locations .fname {width: 145px;}
#locations .address {width: 145px;}
#locations .city {width: 120px;}
#locations li.long {width: 635px; min-height: 1px;} 

#locations li .othertype {width:125px;}
#locations .facility_search, #locations .facility-search-results {padding-bottom: 20px;}
.locations_add {float: right; margin-bottom: 30px;}
#locations table {width: 635px;}
#locations table thead {background: #656565; }
#locations table th {height: 20px; vertical-align: middle; font-weight: bold; color: #FFF;}
#locations table th, #new_order #locations table td {padding: 10px; line-height: 1.4em;}
#locations table tbody tr:nth-child(even) {background-color: #dae8e8;}
#locations table tbody tr:nth-child(odd) {background-color: #FFF;}
#locations table tbody td {border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; color: #4e4e4e; vertical-align: middle;}
#locations table tbody tr td:last-child {border-right: 1px solid #d3d3d3;}

#uploadfiles h2 {margin-bottom: 20px;}
#uploadfiles a {height: 30px; display: inline-block; zoom: 1; *display: inline;}
#uploadfiles a.delete > span {display: none}
#uploadfiles a.delete {background: url(images/icon_delete.png) no-repeat; width: 20px; height: 20px; margin-bottom: -5px;}

#hri_request li textarea {height: 90px;}
#hri_request li.full {padding-bottom: 20px;}
#hri_request li.third h4 {font-size: 18px;}

#place_order li.full {padding-top: 20px; padding-bottom: 20px;}
#place_order li.buttons {text-align: right; width:635px; padding-bottom: 0;}

.page_block section span {display: block; margin-bottom: 15px; }
.page_block section div.pxdiv {border-bottom: 1px solid #c4c4c4; margin: 0 20px 20px; padding: 0 20px; height: 1px;}

.page_block > section {border: 1px solid #c7ced3; background: #f7f7f7; box-shadow: 0 0 3px 2px #efefef; margin-bottom: 50px;}
.page_block > section h2 {background: #83afcd; border-bottom: 1px solid #5d86a2; padding: 10px 20px; color: #FFF; font-weight: bold; font-size: 20px; text-shadow: 1px 1px 2px #63849a; margin-bottom: 0;} 
.page_block > section h3 {background: #d6e3ec url(images/h2_btm_bg.png) repeat-x bottom; border-bottom: 1px solid #aec0cd; padding: 10px 20px; color: #773743; font-size: 18px;}
.page_block > section h3 span.location-title{display:inline}

/*####################################################*/
/* !Calcualtors */
/*####################################################*/

#calculators > h2.many_days {width: 297px; float: left;}
#calculators > h2.future_date {width: 296px; float: right;}
#calculators ul {padding-bottom: 0; margin-bottom: 0;}
#calculators ul > li {padding-bottom: 20px;}
#calculators .results {display: block; background: #e6eff6; border: 1px solid #c0cdd6; padding: 15px 20px; font-size: 18px; font-weight: bold;}
#calculators .days_to_add {width: 40px;}

/*####################################################*/
/* !Case Info */
/*####################################################*/

.case_info {border: 1px solid #c7ced3; background-color: #f7f7f7; box-shadow: 0 0 3px 2px #efefef; margin-bottom: 40px;}
.case_info ul.info {width: 897px;}
.case_info ul.info > li {float: left; padding: 13px 20px; border-right: 1px solid #dadada; min-height: 65px;}
.case_info ul.info > li.order {width: 130px;}
.case_info ul.info > li.case {width: 290px;}
.case_info ul.info > li.filenumber {width: 135px;}
.case_info ul.info > li.orderedby {width: 178px;}
.case_info ul.info small {font-size: 10px;}
.case_info ul.info strong {font-size: 18px; padding-top: 5px; display: block;}

.case_info ul.buttons {background: #e6eff6; border-top: 1px solid #9da9b2;}
.case_info ul.buttons > li {float: left; padding: 10px 20px; font-size:12px;}
.case_info ul.buttons > li.esummary {float: left; width: 130px; border-right: 1px solid #aeb9c0; background: #cfe0ed;}
.case_info ul.buttons > li.esummary > a {display: block; background: url(images/btn_esummary.png) no-repeat center 4px; width: 130px; height: 21px;}
.case_info ul.buttons > li.esummary > a > span {display: none;}
.case_info ul.buttons > li.confirmation_packet {float: left; width: 200px; background: url(images/btn_packet.png) no-repeat 20px 10px;}
.case_info ul.buttons > li.confirmation_packet > a {display: block; padding-left: 27px; padding-top: 4px;}
.case_info ul.buttons > li.add_to_order {float: right; width: 100px; background: url(images/btn_order.png) no-repeat 20px 10px; padding-right: 0;}
.case_info ul.buttons > li.add_to_order > a {display: block; padding-left: 27px; padding-top: 4px;}
.case_info ul.buttons > li.records {float: right; width: 145px; background: url(images/btn_records.png) no-repeat 20px 12px;}
.case_info ul.buttons > li.records > a {display: block; padding-left: 31px; padding-top: 4px;}
.case_info ul.buttons > li.send_comments {float: right; width: 125px; background: url(images/btn_chat.png) no-repeat 20px 8px; padding-right: 0;}
.case_info ul.buttons > li.send_comments > a {display: block; padding-left: 31px; padding-top: 4px;}

ul.location_list {background-color: #f7f7f7; }
ul.location_list > li {border: 1px solid #c7ced3; border-top: 0; padding: 20px;}
ul.location_list > li.active_loc {background: #f0f5f8;}
ul.loc_info > li {float: left; min-height: 35px;}
ul.loc_info > li strong {display: block;}
ul.loc_info > li.toggle > div {}
ul.loc_info > li.toggle > div > span {font-weight: bold;font-size: 30px; color: #85A9C1; display: block;width: 35px;height: 17px;text-align: center;padding: 10px 0;background: #DFE9EF;line-height: 10px;}
ul.loc_info > li.toggle span.toggle_open {background: #dfe9ef;}
ul.loc_info > li.toggle span.toggle_close {background: #edd6d8; color: #a5898d;}
ul.loc_info > li.name {width: 600px; padding-left: 20px;}
ul.loc_info > li.options {width: 200px; font-size: 12px; text-align: right;}
ul.loc_info > li.status {width: 300px; padding-left:57px; margin-top: 15px; border-right: 1px solid #cbcbcb; padding-bottom: 0;} 
ul.loc_info > li.type {width: 120px; padding-left:20px; margin-top: 15px; border-right: 1px solid #cbcbcb; padding-bottom: 0;}
ul.loc_info > li.attachments {padding-left:20px; margin-top: 15px; padding-bottom: 0;}

ul.loc_info a.comments {color: #51738c;}
ul.loc_info a.comments:hover {color: #51738c;}

strong.progress {color: #299648;}

ul.table_info table {width: 418px;}
ul.table_info table thead {background: #cfdee7 !important;}
ul.table_info table th {height: 20px; vertical-align: middle; font-weight: bold; color: #506b7a; border-left: 1px solid #a7c1d3; border-bottom: 1px solid #a7c1d3; border-top: 1px solid #a7c1d3;}
ul.table_info table th, ul.table_info table td {padding: 10px; line-height: 1.4em; font-size: 12px;}
ul.table_info table tbody tr {background-color: #FFF;}
ul.table_info table tbody td {border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; color: #4e4e4e; vertical-align: top;}
ul.table_info table thead th:last-child {border-right: 1px solid #a7c1d3;}
ul.table_info table tbody tr td:last-child {border-right: 1px solid #d3d3d3;}
ul.table_info table tbody tr td:first-child {width: 22px;}
ul.table_info table tbody td small {font-size: 12px; color: #9f9e9e;}

ul.table_info > li.loc_right table thead {background: #e9e9e9 !important;}
ul.table_info > li.loc_right table th {color: #7a7b7c; border-left: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; border-top: 0;}

ul.table_info > li.loc_left table {margin-bottom: 20px;}

ul.table_info {margin-top: 20px; padding-top: 20px; border-top: 4px solid #d1dfe8;}
ul.table_info > li {float: left;}
ul.table_info > li.loc_left {margin-right: 10px;}
ul.table_info > li.loc_right {margin-left: 10px;}

.clipboard {float: right; color: #506b7a; text-decoration: underline; font-size: 12px;}
.attachment {border: 1px solid #b2c4d0; border-top: 0; padding: 10px; font-size: 12px; background: #FFF; margin-top: -20px;}
.attachment > a {color: #4d5559; text-decoration: underline;}

ul.table_info h2 {background: #FFF; color: #803c49; border: 1px solid #b6c7d3; padding: 5px 10px; font-size: 16px;}
ul.table_info .set {position: relative; background: #cfdee7; border: 1px solid #b2c4d0; color: #617a87; padding: 11px 15px; font-size: 12px; min-height: 19px; width: 386px; cursor: pointer; margin-top: 20px;}
ul.table_info .set > div {position: absolute; top: 0; right: 0; overflow: hidden; height: 41px;}
ul.table_info .set > div > span {display: block; border-left: 1px solid #b3c0ca; background: #b3debb; width: 41px; height: 41px; padding: 10px 0; line-height: 15px; font-size: 30px; color: #5b935f; font-weight: bold; text-align: center;}
ul.table_info .set > div > span.toggle_open {background: #b3debb; border-left: 1px solid #b3c0ca;}
ul.table_info .set > div > span.toggle_close {background: #f5caca; color: #a98386; border-left: 1px solid #adadad;}

/*####################################################*/
/* !Order Details */
/*####################################################*/

.odetails {border: 1px solid #c6c6c6; background: #f7f7f7;}
.odetails h2 {position: relative; color: #773743; padding: 10px 20px; border-bottom: 1px solid #aec0cd; border-top: 1px solid #aec0cd; background: #d6e3ec url(images/h2_btm_bg.png) repeat-x bottom; font-size: 16px; font-weight: bold;}
.odetails h2 > a {position: absolute; top: 0; right: 0; display: block; font-weight: normal; color: #5885a7; font-size: 12px; height: 41px; width: 170px; background: #e6eff6 url(images/btn_print.png) no-repeat 18px 9px;}
.odetails h2 > a:hover {text-decoration: underline; color: #214057; background-color: #c1d6e4;}
.odetails h2 > a > span {position: absolute; top: 15px; right: 20px; display: block; padding-left: 30px;}
.odetails h2.h2_billing {border-top: 0;}


ul.order_blocks {border: 1px solid #c6c6c6; background: #FFF; margin: 0 20px; margin-bottom: 20px;}
ul.order_blocks strong {display: block;}
ul.order_blocks .terms > strong {display: inline; text-decoration: underline;}
ul.order_blocks li {padding: 15px;}
ul.order_blocks .heading {background: #e8eaeb; text-transform: uppercase; color: #a1898e; font-weight: bold; font-size: 16px; padding: 5px 15px;}
ul.order_blocks .half {float: left; width: 46.4%;}
ul.order_blocks .fourth {float: left; width: 21.4%;}
ul.order_blocks .third {float: left; width: 29.8%;}
ul.order_blocks .divider {border-bottom: 1px solid #dedede; padding: 0 20px; margin: 10px 15px; max-height: 1px; float: left; width: 780px;}
ul.order_blocks .third > ul > li {list-style: circle; line-height: 1.2em; padding: 4px 0; margin-left: 20px;}

ul.order_blocks .half .alignleft, ul.order_blocks .half .alignright {width: 48%; margin-bottom: 10px; min-height: 104px;}
ul.order_blocks .email_records {margin-top: 20px;}

.bill_to, .deliver_to {float: left; width: 416px; margin: 0 0 20px 20px !important; min-height: 195px;}
.bill_to .alignleft, .bill_to .alignright {width: 46%; margin-bottom: 10px;}

.deliver_to {float: right; margin: 0 20px 20px 0 !important;}

/*####################################################*/
/* !Submit Info */
/*####################################################*/

ul.submit_info {border: 1px solid #c7ced3; background: #FFF; border-top: 0; padding: 20px;}
ul.submit_info > li {background: #f2f3df; border: 1px solid #d0d0be; text-align: center; padding: 40px;}
ul.submit_info > li > strong {display: block; padding-bottom: 30px;}
ul.submit_info > li > span {display: block; padding-bottom: 30px;}

ul.submit_info > li > .follow_up {margin: 0 auto; width: 225px;}
ul.submit_info > li > .follow_up > .follow_calendar {display: block; position: relative; border-radius: 5px; background: #d2dbd6 url(images/btn_calendar.png) no-repeat 18px 10px; padding: 15px; color: #4e4e4e; cursor: pointer;}
ul.submit_info > li > .follow_up > .follow_calendar > span {display: block; padding-left: 30px; font-size: 16px;}

#neworder_submitted .bluetabs li.active, .bluetabs li:hover {background-color: #FFF;}

.abi-spin {
	font-size: 48px !important;
	color: #7d3a47;
	padding: 10px;
}

#tree-customer {
	height: 400px;
	overflow-y: auto;
	border: 1px solid #868686;
	margin: 10px 0;
}

#shared-documents ul.fancytree-container {
	border: none !important;
}

#shared-documents span.fancytree-childcounter {
	background: rgba(0,0,0, 0.5) !important;
	border: 1px solid rgba(0,0,0, 0.3) !important;
	top: 1px !important;
	right: -8px !important;
	height: 13px !important;
	min-width: 12px !important;

}

#shared-documents span.fancytree-title {
	padding-left: 8px;
}

#shared-documents span.fancytree-custom-icon.fa.fa-folder-open-o.fa-lg {
	color: #b8860b;
}

.fa-file-pdf-o {
	color: #f00;
}

.fa-file-excel-o {
	color: green;
}

.fa-file-image-o {
	color: #7d3a47;
}
clear/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;

}

/* line 26, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 25, ../sass/screen.scss */
div.clear {
  clear: both;
}

/* line 27, ../sass/screen.scss */
body {
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
/* line 33, ../sass/screen.scss */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* line 37, ../sass/screen.scss */
#cloud-wrap {
 
  /*margin: 80px auto 0;*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
/* line 43, ../sass/screen.scss */
#cloud-wrap .notify {
  position: absolute;
  font-size: 14px;
  line-height: 27px;
  height: 27px;
  background: #f9edbe;
  border: 1px solid #f0c36c;
  color: #000;
  padding: 0 13px;
}

/* line 56, ../sass/screen.scss */
.abi-list-obj {
  width: 95%;
  height: 473px;
  padding: 5px;
  position: relative;
  /*background: #ebeff0; 
  border: 5px solid #cccdcd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: #eeeeee 0 0 6px 0px;
  -moz-box-shadow: #eeeeee 0 0 6px 0px;
  box-shadow: #eeeeee 0 0 6px 0px;*/
}
/* line 67, ../sass/screen.scss */
.abi-list-obj#case-files {
  float: left;
}
/* line 70, ../sass/screen.scss */
.abi-list-obj#case-files span.cur-contents {
  background-position: 2px -30px;
}
/* line 74, ../sass/screen.scss */
.abi-list-obj#case-files div.list-wrap {
  height: 391px;
}
/* line 77, ../sass/screen.scss */
.abi-list-obj#case-files div.list-wrap ul.list {
  min-height: 390px;
}
/* line 81, ../sass/screen.scss */
.abi-list-obj#case-files div.list-wrap li.folder {
  background: url(../images/cloud-icos.png) 6px -30px no-repeat;
}
/* line 87, ../sass/screen.scss */
.abi-list-obj#my-files {
  float:none;
 
}
/* line 90, ../sass/screen.scss */
.abi-list-obj#my-files div.list-wrap {
  height: 356px;
   
}
/* line 93, ../sass/screen.scss */
.abi-list-obj#my-files div.list-wrap ul.list {
  min-height: 355px;


 
}
/* line 99, ../sass/screen.scss */
.abi-list-obj h2 {
  height: 31px;
  width: 95%;
  line-height: 32px;
  position: absolute;
  left: 33px;
  top: -32px;
  color: #6d333e;
  font-size: 14px;
  text-align: center;
  background-color: #ebeff0; 
  border: 1px solid #cccdcd;
  border-bottom: none;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-box-shadow: #eeeeee 0 0 6px 0;
  -moz-box-shadow: #eeeeee 0 0 6px 0;
  box-shadow: #eeeeee 0 0 6px 0;
  text-shadow: 2px 2px 3px #d4c9cb;
}
/* line 118, ../sass/screen.scss */
.abi-list-obj > input[type="text"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: #eeeeee 2px 2px 3px 0;
  -moz-box-shadow: #eeeeee 2px 2px 3px 0;
  box-shadow: #eeeeee 2px 2px 3px 0;
  border: 1px solid #bbb;
  width: 150px; 
  padding: 3px 10px;
  height: 20px;
  line-height: 20px;
  color: #2d2d2d;
  font-size: 13px;
  z-index: 4;
  background: url(../images/search-bg.png) repeat-x;
}
/* line 132, ../sass/screen.scss */
.abi-list-obj a.search {
  display: block;
  position:absolute;
  top: 11px;
  left: 185px;
  width: 15px;
  height: 16px;
  background: url(../images/cloud-icos.png) -4px -247px no-repeat;
  z-index: 5;
}
/* line 143, ../sass/screen.scss */
/* here */
.abi-list-obj div.list-wrap {
  
  border: 2px solid #cacaca;  /* here */
  width: 95%; 
  overflow: hidden;
  position:absolute;
  bottom: 19px;
  left: 5px;
  z-index: 10;
  background: #fff;
  /*
   * CSS Styles that are needed by jScrollPane for it to operate correctly.
   */
}
/* line 154, ../sass/screen.scss */
.abi-list-obj div.list-wrap:focus {
  outline: none;
}
/* line 163, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspContainer {
  overflow: hidden;
  position: relative;
  width:95%;
  
 
}
/* line 166, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspContainer:focus {
  outline: none;

}
/* line 172, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspPane {
  position: absolute;
  width:95%

}
/* line 177, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 100%;
  border-left: 1px solid #cacaca;
}
/* line 187, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspTrack {
  background: #fff;
  position: relative;
}
/* line 193, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspDrag {
  background: #6d333e;
  position: relative;
  width: 5px;
  border: 3px solid #fff;
  border-top: none;
  border-bottom: none;
  top: 0;
  left: 0;
  cursor: pointer;
}
/* line 206, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspArrow {
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  background: url(../images/cloud-icos.png) 0 -367px no-repeat;
  width: 11px;
  height: 13px;
}
/* line 215, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspArrow.jspArrowUp {
  background-position: -13px -367px;
}
/* line 218, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspArrow.jspArrowDown {
  background-position: 1px -367px;
}
/* line 221, ../sass/screen.scss */
.abi-list-obj div.list-wrap .jspArrow:focus {
  outline: none;
}
/* line 229, ../sass/screen.scss */
.abi-list-obj ul.list {
  background: #fff;
  margin-top: 1px;
}
/* line 233, ../sass/screen.scss */
.abi-list-obj ul.list.drop-hover {
  border: 1px dashed #2472bc !important;
  width: 95%;
}
/* line 238, ../sass/screen.scss */
.abi-list-obj ul.list li {
  padding: 0 0 0 32px;
  line-height: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
  *zoom: 1;
  color: #4e4e4e;
  border-bottom: 1px solid #cacaca;
  cursor: pointer;
  background: url(../images/cloud-icos.png) no-repeat;
}
/* line 249, ../sass/screen.scss */
.abi-list-obj ul.list li label {
  font-size: 14px;
  margin-right: 15px;
  line-height: 35px;
  height: 35px;
  float: left;
  cursor: pointer;
  font-weight: normal;
  text-overflow : ellipsis;
  white-space: nowrap;
  width:85%;
  overflow:hidden;
}
/* line 259, ../sass/screen.scss */
.abi-list-obj ul.list li span {
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  width: 15px;
  padding-right: 2px;
  height: 35px;
  line-height: 36px;
  float: left;
  background: url(../images/cloud-icos.png) -2px 8px no-repeat;
}

.abi-list-obj ul.list li span._title {
  margin-left: 3px;
  background: none;
  color: #6d333e;
  cursor: inherit;
  font-size: 28px;
  position:absolute;
  left: 4px;
}

/* line 271, ../sass/screen.scss */
.abi-list-obj ul.list li.selected {
  background-color: #83afcd !important;
}
/* line 274, ../sass/screen.scss */
.abi-list-obj ul.list li.selected label {
  color: #fff !important;
}
/* line 278, ../sass/screen.scss */
.abi-list-obj ul.list li.folder {
  background-position: 5px -268px;
  
}
/* line 281, ../sass/screen.scss */
.abi-list-obj ul.list li.folder.drop-hover {
  border: 1px dashed #2472bc !important;
  margin-top: -1px;
}
/* line 286, ../sass/screen.scss */
.abi-list-obj ul.list li.file {
  background-position: 5px -100px;
}
/* line 289, ../sass/screen.scss */
.abi-list-obj ul.list li.file.pdf {
  background-position: 5px -69px;
}
/* line 292, ../sass/screen.scss */
.abi-list-obj ul.list li.file.xlsx {
  background-position: 5px -155px;
}
.abi-list-obj ul.list li.file.xls {
  background-position: 5px -155px;
}
/* line 295, ../sass/screen.scss */
.abi-list-obj ul.list li.file.docx {
  background-position: 5px -111px;
}
.abi-list-obj ul.list li.file.doc {
  background-position: 5px -111px;
}
/* line 298, ../sass/screen.scss */
.abi-list-obj ul.list li.file.img {
  background-position: 5px -193px;
}
.abi-list-obj ul.list li.file.tif {
  background-position: 5px -193px;
}
.abi-list-obj ul.list li.file.tiff {
  background-position: 5px -193px;
}
.abi-list-obj ul.list li.file.rtf {
  background-position: 5px -193px;
}
.abi-list-obj ul.list li.file.lnk {
  background-position: 5px -193px;
}

/* line 306, ../sass/screen.scss */
.abi-list-obj ul.menu {
  position: absolute;
  -webkit-box-shadow: #666666 0 0 6px 0;
  -moz-box-shadow: #666666 0 0 6px 0;
  box-shadow: #666666 0 0 6px 0;
  background: #fff;
  width: 180px;
  padding: 3px;
  z-index: 999;

}
/* line 314, ../sass/screen.scss */
.abi-list-obj ul.menu li 
{
  height: 22px;
  line-height: 22px;
  cursor: pointer;
  color: #6d333e;
  padding: 0 0 0 30px;
  text-decoration: underline;
  font-size: 12px;
  background: url(../images/cloud-icos.png) no-repeat;

}
/* line 324, ../sass/screen.scss */
.abi-list-obj ul.menu li.hover {
  background-color: #eee !important;
}
/* line 327, ../sass/screen.scss */
.abi-list-obj ul.menu li.remove {
  background-position: 3px -308px;
}
/* line 330, ../sass/screen.scss */
.abi-list-obj ul.menu li.copy {
  background-position: 4px -464px;
}
/* line 333, ../sass/screen.scss */
.abi-list-obj ul.menu li.new-folder {
  background-position: 3px -565px;
}
/* line 336, ../sass/screen.scss */
.abi-list-obj ul.menu li.download {
  background-position: 3px -601px;
}
/* line 339, ../sass/screen.scss */
.abi-list-obj ul.menu li.sharing {
  background-position: 4px -497px;
}
/* line 342, ../sass/screen.scss */
.abi-list-obj ul.menu li.show-in-folder, .abi-list-obj ul.menu li.open-folder {
  background-position: 3px -428px;
}
/* line 345, ../sass/screen.scss */
.abi-list-obj ul.menu li.rename {
  background-position: 3px -339px;
}
/* line 351, ../sass/screen.scss */
.abi-list-obj ul.actions {
  height: 30px;
  padding: 5px 5px 0;
  width:92%;
  position: absolute;
  bottom: 375px;

  
  border-bottom: none;
}
/* line 363, ../sass/screen.scss */
.abi-list-obj ul.actions li, .abi-list-obj a.button {
  float: right;
  height: 22px;
  line-height: 22px;
  padding: 0 6px;
  color: #fff;
  font-size: 12px;
  background: #6d333e;
  border: 1px solid #907171;
  -webkit-box-shadow: #bbbbbb 0 2px 5px 0;
  -moz-box-shadow: #bbbbbb 0 2px 5px 0;
  box-shadow: #bbbbbb 0 2px 5px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-left: 7px;
  display: none;
  cursor: pointer;
}
/* line 378, ../sass/screen.scss */
.abi-list-obj ul.actions li.sharing, .abi-list-obj a.button.sharing {
  background: #90B486 !important;
  border-color: #7C8F80 !important;
}
/* line 384, ../sass/screen.scss */
.abi-list-obj span.cur-contents, .abi-list-obj span.back {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  float: left;
  display: block;
  margin-top: 9px;
}
/* line 393, ../sass/screen.scss  ***************** */
.abi-list-obj span.cur-contents {
  padding-left: 28px;
  font-size: 14px;
  background: url(../images/cloud-icos.png) 1px -268px no-repeat;
  color: #4e4e4e;
  text-overflow : ellipsis;
  white-space: nowrap;
  overflow: hidden; 
  position : absolute;
  width : 85%;
  
}

.abi-list-obj span._curcon-title {
  margin-left: 3px;
  background: none;
  color: #6d333e;
  cursor: inherit;
  font-size: 28px;
  position:absolute;
  top: 38.abi-list-obj ul.list li spanpx;
}

/* line 399, ../sass/screen.scss */
.abi-list-obj span.cur-contents.search {
   background-position: 2px -527px !important;
}
/* line 403, ../sass/screen.scss */
.abi-list-obj span.back {
  margin-left: 3px;
  background: none;
  color: #6d333e;
  text-decoration: underline;
  cursor: pointer;
  display: none;
  font-size: 15px;
  position:absolute;
  top: 58px;
}


/* line 413, ../sass/screen.scss */
.abi-list-obj li div.edit {
  padding-top: 6px;
}
/* line 415, ../sass/screen.scss */
.abi-list-obj li div.edit a {
  float: right;
  display: block;
  margin-right: 8px;
  text-decoration: none;
}
/* line 421, ../sass/screen.scss */
.abi-list-obj li div.edit a.cancel {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  text-decoration: underline;
  padding: 2px;
}
/* line 430, ../sass/screen.scss */
.abi-list-obj li div.edit a.save {
  -webkit-box-shadow: #6a8ea6 0 2px 5px 0;
  -moz-box-shadow: #6a8ea6 0 2px 5px 0;
  box-shadow: #6a8ea6 0 2px 5px 0;
  padding: 0 11px;
}
/* line 436, ../sass/screen.scss */
.abi-list-obj li div.edit input {
  font-size: 12px;
  color: #4e4e4e;
  border: 1px solid #cacaca;
  height: 22px;
  padding: 4px;
  width: 95%;
}
/* line 446, ../sass/screen.scss */
.abi-list-obj div.list-bottom-grad {
  position: absolute;
  width: 95%;
  height: 6px;
  bottom: 19px;
  left: 5px;
  background: url(../images/list-bottom-grad.png) repeat-x;
  z-index: 11;

}

/* line 458, ../sass/screen.scss */
li.listitem.ui-draggable-dragging {
  padding: 0 0 0 32px;
  line-height: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
  *zoom: 1;
  color: #4e4e4e;
  border: 1px solid #cacaca;
  background-color: #fff !important;
  list-style: none;
  z-index: 100;
  width: 95%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background: url(../images/cloud-icos.png) no-repeat;
}
/* line 473, ../sass/screen.scss */
li.listitem.ui-draggable-dragging label {
  font-size: 14px;
  margin-right: 15px;
  line-height: 35px;
  height: 35px;
  float: left;
  font-weight: bold;
}
/* line 482, ../sass/screen.scss */
li.listitem.ui-draggable-dragging span {
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  width: 15px;
  padding-right: 2px;
  height: 35px;
  line-height: 36px;
  float: left;
  background: url(../images/cloud-icos.png) -2px 8px;
}
/* line 494, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.selected {
  background-color: #83afcd !important;
}
/* line 497, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.selected label {
  color: #fff !important;
}
/* line 501, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.folder {
  background-position: 5px -268px;
}
/* line 504, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.folder.cas {
  background-position: 6px -30px;
}
/* line 508, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.file {
  background-position: 5px -100px;
}
/* line 511, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.file.pdf {
  background-position: 5px -69px;
}
/* line 514, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.file.xlsx {
  background-position: 5px -155px;
}
/* line 517, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.file.docx {
  background-position: 5px -111px;
}
/* line 520, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.file.img {
  background-position: 5px -193px;
}
/* line 524, ../sass/screen.scss */
li.listitem.ui-draggable-dragging.multi {
  background-position: 5px -379px;
}