.main-content,
body,
html {
    min-height: 100%
}

.alert,
.well {
    border-radius: 0
}

.nav-list>li .submenu>li>a:hover,
.nav-list>li>a,
a:active,
a:focus {
    text-decoration: none
}

html {
    position: relative
}

body {
    background-color: #fff;
    padding-bottom: 0;
    font-family: 'Open Sans';
    font-size: 13px;
    color: #393939;
    line-height: 1.5;
    background-image: url(../images/bu.jpeg);
    background-size: cover;
    background-position: center center;
    height: 100vh;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.main-container:before {
    display: block;
    content: "";
    position: absolute;
    z-index: -2;
    width: 100%;
    max-width: inherit;
    bottom: 0;
    top: 0;
    background-color: #FFF
}

.main-container.container,
.rtl .main-container.container {
    padding-left: 0;
    padding-right: 0
}

.main-container.container:before {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    width: inherit
}

@media (max-width:767px) {
    .main-container.container:before {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%
    }
}

.main-content {
    margin-left: 0;
    padding: 0
}

.main-content:after,
.main-content:before {
    content: " ";
    display: table
}
.main-content:after {
    clear: both
}

.sidebar+.main-content {
    margin-left: 190px
}

.page-content {
    background-color: #FFF;
    position: relative;
    margin: 0;
    padding: 8px 20px 24px
}

.page-header {
    margin: 0 0 12px;
    border-bottom: 1px dotted #E2E2E2;
    padding-bottom: 16px;
    padding-top: 7px
}

.page-header h1 {
    padding: 0;
    margin: 0 8px;
    font-size: 24px;
    font-weight: lighter;
    color: #2679B5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

.page-header h1 small {
    margin: 0 6px;
    font-size: 14px;
    font-weight: 400;
    color: #8089A0
}
.lighter {
    font-weight: lighter;
}
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
    margin-bottom: 16px
}

.bigger-110 {
    font-size: 110%!important;
}

h1 {
    font-size: 32px
}
.ace-icon {
    text-align: center;
}
h5 {
    font-size: 15px;
}
h4.bigger {
    font-size: 19px;
}
.header {
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 18px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCC;
}

label.inline {
    margin-bottom: 3px;
}
.inline {
    display: inline-block!important;
}

.space-6, [class*=vspace-6] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 6px 0 5px;
}

.space-24, [class*=vspace-24] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 24px 0 23px;
}

.login-layout label,
.ui-jqdialog-content .searchFilter .queryresult {
    margin-bottom: 11px
}

.login-layout .main-container:before {
    display: none
}

.login-layout .main-content {
    margin-left: 0!important;
    margin-right: 0!important;
    min-height: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.login-layout .widget-box {
    visibility: hidden;
    position: fixed;
    z-index: -5;
    border-bottom: none;
    box-shadow: none;
    padding: 6px;
    -moz-transform: scale(0, 1) translate(-150px);
    -webkit-transform: scale(0, 1) translate(-150px);
    -o-transform: scale(0, 1) translate(-150px);
    -ms-transform: scale(0, 1) translate(-150px);
    transform: scale(0, 1) translate(-150px)
}

.login-layout .widget-box.visible {
    visibility: visible;
    position: relative;
    z-index: auto;
    -moz-transform: scale(1, 1) translate(0);
    -webkit-transform: scale(1, 1) translate(0);
    -o-transform: scale(1, 1) translate(0);
    -ms-transform: scale(1, 1) translate(0);
    transform: scale(1, 1) translate(0);
    transition: transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .2s ease
}
.widget-body {
    background-color: #FFF;
}
.login-layout .widget-box .widget-main {
    padding: 16px 36px 36px;
    background: #F7F7F7
}

.login-layout .widget-box .widget-main form {
    margin: 0
}

.login-layout .widget-box .widget-body .toolbar>div>a {
    font-size: 15px;
    font-weight: 400;
    text-shadow: 1px 0 1px rgba(0, 0, 0, .25)
}
.login-box, .forgot-box, .signup-box{
    width: 375px; margin: 0 auto;
}
.agent-box{
    width: 600px; margin: 0 auto;
}
.business-box{
    width: 375px; margin: 0 auto; margin-top: 10%;
}
.login-box .forgot-password-link {
    color: #FE9
}

.login-box .user-signup-link {
    color: #CF7
}

.login-box .toolbar {
  background: rgb(0,131,143);
}

.login-box .toolbar>div {
    width: 50%;
    display: inline-block;
    padding: 9px 0 11px
}

.login-box .toolbar>div:first-child {
    float: left;
    text-align: left
}

.login-box .toolbar>div:first-child>a {
    margin-left: 11px
}

.login-box .toolbar>div:first-child+div {
    float: right;
    text-align: right
}

.login-box .toolbar>div:first-child+div>a {
    margin-right: 11px
}

.forgot-box .toolbar {
    background: #C16050;
    border-top: 2px solid #976559;
    padding: 9px 18px
}

.signup-box .toolbar {
    background: #76B774;
    border-top: 2px solid #759759;
    padding: 9px 18px
}

.forgot-box .back-to-login-link,
.signup-box .back-to-login-link {
    color: #FE9;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 1px 0 1px rgba(0, 0, 0, .25)
}

.login-layout .login-box .widget-main {
    padding-bottom: 16px
}

@media only screen and (max-width:540px) {
    .login-layout .widget-box .widget-main {
        padding: 16px
    }
    .login-container {
        width: 98%
    }
    .login-layout .widget-box {
        padding: 0
    }
    .login-layout .main-content {
        padding-left: 6px;
        padding-right: 6px
    }
    .login-box .toolbar>div {
        width: auto
    }
}

.light-login {
    background: url(images/pattern.jpg) #DFE0E2
}

.light-login .widget-box {
    padding: 1px 1px 0;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(50, 50, 50, .33)
}

.light-login .widget-box .toolbar {
    border-top-width: 1px
}

.light-login .widget-box.login-box {
    background-color: #BCC6CF;
    background-color: rgba(100, 110, 120, .4)
}

.light-login .widget-box.signup-box {
    background-color: #C1CEC4;
    background-color: rgba(110, 120, 100, .4)
}

.light-login .widget-box.forgot-box {
    background-color: #D2C5C5;
    background-color: rgba(120, 110, 100, .4)
}

.blur-login {
    background: url(images/meteorshower2.jpg) #394557
}

.dark {
    color: #333!important
}

.white {
    color: #FFF!important
}

.red {
    color: #DD5A43!important
}

.blue {
    color: #00c7f7!important
}
.newcolor{
    color: #009688 !important;
}

.header>.ace-icon {
    margin-right: 2px;
}
.block {
    display: block!important;
}
label {
    font-weight: 400;
    font-size: 14px;
}
span.input-icon {
    display: inline-block;
}
.input-icon {
    position: relative;
}
.input-icon.input-icon-right>input {
    padding-left: 6px;
    padding-right: 24px;
    margin: 10px 0;
}
.input-icon>input {
    padding-left: 24px;
    padding-right: 6px;
}
input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], textarea, select {
    border-radius: 0!important;
    color: #858585;
    background: 0 0;
    border-width: 0 0 1px;
    padding: 5px 4px 6px;
    font-size: 14px;
    font-family: inherit;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}
.form-control, select {
    border-radius: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: #858585;
    background-color: #FFF;
    border: 1px solid #D5D5D5;
}
.input-icon.input-icon-right>.ace-icon {
    left: auto;
    right: 3px;
}
.input-icon>.ace-icon {
    padding: 0 3px;
    z-index: 2;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 3px;
    line-height: 30px;
    display: inline-block;
    color: #909090;
    font-size: 16px;
}
label input[type=checkbox].ace, label input[type=radio].ace {
    z-index: -100!important;
    width: 1px!important;
    height: 1px!important;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
input[type=checkbox].ace, input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
input[type=checkbox].ace+.lbl, input[type=radio].ace+.lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: 400;
    cursor: pointer;
}
input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #C8C8C8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.btn-primary, .btn-primary.focus, .btn-primary:focus {
    background-color: #009688!important;
    border-color: #009688;
}
.btn, .btn-default, .btn-default.focus, .btn-default:focus, .btn.focus, .btn:focus {
    background-color: #ABBAC3!important;
    border-color: #ABBAC3;
}
.btn-group-sm>.btn, .btn-sm {
    border-width: 4px;
    font-size: 13px;
    padding: 4px 9px;
    line-height: 1.38;
}
.btn {
    color: #FFF!important;
    background-image: none!important;
    border-radius: 0;
    box-shadow: none!important;
    -webkit-transition: background-color .15s, border-color .15s, opacity .15s;
    -o-transition: background-color .15s, border-color .15s, opacity .15s;
    transition: background-color .15s, border-color .15s, opacity .15s;
    vertical-align: middle;
    margin: 0;
    position: relative;
}
.breadcrumb, .breadcrumb>li>a, .btn {
    display: inline-block;
}
.btn, .dropdown-colorpicker a {
    cursor: pointer;
}
.width-35 {
    width: 35%!important;
}
.align-center, .center {
    text-align: center!important;
}
.btn-primary.focus:hover, .btn-primary:active:hover, .btn-primary:focus:active, .btn-primary:focus:hover, .btn-primary:hover, .open>.btn-primary.dropdown-toggle, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:active, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    background-color: #00c7f7!important;
    border-color: #00c7f7 !important;
}
.margin-top-10{
    margin-top: 10px;
}
.agent-box .toolbar {
    background: #C16050;
    border-top: 2px solid #976559;
    padding: 9px 18px;
}
.agent-box .back-to-login-link {
    color: #FE9;
    font-size: 14px;
    font-weight: 700;
}
.form-inline .checkbox [type=checkbox]+label,
.form-inline .radio [type=radio]+label,
.form-search .checkbox [type=checkbox]+label,
.form-search .radio [type=radio]+label {
    float: left;
    margin-left: -20px
}

.form-inline .form-inline .checkbox [type=checkbox]+label,
.form-inline .form-inline .radio [type=radio]+label,
.form-inline .form-search .checkbox [type=checkbox]+label,
.form-inline .form-search .radio [type=radio]+label,
.form-search .form-inline .checkbox [type=checkbox]+label,
.form-search .form-inline .radio [type=radio]+label,
.form-search .form-search .checkbox [type=checkbox]+label,
.form-search .form-search .radio [type=radio]+label {
    margin-left: 0;
    margin-right: 3px
}

label input[type=checkbox].ace, label input[type=radio].ace {
    z-index: -100!important;
    width: 1px!important;
    height: 1px!important;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
input[type=checkbox].ace, input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
label input[type=checkbox].ace,
label input[type=radio].ace {
    z-index: -100!important;
    width: 1px!important;
    height: 1px!important;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute
}

input[type=checkbox].ace:checked,
input[type=checkbox].ace:focus,
input[type=radio].ace:checked,
input[type=radio].ace:focus {
    outline: 0!important
}
input[type=checkbox].ace:checked+.lbl::before,
input[type=radio].ace:checked+.lbl::before {
    display: inline-block;
    content: '\f00c';
    color: #32A3CE;
    background-color: #F5F8FC;
    border-color: #ADB8C0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1)
}

input[type=checkbox].ace+.lbl:hover::before,
input[type=checkbox].ace:hover+.lbl::before,
input[type=radio].ace+.lbl:hover::before,
input[type=radio].ace:hover+.lbl::before {
    border-color: #FF893C
}

input[type=checkbox].ace:focus+.lbl::before,
input[type=radio].ace:focus+.lbl::before {
    border-color: #F59942
}

input[type=checkbox].ace:active+.lbl::before,
input[type=checkbox].ace:checked:active+.lbl::before,
input[type=radio].ace:active+.lbl::before,
input[type=radio].ace:checked:active+.lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)
}

input[type=checkbox].ace.ace-checkbox-2+.lbl::before,
input[type=radio].ace.ace-checkbox-2+.lbl::before {
    box-shadow: none
}

input[type=checkbox].ace.ace-checkbox-2:checked+.lbl::before,
input[type=radio].ace.ace-checkbox-2:checked+.lbl::before {
    background-color: #F9A021;
    border-color: #F9A021;
    color: #FFF
}

input[type=checkbox].ace.disabled+.lbl::before,
input[type=checkbox].ace:disabled+.lbl::before,
input[type=checkbox].ace[disabled]+.lbl::before,
input[type=radio].ace.disabled+.lbl::before,
input[type=radio].ace:disabled+.lbl::before,
input[type=radio].ace[disabled]+.lbl::before {
    background-color: #DDD!important;
    border-color: #CCC!important;
    box-shadow: none!important;
    color: #BBB
}

.checkbox label input[type=checkbox].ace+.lbl,
.radio label input[type=radio].ace+.lbl {
    margin-left: -10px
}

input[type=checkbox].ace.input-lg+.lbl::before {
    border-radius: 4px;
    font-size: 16px;
    height: 24px;
    line-height: 21px;
    min-width: 24px;
    top: auto
}


input[type=checkbox].ace.ace-switch {
    width: 55px;
    height: 25px
}

input[type=checkbox].ace.ace-switch+.lbl {
    margin: 0 4px;
    min-height: 24px
}

input[type=checkbox].ace.ace-switch+.lbl::before {
    font-family: 'Open Sans';
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    color: #999;
    text-shadow: 0 0 0 #999;
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: text-indent .25s ease;
    -o-transition: text-indent .25s ease;
    transition: text-indent .25s ease;
    top: auto
}

input[type=checkbox].ace.ace-switch+.lbl::after {
    font-family: 'Open Sans';
    content: 'III';
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    color: #AAA;
    text-shadow: none;
    background-color: #FFF;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: -2px;
    left: -3px;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
    -webkit-transition: left .25s ease;
    -o-transition: left .25s ease;
    transition: left .25s ease
}

input[type=checkbox].ace.ace-switch:checked+.lbl::before {
    text-indent: 8px;
    color: #FFF;
    text-shadow: 0 0 0 #FFF;
    background-color: #8AB2C9;
    border-color: #6A8CA8
}

input[type=checkbox].ace.ace-switch:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #98A0A5
}

input[type=checkbox].ace.ace-switch.ace-switch-2+.lbl::before {
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"
}

input[type=checkbox].ace.ace-switch.ace-switch-3+.lbl::after {
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 22px;
    content: "\f00d";
    top: -1px;
    text-shadow: none;
    padding: 0;
    text-align: center;
    color: #BBB;
    letter-spacing: 0
}

input[type=checkbox].ace.ace-switch.ace-switch-3:checked+.lbl::after {
    content: "\f00c";
    color: #8AB2C9;
    text-shadow: none
}

input[type=checkbox].ace.ace-switch.ace-switch-4,
input[type=checkbox].ace.ace-switch.ace-switch-5 {
    width: 60px
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    font-size: 12px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #8B9AA3;
    border: 1px solid #8B9AA3;
    color: #FFF;
    width: 56px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after {
    content: 'III';
    font-size: 11px;
    position: absolute;
    top: 2px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none!important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
    background-color: #468FCC;
    border-color: #468FCC
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::after,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484
}

input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"
}

input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
    text-indent: 8px
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl {
    position: relative
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl::before {
    font-family: FontAwesome;
    content: "\f00d";
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: none;
    border-width: 0;
    font-weight: lighter;
    font-size: 16px;
    border-radius: 12px;
    display: inline-block;
    background-color: #888;
    color: #F2F2F2;
    width: 52px;
    height: 22px;
    line-height: 21px;
    text-indent: 32px;
    -webkit-transition: background .25s ease;
    -o-transition: background .25s ease;
    transition: background .25s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl::after {
    content: '';
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #F2F2F2;
    border: 4px solid #F2F2F2;
    -webkit-transition: left .25s ease;
    -o-transition: left .25s ease;
    transition: left .25s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::before {
    content: "\f00c";
    text-indent: 6px;
    color: #FFF;
    border-color: #B7D3E5;
    background-color: #FF893C
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::after {
    left: 32px;
    background-color: #FFF;
    border: 4px solid #FFF;
    text-shadow: 0 -1px 0 rgba(0, 200, 0, .25)
}

input[type=checkbox].ace.ace-switch.ace-switch-7 {
    width: 75px
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl {
    position: relative
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl::before {
    content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
    font-weight: bolder;
    font-size: 13px;
    background-color: #FFF;
    border: 2px solid #AAA;
    border-radius: 0;
    box-shadow: none;
    color: #AAA;
    width: 74px;
    height: 26px;
    line-height: 22px;
    overflow: hidden;
    text-indent: 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl::after {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 39px;
    width: 32px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    text-indent: 0;
    background-color: #AAA;
    color: #FFF;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-7:checked+.lbl::before {
    color: #468FCC;
    background-color: #FFF;
    text-indent: -28px;
    border-color: #6FB3E0
}

input[type=checkbox].ace.ace-switch.ace-switch-7:checked+.lbl::after {
    left: 3px;
    content: '\f00c';
    background-color: #468FCC;
    color: #FFF
}

input[type=checkbox].ace.ace-switch+.lbl[data-lbl]::before {
    content: attr(data-lbl)
}

input[type=checkbox].ace.ace-switch.btn-empty+.lbl::after {
    content: ""
}

input[type=checkbox].ace.ace-switch.btn-rotate+.lbl::after {
    content: "\2261";
    line-height: 20px;
    font-size: 17px
}

input[type=checkbox].ace.ace-switch-4.btn-rotate+.lbl::after,
input[type=checkbox].ace.ace-switch-5.btn-rotate+.lbl::after {
    line-height: 17px
}

input[type=checkbox].ace.ace-switch.btn-flat+.lbl::after,
input[type=checkbox].ace.ace-switch.btn-flat+.lbl::before {
    border-radius: 0!important
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    text-indent: -24px
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
    text-indent: 7px
}
#agent-box select{
    border-width: 0 0 1px;
    margin: 8px 0;
    background: none;
}