/**
 * CSS Definitions: Customization to base template.
 */

/**
 * Taller Navbar
 */

@media (min-width: 768px)
.sidebar {
    top: 63px;
}

/**
 * Main Contents Container
 */
.main {
    /* padding-top: 32px; */
}

/**
 * Color like LS250
 * Also, navbar always as in the default theme
 */
.navbar-inverse {
    background-color: #2c3e50 !important;
    border-color: transparent !important;
    background-image: linear-gradient(to bottom,#2c3e50 0,#2c3e50 100%);    /* 0093C9*/
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-brand {
    color: #FFFFFF;
}

.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #455e78;
}

.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    background-color: #455e78;
}

.top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a, .top-nav>.open>a:hover, .top-nav>.open>a:focus {
    background-color: #455e78;
}

/*.side-nav>li>a {
    color: #9d9d9d;
}

.side-nav li a:hover,
.side-nav li.menuItem a:focus,
.side-nav li.menuHeader a.menuActive {
    background-color: #455e78 !important;
    color: white;
}

.side-nav li.menuHeader a:focus {
  background-color: transparent !important;
}


.side-nav>li>ul>li.active>a {
    background-color: #455e78;
}

.side-nav {
    background-color: #2c3e50 !important;
    border-color: transparent !important;
    background-image: linear-gradient(to bottom,#2c3e50 0,#2c3e50 100%);
}*/


/**
 * Other
 */
.space-header{
  margin-top: 40px
}
.space-before{
  margin-top: 15px
}
.space-after{
  margin-bottom: 15px
}
.no-wrap {
  white-space: nowrap;
}
th.data-center,
td.data-center {
  text-align: center;
}
.space-h-15 {
  padding-left:15px !important;
  padding-right:15px !important;
}
/**
 * Custom style
 */
.well {
  padding: 10px;
}

/**
 * Loading Spin
 */

#formLoadingDiv{
  display:none;
  cursor:pointer;
  background: transparent url(../img/loading.gif) no-repeat center;
  height:40px;
  width:40px;
  position:fixed;
  top:50%;
  left:50%;
  z-index:20000;
}
#formLoadingDiv.show_loader{
  display:block;
  width:40px;
  height:40px;
  z-index:20000;
}

/**
 * Datatables Sorting icons on left
 */

table.dataTable thead > tr > th {
    padding-left: 30px !important;
    padding-right: initial !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    left: 8px !important;
    right: auto !important;
}

/**
 * Multiline header
 * In case of multiline header, allign everything to the top
 */

table.dataTable thead > tr > th {
    vertical-align: bottom;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    top: initial;
    bottom: 8px;
}

/**
 * Centered Headers
 */

table.dataTable thead > tr > th.data-center {
    padding-left: initial !important;
    padding-right: initial !important;
}

table.dataTable thead th.data-center.sorting:after,
table.dataTable thead th.data-center.sorting_asc:after,
table.dataTable thead th.data-center.sorting_desc:after {
    /* Sorting icons next to the title, centered */
    left: auto !important;
    right: auto !important;
    position: absolute;
    text-align: center;
    display: inline-block;
    margin-left: 8px;
}

/**
 * Override fixedHeader Datatable extemsion style
 */

table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
  background-color: #f5f5f5 !important;
}

/**
 * Hand cursor for datepicker
 */
.input-daterange .input-group-addon,
.input-daterange input
{
  cursor: pointer;
}

/**
 * Jumbotron
 */
@media screen and (min-width: 768px)
{
  .jumbotron {
      padding-top: 24px !important;
      padding-bottom: 24px !important;
  }
}

/**
 * More padding for main content
 */
@media(min-width:768px) {
    #page-wrapper {
        padding-left: 25px;
    }
}

/**
 * No background color for body.
 * That generates a footer.
 */
body {
    background-color: initial;
}

/**
 * Navbar and Logo height customization
 */

.navbar {
    min-height: 62px;
}

.navbar-brand {
  height: 62px;
}

@media (min-width: 768px)
{
  /*.side-nav {
      top: 63px !important;
  }*/
  .top-nav>li>a {
      padding-top: 20px;
      padding-bottom: 20px;
  }
}

.navbar-brand img {
  /* height:50px; 
  background-color: #fcfcfc;
	border-radius: 7px;
  border: #f6f6f6 1px solid;
	padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  margin-top: -10px*/
}

/**
 * Selected menu item color
 */

/*.side-nav li.active a {
  color: #fff;
}*/

/**
 * Small Font Awsome
 */
.fasmall
{
  font-size:50%; vertical-align: middle;
}

/**
 * Jumbotron smaller
 */
@media screen and (min-width: 768px)
{
.jumbotron .h1, .jumbotron h1 {
    font-size: 48px !important;
}
}

/**
 * Header Navigation Profile Menu, no wrap
 */
.top-nav>.open>.dropdown-menu>li>a {
    white-space: nowrap !important;
}
  
/**
 * Datatables Selected Row
 */
.dataTable tr.selected {
  background-color: lightgray !important;
}
.dataTable tr {
  cursor: pointer;
}



.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}