@import "mixins.less";

//****Strona*****************************************************************
html, body
{
    //background: #ff0000;                //* Kolor tła
    //color: brown;                       //* Kolor czcionki
}
//*******************************************************************************

//****Pasek nawigacji************************************************************
.navbar
{
    @color: #ffd800;                    //*
    //background: @color;                   //* Kolor tła
    //border-color: @color;                 //*
}

.logo {
    background-position: bottom;
    background-image: url("/Content/images/logo.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
}


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


//********Region*****************************************************************

.well 
{
    @color: #0081C2;                   //Kolor tła
   // background: @color;
   // border-color: @color;
    
}
//*******************************************************************************

//***Menu************************************************************************
.menu
{
    @color: #ff00dc;                    //*
   // background: @color;                   //* Kolor tła
   // border-color: @color;                 //*

    .menuElement, .menuTitle
    {
        //color: #4cff00;                 //* Kolor wpisu
    }

    .nav
    {
        li
        {
            a:hover
            {
      //          background: #ffd800;    //* Kolor tła przy najechaniu
        //        color: #ff0000;         //* Kolor czcionki przy najechaniu
            }
        }
    }
}

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


//******Przycisk typ 1***********************************************************

@mainColor: #ffd800;            //Ramka przycisku / główny kolor
@lightColor: #ffd800;           //Gradient od
@darkColor: #ff0000;            //Gradient do
@buttonFont: white;             //Kolor czcionki

.btn-info, .btn-info:focus
{
  //  color: @buttonFont;
  //  .gradient (@mainColor, @lightColor, @darkColor);
  //  border-color: @mainColor;
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]
{
    //color: @buttonFont;
    //.gradient (@mainColor, @darkColor, @darkColor);
    //border-color: @mainColor;
}

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

//*****Kontrolki*****************************************************************

@controlFont: #ffd800;              //Kolor czcionki 1
@controlFont2: #ffd800;             //Kolor czcionki 2

@controlColor: #ff006e;             //Tło kontrolki
@controlColorSeleced: #0081C2;      //Tło kontrolki wybrane

.icon-check
{
    // color: @controlFont !important;
}

.icon-check-empty
{
    // color: @controlFont !important;
}

.selectpicker
{
    // color: @controlFont !important;
    // background-color: @controlColor !important;   
    // border-color: @controlColor !important;

    .selected
    {
       // color: @controlFont2 !important;
       // background-color: @controlColorSeleced !important;   
       // border-color: @controlColorSeleced !important;
    }

    .selected:hover, .selected:focus
    {
       // color: @controlFont2 !important;
       // background-color: @controlColorSeleced !important;   
       // border-color: @controlColorSeleced !important;
    }


}

.selectpicker:hover, .selectpicker:active, .selectpicker:focus
{
    //color: @controlFont !important;
   // background-color: @controlColor !important; 
   // border-color: @controlColor !important;
   // box-shadow:none !important;
}

 .dropdown-menu
{
    //color: @controlFont !important;
    //background: @controlColor !important;
    li
    {
        
        a
        {
           // color: @controlFont !important;
        }
        
        a:focus
        {
           // color: @controlFont2 !important;
           // background-color: @controlColorSeleced !important;  
           // outline-color: @controlColorSeleced !important;
           // box-shadow:none !important;
        }

        a:hover
        {
           // background-color: @controlColorSeleced !important;  
           // outline-color: @controlColorSeleced !important;
        }

    }
}

 .form-control
 {
    //color: @controlFont !important;
    //background-color: @controlColor !important; 
    //border-color: @controlColor !important;
    //box-shadow:none !important;
 }

.form-control:focus
{
    //border-color: @controlFont !important;
}

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


.modal-header //Okienko nagłowek
{
    //background-color: yellow; //Kolor tła
    //color: #ff006e; //Kolor czcionki
}

.modal-body //Okienko 
{
    //background-color: yellow; // kolor tła
    //color: #ff006e; //Kolor czcionki
}

.modal-footer //Okienko stopka
{
    margin-top: 0;
    //background-color: yellow; // Kolor tła
    //color: #ff006e; // Kolor czcionki
}