﻿/* Private Theme */

@bar: #fff; @menu: #fff; @head: #fff; @button: #fff; @bar_f: #fff; @menu_f: #fff; @head_f: #fff; @button_f: #fff;

/* Page Head */
.theme .navbar { background-color: @bar; }
.theme .nav_menu { background: @bar !important; }

/* Menu */
.theme .sidebar .menu .list li.active > :first-child i, .theme .sidebar .menu .list li.active > :first-child span { color: @menu; }
.theme .sidebar .menu .list .btn  { color: @menu !important; }

/* Buttons */
.theme .btn-teal, .theme .btn-teal:hover, .theme .btn-teal:focus, .theme .btn-teal:active { background-color: @button !important; }

/* Tabs */
.theme .nav-tabs > li > a:before { border-bottom-color: @bar !important; }
.theme .nav-tabs-config > li > a::after { background: @bar !important; }

/* Input */
.theme .input-group-icon { border-bottom-color: @menu !important; }
.theme .tl-bg-blue{ background: @menu !important; }
.theme .tl-form-group .form-line:after { border-bottom-color: @menu !important; }
.theme .tl-form-group .form-line:after { border-bottom-color: @menu !important; }
.theme .form-control-config { border-bottom-color: @menu !important; }

/* Thing Header */
.theme .bg-teal { background-color: @head !important; }

/* Range Slider */
.theme .irs-single { background: #009688; }

.theme .spin-loader .animate { border-top: 3px solid @bar !important; }
.theme .spin-loader-search .animate-search { border-top: 3px solid @bar !important; }

.theme .tl-form-label-right i { color: @bar !important; }

.theme .wizard .steps .current a { background-color: @bar !important; }

.theme .card .header .header-dropdown i { color: @menu !important; }
.theme .card .header .header-dropdown .ellipsis-white i { color: #ffffff !important; }

.theme .content-profile .profile-user { background-color: @bar; }

.theme .switch label input[type=checkbox]:checked + .lever.switch-col-teal { background-color: @button; }

.theme .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after { background-color: @button; }

.theme [type="radio"].with-gap.radio-col-teal:checked + label:before { border: 2px solid @button; }

.theme [type="radio"].with-gap.radio-col-teal:checked + label:after { background-color: @button; border: 2px solid @button; }

.theme [type="checkbox"].filled-in:checked.chk-col-teal + label:after { border: 2px solid @button; background-color: @button; }

.theme .schedule-repeat_days .schedule_new.active{ border-bottom: 1px solid @button !important; }

.theme .dropdown-menu li a i { color: @menu !important; }

.theme .input-group .input-group-addon i { color: @menu !important; }

.theme .input-group .lnk a { color: @menu !important; }

.theme .card .body i { color: @menu !important; }

.theme .modal-body .row .form-group.grpTitle i { color: @menu !important; }

.theme .profile-info-value i { color: @menu !important; }

.theme .btn.white i { color: #ffffff !important; }

.theme .col-header { background-color: @head !important; color: #fff; }
.theme .col-header h2 { color: #ffffff !important; }
.theme .col-header small { color: #ffffff !important; }

.theme .select2-container--default .select2-selection--multiple .select2-selection__choice { 
    background-color: @bar !important;
    border: 1px solid @menu !important;
}

/* Date Time Picker */
.theme .dtp div.dtp-date, .dtp div.dtp-time { background: @bar !important; }
.theme .dtp table.dtp-picker-days tr > td > a.selected { background: @bar !important; }
.theme .dtp .dtp-buttons .dtp-btn-ok { background-color: @button !important; border-color: @button !important; }
.theme .dtp .p10 > a { color: #FFFFFF !important; }

/* Bio Modal */

.theme .bio-modal .modal-dialog { border: 1px solid @bar !important; }
.theme .bio-modal .modal-header{ background-color: @bar; color:#ffffff; }
.theme .bio-modal .modal-header button{ color:#ffffff; }
.theme .bio-modal .modal-dialog .modal-content .modal-body { color: #000000 !important; }

.theme .login-control .text-link a { color: orange !important; }

.theme .demo-choose-skin .fa { color: @menu !important; }
.theme .demo-choose-skin li.active:after { color: @menu !important; }
.theme .menu .list li .item>.offline { border: 1px solid @menu !important; }
.theme .form-group.tl-form-group .form-line .fa { color: @menu !important; }
.theme .card.event { background-color: #fb5f34 !important; }
.theme .card.event div, .theme .card.event small  { color: #fff; }

.theme .card .body .btn-group button i { color: #FFF !important; }

.theme .info-box .icon .material-icons { color: #FFF !important; }
.theme .info-box .icon .material-icons { color: #FFF !important; }

.theme .sidebar .menu .list .header { background: @menu !important; color: @menu_f !important; }

.theme .table>tbody>tr:nth-of-type(odd) { background-color: @head !important; }


.theme .menu li.header span { color: @menu_f !important; }
.theme .navbar-header a { color: @bar_f !important; }
.theme .navbar-icon-right a i { color: @bar_f !important; }
.theme .btn i, .theme .btn.white i, .theme .btn span { color: @button_f !important; }
.theme .table>tbody>tr:nth-of-type(odd) { color: @head_f !important; }
.theme .col-header h2 { color: @head_f !important; }
.theme .card .header .header-dropdown .ellipsis-white i { color: @head_f !important; }
.theme .btn.btn-default i, .theme .btn.btn-default span { color: #635e5e !important; }

/***************************************************************************************************************************************************/
/* Font-Size */

@lang: 12px;
.lang { font-size: @lang !important; }
.form-label { font-size: @lang !important; }
.tl-form-label { font-size: @lang !important; }
.tl-form-group .form-line.focused .tl-form-label  { font-size: @lang !important; }

#ui_notifIt p { font-size: @lang !important; line-height:15px !important; vertical-align: middle; padding: 20px; }

.page-title { font-size: 15px !important };

/***************************************************************************************************************************************************/
/* Controls */

@control:;

/*.switch label input[type=checkbox]:checked + .lever.switch-col-teal { background-color: @control !important; }
.switch label input[type=checkbox]:checked + .lever.switch-col-teal:after { background-color: @control !important; }
[type="radio"].with-gap.radio-col-teal:checked + label:after { background-color: @control !important;  border-color: @control !important; }
[type="radio"].with-gap.radio-col-teal:checked + label:before { border-color: @control !important; }
[type="checkbox"].filled-in:checked + label:after { background-color: @control !important;  border-color: @control !important; }
.switch label input[type=checkbox]:checked + .lever.switchery-orange:after { border-color: #FF9A33 !important; background-color: #FF9A33 !important; transition: border 0.4s, box-shadow 0.4s !important; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4) !important; }
*/

/***************************************************************************************************************************************************/
