﻿
/*Blue Theme Related Css Changes*/
@color-base: #ff61a1;
@button-hover: #c8c8c8;

.theme-pink {
    .theme-header{
        background: @color-base none repeat scroll 0 0;
        color:#fff;
    }

    .page-name, .username .user-info,.theme-color,.header-control .user, .dt-tooltip,.theme-checkbox{
        color: @color-base;
    }

    .ngdialog-header,.lang-switch-selection {
        background: @color-base none repeat scroll 0 0;
    }

    .error-box, .alert-box {
        border: 1px solid @color-base;
    }

    .alert-box .alert-box-title-back {
        background: none repeat scroll 0 0 @color-base;
    }

    .alert-box .error-box-title-back {
        background: none repeat scroll 0 0 @color-base;
    }

    .error-box .error-box-footer {
        border-color: @color-base !important;
    }

    .menu-horizontal li,.top-horizontal-menu > li {
        background: none repeat scroll 0 0 @color-base;
    }

    legend {
        color: @color-base;
    }

    .footer {
        background-color: @color-base;
    }

    .jqx-widget-header {
        background: @color-base none repeat scroll 0 0;
        color: #fff;
    }

    .grid-editable .header-row {
        background: @color-base none repeat scroll 0 0;
    }
    .grid-editable .header-row .cell{
        border-color:@color-base;
    }
    .jqx-button-arctic {
        background: @color-base none repeat scroll 0 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #fff;
        text-shadow: none !important;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        height: 30px;
        border: 0 !important;
    }

    .jqx-button-arctic:hover {
        background: @button-hover none repeat scroll 0 0 !important;
        border-color: @button-hover !important;
    }

    .tooltip:after {
        color: @color-base;
    }

    .jqx-grid-pager .jqx-button-arctic {
        background: transparent none repeat scroll 0 0 !important;
        border-color: transparent !important;
    }

    .jqx-slider .jqx-button-arctic {
        background: @color-base none repeat scroll 0 0 !important;
        border-color: transparent !important;
        height: 25px !important;
        padding: 0 !important;
        width: 20px !important;
    }

    .jqx-slider-rangebar-arctic {
        background: @color-base none repeat scroll 0 0 !important;
        border-color: @color-base !important;
        border-radius: 0 !important;
    }

    .jqx-slider-right{
        margin-left:12px !important;
    }

    .field-validation-error {
        border-color: #f00 !important;
    }

    .jqx-fill-state-normal-arctic.jqx-tooltip-main {
        background: #f00 none repeat scroll 0 0 !important;
    }

    .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
        background: #f00 none repeat scroll 0 0 !important;
        border-color: #f00 !important;
        box-shadow: none !important;
        color: #fff !important;
        text-shadow: none !important;
        border: 0 !important;
    }

    .jqx-checkbox-default, .jqx-radiobutton-default {
        background: #fff !important;
        border-color: #808080 !important;
    }
      .jqx-grid .jqx-checkbox-default,.theme-checkbox .jqx-checkbox-default{
        border-color:@color-base !important;
        }

    .jqx-radiobutton-default {
        border-radius: 10px !important;
    }

    .grid-editable {
        .jqxtext, .jqxnumber, .jqxpassword, .jqxdecimal, .jqxcombobox, .jqxcheckcombobox, .jqxdate, .jqxtime, .jqxdatetime {
            background: #fff !important;
            border-color: #acacac !important;
            border-width: 1px !important;
        }

        .field-validation-error {
            border-color: #f00 !important;
        }

        .jqx-combobox-input, .jqx-datetimeinput-arctic .jqx-input-content {
            background: #fff !important;
        }

        .header-row .cell:last-child {
            border-right-color: @color-base;
        }

        .jqxdate .jqx-rc-r-arctic {
            border-left: 1px solid #acacac !important;
        }
    }

    .slider-menu .menu-header,.progressbar .status {
        background: @color-base none repeat scroll 0 0 !important;
    }
    
    .tooltip.theme:after{
         background: @color-base none repeat scroll 0 0 !important;
         color:#fff !important;
    }

    .tooltip.theme:before {
        border-color: transparent transparent rgba(34,129,171,0.85) transparent !important;
        }

    .master-icon{        
        background-image: url("images/master-pink.png");
        background-color: transparent;
    }
    .jqx-progressbar-value-arctic, .jqx-splitter-collapse-button-horizontal-arctic{
        background: @color-base none repeat scroll 0 0 !important;
      }
}
