/* 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;} }