/* Layout Styles */
@import url("style.css");
@import url("grid.css");
@import url("layout.css");
/* Icon Styles */
@import url("icons.css");
@import url("fonts/font-awesome.css");

/* External Styles */

@import url("external/jquery-ui-1.9.1.custom.css");
@import url("external/jquery.chosen.css");

/* Elements */
@import url("elements.css");
@import url("forms.css");

/* Typographics */
@import url("typographics.css");

/* Responsive Design */
@import url("media-queries.css");

/* Bad IE Styles */
@import url("ie-fixes.css");
@import url("font-awesome-4.6.3/css/font-awesome.css");
@import url("../build/css/intlTelInput.css");
@import url("bootstrap-datepicker.css");
@import url("bootstrap.min.css");
@import url("../bootstrap-switch/bootstrap3/bootstrap-switch.css");

/*@import url("http://fontawesome.io/assets/font-awesome/css/font-awesome.css");*/
@import url("flaticon.css");
@import url("newStyle.css");

/*@body-bg:             #ecf0f1;*/
@base-font:           'Open Sans', sans-serif;
/*
current font: 'Open Sans', sans-serif;
1. 'Dosis', sans-serif;
2. 'Josefin Sans', sans-serif;
3. 'Spectral', serif;
4. 'Roboto Condensed', sans-serif;
*/
@base-font-color:     #333;
@primary-color:       #0c6b93;
/*
current theme: #0c6b93;
1. #db4437;
2. #009688;
3. #6e9225;
4. #2E8B57;
5. #67656a;
6. #00b4e0;
7. #816cb3;
8. #6d7993;
*/
@nav-color: #fff;
@white: #fff;
@btn-bg: #88d049;
/*
current theme: #88d049;
1. #db4437;
2. #009688;
3. #6e9225;
4. #2E8B57;
5. #67656a;
6. #00b4e0;
7. #816cb3;
8. #6d7993;
*/
@btn-color: #fff;

@menu-font-color: #fff;
@submenu-color: #31393d;
@fld-bg: #fbf9f9;
@fld-font-color: #555;
@fld-border-radius: 0px;
/*
current 0px;
1. 30px;
*/
@fld-left-space: 8px;
/*
current 8px;
1. 12px;
*/
body {
    /*background: @body-bg;*/
    background: fade(@primary-color, 5%);
    color: @base-font-color;
    font-family: @base-font;
}

/*  left sidebar (aside menu section) */
aside.leftMenuSection {
  background: @primary-color url('../img/menuBtmBg.png');
  background-repeat: no-repeat;
  background-position: bottom left;
}
.leftMenuSection ul.sub {
  background: darken(@primary-color, 8%)
}
.shortNav ul.sub {
  background: @white;
}
.leftMenuSection ul.sub li > a {
  color: @nav-color;
  /*opacity: .7;*/
}
.leftMenuSection ul.sub li > a.active, .leftMenuSection.shortNav ul li.active > a {
    opacity: 1;
}
aside.leftMenuSection nav > ul > li > a, aside.leftMenuSection nav > ul > li > a.with_sub.open, aside.leftMenuSection nav > ul > li > a.with_sub.open:visited,  .leftMenuSection ul.sub li > a.active, .leftMenuSection ul.sub li > a {
  color: @menu-font-color;
}
.leftMenuSection.shortNav ul.sub li > a, .leftMenuSection.shortNav ul.sub li > a.active, .leftMenuSection.shortNav ul li.active > a {
    color: @submenu-color !important;
}

aside.leftMenuSection nav > ul > li > a.open, aside.leftMenuSection nav > ul > li > a.with_sub.open, aside.leftMenuSection nav > ul > li > a.with_sub.open:visited {
  background: darken(@primary-color, 5%)
}

/*  empadmin content style  */
.empListMain > ul > li.active, .empFullName {
  background: @primary-color;
}
.empProImg {
  border-color: @primary-color;
}

aside.leftMenuSection nav > ul > li.active > a {
    color: @submenu-color !important;
}

/*  header title text */
.topheaderText {
  color: @primary-color;
}

/*  accordian title color */
.ui-accordion .ui-accordion-header a {
  color: @primary-color;
}
.ui-accordion .ui-accordion-header.ui-state-hover a, .ui-accordion .ui-accordion-header.ui-state-active a {
  color:  darken(@primary-color, 8%);
}


/* Select a Template,Global Search sidebar  */
#selecttemplate > div > div.modal-content, #inpsearchglobal > div > div.modal-content {
    background: @primary-color url('../img/menuBtmBg.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% auto;
}

/*  switch btn color  */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: @btn-bg!important;
  color: @btn-color;
}


/*  line title botttom line color */
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title:after {
  background: @btn-bg;
}

/*  filled btn style  */
button, input[type=button], input[type=submit], input[type=reset], a.button, button.block, .ui-button.ui-state-default:not(.ui-spinner-button), .ui-button.ui-state-hover:not(.ui-spinner-button), .ui-button.ui-state-active:not(.ui-spinner-button) {
    background: @btn-bg;
    color: @btn-color;
    border: 1px solid @btn-bg;
    border-radius: @fld-border-radius + 2px;
}
button:hover:active, input[type=button]:hover:active, input[type=submit]:hover:active, a.button:hover:active, .ui-button.ui-state-hover.ui-state-active:not(.ui-spinner-button), button:hover, input[type=button]:hover, input[type=submit]:hover, a.button:hover, .ui-button.ui-state-hover:not(.ui-spinner-button) {
    background: darken(@btn-bg, 8%);
    border-color: darken(@btn-bg, 8%);
}

/*  border line btn  */
button.grey, input.grey[type="button"], input.grey[type="submit"], input.grey[type="reset"], a.button.grey {
    border-color: @primary-color;
    color: @primary-color;
}
button.grey:hover, input.grey[type="button"]:hover, input.grey[type="submit"]:hover, input.grey[type="reset"]:hover, a.button.grey:hover {
    border-color:  darken(@primary-color, 8%);
    color:  darken(@primary-color, 8%);
}

/*  datepicker  */
.datepicker-days > table > thead > tr:nth-child(2), .datepicker-months > table > thead > tr:nth-child(2), .datepicker-years > table > thead > tr:nth-child(2), .datepicker-decades > table > thead > tr:nth-child(2), .datepicker-centuries > table > thead > tr:nth-child(2) {
    background: @primary-color;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: darken(@primary-color, 8%);
}
.datepicker-days > table > thead > tr:last-child {
  color: @primary-color;
}
.datepicker table tr td.day.active {
  background: @primary-color;
}


.inputFld2.form-control, .formSelect, .chosen-container-single .chosen-single, input.inputFld, textarea.form-control, div.fileInput {
    background: @fld-bg !important;
    border-color: darken(@fld-bg, 10%);
    border-radius: @fld-border-radius;
    color: @fld-font-color;
    font-family: @base-font;
}

.input-group-addon:last-child {
    border-top-right-radius: @fld-border-radius;
    border-bottom-right-radius: @fld-border-radius;
}

.bootstrap-switch {
    border-radius: @fld-border-radius;
}

.chosen-container-multi .chosen-choices {
    border-radius: @fld-border-radius;
}

.form-control::-moz-placeholder{
  color:lighten(@fld-font-color, 30%);
}
.form-control:-ms-input-placeholder{
  color:lighten(@fld-font-color, 30%);
}
.form-control::-webkit-input-placeholder{
  color:lighten(@fld-font-color, 30%);
}
.intl-tel-input.separate-dial-code .selected-flag {
  border-radius: @fld-border-radius + 1px 0 0 @fld-border-radius + 1px;
}
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="currency"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="time"], textarea:not(.editor), .chosen-container-single .chosen-single, input.inputFld {
  padding-left: @fld-left-space;
}
.form-control.inputFld2:focus, input.inputFld:focus {
  box-shadow: 0 0 10px fade(@primary-color, 30%);
  border-color: fade(@primary-color, 50%);
}
.tabStyle .nav > li > a:focus, .tabStyle .nav > li > a:hover {
  background: fade(@primary-color, 8%);
}
.tabStyle .nav > li.active > a:focus, .tabStyle .nav > li.active > a:hover {
  background: @white;
}
.loginBtnSection li > a, .rememberme a {
  color: @primary-color;
}
.ui-widget {
  font-family: @base-font;
}
.inputFld2.form-control, .formSelect, .chosen-container-single .chosen-single, input.inputFld {
  background: fade(@primary-color, 4%);
  border-color: rgba(0,0,0,0.1);
}
.empListMain > ul > li.menulieven {
  background: fade(@primary-color, 8%);
}
.empListMain > ul > li.active, .empFullName {
  background: @primary-color;
}
.empListMain > ul > li {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.datepicker table tr td.range {
    background: @primary-color;
}

.day.range-start.selected.active, .day.range-end.selected {
    background: @primary-color;
}

.timesheetTableStyle > table, .timesheetTableStyle > table.styled tbody tr:nth-child(odd) td {
    background: lighten( @btn-bg, 25%) !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: lighten( @btn-bg, 25%) !important;
}

  @media screen and (max-width: 669px) {
            .wizard12 {
                margin-top: -55px;
            }
        }
            
        @media screen and (max-width: 1023px) {
            .wizard12 {
                padding-top: 117px;
            }
        }

        body.login > section#content{
            padding:15px;padding-bottom: 50px;
            margin: 26px !important;
        }

        .wizard12 .content{
            padding:0px 30px !important;
        }
        footer.footerBtm, footer{
            width:100%;
            /*background : none !important;*/
        }
        #login.loginSection {
  
    min-height: 90vh !important;
}

/*footer.container_12{
    position: fixed !important; width: 100% !important;
     overflow: hidden !important; bottom: 0px !important;
      right: 0px !important; margin: 0px !important;
       padding: 0px !important;
     border: 0px !important; max-width: none !important;
      max-height: none !important; height: 40px !important;
       z-index: 1000003 !important; cursor: pointer !important;
}*/

footer.container_12 span{
    padding-right: 90px;
}