@import url(skin-main.css);
.skin-main a {
    color: #1AB86C;
}
.skin-main .main-header .navbar .nav > li > a:hover,
.skin-main .main-header .navbar .nav > li > a:active,
.skin-main .main-header .navbar .nav > li > a:focus,
.skin-main .main-header .navbar .nav .open > a,
.skin-main .main-header .navbar .nav .open > a:hover,
.skin-main .main-header .navbar .nav .open > a:focus,
.skin-main .main-header .navbar .nav > .active > a {
    color: #1AB86C;
    border-bottom: 4px solid #1AB86C;
    padding-bottom: 11px;
}
.skin-main .main-header .navbar .nav > li > a {
    color: #444444;
}
.skin-main .main-header .navbar .nav > li > a.btn {
    color: #ffffff;
    background: #1AB86C;
    border: 1px solid #1AB86C;
    font-size: 16px;
}
.skin-main .main-header .navbar .nav > li > a.btn:focus,
.skin-main .main-header .navbar .nav > li > a.btn:active,
.skin-main .main-header .navbar .nav > li > a.btn:hover {
    color: #1AB86C;
    background-color:#F7FBFC;
    padding-bottom: 5px;
}
.skin-main .main-header .navbar .sidebar-toggle {
    color: #444444;
}
.skin-main .main-header .navbar .sidebar-toggle:hover {
    color: #1AB86C;
    background: #f6f6f6;
}
.skin-main .main-header .logo {
    background-color: #ffffff;
}
.skin-main .main-header .logo:hover {
    background-color: #ffffff;
}
.skin-main .head-withbg {
    background: #ffffff;
}
.skin-main .login-box-body, .register-box-body {
    background: #ffffff;
}
.skin-main .sidebar-menu > li:hover > a,
.skin-main .sidebar-menu > li.active > a,
.skin-main .sidebar-menu > li > .treeview-menu > li.active > a,
.skin-main .sidebar-menu > li > .treeview-menu > li > a:hover {
    color: #1AB86C;
    background: #f4f4f5;
}
.skin-main .sidebar-menu > li:hover > a .flag-icon,
.skin-main .sidebar-menu > li.active > a .flag-icon,
.skin-main .sidebar-menu > li > .treeview-menu > li.active > a .flag-icon,
.skin-main .sidebar-menu > li > .treeview-menu > li > a:hover .flag-icon {
    filter: drop-shadow(1000px 0 0 #1AB86C);
    transform: translate(-1000px);
}
.skin-main .sidebar-menu > li > .treeview-menu {
    background: inherit;
}
.skin-main.sidebar-collapse .sidebar-menu > li > a:active,
.skin-main.sidebar-collapse .sidebar-menu > li > .treeview-menu,
.skin-main .sidebar-menu > li.active {
    background: #f4f4f5;
}
.skin-main .treeview .active .dashed {
    border-left: 5px solid #1AB86C;
}
.skin-main input[type="text"],
.skin-main input[type="password"],
.skin-main textarea,
.skin-main select,
.skin-main .ui-autocomplete-input,
.skin-main .uneditable-input,
    /*.skin-main .select2-container--default,*/
.skin-main .select2-container .select2-selection--single {
    border-color: #ddd;
    border-radius: 4px !important;
}
.skin-main .select2-container.select2-container--open .select2-selection--single {
    border-color: #1AB86C;
}
.skin-main .input-daterange .form-control,
.skin-main .input-daterange .input-group-addon{
    border-color: #ddd;
    background-color: #fff;
}
.skin-main input[type="text"]:focus,
.skin-main input[type="password"]:focus,
.skin-main textarea:focus,
.skin-main select:focus,
.skin-main .form-control:focus,
.skin-main .ui-autocomplete-input:focus,
.skin-main .uneditable-input:focus,
.skin-main .select2-container--default:focus,
.skin-main .select2-selection--single:focus,
.skin-main input[type="text"]:active,
.skin-main input[type="password"]:active,
.skin-main textarea:active,
.skin-main select:active,
.skin-main .form-control:active,
.skin-main .ui-autocomplete-input:active,
.skin-main .uneditable-input:active,
.skin-main .select2-container--default:active,
.skin-main .select2-selection--single:active,
.skin-main input[type="text"]:hover,
.skin-main input[type="password"]:hover,
.skin-main textarea:hover,
.skin-main select:hover,
.skin-main .form-control:hover,
.skin-main .ui-autocomplete-input:hover,
.skin-main .uneditable-input:hover,
.skin-main .select2-container--default:hover,
.skin-main .select2-selection--single:hover {
    border-color: #1AB86C !important;
}
.skin-main .form-group.has-success label {
    color: #444;
}
.skin-main .form-group.has-success .form-control {
    border-color: #1AB86C;
    box-shadow: none;
}
.skin-main .form-group.has-error .form-control
.skin-main .form-group .form-control.bui-form-field-error
.skin-main .has-error .img-thumbnail {
    border-color: #f56c6c;
}
.skin-main .form-group .text-danger {
    color: #f56c6c;
    font-size: 12px;
}
.skin-main .text-info {
    color: #1AB86C;
}
.skin-main .input-radio {
    min-width: 100px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border:1px solid #1AB86C;
    position: relative;
    padding: 0 10px;
    margin-left: 15px;
}
.skin-main .input-radio:first-of-type {
    margin-left: inherit;
}
.skin-main .input-radio.checked {
    color: #1AB86C;
    border-color: #1AB86C;
    background-color:#F7FBFC;
}
.skin-main .input-radio.radius {
    border-radius: 20px;
}
.skin-main .input-radio.radius img {
    height: 20px;
}
.skin-main .input-radio .triangle {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
}
.skin-main .input-radio .triangle > i {
    position: absolute;
    font-size: 9px;
    right: -1px;
    bottom: -16px;
    color: #ffffff;
}
.skin-main .input-radio.checked .triangle {
    display: block;
    border-bottom: 15px solid #1AB86C;
    border-left: 18px solid transparent;
}
.skin-main .select2-dropdown,
.skin-main .select2-container--default .select2-search--dropdown .select2-search__field,
.skin-main .select2-container--default .select2-selection--single:hover,
.skin-main .select2-container--default .select2-selection--single:focus,
.skin-main .select2-selection .select2-selection--single:hover,
.skin-main .select2-selection .select2-selection--single:focus {
    border: 1px solid #1AB86C;
}
.skin-main .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #E5E5E5;
    color: #000;
}
.skin-main .button-primary,
.skin-main .button-success,
.skin-main .btn-primary,
.skin-main .btn-success,
.skin-main .btn-button,
.skin-main .btn-submit,
.skin-main .bui-calendar .bui-calendar-footer li:first-child button {
    background-color: #1AB86C;
    color: #ffffff;
    border-color: transparent;
    border-radius: 4px;
}
.skin-main .button-primary:hover,
.skin-main .button-primary:active,
.skin-main .button-success:active,
.skin-main .button-success.hover,
.skin-main .btn-primary:hover,
.skin-main .btn-primary:active,
.skin-main .btn-success:active,
.skin-main .btn-success.hover,
.skin-main .btn-button:active,
.skin-main .btn-button.hover,
.skin-main .btn-submit:active,
.skin-main .btn-submit.hover,
.skin-main .bui-calendar .bui-calendar-footer li:first-child button:hover,
.skin-main .bui-calendar .bui-calendar-footer li:first-child button:active {
    background-color: #1AB86C;
    color: #ffffff;
}
.skin-main .btn-success.disabled.focus,
.skin-main .btn-success.disabled:focus,
.skin-main .btn-success.disabled:hover,
.skin-main .btn-success[disabled].focus,
.skin-main .btn-success[disabled]:focus,
.skin-main .btn-success[disabled]:hover,
.skin-main fieldset[disabled] .btn-success.focus,
.skin-main fieldset[disabled] .btn-success:focus,
.skin-main fieldset[disabled] .btn-success:hover,
.skin-main .btn-primary.disabled.focus,
.skin-main .btn-primary.disabled:focus,
.skin-main .btn-primary.disabled:hover,
.skin-main .btn-primary[disabled].focus,
.skin-main .btn-primary[disabled]:focus,
.skin-main .btn-primary[disabled]:hover,
.skin-main fieldset[disabled] .btn-primary.focus,
.skin-main fieldset[disabled] .btn-primary:focus,
.skin-main fieldset[disabled] .btn-primary:hover{
    background-color: #ddd;
    cursor: not-allowed;
}
.skin-main .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #1AB86C;
}
.skin-main .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.skin-main .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.skin-main .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    color: #1AB86C;
}
.skin-main .main-header .navbar,
.skin-main .main-footer{
    background: #ffffff;
}
.skin-main .main-footer{
    color: inherit;
}
.skin-main .main-footer a{
    color: #1AB86C;
}
.skin-main .main-footer .foot_left a span{
    border-right:1px solid #1AB86C;
}
.skin-main .select2-container--default.select2-container--focus .select2-selection--multiple{
    border:1px solid #1AB86C !important;
}
.skin-main .button-view{
    background:#fff;
    border:1px solid #1AB86C;
    color:#1AB86C;
}
.skin-main .button-view:hover,.button-view:active{
    background:#1AB86C;
    color:#ffffff;
}
.skin-main .login-tips{
    background: rgba(252,229,220,0.50);
    border: 1px solid #F05815;
    color:#F05815;
}
.skin-main .button-link,.button-link:hover,.button-link:active{
    color: #1AB86C;
    text-decoration: underline;
}
.skin-main .content-header .main-title span{
    background: #1AB86C;
}
.skin-main .content-header > .breadcrumb > li > a:hover,.content-header > .breadcrumb > li > a:active{
    color: #1AB86C;
}
.skin-main .box-header .box-title,
.skin-main .box-header .title-2nd{
    border-left: 2px solid #1AB86C;
}
.skin-main .button-modify{
    border: 1px solid #1AB86C;
    color: #1AB86C;
    background: #ffffff;
}
.skin-main .button-modify:hover,.button-modify:active{
    border: 1px solid #1AB86C;
    color: #1AB86C;
    background: #ffffff;
}
.skin-main .tips-for-input{
    color:#1AB86C;
}
.skin-main .tips-for-input span{
    background: #1AB86C;
}
.skin-main .close,.close:hover,.close:active{
    color:#1AB86C;
}
.skin-main .download-info .active{
    color: #1AB86C;
}
.skin-main .download-info .active .line{
    background: #1AB86C;
}
.skin-main .download-info .active .detail-tri{
    border-top:5px solid #1AB86C;
}
.skin-main .download-info .active .detail-tri-up{
    border-bottom:5px solid #1AB86C;
}
.skin-main .pagination>.active>a,
.skin-main .pagination>.active>a:focus,
.skin-main .pagination>.active>a:hover,
.skin-main .pagination>.active>span,
.skin-main .pagination>.active>span:focus,
.skin-main .pagination>.active>span:hover {
    background-color: #fafafa;
    border-color: #ddd;
    color: #1AB86C;
}
.skin-main .daterangepicker td.active,
.skin-main .daterangepicker td.active:hover {
    background-color: #1AB86C;
    border-color: #1AB86C;
}
.step-s li .ui-step-icon {
    border: 5px solid #ffffff;
}
.step-s-4 .active:nth-child(1) .ui-step-icon, .step-s-4 .done:nth-child(1) .ui-step-icon, .step-s-2 .active:nth-child(1) .ui-step-icon, .step-s-2 .done:nth-child(1) .ui-step-icon, .step-s-3 .active:nth-child(1) .ui-step-icon, .step-s-3 .done:nth-child(1) .ui-step-icon {
    background: #1AB86C;
    border: 5px solid #F7FBFC;
}
.step-s .active .ui-step-text {
    color: #1AB86C;
}
.skin-main .guide .form-horizontal .form-group > .control-label {
    text-align: left;
    font-weight: 600;
}
.skin-main .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    background-color: #1AB86C !important;
    background-image: none;
    border-radius: 3px;
    border: none;
}
.skin-main .ui-dialog .ui-dialog-buttonpane {
    background-color: unset;
}
@media (max-width: 426px){
    .skin-main .login-box,
    .skin-main .register-box {
        width: 100% !important;
        padding: 10px !important;
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .skin-main .main-header .navbar .dropdown-menu li a {
        color: #444444;
    }
}
#alertModalTemplate .modal-footer .btn+.btn{
    margin-bottom: 10px;
}

.button-hollow-self {
    background-color:#FFFFFF;
    border-color:#1AB86C;
    color: #1AB86C;
}
.nav-tabs .input-group .input-group-btn .btn-search,
.img-responsive.img-thumbnail,
.img-responsive.btn-default {
    border-color:#1AB86C !important;
}