﻿* { box-sizing: border-box; }

.video-background {
  position: fixed;
  height:100%;
  width:100%;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}


@media (min-aspect-ratio: 16/9) {
  .video-background { height: 300%; top: -100%; }
}

@media (max-aspect-ratio: 16/9) {
  .video-background { width: 300%; left: -100%; }
}


.overlaybackground {
position: fixed; 
top: 0; 
right: 0; 
width: 100%; 
height: 100%;
background: rgba(0,0,0,0.6);
z-index: -99;
}




#pagingallbtn{

margin: 0.5em;

}


#minheight-block{

min-height:500px;

}





/** Borderless Table Start  **/

.borderless tr .borderless td, .borderless th {
    border: none;
}


/** Borderless Table End  **/


/** For Products Start  **/

section#about img {
  margin-top: 6.5rem;
  margin-bottom: 5rem;
}

section#about h3 {
  margin-top: 10rem;
}


/** For Products End  **/


/** For Status Data List Start  **/

.fixed-bootstrap_panel {
  min-width: 250px;
  max-width: 250px;
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto;
}

/** For Status Data List End  **/



/** For Product Paging Data List Start  **/

.fixed-ProductPaging_panel {
  min-width: 250px;
  max-width: 250px;
  min-height: 350px;
  max-height: 350px;
  overflow-y: auto;
}

/** For Product Paging Data List End  **/




/* .. Carousel Presentation Slides Start .. */

.carousel img {
 
  top: 0;
  left: 0;
  min-width: 100%;
  max-height: 500px;

}

/* .. Carousel Presentation Slides End .. */


td { 
    padding: 10px;
}

@media screen and (min-width: 768px) {
	

    #InsertUpdateModal .modal-dialog  {width:60%;}
    #SlidesViewModal .modal-dialog  {width:50%;}
    #StatusViewModal .modal-dialog  {width:50%;}
    #IMGGalleryViewModal .modal-dialog  {width:30%;}
    #ProductViewModal .modal-dialog  {width:60%;}
    #ContactViewModal .modal-dialog  {width:60%;}
	#DetailsModal .modal-dialog  {width:60%;}
    #SubDeleteModal .modal-dialog  {width:50%;}
    #ViewModal .modal-dialog  {width:60%;}

    #PagingEnquiryModal .modal-dialog  {width:60%;}
    #PagingDeliveryModal .modal-dialog  {width:60%;}
    #EnquiryModal .modal-dialog  {width:60%;}
    #DeliveryModal .modal-dialog  {width:60%;}
    #CartDeliveryModal .modal-dialog  {width:60%;}
}

.modal {
    /* ... */
    overflow-y: auto;
}

.top_style {
  background-color: #F8F8F8;
}

.top_style ul {
  margin: 0;
}

.top_style a,

.top_style li {

  padding: 1.4rem 0;
  color: #777;
  font-weight: bold;

}

.toppadding {

    padding-top:1em;
   
}



.medium-toppadding {

    padding-top:5em;
   
}


.statusfont
{
    font-family:Arial;
    color:red;
    font-size:14px;
}



.validatorfont
{
    font-family:Arial;
    color:red;
    font-size:10px;
}

.HeaderFont
{
    font-family:Arial;
    color:GrayText;
    font-size:small;
}






/* Status Settings */

.status_img_resize{

width:300px;
height:auto;

}



/* System Settings */

.large-toppadding {

    padding-top:10em;
   
}

.sys_img_resize{

width:540px;
height:auto;

}

/* Login Img Resize */

.login_img_resize{

max-width:300px;
height:auto;

}




/* Products */

section#about img {
  margin-top: 6.5rem;
  margin-bottom: 5rem;
}


section#about h3 {
  margin-top: 10rem;
}




/* Footer */

footer {
  background-color: #191919;
  color: #ADADAD;
  margin-top: 3em;
  min-height: 400px;
}

footer h5,
footer img {
  margin-top: 5em;
  font-weight: bold;
}

footer address {
  margin-top: 5em;
  margin-bottom: 5em;
  color: #5A5A5A;
}


footer ul {
  margin-bottom: 5em;
}

footer address strong {
  color: #ADADAD;
  display: block;
  padding-bottom: 0.62em;
}

footer a {
  font-weight: 300;
  color: #5A5A5A;
}

footer a:hover {
  text-decoration: none;
  color: #FFF;
}




