body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size:0.9em;    
}

.jts-navbar {
    /*padding-left: 300px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 75px;
    margin-bottom: 50px;
}
label{
    display:inline;
}
h2, .h2 {
    font-size: 1.5em;
}
h3, .h3 {
    font-size: 1.3em;
}
h4, .h4 {
    font-size: 1.1em;
}

html:lang(en) h1:lang(fr) {
    display: none;
}

html:lang(fr) h1:lang(en) {
    display: none;
}

html:lang(en) p:lang(fr) {
    display: none;
}

html:lang(fr) p:lang(en) {
    display: none;
}

#mainMenu .modal-header {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 950px;
    }
}

.modal-body {
    /*max-height:80vh;*/
    /*overflow-y:auto;*/
    padding-top: 0.4rem;
    padding-bottom: 0;
}

.app-fixed-top-right {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 1030;
}


.app-user-container {
    background-image: linear-gradient(#ecd9c6, #fff);
    height: 60px;
    padding-top: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.app-textarea-lg {
    font-size: 1rem;
    max-width: 100%;
    height: 10em !important;
}
.app-hearing-select,
.app-doctype-select {
    cursor: pointer;
}
.app-col-actions {
    width: 110px;
}
.app-font-larger {
    font-size: larger;
}

.app-ontop {
    position: absolute;
    z-index: 1054;
}

.app-input-100 input,
.app-input-100 select,
.app-input-100 textarea {
    max-width: unset;
}

input.app-input-inline,
input.app-input-Email {
    max-width: 400px;
    display: inline-block;
}

th {
    white-space:nowrap;
    text-transform:uppercase;
    /*font-size:0.8em;*/
}

th i.fa{
    display:inline-block;
    margin-left:0.3em;
}

/*td {
    font-size: 0.85em;
}*/

th a,
th a:hover,
th a:active,
th a:focus {
    color:#fff;
}

ul.pagination-sm{
    margin-top: 0;
    margin-bottom: 2px;
}

@font-face {
    font-family: Allura-Regular;
    src: url("/d2h2containerb2c1/Allura-Regular.ttf");
}

.app-loader {
    position: absolute;
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
    z-index: 1064;
}
.app-loader-show {
    display: normal;
}

.app-loader-hide {
    display: none;
}

.app-group-sm a {
    /*height:32px;*/
    border-bottom: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-top: 1px solid #ced4da;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.app-group-sm a i{
    position:relative;
    top:2px;
}

.app-nav-border {
    border-bottom: 2px solid #956a72;
}
.app-list-upper-header {
    text-align: center;
}
.app-list-upper-header span{
    display:inline-block;
    margin:1px;
    width:100%;
    height:100%;
    border:solid 1px #fff;
}
.app-list-header{
    /*margin-bottom: -10px;*/
}

.app-btn-notext i.fa {
    margin-right: 0;
}

.app-title {
    color: #ffbc11;
    display: inline-block;
    margin-left: 2em;
    font-family: Allura-Regular;
    font-size: 3em;
    /*margin-top: 1.4em;*/
}

.app-title-icon {
    height: 42px;
    transform: rotate(50deg);
    bottom: .55em;
    position: relative;
    margin-left: .38em;
}

.app-title a,
.app-title a:hover,
.app-title a:active,
.app-title a:visited,
.app-title a:focus {
    color: #ffbc11;
    text-decoration:none;
}

a.app-event,
a:active.app-event,
a:visited.app-event {
    background-color: #fff8e6;
    border-color: #453135;
    color: #453135;
}

a:focus.app-event,
a:hover.app-event {
    background-color: #ffbc11;
    border-color: #453135;
    color: #453135;
}

.main-menu > p {
    color: #453135;
    margin-bottom: 0.6em;
    margin-left: 1em;
}

.main-menu > p i{
    font-size:1.1em;
}

.main-menu > p > a {
    display: inline-block;
    /*margin-left: 1em;*/
    color: #453135;
    font-weight: bold;
}
.main-menu > p > a:hover,
.main-menu > p > a:focus
{
    text-decoration:none;
    color: #ff6a00;
}

.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    margin-top: 115px;
    width: 250px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
    height: 100%;
    overflow-y: auto;
}

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

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

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

.dropdown-item {
    border: 1px solid #ffffff;
}
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #ffd966;
    border: 1px solid #cc9200;
}
.app-parties-list-wrapper {
    max-height: 350px;
    overflow-y:auto;
}
.app-parties-list-box{
    margin-right:15px;    
}
.app-spacer05 {
    display: inline-block;
    width: 0.5em;
}
.app-spacer1{
    display:inline-block;
    width:1em;
}
.app-spacer2 {
    display: inline-block;
    width: 2em;
}

.jts-navbar {
    background-color: #453135;
    background-image: url('https://d2h20000ist0107b2c.blob.core.windows.net/d2h2containerb2c1/courtroom-banner.png');
    /*background-position: center 0;*/
    /*background-repeat: no-repeat;
    background-size: 100% auto;*/
    height: 115px;
    border: none;
    border-radius: 0px;
    background-position: right !important;
    background-repeat: no-repeat !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1029;
}

.table-responsive th:first-child, 
.table-responsive td:first-child {
    position: sticky;
    /*left: 0px;*/
}

.app-req-mark {
    display: inline-block;
    /*margin-left: 0.4em;*/
    position: relative;
    top: -5px;
}
/*.app-req-mark,
.app-req-mark i
{
    font-size: 0.5em !important;
}*/
.app-inline-field{
    white-space:nowrap;
    min-width:150px;
}
.app-inline-field > .form-control {
    width:85%;
    display:inline;
}
.app-inline-field > .form-check > .form-check-input{
    margin-top:-2px;
    /*margin-left:1px;*/
    width:1em;
    height:1em;
}

.app-btn-tabrow i {
    margin-right: 0;
}
.app-btn-tabrow span {
    display:inline-block;
    margin-left: 8px;
}

/*.app-list-header-button,
.app-filter-field-group {
    position: relative;
    top: 10px;
}*/

.app-filter-field {
    background-color: #f6f4ee;
    min-width: 10em !important;
}

.app-global-link {
    display: inline-block;
    width: 212px;
    border: 1px solid #fff;
    padding-left:1em;
    position:relative;
    right:1em;
}

.app-global-link:focus,
.app-global-link:hover {
    background-color: #FFF8E6;
    border: 1px solid #ffbc11;
}

.app-tabs > .nav-item {
    border-radius: 5px 5px 0 0;
}

.app-table-container{
    width:100%;
    overflow-y:auto;
}

.shadow {
    -webkit-box-shadow: 3px 3px 5px 6px #4d4d4d; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 3px 5px 6px #4d4d4d; /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 3px 5px 6px #4d4d4d; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.app-workspace-home {
    border: 1px solid #cccccc;
    margin-top: 10px;
    padding-top: 10px;
    /*min-width: 300px;*/
}

.app-registartion-approval,
.app-registartion-pending {
    border: 1px solid #cccccc;
    padding-top: 10px;
}
.app-registartion-approval h2,
.app-registartion-pending h2,
.app-workspace-home h2 {
    font-size: 1.4em;
    font-weight: normal;
    display: inline-block;
}

.app-calendar-home {
    border: 1px solid #cccccc;
    margin-top: 10px;
    padding-top: 10px;
    min-width: 550px;
}
.app-calendar-container {
    padding: 5px 15px 15px 15px;
    min-height:300px;
}
.app-calendar .fc-event-dot {
    background-color: #453135;
}
.app-event-background {
    background-color: #edfaeb;
}
.app-event-documents {
    background-color: #daf5d6;
}
.app-event-background-label {
    padding: 5px;
}
.app-workspace-docs-form {
}
.app-workspace-docs-form h2{
    font-size: 1.1em;
}
.app-workspace-form {
    /*border: 1px solid #cccccc;*/
    margin-top: 15px;
    padding-left:6px;
    padding-right:10px;
    padding-bottom:10px;
}

h2.app-form-header {
    text-transform: uppercase;
    font-size: 1.4em;
}

/*.app-workspace-form h3,*/
.app-workspace-form legend {
    text-transform:uppercase;
    font-size: 1.2em;
    font-weight:normal;
}

/*.ui-menu-item-wrapper:hover,
.ui-menu-item-wrapper:,
.ui-menu-item-wrapper:focus {
    background-color: #ff6a00;
}*/

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #cc9200;
    background: #ffbc11;
    font-weight: normal;
    color: #000000;
}

.app-dropdown-btn > i{
    margin-left:3px;
    margin-right:2px;
}
.app-form-saved-alert-row,
.app-form-saved-alert {
    display: inline-block;
    padding: 2px 10px 2px 10px;
    margin-bottom: 0;
    margin-top: 2px;
    position:absolute;
    z-index:1054;
}

.app-form-load-cover {
    z-index: 1054;
    background: #fff8e6;
    position: absolute;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.app-form-submit-cover {
    z-index: 10;
    background: #cccccc; /*url("/Content/images/ajaxLoad.gif") no-repeat fixed center;*/
    text-align:center;
    vertical-align:middle;
    position: absolute;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.app-form-submit-cover-img {
    vertical-align: middle;
    position: absolute;
}
.app-label-sm{
    width: 240px;
}
.app-label-md {
    width: 320px;
}

h3.modal-title {
    text-transform: uppercase;
}
.app-select-workspace-box{
    display:inline-block;
}
.app-select-workspace-box .form-control {
    width:300px;
}
.app-schedule-left-col{
    border-right:1px solid #453135;
}
ul.ui-autocomplete {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
    background-color: #f4f0f1;
    z-index: 2050;
    max-width: 400px;
}

.app-exchanger{
    width:100%;
    height:21em;
    white-space:nowrap;
    text-align:center;
    overflow-x:auto;
    overflow-y:hidden;
}
.app-exchanger-listbox {
    display: inline-block;
}
.app-exchanger-btnbox {
    display: inline-block;
    text-align:center;
    vertical-align:middle;
    padding-bottom:300px;
}
.app-exchanger-listbox .list-group .list-group-item.active {
    color: #000;
    background-color: #ffd966;
    border-color: #ffd966;
}
.app-exchanger-listbox .list-group .list-group-item {
    padding: 0.3rem 0.2rem;
    border: none;
    width: auto;
    display: inline-block;
    white-space: nowrap;
}
.app-exchanger-listbox .list-group {
    display: block;
    white-space:initial;
}
.app-exchanger-btn {
    width: 42px;
}
.app-exchanger-list,
.app-exchanger-list-wd {    
    height: 20em;
    overflow: auto;
    border: 1px solid #453135;
}
.app-exchanger-titlebox,
.app-exchanger-list {
    width: 24em;
}
.app-exchanger-titlebox-wd,
.app-exchanger-list-wd {
    width: 29em;
}

.page-item .page-link {
    /*background-color: #ecd9c6;*/
}
.page-item.disabled .page-link {
    /*background-color: #dedede;*/
}
li.page-item > select {
    display: inline-block;
    height: 31px;
    padding: 0;
    /*background-color: #ffd966;*/
}
.page-item .page-link .fa {
    /*font-size: 1em;*/
    /*font-weight: bold;*/
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #453135; /*#3af;*/
    background-color: #ecd9c6;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #453135;
    box-shadow: #453135 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

tr.disabled .app-value-StartDate,
tr.disabled .app-value-EndDate,
tr.disabled .app-value-DefenceDeadlineDate,
tr.disabled .app-value-ApplicantDeadlineDate{
    text-decoration:line-through;
}
tr.disabled #btnCancelHearing{
    visibility:hidden;
}

.app-msg-table {
    border-collapse: collapse;
}

.app-msg-table tr td {
    border: solid 1px #808080;
    padding: 5px 10px 5px 10px;
}

.app-msg-hidden {
    display: none;
}

.app-msg-link {
    text-decoration: underline;
}

.inputDnD {
    width: 100%;
    cursor: pointer;
    z-index: 1;
}
.inputDnD > div {
    min-height:124px;
    min-width:304px;
    text-align:center;
    /*vertical-align:middle;*/
    /*border-width: 0 !important;*/
    display: table;
    background: #f0f2f4;
    border: 2px dashed #453135;
    border-radius: 5px;
    padding-top:5px;
}

.inputDnD-large > div {
    min-width: 454px;
    min-height: 164px;
    padding-top: 15px;
}
.inputDnD .form-control-file {
    min-height: 120px;
    min-width: 300px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor:pointer;
}
.inputDnD-large .form-control-file {
    min-width: 450px;
    min-height: 160px;
}


.bsted-container {
    padding: 0.3em;
    border: 1px solid #ccc;
    width: 100%;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box;
    border-radius: 6px;
    -moz-border-radius: 6px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 6px; /* Safari */
    /*height:16em;*/
}

.bsted-content-box {
    padding: 0.2em;
    width: 100%;
    height: 10em;
    overflow: auto;
    /*margin-top:2em;*/
    /*border: #77555b solid 1px !important;*/
}

.bsted-content-box:focus {
    /*border-color: #77555b !important;*/
    outline-color: #77555b;
    box-shadow: 0 0 0 0.2rem rgba(149, 106, 114, 0.25);
}

.bsted-toolbal {
    background-color: #fff4e6;
    width: 100%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
}

.bsted-toolbal .dropdown-menu {
    min-width: 8rem;
}

.bsted-content-source-box {
    background-color: #efefef;
    width: 100%;
    height: 93%;
    overflow: auto;
}
.bsted-color-select{
    display:block !important;
}

.bsted-color-select-row a {
    width: 16px;
    height: 16px;
    border: 1px solid #808080;
    border-collapse: collapse;
    display: inline-block;
    margin-left: 0.3em;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: 0;
}
/*b2c*/
form {
    padding-left: 15px;
}
.container {
    /*text-align: center;*/
    width: 100%;
    display: table;
    height: 100vh;
    padding: 3em 0 0 0;
}
.unified_container .row .panel-default {
    padding: 40px 30px;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    background-color: #fff
}

.unified_container .row .panel-default .panel-body {
    max-width: 380px;
    width: auto;
    margin: 0 auto;
    padding: 0
}

.unified_container .row .panel-default .panel-body .companyName {
    font-size: 1.5em;
    margin-bottom: 45px
}

.unified_container .row .panel-default .panel-body .companyLogo {
    display: block
}

.unified_container .row .panel-default .panel-body img {
    max-width: 100%;
    width: auto;
    height: 70px;
    margin: 0 auto;
    display: block
}

.unified_container .row .panel-default .panel-body h3 {
    font-size: 1.5em;
    display: none
}

.unified_container .row .panel-default #api {
    display: table;
    margin: 0;
    width: 100%
}

.unified_container .row .panel-default #api .intro {
    display: block;
    text-align: left
}

.unified_container .row .panel-default #api .intro h2 {
    font-size: 20px
}

.unified_container .row .panel-default #api .divider {
    display: none
}

.unified_container .row .panel-default #api .localAccount {
    top: 10px;
    width: 100%
}

.unified_container .row .panel-default #api .localAccount .intro h2 {
    font-size: 20px
}

.unified_container .row .panel-default #api .localAccount .error {
    color: #b00;
    text-align: left
}

.unified_container .row .panel-default #api .localAccount .entry .buttons {
    margin: 0 0 23px 0;
    text-align: left
}

.unified_container .row .panel-default #api .localAccount .entry .buttons button {
    background-image: none;
    background-color: #453135; /*#296ec6;*/
    border: none;
    border-radius: .5rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    height: inherit;
    line-height: 1.3333333;
    margin-top: 2rem;
    margin-right: 0;
    margin-bottom: 1.2rem;
    margin-left: 0;
    padding: 10px 16px;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    -moz-user-select: none;
    -ms-touch-action: manipulation;
    -ms-user-select: none;
    -webkit-user-select: none;
    color: #ffbc11; /*#fff;*/
    width: 63%;
    box-shadow: 0 0 30px 0 #f4f0f1; /*#dae1f7*/
}

@media screen and (-ms-high-contrast:active) {
    .unified_container .row .panel-default #api .accountButton, .unified_container .row .panel-default #api .localAccount .entry .buttons button {
        border: 1px dashed #fff
    }

    .unified_container .row .panel-default #api .accountButton:hover, .unified_container .row .panel-default #api .localAccount .entry .buttons button:hover {
        border: 1px solid #fff
    }
}

.unified_container .row .panel-default #api .localAccount .entry .buttons button:focus, .unified_container .row .panel-default #api .localAccount .entry .buttons button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffbc11; /*#1662c7;*/
    color: #453135; /*#fff*/
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item {
    position: relative;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item label {
    display: none
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item input {
    outline: 0;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: .5rem !important;
    box-shadow: 0 2px 10px rgba(69, 49, 53,.15);
    color: #404040;
    display: inline-block;
    font-size: 1em;
    height: 50px;
    line-height: 1.42857143;
    padding: 6px 20px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    width: 100% !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item #password {
    margin-bottom: 20px
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item .password-label {
    text-align: left;
    height: 0;
    left: 0;
    width: 100%
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(50%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.unified_container .row .panel-default #api .localAccount .entry .entry-item .password-label #forgotPassword {
    position: absolute;
    top: 60px;
    clear: right;
    cursor: pointer;
    float: right;
}

.unified_container .row .panel-default #api .localAccount .rememberMe {
    position: absolute;
    right: 50px;
    display: inline-block;
    margin-top: -20px
}

.working {
    display: none
}

.unified_container .row .panel-default #api .claims-provider-list-text-links p, .unified_container .row .panel-default #api .localAccount .create p {
    text-align: left;
    margin-top: -2rem;
    margin-bottom: 3rem
}

.unified_container .row .panel-default #api .localAccount .create #createAccount {
    border-radius: .5rem;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    height: inherit;
    line-height: 1.3333333;
    padding: 10px 16px;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    white-space: nowrap;
    -moz-user-select: none;
    -ms-touch-action: manipulation;
    -ms-user-select: none;
    -webkit-user-select: none;
    width: auto;
    margin-top: -3rem;
    cursor: pointer;
    animation: .5s ease-out 0s 1 slideInFromRight
}

.unified_container .row .panel-default #api .social {
    display: table-footer-group;
    position: relative;
    top: 1px;
    width: auto
}

.unified_container .row .panel-default #api .accountButton {
    background-size: 10% 70%;
    background-position-x: 3%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    display: block;
    font-size: 16px;
    height: 45px;
    width: 100%;
    margin-left: auto;
    overflow: hidden;
    padding: 0 50px;
    max-width: 380px
}

.unified_container .row .panel-default #api .accountButton:hover {
    border-radius: .5rem;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

@media (max-width:100%) {
    .unified_container .row .panel-default {
        margin-top: auto;
        margin-bottom: auto;
        height: 550px
    }

    .unified_container .row .panel-default .panel-body {
        padding: 5rem 3rem;
        margin-top: 20px
    }

    .unified_container .row .panel-default .panel-body .companyName {
        display: none
    }

    .unified_container .row .panel-default .panel-body .companyLogo {
        display: block
    }

    .unified_container .row .panel-default .panel-body h3 {
        display: block
    }

    .unified_container .row .panel-default .panel-body #api {
        width: auto
    }

    .unified_container .row .panel-default .panel-body #api .social {
        top: 370px;
        width: auto
    }

    .unified_container .row .panel-default .panel-body #api .social .options .accountButton {
        height: 40px
    }

    .unified_container .row .panel-default .panel-body #api .social .options #FacebookExchange {
        background-size: 12px;
        background-position: 50% 75%;
        margin-bottom: 10px
    }

    .unified_container .row .panel-default .panel-body #api .social .options #GoogleExchange {
        background-size: 20px;
        background-position: 50% 75%;
        margin-bottom: 10px
    }

    .unified_container .row .panel-default .panel-body #api .social .options #TwitterExchange {
        background-size: 20px;
        background-position-x: 56px;
        background-position-y: 14px;
        margin-bottom: 10px
    }

    .unified_container .row .panel-default .panel-body #api .localAccount {
        top: 20px
    }

    .unified_container .row .panel-default .panel-body #api .localAccount .entry .entry-item {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }

    .unified_container .row .panel-default .panel-body #api .localAccount .entry .entry-item .password-label {
        top: 145px
    }

    .unified_container .row .panel-default .panel-body #api .localAccount .entry .entry-item #logonIdentifier {
        height: 40px
    }

    .unified_container .row .panel-default .panel-body #api .localAccount .entry .entry-item #password {
        height: 40px
    }

    .unified_container .row .panel-default .panel-body #api .localAccount .entry .entry-item:nth-child(2) {
        width: auto;
        float: left
    }

    .unified_container .row .panel-default .panel-body #api .localAccount .entry .buttons #next {
        width: auto;
        text-indent: -4px;
        height: 40px;
        line-height: 0;
        position: relative;
        bottom: 5px;
        left: 8px
    }
}

@media (min-width: 992px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        margin-left: 50%;
        left: -270px;
    }
}

.footer-top{
	padding-top: 0.5rem;
}