/* CSS Document */
/*Form validation error styling..*/
.error {color:red; font-size:12px; }

/*nav bar override for admin*/
.navbar-inverse .navbar-inner {
background-image:linear-gradient(to bottom, #438EB9, #438EB9);
border-color:white; }
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
color:white;	
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
background-color:#2E8965; }

/*modal header ---*/
.modal-header {border-bottom:1px solid transparent;}

.table td, .table th {/* width:500px !important; */}

.table thead th {vertical-align: top;}

.table th, .table td {border-top: 0px;}

a {color:#443D41}

.button-brown {background:#9e8e7d;}

.table a img {width:100px; height: auto;}

table.configuration tr.website-images td input { width:45px;}

/* .modal {width:860px !important; left:38% !important;} */

.row{
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Sticky footer styles
  -------------------------------------------------- */
  html {position: relative; min-height: 100%; }
  body { /* Margin bottom by footer height */ margin-bottom: 60px; }
  .footer {position: absolute; bottom: 0; width: 100%;
    /* Set the fixed height of the footer here */ height: 60px;
    background-color: #E2E0DE; font-size: 11px; text-align: center; 
  } 
  /* Custom page CSS
  -------------------------------------------------- */
  /* Not required for template or sticky footer method. */
  body > .container { padding: 60px 15px 0;}
  .container .text-muted {margin: 20px 0;}
  .footer > .container {padding-right: 15px;padding-left: 15px;}
  code {font-size: 80%;}
  input[type=text] {background-color:#F9F9F9 !important;}
  @media (min-width: 768px) {
      .modalDialogProductIndex { width: 1000px; }
  }
  img {max-width:100%;}

  /* Small devices (tablets, 768px and up) */
  @media (min-width:768px) { .iconThumbnail  {height:120px;} }
  @media (max-width:768px) { .iconThumbnail  {height:100px;} }  

  /*---for birthday datepicker----*/
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {color:black;}

  /*---for ipad landscape----*/
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : landscape) {.dashboardIcons {padding-top:50px;} }

  /*---for ipad portrait----*/
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait) {.dashboardIcons {padding-top:160px;} }

  /*----pagination----*/
  ul.pages {list-style: none; text-align: left;}
  ul.pages li {float: left; padding-right: 10px; padding-left:10px; } 



.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switcher {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switcher:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .switcher {
  background-color: #2196F3;
}

input:focus + .switcher {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switcher:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switcher.round {
  border-radius: 34px;
}

.switcher.round:before {
  border-radius: 50%;
}

.on-off{
  height: 20px;
  padding: 2px  5px;
  color: #fff;
  width: 70px;
  text-align: center;
  margin: 20px 0;
  border-radius: 5px;
}
.onoff-on:before{
  content: 'Yes';
}
.onoff-off:before{
  content: 'No';
}
.onoff-on {
background-color: #00a65a;
border-color: #008d4c;
border-left: 35px solid #ddd;
cursor: pointer;
}

.onoff-off {
background-color: #f56954;
border-color: #f4543c;
border-right: 35px solid #ddd;
cursor: pointer;
}