html {
  position: relative;
  min-height: 100%;
}
/*body {
  //Margin bottom by footer height
  margin-bottom: 60px;
}
.notif-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  //Set the fixed height of the notification bar here
  height: 60px;
}*/

/*Small Image Fix for carousel*/
.carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; height: auto; max-width: 100%; line-height: 1; width: 100%; }

/*Add Extra large size for bootstrap modals*/
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.ui-widget-content.ui-dialog-content { overflow-x: hidden; }

/*Index Styles*/
.indexBtnCol { min-width: 100px; width: 100px; }
.loIndexBtnCol { min-width: 55px; width: 55px; }

/*.rec0-ix-rows, .rec0-sel-rows { height: 75vh; overflow-y: scroll; }*/

/*.dindexrows { padding-bottom: 150px; }*/
.rec0-upd-ta { min-height: 30px; }

@media (max-width: 767px) {
  .table-responsive .dropdown-menu,
  .table-responsive .dropdown-toggle {
        position: static !important;
  }
}

@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}

/*Facebook comments*/
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

/*Facebook Like & Send*/
.fb-like { overflow: hidden; max-width: 100%; min-height: 60px !Important; }
/*.fb-like iframe {
  width: 500px !important;
  height: 50px !important;
}*/

.nav-logo { width: auto; max-height: 100%; }

/*Dialog fix*/
.ui-dialog { z-index: 5000 !Important; }

.zoomIcon { width:33px; height:33px; position:absolute; top:0;right:0;background:url(images/zicon.png);}

.zoom { display:inline-block; position:relative; }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }
.imgZoomContainer img:hover { cursor: url(images/grab.cur), default; }
.imgZoomContainer img:active { cursor: url(images/grabbed.cur), default; }
.parenttable { width:100%; }
.datatableta { height:100%; }
.scrolltable { overflow: auto; }
.addlinebtn { width: 100%;}

/*Header Search Styles*/
@media (min-width: 768px)
{
    .msrchgrp {
        width: 200px;
    }

    .msrchgrp .input-group-addon {
        width: 40px !Important;
    }
}

/*PURR*/
#purr-container { position: fixed; top: 0; right: 0; z-index: 15005; }
.notice { position: relative; width: 324px; }
.purr-close { position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(/Content/images/purrClose.png) no-repeat 0 10px; }
.notice-body { min-height: 50px; padding: 22px 22px 0 22px; color: #f9f9f9; }
.notice-body img { width: 50px; margin: 0 10px 0 0; float: left; }
.notice-body h3	{ margin: 0; font-size: 1.1em; }
.notice-body p { margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em; }
.notice-body p img { width: 16px; height: 16px; margin: 0 0 0 3px; float: left; }
.notice-bottom { height: 22px; }

.ui-sortable { list-style: none; padding: 0;}

/* Styles for validation helpers --------------------------------- */
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

h1, h2, h3, h4, h5 { margin: 0; }

/*DateTimePicker*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
* .ui-timepicker-div dl { text-align: left; }
* .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
* .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
* .ui-timepicker-div td { font-size: 90%; }
* .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
  
.colorsampler { margin: 3px 5px 0 5px; width: 16px; height: 16px; float: left; border: 1px solid #000000; }
.ulreset {list-style: none; margin: 0; padding: 0; display: inline-block; width: 100%; }
.ulreset li { margin: 0; padding: 0; }
.nanocombo { margin: 0; padding: 0; height: 20px; }
.dataeditor { margin: 3px 0 !Important; }
.thumbnail.autoimgpopover { display: block; }
.autoaceeditor { position: absolute; top:0;left:0;min-width:83.33%;min-height:450px; }

.autoajaxsection { min-height: 150px; }

/*REC0'S HELPER CLASSES*/
.autoicone { max-width: 32px; max-width: 32px; }
.scrolltable { overflow: auto; }
.fillparent { width: 100% !Important; height: 100% !Important;}
.fillcell { height: 100%; display: inline-block; }
.marpadreset { margin: 0 !Important; padding: 0 !Important; }
.marreset { margin: 0 !Important; }
.padreset { padding: 0 !Important; }
.mar5px { margin: 5px !Important; }
.pad5px { padding: 5px !Important; }
.shbox { -moz-box-shadow: 5px 5px 10px #666666; -webkit-box-shadow: 5px 5px 10px #666666; box-shadow: 5px 5px 10px #666666; }
.hovershbox:hover { -moz-box-shadow: 5px 5px 10px #666666; -webkit-box-shadow: 5px 5px 10px #666666; box-shadow: 5px 5px 10px #666666; }
.shtext { text-shadow: -1px -1px 1px rgba(50, 50, 50, 1); }
.hovershtext:hover { text-shadow: -1px -1px 1px rgba(50, 50, 50, 1); }
.transit { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; 
           /*-ms-transition: all 500ms ease;*/ 
           -o-transition: all 500ms ease; transition: all 500ms ease; }

.gigatext { font-size: xx-large !Important; }
.hovergigatext:hover { font-size: xx-large !Important; } /*Larger size*/
.megatext { font-size: x-large !Important; }
.hovermegatext:hover { font-size: x-large !Important; }
.maxitext { font-size: large !Important; }
.hovermaxitext:hover { font-size: large !Important; }
.greattext { font-size: larger !Important; }
.hovergreattext:hover { font-size: larger !Important; }

.tinytext { font-size: smaller !Important; }
.hovertinytext:hover { font-size: smaller !Important; }
.minitext { font-size: small !Important; }
.hoverminitext:hover { font-size: small !Important; }
.microtext { font-size: x-small !Important; }
.hovermicrotext:hover { font-size: x-small !Important; }
.nanotext { font-size: xx-small !Important; }
.hovernanotext:hover { font-size: xx-small !Important; }/*Smaller size*/

.img-centered { display: block; margin: 0 auto; }
.brlistrow { height: 100%; max-height: 600px; overflow-y:scroll; display: block; }
.clrsampler { height: 28px; width: 28px; border: 1px solid black; display: block; }

.list-group.microtext  { margin: .5em; }
.list-group.microtext .list-group-item { padding: .3em; }

.scrollable-menu { height: auto; max-height: 350px; overflow-x: hidden; }
.alert-lnk { min-width: 350px; white-space: normal !important;  }
.wraped { white-space: normal; }

.editorcont::after {
    margin-bottom: .5em;
    border-bottom: #D1D1D1 dotted .5px;
    padding-bottom: .5em;
    content: "";
    display: block;
}

/* ***************************************
** Diff related styles
*****************************************/
ins { background-color: #cfc; text-decoration:inherit; }
del { color: #999; background-color:#FEC8C8; }
ins.mod { background-color: #FFE1AC; }

.rec0-map-parent { min-height: 250px; }
.rec0-map-prev { min-height: 200px; width: 100%; }
.rec0-map-prev .rec0-size-lg { min-height: 350px; width: 100%; }

.rec0-disp-collection { max-height: 40vh; overflow-y: auto; }

.ace_editor * { font: inherit!important }

.rec0-z-1 { z-index: 1; }

.rec0-src-md-m { width: 15%; float: right; }

.rec0-vl-input-label {
    text-align: left !Important;
}