/* used for the green, orange and red icons on policy
and risk panel */
/* Fix AdminLte scroll */
body {
    overflow-x: inherit;
    overflow-y: inherit;
}
/* End lte Fix*/
.green {
    color: #4989c8;
    font-weight: bold;
}

.red {
    color: red;
    font-weight: bold;
}

.orange {
    color: #4989c8;
    font-weight: bold;
}

.blue {
    color: rgba(49, 112, 143, 0.57);
    font-weight: bold;
}

/* span with title attribute are used to show information
on mouse over, so we show them underlined */
span[title] {
    font-weight: bold;
    border-bottom: 1px dotted;
}

/* ####################
    HELPER CLASS
   #################### */

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

.nowrap {
    white-space: nowrap;
}

.full-width,
.in-full-width>*{
    width:100% !important;
}

/* ####################
    SPINNERS
   #################### */

.spinner-gray {
    background:url('../images/spinners/spinner1.gif') no-repeat;
    width:30px;
    height:30px;
    vertical-align: middle;
    display:inline-block;
}

/* Busy / Global Modal Spinner */

.spinner-modal-wrapper {
    position:absolute;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    background-color:rgba(255,255,255,0.4);
    z-index:9999;
    display:none;
}

.spinner-modal-container {
    position:relative;
    margin:0 auto;
    display:block;
    height:150px;
    width:150px;
    top:32%;
    background:#f6f6f6;
    border-radius: 20px;
    box-shadow:0 0 10px rgba(0,0,0,0.4);
}

.spinner-modal {
    width:76px;
    height:76px;
    background:url('../images/spinners/spinner-modal.gif') no-repeat;
    display:block;
    margin:0 auto;
    position:relative;
    top:36px;
}

body.busy .spinner-modal-wrapper {
    display:block;
}

/* ####################
    MAIN CLASS
   #################### */

.ui-widget,
body {
    font-family: Tahoma, sofia_pro_lightregular;
    color: #9a8e79;
}

::selection {
    color: white;
    background: #1d97ed;
}

::-moz-selection {
    color: white;
    background: #1d97ed;
}

input,
textarea,
select option,
button{
    font-family: sofia_pro_lightregular;
    color: #9a8e79;
}


textarea {
    border: 2px solid #ececec;
    border-radius: 4px;
    padding: 4px;
    vertical-align: top;
}


a {
    color: #3973b9;
}

a:hover {
    color: #3973b9;
}


/* selected link */
a:active {
     color: #3973b9;
}

h1 {
    color: #4989c8;
    font-size: 18px;
}

.float {
    float: left;
}

/*
h2 {
    font-weight: bold;
    display: inline-block;
    background: #f8f8f8;
    font-family: sofia_pro_lightregular;
    white-space: nowrap;
    height: 23px;
    line-height: 23px;
    color: #807664;
    font-size: 0.8em;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 13px;
}
*/

.overview h2 {
    margin-bottom: 20px;
    margin-top: 55px;
}

.overview ul>li {
    word-break: break-word;
}

.overview.lenders h2 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.overview.lenders .lender-info {
    margin-bottom: 50px;
}

.overview h2.first {
    margin-top: 10px;
}

hr {
    border: 1px solid #ddddda;
    margin: 21px 0 5px;
}


ul {
    margin:0;
}

img {
    border: 0;
}

/*    LOGIN PAGE    */
.login #clogo {
    width: 256px;
    margin: 0px auto;
    margin-top: 60px;
        float: none;
    }
.login div#clogo a.logo {
    margin-left: 0px;
    background:url('../images/logo.png') no-repeat 0 0;
    background-size: contain;
    height: 67px;
    width: 256px;
    }

.login div#clogo a.logo.firstlook {
    background:url('../images/logo-firstlook.png') no-repeat 0 0;
    height: 110px;
    width: 363px;
    /* offset logo by half of the difference in width/height
     * between this one and the original one above */
    margin-left: -53px;
    margin-top: -21px;
    }

.login #logout,
.login div#top_menu
    {
    display:none;
    }
.login .content_area {
    border:0px;
}
.login .login_portal {
    width:280px;
    max-height:280px;
    min-height:230px;
    margin:0px auto;
    border:1px solid #E6E6E6;
    }

.login .login_portal .legend legend {
    color:#ffffff;
}
.login .login_portal .legend {
    /*width:270px;
    height:33px;*/
    color:#ffffff;
    background:#3973b9 url('../images/bgr_orange_head.png') no-repeat 0 0px;
    line-height: 32px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 10px;
    /*margin-bottom:25px;*/
    }
.login .login_portal label {
    display: block;
    margin: 4px auto;
    width: 220px;
    font-family:arial, sans-serif;
    font-size:12px;
    color:#999999;
    }
.login .login_portal input {
    border: 1px solid #DDD;
    width: 220px;
    margin: 0px auto;
    height:23px;
    display: block;
    }
.login .error_msg,
.login p {
    color: #C30;
    width: 220px;
    margin: 10px auto 15px auto;
    }
.login input[type="submit"]
    {
    color:#ffffff;
    background:url('../images/button_login.png') no-repeat 0 0;
    width: 158px;
    height: 40px;
    border: 0px;
    margin: 20px auto;
    }
.login input[type="submit"]:hover {
    background:url('../images/button_login.png') no-repeat 0 -39px;
    }
/*    header     */


/*     LOGIN PAGE    */
.login .content_area{
    background: none;
    }
.login_portal {
    width: 590px;
    margin:0px auto;
    background: white;
    }
.login_portal form {
    width: auto;
    }
.login_portal legend {
    /*font-size:20px;
    margin-bottom:10px;
    margin-left:20px*/
    border: 0;
    }
.login_portal label {
    min-width:100px;
    display:inline-block;
    margin-left:20px
    }
.login_portal input {
    width: 230px;
    height: 23px;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #7C7C7C;
    margin-bottom: 20px;
    margin-left:20px
    }

/*     END OF LOGIN PAGE    */

/*     PORTAL PAGE    */

body {
    background: white url('../images/background.png') repeat;
    margin: 0px;
}

.clearfix {
    clear: both;
}

.vertical-section {
    display: block;
    width: 100%;
    border-bottom: 1px solid #f4f3f1;
    clear: both;
    padding: 15px 0;
}

.vertical-section > div {
    display: block;
    margin: 0 auto;
}

.vertical-section.expandable.collapsed * {
    display: none;
}

.vertical-section.expandable .section-label {
    cursor: pointer;
    background-image: url(../images/expander.png);
    background-repeat: no-repeat;
    background-position: 100% -65px;
}

.vertical-section.expandable .section-label:hover {
    background-position: 100% -100px;
    background-color: #3973b9;
    color: white;
}


.vertical-section.expandable.collapsed .section-label {
    margin-bottom: 0px;
    background-position: 100% -0px;
}

.vertical-section.expandable.collapsed .section-label:hover {
    margin-bottom: 0px;
    background-position: 100% -33px;
}

.vertical-section.expandable .section-label {
    cursor: pointer;
    margin-bottom: 15px;
}

.vertical-section.expandable.collapsed .section-label,
.vertical-section.expandable.collapsed > div {
    display: block;
    float: none;
}


.white-pause {
    display: block;
    width: 100%;
    height: 10px;
    border-bottom: 1px solid #f4f3f1;
    background: white;
}

div#header {
    text-align: center;
    position: relative;
    padding: 0px;
    padding-bottom: 5px;
}

div#top_nav {
    float: right;
    background: #fbfaf5;
    height: 33px;
    line-height: 33px;
    padding-right: 4px;
}

div#top_nav a,
div#top_nav a:visited {
    color: #c8c9bb;
    text-decoration: none;
    font-size: .8em;
    padding-left: 27px;
    margin: 0 7px;
    background-repeat: no-repeat;
    background-position: 9px 0px;
}

div#top_nav a#config {
    background-image: url(../images/config.png);
}

div#top_nav a#logout {
    background-image: url(../images/logout.png);
}

div#clogo {
    margin: 0 auto;
    float: left;
    width: 160px;
    margin-right: 16px;
}

div#clogo a.logo {
    display: block;
    /*background-image: url(../images/logo.png);*/
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
    height: 39px;
    margin-top: 4px;
}

div#clogo a.logo.firstlook {
    display: block;
    background-image: url(../images/logo-firstlook.png);
    width: 135px;
}

#top_menu ul {
    display: block;
    margin: 5px 0px;
    padding-left: 0px;
}

#top_menu ul li {
    display: inline-block;

    /* for ie7 */
    zoom: 1;
    *display: inline;
}

#top_menu ul li a {
    text-decoration: none;
    color: #9a8d7a;
    font-size: 1.1em;
    font-family: sofia_pro_lightregular;
    padding: 0 13px 0 1px;
}

#top_menu ul li.selected a {
    color: #f9a01e;
    font-weight: bold;
}

div.vertical-section > div#sub_menu_section {
    padding: 0px;
}

#sub_menu ul {
    display: block;
    padding: 0px;
    margin-bottom: 8px;
}

#sub_menu ul li {
    list-style: none;
    display: block;
    float: left;
    margin: 0px 10px 10px 0px ;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    width: 156px;
    text-align: center;
    white-space: nowrap;

}

.action-button,
#sub_menu ul li a {
    line-height: 38px;
    border: 1px solid #ddddd3;
    background-color: #f9f9f9;
    cursor: pointer;
    display: block;
    border-radius: 4px;
    box-sizing: border-box;         /* Opera/IE 8+ */
    color: #9c8d78;
    font-family: sofia_pro_lightregular;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

.action-button {
    display: inline-block;
    padding: 0px 30px 2px;
}

.action-button.with-margin {
    margin: 0px 30px 0px 0px ;
}

input::-moz-focus-inner {
    margin: 0;
}

.action-button.highlight {
    background: #4989c8;
    font-weight: bold;
    color: white;
}

.action-button.inactive:hover {
    border: 1px solid #ddddd3;
    background-color: #f9f9f9;
    color: #9c8d78;
}

.tabs.ui-tabs .tab-headers.ui-tabs-nav li.ui-state-hover,
.action-button:hover,
#sub_menu ul li a:hover {
    background: #3973b9;
    border: 1px solid #3973b9;
    color: white;
}


.tabs.ui-tabs .tab-headers.ui-tabs-nav li.ui-state-hover a {
    color: white;
}

#sub_menu ul li.selected a {
    border: none;
    background: #3973b9 url(../images/submenu_selected_bg.png) repeat-x;
    border-right: 2px solid #3973b9;
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-shadow: -0.05em 0 #3973b9;
}

tfoot {
    background: white;
}

tfoot td {
    font-weight: normal;
    background: #f9f9f9;
    text-align: center;
    height: 30px;
    padding: 0 5px;
    border-bottom: 1px solid #dddddd;
}

.tab-headers.ui-tabs-nav li a,
.action-button,
#sub_menu ul li a {
    text-decoration: none;
    height: 37px;
    color: #9c8d78;
    font-size: 14px;
    font-weight: normal;
    font-family: sofia_pro_lightregular;
}

.action-button.inactive {
    opacity: 0.5;
    cursor: default;
}


.breadcrumbs {
    padding-top: 10px; /* FIXME: Header needs proper styling */
    color: #97917b;
    /*font-size: 0.8em;
    margin-bottom: 12px;
    float: left;
    margin-top: 12px;*/
    max-width: 605px;
    text-align: left;
}

.breadcrumbs a {
    text-decoration: none;
    color: #97917b;
}

.breadcrumbs span.current-crumb {
    color: #97917b;
    font-weight: bold;
}

.footer {
    text-align: center;
}

.footer img {
    margin: 5px auto;
}

/* Query form on reports page */


.section-label {
    font-weight: bold;
    display: block;
    background: #f8f8f8;
    font-family: sofia_pro_lightregular;
    width: 128px;
    height: 23px;
    line-height: 23px;
    color: #1d97ed;
    font-size: 12px;
    padding-left: 10px;
    text-transform: uppercase;
    margin-right: 10px;
}

.section-label {
    float: left;
}


div#account_ids{
/*    float: left;
    width: 585px;*/
    margin-right: 10px;
}

div.category-fix-width {
    float: left;
    margin-right: 8px;
    width: 710px;
}

body ul.dynatree-container {
    border: 1px solid #dddddd;
}


.section-label.extra-margin {
    margin-top: 10px;
}

.form-category.fix-height {
    height: 110px;
}

.form-category {
    float: left;
    border-left: 1px solid #f0f2e7;
    margin-right: -1px;
    padding: 0px 5px 10px;
}

.form-category:not(.collapsed) {
    min-height: 82px;
}

.form-category.expandable.collapsed * {
    display: none;
}

.form-category.expandable.collapsed>div>i {
    display: inline;
}

.form-category.expandable div.category-label {
    cursor: pointer;
}

.form-category.expandable.collapsed div.category-label {
    display: block;
}

.form-submit-container {
    padding: 24px 0px 15px;
    float: left;
}

.form-submit-container input {
    margin: 4px 0;
}

.category-label {
    color: #53adfa;
    font-size: 0.7em;
    font-family: sofia_pro_lightregular;
    margin-top: 2px;
    margin-bottom: 8px;
    text-transform: lowercase;
}

input[type="text"],
input[type="password"] {
    height: 40px;
    padding-left: 4px;
    color: #7e7e7e;
    font-size: 12px;
    -moz-border-radius: 4px;
    border: 2px solid #ececec;
    border-radius: 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


input[type="radio"] {
    margin: 13px 6px 13px 0px;
}

.query-form input[type="text"].timepicker,
input[type="text"].timepicker {
    width: 135px;
    padding-right: 43px;
    height: 40px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    background-color: #fcfcfc;
    background-image: url('../images/calendar.png');
    background-repeat: no-repeat;
    background-position: right 50%;
}

select#id_loan_state.selectmultiple,
#id_usstate_chzn ,
select#id_usstate.selectmultiple {
    width: auto !important; /* FIXME: Needs to be important because somewhere in the crazy crispy form creation it adds width=0 to the tag*/
}


#id_lender_chzn,
select#id_lender.selectmultiple {
    width: 350px !important;
}

.tzinfo {
    float: left;
}

.margin-left {
    margin-left: 40px;
}

.margin-bottom{
    margin-bottom: 15px;
}

.all-float label,
.all-float input,
.all-float select,
.all-float .controls
{
    float: left;
}

.tzinfo label,
#div_id_to_date label,
#div_id_to_date .controls,
#div_id_to_date,
#div_id_group_by label,
#div_id_group_by .controls,
#div_id_group_by,
#div_id_from_date label,
#div_id_from_date .controls,
#div_id_from_date,
#div_id_changed_to_date label,
#div_id_changed_to_date .controls,
#div_id_changed_to_date,
#div_id_changed_from_date label,
#div_id_changed_from_date .controls,
#div_id_changed_from_date
{
    float: left;
}

.query-form label {
    height: 39px;
    line-height: 39px;
    vertical-align: middle;
    color: #aaa190;
    font-size: 0.8em;
    margin: 0 4px;
    float: left;
}

.query-form input[type="text"] {
    width: 100%;
}


input[type="text"].small-int {
    width: 50px !important;
    float: left;
}

.date-links {
    margin-top: 5px;
}

.date-links label {
    float: left;
}

.date-links .controls {
    width: 80px;
    float: left;
    margin-right: 7px;
}

.date-links .action-button {
    margin: 0px 6px 0px 0px;
    height: 38px;
    text-align: center;
    float: left;
    padding:0;
    width: 65px;
}

.date-links .action-button:first-child {
    margin-left: 40px;
}

/* Override selector for date-links controls */
.date-links div.selector {
    padding-top:2px;
    background-color:#f9f9f9;
    border:1px solid #ddddd3;
}
.date-links div.selector > span {
    color: #9a8e79;
    text-align: center;
}

.date-links #button-id-clear {
    float: right;
}

.grey-gradient {
    background: #fcfcfc; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-8 */
}

/* Orange table on list pages */

table.orange {
    border: 1px solid #dfdade;
    border-bottom-width: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    font-size: 0.8em;
    width: 100%;
}

table.orange tfoot {
    border-bottom: 1px solid #dfdade;
}

table.orange th ::-moz-selection {
    background: white;
    color: #1d97ed;
}

table.orange th::-moz-selection {
    background: white;
    color: #1d97ed;
}

table.orange th::-selection {
    background: white;
    color: #1d97ed;
}

table.orange th:: -selection {
    background: white;
    color: #1d97ed;
}

table.orange th {
    border-left: 1px solid #53aefd;
    border-right: 1px solid #db88e6;
    color: white;
    background-color: #22abf9;
    padding: 0px;
    font-weight: normal;
    height: 40px;
}

table.orange .sortable-headers th {
    height: 70px;
    vertical-align: bottom;
}


table.orange th a {
    color: white;
    text-decoration: none;
}


table.orange .sortable-headers th .label-container {
    display: inline;
    width: 100%;
    vertical-align: bottom;
}

table.orange .sortable-headers th div.order-container {
    width: 100%;
    display: block;
    height: 24px;
    background-color: #028ff9;
    margin-top: 4px;
}

table.orange th.sortable div.order-container {
    background-image: url('../images/sortables.png');
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

table.orange th.sortable.desc div.order-container {
    background-position: 50% -28px;
}

table.orange th.sortable.asc div.order-container {
    background-position: 50% -9px;
}

table.orange tbody tr {
    height: 36px;
}

table.orange tbody td {
    border-bottom: 1px solid #dddbdc;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color: #9b9074;
    text-align: center;
    font-size: 12px;
    padding: 4px 3px;
}

table.orange .action-button {
    /*center the buttons inside the table */
    margin: 0 auto;
}

table.orange.small-rows tbody tr {
    height: 25px;
}


table.orange tbody tr:nth-child(odd),
table.orange tbody tr.odd {
    background: #fcfcfc; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-8 */
}

table.orange tbody tr:nth-child(even),
table.orange tbody tr.even {
        background: #fcfce4; /* Old browsers */
        background: -moz-linear-gradient(top,  #fffff0 0%, #f9f8d9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffff0), color-stop(100%,#f9f8d9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fffff0 0%,#f9f8d9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #fffff0 0%,#f9f8d9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #fffff0 0%,#f9f8d9 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fffff0 0%,#f9f8d9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff0', endColorstr='#f9f8d9',GradientType=0 ); /* IE6-8 */
}

table.orange td ul {
    list-style: none;
    padding: 0px;
}

/* Green Columns for tables */

table th.green {
    background-color: #95bc5f;
    border-left: 1px solid #adcd83;
    border-right: 1px solid #80a849;
}

table th.green div.order-container {
    background-color: #79a440 !important;
}

table tbody td.green {
    color: #79a440;
}

table tbody td.green a {
    color: #7cac44;
}

table tbody tr:nth-child(even) td.green,
table tbody tr.even td.green {
        background: #eaf3e8; /* Old browsers */
        background: -moz-linear-gradient(top,  #fffff0 0%, #e6f1e3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffff0), color-stop(100%,#e6f1e3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fffff0 0%,#e6f1e3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #fffff0 0%,#e6f1e3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #fffff0 0%,#e6f1e3 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fffff0 0%,#e6f1e3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff0', endColorstr='#e6f1e3',GradientType=0 ); /* IE6-8 */
}

table th.green.sortable div.order-container {
    background-position: 50% -45px !important;
}

table th.green.sortable.desc div.order-container {
    background-position: 50% -83px !important;
}

table th.green.sortable.asc div.order-container {
    background-position: 50% -64px !important;
}

th.default-view {
    text-align: center;
}

/* Pagination widget */

.pagination {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination .middle {
    color: #c2c1bc;
    font-size: .8em;
    vertical-align: bottom;
    line-height: 40px;
}

.pagination .left {
    float: left;
}

.pagination .middle {
    maring: 0 auto;
    text-align: center;
}
.pagination .right {
    float: right;
}

.pagination .left .action-button {
    margin-left: 0px;
    margin-right: 4px;
}
.pagination .right .action-button {
    margin-left: 4px;
    margin-right: 0px;
}

.pagination .action-button {
    padding: 0px 14px;
    line-height: 35px;
    background-image: url('../images/pagination_controls.png');
    background-repeat: no-repeat;
    float: left;
}

.pagination .first {
    background-position: 50% -29px;
}

.pagination .previous {
    background-position: 4px 3px;
    padding-left: 22px;
}

.pagination .next {
    background-position: 47px -61px;
    padding-right: 22px;
}

.pagination .last {
    background-position: 9px -93px;
}

/* Hijacked note */
#hijacked-info {
    display: block;
    position: fixed;
    color: white;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: fit-content;
    padding: 10px;
    text-align: center;
    background: red;
    border: 2px orange solid;
}


.submit-cancel-container {
    float: right;
}

/* Controls of the spy window */

.spy-controls {
    display: block;
    width: 680px;
    height: 150px;
    background: #f8f8f8;
    padding: 10px 20px 10px 15px;
    z-index: 10004;
    border: 2px solid #22abf9;
    border-radius: 3px;
    margin: 0px -339px 30px;
    position: fixed;
    bottom: 0px;
    left: 50%;

    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

}

.spy-controls .controls {
    height: 40px;
    border-bottom: 2px solid #e2e2dc;
}

.spy-controls .messages {
    height: 85px;
    overflow: auto;
    color: #a19784;
    padding-top: 5px;
}

.spy-controls .timestamp {
    font-size: 13px;
    white-space: nowrap;
    color: #22abf9;
    display: inline-block;
    width: 120px;
    vertical-align: top;
}


.spy-controls .body {
    font-size: 13px;
    display: inline-block;
    max-width: 500px;
    vertical-align: top;
}

.spy-controls button {
    padding: 6px 20px;
    border: 1px solid #ddddd3;
    background-color: #f9f9f9;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;         /* Opera/IE 8+ */
    color: #9c8d78;

    font-size: 12px;
    height: 33px;
    font-family: sofia_pro_lightregular;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

.spy-controls button:disabled {
    cursor: default;
    opacity: 0.6;
}

/* Uniform declarations for check boxes */

.query-form label.checkbox {
    line-height: 39px;
}

div.checker span {
    background-image: url('../images/dynatree/icons.png');
    background-repeat: no-repeat;
    background-position: 0px -31px;
    height: 15px;
    width: 15px;
    line-height: 22px;
    display: inline-block;
}


.checker,
.checker * {
    margin: 0;
    padding: 0;
}

div.checker {
    width: 14px;
    height: 14px;
    display: inline;
    vertical-align: middle;
}

div.checker input {
    width: 14px;
    opacity: 0;
}

div.checker:active span,
div.checker.active span {
    background-position: 0px -31px;
}

div.checker.hover span {
    background-position: -16px -31px;
}
div.checker span.checked {
    background-position: -32px -31px;
}
div.checker.hover span.checked {
    background-position: -48px -31px;
}

div.checker:active span.checked,
div.checker.active span.checked {
    background-position: -32px -31px;

}

/* Uniform declarations for selection widget */

div.selector{
    background-image: url(../images/selector.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #FCFCFC;

    position: relative;
    line-height: 23px;
    height: 30px;
    white-space: nowrap;
    height: 33px;
    border: 2px solid #ececec;
    color: #7e7e7e;
    font-size: 0.9em;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

div.selector {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-size: 15px;
    height: 38px;
    display: inline-block;
}

div.selector select {
    font-size: 15px;
    height: 100%;
    opacity: 0;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border: 2px solid #ececec;
    padding-right: 13px;
}

div.selector > span {
    padding: 4px 3px;
    left: 4px;
    cursor: pointer;
    width: 78%;
    display: block;
    position: absolute;
    color: #7e7e7e;
    font-size: 0.9em;
    overflow: hidden;
    line-height: 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

div.selector.disabled > span {
    color: #bbb;
}


/* Accordion widget */

.accordion > h3 {
    padding-left: 30px;
}

/* Corrections page */

.corrections_page ul {
    list-style: none;
    font-size: 12px;
}
.corrections_page h4 {
    font-size: 12px;
    color: #8c816e;
    margin: 18px 0px 9px;
}

.corrections_page .correct_address,
.corrections_page .geocode_address {
    margin-left: 11px;
    margin: 0px auto;
}

.corrections_page .correct_address ul,
.corrections_page .geocode_address ul{
    padding: 0;
    margin: 0;
}

.corrections_page .geocode_address ul{
    list-style-image: url(../images/googlemaps.png);
}

.corrections_page .geocode_address ul li{
    height: 45px;
    line-height: 45px;
    color: #a29784;
}

.corrections_page .correct_address {
    color: #50810c;
    text-align: center;
}

.corrections_page .correct_address li {
    display: block;
    width: 100%;
    margin: 3px 0;
    height: 31px;
    line-height: 31px;
}

.corrections_page .correct_address ul li:nth-child(odd){
    background: #c6dfa4;
}

.corrections_page .correct_address ul li:nth-child(even){
    background: #cee8ab;
}

.corrections_page .geocode_address {
    border: 1px solid #e4e0e3;
    background: #fbfbfb;
    text-align: center;
    color: #9a8e79;
}

/* Table on conversion page */

table.conversion th.sortable {
    cursor: pointer;
}

td.conversion.bad {
    color: red;
}

td.conversion.good {
    color: green;
}

/* Showing two columns one by one */

.half {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.half span.value {
    max-width: 333px; /* prevent breaking line in two-column view */
}
r
/* Specific to report table */

th.timestamp {
    width: 80px;
}

th.info_icon,
th.icons {
    width: 15px;
}


th.doc_ids {
    width: 22px;
}

.error {
    color: red;
}

.help-inline{
    font-size: 12px;
    line-height: 39px;
    margin-left: 4px;
}

/* Icons in reports tables */

.marked-as-test,
.marked-as-fraud,
.blacklisted,
.loan-error,
.loan-info,
.correction-info,
.has-comments,
.left-prematurely,
.waiting-for-revisit {
    float: left;
    height: 20px;
    width: 20px;
    display: block;
}

.correction-info {
    float: none;
    margin: 0 auto;
}


.loan-error{
    background: url('../images/error.png') no-repeat center center;
}

.correction-info,
.loan-info{
    background: url('../images/info.png') no-repeat center center;
}

.marked-as-test {
    background: url('../images/test.png') no-repeat center center;
}

.marked-as-fraud {
    background: url('../images/fraud.png') no-repeat center center;
}

.blacklisted {
    background: url('../images/blacklisted.png') no-repeat center center;
}

.has-comments {
    background: url('../images/comment.png') no-repeat center center;
}

.left-prematurely {
    background: url('../images/exit1.png') no-repeat center center;
}

.waiting-for-revisit {
    background: url('../images/envelope2.png') no-repeat center center;
}

/* state column showing as progress bar */

.loan-state {
    display: block;
    width: 78px;
    height: 18px;
    border: 1px solid #d7d3cb;
    border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 2px;
    margin: 0 auto;
}

ul.properties .loan-state,
.loan-state.disabled {
    border: none;
    display: inline;
    background: none;
}

.loan-state .slider {
    display: block;
    height: 100%;
}

ul.properties .loan-state .slider,
.loan-state.disabled .slider {
    display: none;
}

.loan-state .slider.red {
    background: #bf0f0f;
}

.loan-state .slider.orange {
    background: #f4ee5c;
}

.loan-state .slider.green {
    background: #bbd13d;
}

.loan-state span {
    display: none;
}

ul.properties .loan-state span {
    display: inline;
}

.loan-state.disabled span {
    display: inline;
}


/* list of properties with orange labels (used ie on loan overview) */

ul.properties {
    padding: 0px;
    margin: 0;
    font-family: sofia_pro_lightregular;
}

ul.properties li {
    list-style: none;
    vertical-align: bottom;
    margin: 10px 0;
}

ul.properties li:last-child {
    border-bottom: none;
}

ul.properties label,
span.label {
    color: #3973b9;
    font-size: 14px;
    width: 163px;
    display: inline-block;
    text-align: left;
    padding: 0; /* overrides bootstrap default style for .label */
    white-space: normal; /* overrides bootstrap default style for .label */
}

ul.constant-value-margin.properties label,
ul.constant-value-margin.properties span.label {
    width: auto;
}

ul.constant-value-margin.properties span.value {
    margin-left: 15px;
}


span.value a {
    color: #b1976a;
}

span.value {
    display: inline-block;
    max-width: 819px;
    font-size: 14px;
}

/* presentation of dhd messages */

ul.dhd-messages{
    display: inline-block;
    padding-left: 0px;
    font-size: 0.8em;
    color: #9a8e79;
}

ul.dhd-messages li {
    margin: 0px;
    margin-bottom: 8px;
}


/* headers presentation on the show http call page */
ul.headers {
    display: inline-block;
    padding-left: 0;
}

ul.headers li {
    margin: 0;
    margin-bottom: 7px;
}

/* presenting csv line */

div.csv-line {
    overflow-x: scroll;
    background: white;
    padding: 25px 0px;
    margin-bottom: 15px;
}

div.csv-line table {
    margin-top: 3px;
}

/* customize datepicker widget */

#ui-datepicker-div {
    border-radius: 0px;
    background: #fbfcf7;
}

#ui-datepicker-div .ui-datepicker-header{
    border-radius: 0px;
    background: #22abf9;
    height: 46px;
    border: none;
    padding-top: 18px;
}

#ui-datepicker-div .ui-datepicker-title {
    font-size: 0.9em;
}

#ui-datepicker-div .ui-datepicker-calendar thead th {
    background: #f99303;
    color: white;
    font-weight: normal;
    height: 24px;
    border: none;
    padding: 0px;
    font-size: 0.9em;
    width: 14em;
}

#ui-datepicker-div .ui-datepicker-next {
    top: 15px;
}

#ui-datepicker-div .ui-datepicker-prev {
    top: 15px;
}

#ui-datepicker-div .ui-state-default {
    color: #9d9d9d;
    font-size: 0.9em;
    border-radius: 2px;
    background: #fbfbf9;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    font-weight: normal;
}

#ui-datepicker-div .ui-state-highlight{
    background: #3973b9 url(../images/submenu_selected_bg.png) repeat-x;
    border-right: 2px solid #3973b9;
    font-weight: bold;
    color: white;
    text-shadow: -0.05em 0 #3973b9;
}

#ui-datepicker-div .ui_tpicker_time_label,
#ui-datepicker-div .ui_tpicker_hour_label{
    color: #bdbab3;
    font-size: 0.9em;
    width: 50px;
}

#ui-datepicker-div .ui_tpicker_time{
    color: #999999;
    font-size: 0.9em;
}

#ui-datepicker-div .ui-timepicker-div dl {
    margin-top: 10px;
}


#ui-datepicker-div .ui-timepicker-div dl dd{
    margin-bottom: 2px;
}


#ui-datepicker-div .ui-slider{
    background: #ffd89f;
    height: 5px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: none;
    border-bottom: 1px solid #f7c77f;
    margin-top: 6px;
}

#ui-datepicker-div .ui-slider-handle{
    height: 0.9em;
    width: 0.9em;
    margin-left: 0px;
}

#ui-datepicker-div .ui-datepicker-current {
    color: #9c8d78;
    padding: 4px 12px;
    font-size: 0.9em;
}

#ui-datepicker-div .ui-datepicker-close {
    color: #9c8d78;
    padding: 4px 14px;
    font-weight: bold;
    font-size: 0.9em;
}

/* Customize ui-tabs widget */

.tabs.ui-widget-content {
    background: none;
    border: none;
    padding: 0px;
}

.tab-headers.ui-widget-header {
    background: none;
    border: none;
    padding: 0;
}

.tabs.ui-tabs .tab-headers.ui-tabs-nav {
    border-bottom: 2px solid #DDDDD3;
    padding: 0px
}

.tabs.ui-tabs .tab-headers.ui-tabs-nav li.ui-state-default {
    margin-right: 10px;
}

.tabs.ui-tabs .tab-headers.ui-tabs-nav li.ui-state-default a {
    padding: 0.5em 2em;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

.tabs.ui-tabs .tab-headers.ui-tabs-nav li.ui-tabs-selected {
    border: none;
    background: #3973b9 url(../images/tab_selected_bg.png) repeat-x;
    border-right: 2px solid #3973b9;
}

.tabs.ui-tabs .tab-headers.ui-tabs-nav li.ui-tabs-selected a {
    text-decoration: none;
    color: white;
    text-shadow: -0.05em 0 #3973b9;
}

.tabs.ui-tabs .ui-tabs-panel {
    padding: 20px 0px;
}


/* Credit report page */

pre.credit-report {
    color: #777777;
}

/* Customize the accordion view */

.accordion h3.ui-accordion-header {
    border-radius: 0px;
    height: 38px;
    border: none;
    background: #f5f3f3;
    color: #9a8e79;
    line-height: 38px;
    font-size: 0.9em;
    margin-top: 5px;
}

.accordion h3.ui-state-active{
    color: #a4c872;
}

.accordion h3.ui-accordion-header .ui-icon {
    background: url(../images/accordion.png) -10px 0px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    left: 0.8em;
}

.accordion h3.ui-state-active .ui-icon {
    background: url(../images/accordion.png);
}

.accordion div.ui-widget-content {
    background: none;
    padding: 15px 5px;
    border: 1px solid #eeeeee;
    border-radius: 0px;
    margin-bottom: 5px;
}

/* Style multiple selects rendered with chosen.jquery */

body .chzn-container-multi .chzn-choices .search-field input {
    font-family: inherit;
}

body .chzn-container-multi .chzn-choices .search-choice {
    height: 32px;
    border: 1px solid #f3f3f3;
    color: #9a8e79;
    padding-top: 9px;
    min-width: 72px;
    font-size: 14px;
    margin: 2px 0px 2px 2px;

    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */


    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjZmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #f7f6f0 50%, #f0f0ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#f7f6f0), color-stop(100%,#f0f0ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#f7f6f0 50%,#f0f0ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#f7f6f0 50%,#f0f0ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#f7f6f0 50%,#f0f0ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%,#f7f6f0 50%,#f0f0ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f0f0ee',GradientType=0 );

}


body .chzn-container-multi .chzn-choices .search-choice a.search-choice-close{
    top: 10px;
    height: 13px;
    width: 13px;
    background: url(../images/close_option.png);
}


body .chzn-container-multi .chzn-choices
.search-choice a.search-choice-close:hover{
    background-position: -13px 0px;
}

body .chzn-container-multi .chzn-choices {
    line-height: 31px;
    overflow: hidden;
    padding-left: 0px;
    min-height: 40px;
    color: #7e7e7e;
    font-size: 0.9em;
    -moz-border-radius: 4px;
    border: 2px solid #ececec;
    border-radius: 4px;
    background: white;
}

body .chzn-container-multi .chzn-choices .search-field input.default {
    vertical-align: middle;
    color:#7e7e7e;
}

body .chzn-container-active .chzn-choices .search-field input {
    color:#7e7e7e !important;
    vertical-align:middle !important;
}

body .chzn-container-multi .chzn-choices .search-field input {
    padding: 0px 0px 0px 8px;
    font-size: 14px;
    color: #7e7e7e;
    height: auto;
    vertical-align:middle;
}

body .chzn-container-active .chzn-choices {
    -webkit-box-shadow: none;
    -moz-box-shadow   : none;
    box-shadow        : none;
}

body .chzn-container .chzn-results .highlighted {
    background: #22abf9;
}

/* Specific to simple-form view (example: new account form) */

.simple-form div.selector{
    width: 200px;
}

.simple-form .control-group {
    clear: both;
    display: table;
    height: 40px;
    margin-bottom: 11px;
    width: 100%;
}

.simple-form .control-group:last-child {
    margin-bottom: 0px;
}


.simple-form .asteriskField {
    display: none;
}

.simple-form label,
.simple-form .control-label {
    color: #3973b9;
    display: table-cell;
    vertical-align: middle;
    width: 163px;
    font-size: 14px;
}

.simple-form .controls {
    display: table-cell;
    margin: 0 5px;
    vertical-align: middle;
}

.simple-form input[type="text"] {
    width: 200px;
}

.simple-form .wide-field {
    width:260px !important;
}

.simple-form select {
    width: 196px;
}

.simple-form select[multiple] {
    width: 230px;
}


.simple-form hr {
    border-top: 1px solid #Dfdfdf;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 18px 0;
    width: 90%;
}

.simple-form,
.simple-form input[type="text"],
.simple-form select option{
    font-size: 14px;
    font-family: sofia_pro_lightregular;
}

.external-link {
    font-size: 0.8em;
    vertical-align: top;
    line-height: 38px;
}

.simple-form span.value {
    padding-left: 6px;
    font-size: 14px;
}

/* Forms with only one field and the button displayed in one line */


.inline-form {
    display: inline;
}

.one-line-form .control-label {
    white-space: nowrap;
    width: 200px;
}

.simple-form.one-line-form .control-group {
    float: left;
    max-width: 827px;
    width: auto;
}

.one-line-form input[type="submit"] {
    display: table-cell;
    margin-left: 30px;
}

/* work around since this is wrongly used in two different places*/
.one-line-form input[type="submit"][class*=" col-"]{
    margin-left: inherit;
}

/* Specific to merchant details list */

select.selectmultiple#id_state {
    width: 100%;
}

/*
    somehow some js library copies the above width an place it as a in-line style to the (this-> #div_id_state span.select2-container) html element,
    but if there is 'initial' or '100%', it copies 'width: 63px' so, sadly, I had to do place this workaround
*/
#div_id_state span.select2-container{
    width: 100%!important;
}

p.explanation {
    margin: 0 0 10px;
}

/* Messages */

#messages .message {
    color: #4989c8;
}

#message-container {
    padding-bottom: 10px;
}
#message-container .message.error {
    color: red;
}

#message-container .message.info {
    color: #4989c8;
}

/* Inplace editors */

.inplace-active {

}

.inplace-controls {
    margin-top: 4px;
    margin-left: 9px;
}

.inplace-commit,
.inplace-reset {
    background-image: url(../images/inplace-controls.png);
    background-position: -1px 0px;
    height: 25px;
    width: 26px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 5px 0px 0px;
    text-indent: -200px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 30px;
}

.inplace-reset {
    background-position: -31px 0px;
}

.inplace-reset:hover {
    background-position: -31px -24px;
}

.inplace-commit:hover {
    background-position: -1px -24px;
}

.inplace-pending-save {
    border-color: orange !important;
}

.inplace-pending-save .inplace-reset {
    background-position: -30px -48px;
}

.inplace-pending-save .inplace-commit {
    background-position: -1px -48px;
}

.inplace-pending-save .inplace-reset:hover {
    background-position: -30px -75px;
}

.inplace-pending-save .inplace-commit:hover {
    background-position: -1px -75px;
}

.action-button.inplace-set-default {
    display: inline-block;
}

.inplace-pending-save .inplace-error,
.inplace-error {
    vertical-align: middle;
    color: red;
    border-color: red !important;
}

/* widgets in integration section */

.multiple-values {
    line-height: 36px;
    display:inline-block;
    border-color: #ececec;
    vertical-align: middle;
}

.multiple-values input {
    border-color: inherit !important;
}

.add-multiple,
.remove-button,
.remove-multiple {
    border: none;
    height: 34px;
    width: 23px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 5px 0px 0px;
    text-indent: -200px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 20px;
}

.remove-button,
.remove-multiple {
    background: url(../images/multiple-input-controls.png) no-repeat 0px 6px;
}

.remove-button:hover,
.remove-multiple:hover {
    background: url(../images/multiple-input-controls.png) no-repeat 0px -52px;
}

.add-multiple {
    background: url(../images/multiple-input-controls.png) no-repeat -29px 6px;
}

.add-multiple:hover {
    background: url(../images/multiple-input-controls.png) no-repeat -29px -52px;
}

/* Status indicators in policy checks table */

.policy-status {
    background: url(../images/balls.png) no-repeat;
    background-position: -3px -26px;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    display: block;
}

.policy-status.mandatory.accepted,
.policy-status.accepted {
    background-position: -51px -26px;
}

.policy-status.mandatory {
    background-position: -27px -26px;
}

.policy-tests-table td.name,
.policy-tests-table th.name {
    width: 200px;
}

.policy-tests-table td.conditions,
.policy-tests-table th.conditions {
    width: 450px;
    font-family: "Courier New";
}

.policy-tests-table td.conditions {
    background-color: #fefefe;
    padding: 10px 20px;
}

.policy-tests-table td.actions {
}

.rule_name {
    color: black;
}

.policy-tests-table td.status,
.policy-tests-table th.status {
    width: 150px;
}

.policy-tests-table {
    margin-bottom: 30px;
}

.policy-tests-table td {
    text-align: left !important;
}

/* Lender responses page */

.lender {
    font-weight: bold;
}

.small-ball {
    display: inline-block;
    width: 10px;
    height: 26px;
    background: url(../images/balls.png) no-repeat;
}

.small-ball.red {
    background-position: -22px -1px;
}

.small-ball.green {
    background-position: -41px -1px;
}

.small-ball.orange {
    background-position: -3px -1px;
}



ul.comma-separated-list {
    margin: 0;
    padding: 0;
}

ul.comma-separated-list li{
    display: inline;
}

ul.comma-separated-list li:after {
  content: ', ';
}

ul.comma-separated-list li:last-child:after {
  content: '';
}

/* small-table view, used for displaying short tabular data, eg. loan offers */

.small-table {
    border-collapse: collapse;
}

.small-table td,
.small-table th {
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 15px;
}

.small-table th {
    color: #b2b2b1;
}

.small-table th {
    color: #9a8e79;
}

/* field with percentage in the end */

input.percentage {
    background-image: url(../images/percentage.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
}

/* edit account form */

.edit-account select[multiple] {
    width: 500px;
}


/* graph page */

#graph-content {
    display: block;
    width: 640px;
    height: 480px;
    margin: 0 auto;
    border: 1px solid #DDDDDD;
}

/* FIXME: text should be in templates, and marked as translatable */
#graph-content.busy:after{
    content: "Loading the graph data, please wait...";

}

/* refund form */

#refund-loan #div_id_type {
    float: none;
    margin-left: 10px;
}

#refund-loan #div_id_type .controls label {
    width: 100%;
}

#refund-loan #div_id_type .controls label:first-child{
    float: none;
    display: block;
}

#refund-loan #div_id_amount {
    padding-top: 41px;
}

/* Customize Dialog Jquery UI widget */

.ui-dialog .ui-dialog-titlebar {
    background:none !important;
    border:none;
    position:absolute;
    z-index:200;
    left:85%;
    height:18px;
}

.ui-dialog .ui-dialog-titlebar a {
    border:1px solid #3973b9;
    padding:0;
}

.ui-dialog .ui-icon {
    background-image:url(../ui-lightness/images/ui-icons_ef8c08_256x240.png);
}

#msg-dialog {margin:0 !important; padding:10px;}

/* Icobox classes */

.icobox {
    width:32px;
    margin:0 0 0 10px;
    display:table-row;
    height:90px;
}

.icobox-content {
    padding:4px 0px;
    color:#807666;
    display:table-cell;
    width:60%;
    vertical-align: middle;
}

.icobox .icon-wrapper {
    display:table-cell;
    vertical-align: middle;
    width:10%;
    text-align: center;
}

.icobox .icon {
    width:32px;
    display:inline-block;
    margin:0;
    vertical-align: middle;
    padding:0;
    height:30px;
    background:url(../images/icobox_sprites.png) no-repeat;
}

.icobox-warning .icon {
    background-position: 0 0;
}

.icobox-info .icon {
    background-position: 0 -32px;
}


/* Style the looks of dropdown while in the process of loading its options
   dynamically */

.dynamic-options.pending {
    cursor: wait;
}

.dynamic-options.pending option:first-child:before {
    content: "Loading....";
}

/* ------------------------------------------------------------------------*/
/* ######### Dashboard Widgets ######## */
/* ------------------------------------------------------------------------*/

.widget {
    clear: both;
    margin: 1.2em 0;
    overflow: hidden;
    box-shadow:0 2px 2px rgba(0,0,0,0.1);
    border-radius:0 0 5px 5px;
    vertical-align: top;
}

.widget-half {
    width:45%;
    display:inline-block;
    margin:20px 20px 20px 0;
}

.widget > div.widget-head {
    position: relative;
    height: 32px;
    padding:5px 10px 0 10px;
    font-size: 18px; color:#ffffff;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(0,0,0,.4);
    background: #FF820E;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(105,182,230,1) 0%, rgba(57,115,185,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(105,182,230,1)), color-stop(100%,rgba(57,115,185,1)));
    background: -webkit-linear-gradient(top,  rgba(105,182,230,1) 0%,rgba(57,115,185,1) 100%);
    background: -o-linear-gradient(top,  rgba(105,182,230,1) 0%,rgba(57,115,185,1) 100%);
    background: -ms-linear-gradient(top,  rgba(105,182,230,1) 0%,rgba(57,115,185,1) 100%);
    background: linear-gradient(to bottom,  rgba(105,182,230,1) 0%,rgba(57,115,185,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
    -webkit-background-clip: padding-box;
}

.widget > div.widget-head a {
    color:#ffffff;
    text-decoration: none;
}

.widget > div.widget-head a:hover {
    text-shadow:none;
    color:#333;
}

.widget-content {
    padding: 20px 25px 15px;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 0px 0 5px 5px;
    min-height:120px;
}

.widget-shadow {
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}

/* Widget Content Clearfix */
.widget-content:before,
.widget-content:after {
    content:"";
    display:table;
}

.widget-content:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-content {
    zoom:1;
}

/* Widget Table */
.widget-table .widget-content {
    padding: 0;
    margin:0;
}

.widget-table .widget-content .centered {
    text-align: center;
    line-height:100px;
}

.widget-table .table {
    display:table;
    margin-bottom: 0;
    border:0;
    width:100%;
}

.widget-table .table>ul {
    padding:6px;
    border:0;
    display:table-row;
}

.widget-table .table.selectable>ul:hover {
    background:#EFECE7;
    cursor:pointer;
}

.widget-table .table>ul.warning {
    color:#DB4408;
    background-color:#e4f1ff;
}

.widget-table .table>ul>li {
    display:table-cell;
    padding:5px;
}

/* Widget with Tabs */

.widget-tabs .tab-headers {
    border-bottom:0px !important;
    border-radius: 0px !important;
}

.widget-tabs .tab-headers li a {
    padding:4px 15px 0 15px !important;
}

.widget-tabs .tab-headers li {
    height:25px !important;
}

.widget-tabs .ui-widget-content {
    color:#9a8e79;
    border: 1px solid #ccc !important;
}

.widget-tabs .ui-widget-content a {
    color:#1d97ed;
    text-decoration: none;
}

.widget-tabs .ui-tabs-panel {
    padding:0 !important;
}

.widget-tabs table>thead {
    background-color:#F4EEE4;
}

.inside-widget {
    padding: 34px;
}

/* Formatted expandable json */

.expandable-json { color: #999; padding-left: 14px;
                   border: 1px solid #DDDDDD;
                   padding-right: 48px;
}
.expandable-json code {
    font-size: 12px;
    padding: 2px 2px 2px 3px;
    position: relative;
    color: #999;
    background: transparent;
}
.expandable-json code.string { white-space: pre-wrap; }
.expandable-json code.string:before { color: #ccc; content: "“";
  position: absolute; left: -4px;
}
.expandable-json code.string:after { color: #ccc; content: "”"; }

.expandable-json dl { margin: 0; padding: 0; }
.expandable-json dt {
  background: transparent url(../images/toggle-collapse.gif) 0 3px no-repeat;
  clear: left; color: #333; cursor: pointer; line-height: 1em;
  font-size: 14px;
  margin-left: -12px; padding-left: 14px;
}
.expandable-json dd {
    line-height: 1em;
    margin: 0;
    padding: 0 0 0 1em;
    font-size: 14px;
}
.expandable-json dt.collapsed {
  background-image: url(../images/toggle-expand.gif);
}
.expandable-json dt.inline { background-image: none; cursor: default;
  float: left; margin-left: 0; padding-left: 2px; padding-right: .5em;
  padding-top: 2px;
}
.expandable-json dd code.string { left: 4px; text-indent: -6px; }
.expandable-json dd code.string:before { position: static; }
.expandable-json input, .expandable-json textarea,



/* specific to socialmedia table */

.fa-circle.red {
    color: #bf0f0f;
}

.fa-circle.green {
    color: #bbd13d;
}

.fa-circle.orange {
    color: #22abf9;
}

#socialmedia td.status {
    width: 50px;
}

#socialmedia td.status .fa-circle{
    font-size: 15px;
}


/* Override Jquery Tag-IT Styles to fit in portal */

ul.tagit {
    margin:0;
    min-width: 185px;
    background-color:#fff !important;
    max-width:250px;
}

ul.tagit li.tagit-new {
    padding:0;
    margin:0;
    height:35px;
    line-height: 30px;
    max-width: 150px;
}

ul.tagit.ui-widget-content {
    border:2px solid #ECECEC;
    background:#fff;
    min-height:35px !important;

}
ul.tagit .ui-widget-content {
    background:#fff;
    height:22px !important;
    line-height: 21px !important;

}

ul.tagit .tagit-choice {
    height: 31px !important;
    border: 1px solid #f3f3f3;
    color: #9a8e79;
    font-weight: normal;
    padding-top: 3px !important;
    min-width: 72px;
    font-size: 14px;
    margin: 2px 4px 2px 0;

    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjZmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #f7f6f0 50%, #f0f0ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#f7f6f0), color-stop(100%,#f0f0ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#f7f6f0 50%,#f0f0ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#f7f6f0 50%,#f0f0ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#f7f6f0 50%,#f0f0ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%,#f7f6f0 50%,#f0f0ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f0f0ee',GradientType=0 );
}

ul.tagit a.tagit-close>*{
    display:none;
}

ul.tagit a.tagit-close{
    height: 13px;
    width: 13px;
    background: url(../images/close_option.png);
    margin-top:-7px !important;
}

ul.tagit a.tagit-close:hover{
    background-position: -13px 0px;
}

/* ------------------------------------------------------------------------*/
/* ######### Filter Selector Zone ######## */
/* ------------------------------------------------------------------------*/

.filter-selector * {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}


.filter-selector .container {
    width:100%;
    border-radius: 4px;
    padding:12px 12px 10px 10px;
    position:relative;
    overflow:none;
}

.filter-selector .container .label {
    font-size:1.3em;
    padding:17px;
    width:140px;
    height:100%;
    display:inline-block;
    position:absolute;
    text-align: right;
    margin: -12px;
    color:#666;
    border-radius: 4px;
    white-space: normal;
}

.filter-selector .container.add .label {
    background-color:#ddd;
    border-right:2px solid #ccc;
}

.filter-selector .container.tags .label {
    background-color:#aedfff;
    padding-top:23px;
    border-right:2px solid #70b8ff;
}

.filter-selector .container.add .content {
    min-height: inherit;
}

.filter-selector .container.tags .content {
    margin-left:123px;
    width: auto;
    min-height:85px;
}

.filter-selector .container.add {
    background-color:#f6f6f6;
    min-height: 30px;
    margin-bottom:2px;
}

.filter-selector .container.tags {
    background-color:#e4f1ff;
    min-height: 65px;
}

.filter-selector .container.tags>.content {
    margin-left:150px;
}

.filter-selector .tag {
    border-radius: 3px;
    display:inline-block;
    font-size:0.9em;
    margin:0 7px 10px 0;
    background-color:#fff;
    padding:7px 10px;
    box-shadow:1px 1px 5px rgba(0,0,0,0.1);
}

.filter-selector .container>.controls {
    float:right;
}

.filter-selector .container>.controls button {
    border-radius: 3px;
    color:#fff;
    cursor:pointer;
    border:0;
    padding:8px;
    line-height: 1em;
    font-size:1.1em;
    box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}

.filter-selector .container>.controls button {
    margin-top: 10px;
    margin-bottom:5px;
}

.filter-selector .container>.controls button.btn-orange {
    background-color:#3973b9;
    color:#fff;
}

.filter-selector .container>.controls button.btn-orange:hover {
    background-color:#D56D00;
}

.filter-selector .container>.controls button.btn-gray {
    background-color:#aaa;
    color:#fff;
}

.filter-selector .container>.controls button.btn-gray:hover {
    background-color:#777;
}

.filter-selector .container>.controls button.highlight {
    background-color:#8DC640 !important;
}

.filter-selector .container>.controls button.highlight:hover {
    background-color:#5CA207 !important;
}


.filter-selector .tag>span {
    color:#c00;
}

.filter-selector .tag>i {
    margin-left:10px;
    color:#c00;
}

.filter-selector .tag>i:hover {
    color:#333;
    cursor:pointer;
}

.filter-selector .container>.content .selector {
    height:40px;
    vertical-align: top;
    width: 100%;
}

.filter-selector #id_lender_chzn {
    width: 422px;
}
/*
.filter-selector div#account_ids,
.filter-selector #id_lender_chzn,
.filter-selector #id_usstate_chzn {
    width:500px !important;
}
*/
.filter-selector .empty-text {
    display:block;
    margin:15px;
    color:#777;
    font-size:0.9em;
    border-radius: 8px;
    background-color:#aedfff;
    padding:15px;
    float:left;
}

/*
##########################
Terms conditions bank info
##########################
*/

body.terms-info { padding:40px; color:#666; }
body.terms-info #wrapper { width:800px; display:block; margin:0 auto; }


/* Toogle Buttons */

.switch {
    /* top: -3px; */
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 66px;
    height: 25px;
    padding: 3px;
    /* background-color: white; */
    border-radius: 18px;
    /* box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); */
    cursor: pointer;
}

.switch-input { position: absolute; top: 0; left: 0; opacity: 0; }
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #4989c8;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out; transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}
.switch-label:before, .switch-label:after { position: absolute; top: 50%;
  margin-top: -.5em; line-height: 1; -webkit-transition: inherit;
  -moz-transition: inherit; -o-transition: inherit; transition: inherit;
}
.switch-label:before { content: attr(data-off); right: 11px; color: white;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after { content: attr(data-on); left: 11px; color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #8CC53E;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {  opacity: 0; }
.switch-input:checked ~ .switch-label:after {  opacity: 1; }

.switch-handle {
    position: absolute;
    top: 5px;
    left: 4px;
    width: 21px;
    height: 21px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
.switch-handle:before { content: ''; position: absolute; top: 50%; left: 50%;
  margin: -6px 0 0 -6px; width: 12px; height: 12px; background: #f9f9f9;
  border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
    left: 46px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label { background: #74B334; }


#env-btn-form {
    float:left;
}

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


.cart-items-table {
    table-layout: fixed;
}

/* Make carousel text readable anywhere */
.carousel-caption{
    background: rgba(0,0,0,0.5);
}

.filter-selector #applied-filters .tag {
    word-break: break-all;
}

/* */

.lte-gt-widget {
    text-align: center;
    display: none;
}

.lte-gt-widget .info-box-icon {
    width: 50px;
}

.lte-gt-widget .info-box-content {
    margin-left: 45px;
    padding: 5px 5px 5px 10px;
    text-align: left;
}

.lte-gt-widget .info-box-icon {
    font-size: 25px;
    font-weight: bold;
}

.lte-gt-widget .info-box-number {
    font-size: 18px;
}

.lte-gt-widget .widget-box {
    min-width: 165px;
    max-width: 240px;
    display: none;
}

.lte-gt-widget .widget-box {
    vertical-align: top;
}

.lte-gt-widget .progress {
    max-width: 105px;
    margin-left: 0px;
}

.lte-gt-widget .evolution-graph .select2, #lte-widget .evolution-graph .select-title {
    display: none;
}

.lte-gt-widget .filters_data {
    margin-bottom: 10px;
}

.slim > .uploader{
    display: none;
}

/*************************
 USED ALONG WITH SingleFieldForm
*************************/
.general-params-edit div{
	margin-bottom:10px;
}

.general-params-edit .fa{
    color: black;
    margin-left: 10px;
}

.general-params-edit i:hover{
	cursor: pointer
}

/*************************
 USED IN PORTAL/GENERAL_SETTINGS
*************************/
.input .half-input{
    width: 50%;
    display: inline-block;
}

.input .save-cancel-wrapper{
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

#merchantParametersEditor {
    height: 350px;
    margin-bottom: 10px;
    resize: vertical;
    overflow: auto;
}

.errorVisualResult{
    color: red;
}