body.login {
    /*background: url('../img/mybg.png') #ffffff;
  background-repeat: repeat;
  background-size: 100% 100%;
    height: 100% !important;
    min-height: 100%;*/
}

.login-back {

    background-size: contain;
    background-repeat: no-repeat;
    height: 500px;
}

.center-div {
  margin: 0 auto;
  width: 50%;
}
.vert-div {
  position: relative;
  top: 125%;
  transform: translateY(-50%);
}
.btn-default {
  color: #333;
  background-color: #f4f4f4;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
div.validation-summary-valid {
  display: none;
}
.dl-horizontal dt {
  white-space: normal;
}
.toolbar-container {
  margin-top: 5px;
  margin-right: 12px;
}
.detail-font {
  font-size: 10pt;
}
/*.form-control-sm {
    font-size: 0.920rem !important;
}*/
.form-group {
  margin-bottom: 0.7rem;
}
.modal-header {
  display: block;
  height: 55px;
}
.modal-footer {
  display: block;
}
.modal-dialog {
  overflow-y: initial !important;
}
.modal-body.modal-tab-container {
  padding: 0;
}
.modal-body.modal-tab-container .modal-tabs {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #ffffff;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.modal-body.modal-tab-container .modal-tabs .nav-link {
  padding: 10px 20px;
  border: none;
}
.modal-body.modal-tab-container .modal-tabs .nav-link:hover,
.modal-body.modal-tab-container .modal-tabs .nav-link.active {
  color: #85CE36;
  border-bottom: 2px solid #85CE36;
}
.modal-body.modal-tab-container .modal-tabs .nav-link.active {
  font-weight: 600;
}
.modal-lg {
  max-width: 1300px !important;
  width: 1300px !important;
  position: center !important;
  transform: translate(0, -50%) !important;
  top: 50% !important;
  margin: 0 auto !important;
}
.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}
/*Left*/
.modal.left.fade .modal-dialog {
  left: -500px;
  -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;
}
/*Right*/
.modal.right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {
  right: 0;
}
/* ----- MODAL STYLE ----- */
.modal-content {
  border-radius: 0;
  border: none;
}
.btn-circle {
  width: 50px;
  height: 17px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.breadcrumb-panel {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -7px;
}
.btn-destroy {
  color: #962d24 !important;
  background-color: white !important;
}
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid #adadad;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn {
  padding: 6px 12px 6px 24px;
  font-family: 'Archivo Narrow', sans-serif;
}
.btn-breadcrumb .btn:first-child {
  padding: 6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding: 6px 18px 6px 24px;
}
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #f4f4f4 !important;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc !important;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb !important;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad !important;
}
/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #007bff;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #007bff;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #0367B4;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #0367B4;
}
/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #28a745;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #28a745;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #218838;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #218838;
}
/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}
/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}
/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #17a2b8;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #17a2b8;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #17a2b8;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #17a2b8;
}
.section-header {
  margin-top: 7px;
}
.card-secondary {
  border-color: #0367B4;
}
.card-header-secondary {
  background-color: #0367B4;
  color: white !important;
  border-color: #0367B4;
}
.card-secondary-female {
  border-color: #f577be;
}
.card-header-secondary-female {
  background-color: #f577be;
  color: white !important;
  border-color: #f577be;
}
.card-tertiary {
  border-color: #FFAE42;
}
.card-header-tertiary {
  background-color: #FFC372;
  color: #764708 !important;
  border-color: #FFAE42;
}
.view-toolbar {
  background-color: #0367B4;
  margin-top: -17px;
}
.view-toolbar .header {
  font-size: 22pt;
  color: white;
}
#function-panel {
  padding: 8px 0 8px 8px;
}
.information-table {
  border: solid 1px #ff9a13 !important;
  font-size: 10pt;
}
.cell-header {
  background-color: rgba(255, 154, 19, 0.2);
  border: solid 1px #ff9a13 !important;
  font-weight: normal;
  padding: 2px;
}
.cell-value {
  border: solid 1px #ff9a13 !important;
}
.btn-function {
  color: #333;
  background-color: #ffe2bb;
  border-color: #FFAE42;
}
.btn-function:focus,
.btn-function.focus {
  color: white;
  background-color: #ff9a13;
  border-color: #ffa400;
}
.btn-function:hover {
  color: white;
  background-color: #ff9a13;
  border-color: #adadad;
}
.btn-function:active,
.btn-function.active,
.open > .dropdown-toggle.btn-function {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-function:active:hover,
.btn-function.active:hover,
.open > .dropdown-toggle.btn-function:hover,
.btn-function:active:focus,
.btn-function.active:focus,
.open > .dropdown-toggle.btn-function:focus,
.btn-function:active.focus,
.btn-function.active.focus,
.open > .dropdown-toggle.btn-function.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-function:active,
.btn-function.active,
.open > .dropdown-toggle.btn-function {
  background-image: none;
}
.btn-function.disabled:hover,
.btn-function[disabled]:hover,
fieldset[disabled] .btn-function:hover,
.btn-function.disabled:focus,
.btn-function[disabled]:focus,
fieldset[disabled] .btn-function:focus,
.btn-function.disabled.focus,
.btn-function[disabled].focus,
fieldset[disabled] .btn-function.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-function .badge {
  color: #fff;
  background-color: #333;
}




/* scriptcycle styles*/

.sc-logo {
    height: 39px;
    padding-left: 33px;
}

.sc-tx-status {
    line-height: 2.4;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.sc-page-header {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #545454;
}

.sc-page-title {
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 1px;
}

.sc-page-header .sc-page-icon {
    font-size: 1.76em;
}

.sc-page-header .sc-page-title {
    font-size: 1.85em;
}

.sc-button-group {
    display: flex;
    align-items: center;
}

.sc-icon {
    height: 30px;
    width: 30px;
}

.sc-button {
    /*background-color: #6c757d;    
    border: 1px solid #ccc;
    color: #fff;*/
    padding-right: 15px;
}

.sc-edit-form {
    border: 1px solid #ccc;
    padding-left: 20px;
}

    .sc-edit-form .control-label {
        font-weight: bold;
        background-color: #ADD8E6;
    }


        .sc-edit-form .control-label:after {
            content: ':';
        }


    .sc-edit-form .view-form-item {
        padding: 6px;
    }


    .sc-edit-form .input-group-text {
        text-align: right;
    }

        .sc-edit-form .input-group-text:after {
            content: ':';
        }

.sc-toolbar {
    background-color: white;
    border-left: lightgrey outset 1px;
    padding: 2px;
}

    .sc-toolbar > input[type=button], button {
        border: lightgrey outset 1px;
        border-top: none;
        border-bottom: none;
        background-color: white;
    }