body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.ui-jqgrid .ui-jqgrid-sortable {
    height:auto;
}

.ui-jqgrid .ui-pg-selbox {
    width:3.5em;
}
/* Application specific overrides and classes start here*/
footer {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    padding:0;
    background-color:rgba(83, 178, 234, 1);
    color:white;
}

.dropdown-menu {
    min-width : 100px;
}

.menu-item-icon-separator {
    margin-left:10px;
    margin-right:5px;
    border-right:1px groove;
}

.menu-item-icon-rotated-plus90 {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
} 

.rotated-plus90 {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotated-minus90 {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.rotated-180 {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-content {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
}   
   
.panel-overlay {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    /*background:rgba(0,0,0,0.4);*/
    z-index:2000;
    display:none; 
}

.panel-overlay-icon {
    position: relative;
    margin: 10px;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    border: 2px solid rgba(255,255,255,0.7);
    border-image: none;
    width: 85px;
    background-color: rgba(0,0,0,0.5);
}

.panel-overlay-icon .glyphicon {
    text-align: center; 
    color:rgba(255,255,255,0.6); 
    font-size: 65px;
    z-index:5;     
}

.panel-overlay-loading {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:5px;
   display:none;
}

#exportPreviewImageFrame .panel-image-loading {
    background-size:60px;
}

.panel-overlay-loading-image {
    background-image:url('/content/images/loading.gif');
    background-size:100%;
    background-repeat:no-repeat;
    width:55px;
    height:55px;
    margin:5px;
}

.panel-image-loading {
    background-image:url('/content/images/loading.gif');
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

.panel-actionbar {
    position:absolute; 
    top:0;
    right:0;
    z-index:2;
/*    background-color:rgba(40,40,40,1.0); */
    padding-left:5px;
    padding-right:5px;
    margin:1px 5px 0 0;
}

.task-panel-actionbar {
    padding-left:10px;
}

.panel-titlebar {
    position:absolute; 
    top:0;
    left:0;
    z-index:2;
    background-color:rgba(255,255,255,0.8);
}

span.glyphicon-xl {
    font-size: 3.5em;
}

span.glyphicon-lg {
    font-size: 2em !important;
}

span.glyphicon-md {
    font-size: 1.7em !important;
}

span.glyphicon-sm {
    font-size: 1.2em !important;
}

span.glyphicon-xs {
    font-size: 1.0em !important;
}

span.unicode-lg {
    font-family:inherit;
    font-size: 2.2em;
    font-weight:bold;
}

span.unicode-md {
    font-family:inherit;
    font-size: 1.6em;
}

span.unicode-sm {
    font-family:inherit;
    font-size: 1.2em !important;
}

span.unicode-xs {
    font-family:inherit;
    font-size: 1.0em !important;
}
span.btn-primary {
    min-width:20px;
}
.btn-action {
    padding:2px 10px 2px 10px;
    min-width:40px;
    height:40px;
    margin:0;
}

.ui-layout-pane {
    padding:0;
}

.entityGridWrapper {
    position:absolute;
    margin:0;
    left:0;
    right:0;
    bottom:0;
    top:0;
}

/* jquery.validate.js styles */
.field-validation-error {
    color: #ff0000;
    font-size: 0.9em;
}

.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;
}

/* status indicator & message */
.busy-indicator-sm {
    background:url("/Content/images/busy_small.gif") no-repeat center center;
}
.success-indicator-sm {
    background:url("/Content/images/success_small.png") no-repeat center center;
}
.failure-indicator-sm {
    background:url("/Content/images/failure_small.png") no-repeat center center;
}
.empty-indicator-sm {
    background:url("/Content/images/blank_small.png") no-repeat center center;
}

.topleft
{
    position:absolute;
    top:4px;
    left:4px;
}

.bottomleft
{
    position:absolute;
    bottom:4px;
    left:4px;
}

.topright
{
    position:absolute;
    top:4px;
    right:4px;
}

.bottomright
{
    position:absolute;
    bottom:4px;
    right:4px;
}

.slider-frame {
    background-color:#444;
    text-align:center;
    overflow:hidden;
}

div[data-u="slides"] > div
{
    transform:scale(0.99);
}

div[data-u="slides"] {
    background:rgb(10,0,10);
}

.slider-slide-container
{
    /*background-color:gray;
    position:relative;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:5px solid black;
    background-color:black;
    background-image:url('/Content/images/loading.gif'); 
    background-repeat:no-repeat;
    background-size:65px;
    background-position-x:50%;
    background-position-y:50%;*/
}

.slider-slide-portrait
{
    background-color:#000000;
    transform: rotate(90deg)scale(0.75);
}

.slider-slide-portrait-inverted
{
    background-color:#000000;
    transform: rotate(-90deg)scale(0.75);
}

.slide-rotate-0 {
    background-color:#000000;
    transform: rotate(0deg);
}

.slide-rotate-90 {
    background-color:#000000;
    transform: rotate(90deg)scale(0.75);
}

.slide-rotate-180 {
    background-color:#000000;
    transform: rotate(180deg);
}

.slide-rotate-270 {
    background-color:#000000;
    transform: rotate(270deg)scale(0.75);
}

.slider-slide-notes-landscape
{
    position:relative;
    font-size:0.8em;
    color:white;
    font-weight:bold;
    filter:alpha(opacity=70);
    opacity:0.7;
    background-color:#000000;
    height:100%;
    width:100%;
    margin: 0 auto;
    padding:5px;
}

.slider-slide-notes-portrait
{
    position:relative;
    font-size:0.8em;
    color:white;
    font-weight:bold;
    filter:alpha(opacity=70);
    opacity:0.7;
    background-color:#000000;
    height:100%;
    width:56.6%;
    margin: 0 auto;
    padding:5px;
}

.slider-slide-notes-container
{
    visibility:collapse;
    position:absolute;
    height:7.5%;
    width:100%;
    left:0;
    right:0;
    bottom:0;
}

.notesdata-container
{
    border-width:4px;
    padding:4px;
}

.exifdata-container
{
    display:none;
    visibility:collapse;
    border-width:4px;
    padding:4px;
    bottom:20px;
    left:0;
    right:0;
}

/*.slider-slide-status-flagged {
    background:url("/Content/images/yellowflag.png") no-repeat center center;
    background-size:100%;
}
.slider-slide-status-approved {
    background:url("/Content/images/accept.png") no-repeat center center;
    background-size:100%;
}
.slider-slide-status-rejected {
    background:url("/Content/images/reject.png") no-repeat center center;
    background-size:100%;
}
.slider-slide-status-new {
    background:url("/Content/images/new.png") no-repeat center center;
    background-size:100%;
}
.slider-slide-status-waiting {
    background:url("/Content/images/waiting.gif") no-repeat center center;
    background-size:100%;
}
.slider-slide-status-busy {
    background:url("/Content/images/busy.gif") no-repeat center center;
    background-size:100%;
}
.slider-slide-status-blank {
    background:url("/Content/images/blank_small.png") no-repeat center center;
    background-size:100%;
}
.slider-slide-status-field {
    height:30px;
    width:30px;
}*/
.action-button-busy {
    background:url("/Content/images/busy.gif") no-repeat center center;
    background-size:60%;
}
.file-status-approved {
    background:url("/Content/images/accept.png") no-repeat center center;
    background-size:100%;
}
.file-status-rejected {
    background:url("/Content/images/reject.png") no-repeat center center;
    background-size:100%;
}
.file-status-field {
    height:40px;
    width:40px;
    display:none;
}
.file-status-field-sm {
    height:25px;
    width:25px;
    display:none;
}

.layout-panel-titlebar {
    z-index:1;
    position:absolute;
    left:0;
    top:0;
}

.layout-panel-titlebar-icon {
    margin-left:10px;
    margin-top:5px;
    margin-right:5px;
}

.menu-icon {
    cursor:pointer;
}

.layout-panel-titlebar-title {
    margin-left:5px;
    font-size:1.2em;
}

.layout-panel-header {
    height:44px;
    color:white;
    font-size:20px;
}
.layout-panel-body {
    /*border:2px red solid;
    overflow:hidden;*/
}
.task-panel-footer {
    border:2px blue solid;
}
.layout-panel-footer {
    position:absolute;
    border-top:groove 2px;
    bottom:0;
    left:0;
    right:0;
}

/*** Export Preview*/
.pane-preview {
    width: 100%; 
    height: 75%;
    /*to center vertically*/
    /*top:50%;*/
    /*transform:translateY(-50%);*/
    /*position:relative;*/
}

.pane-preview-portrait {
    width: 75%; 
    height: 100%;
    /*to center horizontally*/
    /*margin: 0px auto;*/ 
}

.preview-frame {
    width:410px;
    height:410px;
    position:relative;
    border:5px groove #fff;
    margin:5px;
}

.square-box{
    position: relative;
    width: 50%;
    overflow: hidden;
    background: #4679BD;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}

.slider-container-overlay {
    left: 0px; 
    top: 0px; 
    width: 640px; 
    height: 480px; 
    position: absolute; 
    z-index: 10;
    border:5px solid #2FA4E7;  /*a bootstrap shade of blue*/
}

.slider-container-svgcanvas {
    z-index: 20;
    height:100%;
    width:100%;
}

.ui-jqgrid-view .form-control {
    height:30px;
}

.page-loading {
    position:absolute;
    top:50px;
    left:0;
    right:0;
    bottom:30px;
    background:gray;
    z-index:10;
    display:block;
}

.ui-th-column {
    color:#2e6e9e;
    background-color: rgb(216, 236, 246);
    font-size:1.2em;
}

.ui-pager-control {
    color:#2e6e9e;
    background-color: rgb(216, 236, 246);
/*    padding:0px 10px 45px 50px; */
    border-top:2px #2e6e9e solid;
/*    margin:-18px 0 0 0; */
    font-size:14px;
}

.ui-pg-button {
    font-size:20px;
}

.ui-pg-input {
    display:inline-block;
}

.popup-menu {
    z-index:3;
}

.popup-menu-horizontal {
    transform:translate(50px,-55px);
    padding:5px;
    background:rgba(0,0,0,0);
}

.ui-datepicker 
{
    border:3px solid #2FA4E7 ;  /*a bootstrap shade of blue*/
    background: white;
    padding:10px 20px 10px 10px;
}

.ui-jqtreeview-item .ui-state-hover  {
    color:white;
    background:#2FA4E7;  /*a bootstrap shade of blue*/;
}

.ui-jqtreeview-item .ui-jqtreeview-focus {
    border:5px solid #2FA4E7;  /*a bootstrap shade of blue*/
    background:rgba(4, 71, 134, 1)
}

.ui-jqtreeview-item-text {
    color:white;
}

.foldertree-icon-status {
    height:20px;
    width:20px;
    padding:0;
    margin:0;
    opacity:1.0;
    border-style:none;
}

.foldertree-icon {
    height:20px;
    width:20px;
    padding:0;
    margin:0;
    opacity:1.0;
    border-style:none;
}
.foldertree-icon-status-flagged {
    background:url("/Content/images/yellowflag_small.png") no-repeat center center;
}
.foldertree-icon-status-approved {
    background:url("/Content/images/accept_small.png") no-repeat center center;
}
.foldertree-icon-status-rejected {
    background:url("/Content/images/reject_small.png") no-repeat center center;
}
.foldertree-icon-status-new {
    background:url("/Content/images/new_small.png") no-repeat center center;
}
.foldertree-icon-status-waiting {
    background:url("/Content/images/waiting_small.gif") no-repeat center center;
}
.foldertree-icon-status-busy {
   background:url("/Content/images/busy_small.gif") no-repeat center center;
}

.foldertree-image-frame-noimage {
    top:0;
    left:0;
    width:250px;
    height:28px;
    position:relative;
}

.foldertree-image-frame-xs {
    /*border:1px solid magenta;*/
    top:0;
    left:0px;
    width:250px;
    height:40px;
    position:relative;
}

.foldertree-image-frame-xs .foldertree-image-titlebar {
    margin-left:50px;
}

.foldertree-image-frame-sm {
    /*border:1px solid green;*/
    padding-top:20px;
    top:0px;
    left:0;
    width:250px;
    height:90px;
}

.foldertree-image-frame-sm img {
    transform:scale(0.7) translateY(-20%)
}

.foldertree-image-frame-md {
    /*border:1px solid blue;*/
    padding-top:20px;
    top:0;
    left:0;
    width:250px;
    height:120px;
}

.foldertree-image-frame-lg .foldertree-image-titlebar {
    background:rgba(0,0,0,0.7);
}

.foldertree-image-frame-lg  {
    /*border:1px solid purple;*/
    width:250px;
    height:190px;
    padding:2px;
}

.foldertree-image-lg {
    transform:scale(0.75) translateY(-15%) translateX(-15%);
}

.foldertree-image-frame-xl {
    /*border:1px solid black;*/
    width:330px;
    height:250px;
}

.foldertree-image-frame-xl .foldertree-image-titlebar {
    background:rgba(0,0,0,0.7);

}

.foldertree-image-titlebar { 
    font-family: tahoma, arial;
    top: 0; 
    color:white; 
    padding: 2px; 
    height:24px;
    position:absolute;
}

.foldertree-image-titlebar-sm {
    left:45px;
}

.foldertree-image-titlebar-left {
    float:left;
}

.foldertree-image-titlebar-right{
    float:right;
}

.page-copyright {
    left:0;
    bottom:0;
    margin:0 0 0 10px;
    padding:3px;
    float:left;
}

.page-statusbar {
    padding:0;
    margin:1px;
    float:right;
    width: 560px;
    border:1px solid rgba(4, 71, 134, 1);
}

.status-indicator-sm {
    background-size:100%;
    position:absolute;
    width:20px;
    height:20px;
    margin:4px 0 0 4px;
    z-index:2;
}

.status-message {
    margin:2px 0 0 0 ;
    padding:0 0 0 30px;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:24px;
    font-weight:bold;
    font-size:1.2em;
}

.status-counters {
    position:absolute;
    margin:2px ;
    padding:0 10px 0 0;
    right:0;
    bottom:0;
    height:24px;
    font-weight:bold;
    font-size:1.2em;
}

.status-progress {
    position:absolute;
    top:0;
    right:0;
    margin:5px;
    height:20px;
    border:black 1px solid;
    min-width:100px;
    z-index:3;
    display:none;
}

/*.file-upload-ready {
    border:solid 3px rgba(115, 167, 57, 1);
    background:url("/Content/images/UploadReadyTile.png") no-repeat center center;
    background-size:100%;
}

.file-uploading {
    border:solid 3px rgba(220, 86, 0, 1);
    background:url("/Content/images/UploadingTile.png") no-repeat center center;
    background-size:100%;
}

.file-awaiting
{
    background-image:url('/Content/images/AwaitingImageTile.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    background-position-x:50%;
    background-position-y:50%;
}

.file-upload-busy {
    border:solid 3px rgba(220, 86, 0, 1);
    background-image:url('/Content/images/loading.gif');
    background-repeat:no-repeat;
    background-size:35%;
    background-position-x:50%;
    background-position-y:50%;
}

.file-upload-success {
    border:solid 3px #2FA4E7;
}

.recode-ready {
    border:solid 3px rgba(115, 167, 57, 1);
    background:url("/Content/images/RecodeReadyTile.png") no-repeat center center;
    background-size:100%;
}

.recode-pending {
    border:solid 3px rgba(115, 167, 57, 1);
    background:url("/Content/images/RecodePendingTile.png") no-repeat center center;
    background-size:100%;
}

.recode-updating {
    border:solid 3px #F56205;   /*a bootstrap shade of orange*/
    background:url("/Content/images/RecodeUpdatingTile.png") no-repeat center center;
    background-size:100%;
}*/

.clear-margin {  
    margin:0 !important;  
}  

.grid-action-link{
    padding:5px;
}

.file-icon-excel-sm
{
    padding-left:25px;
    background-image:url('/Content/images/download.png');
    background-repeat:no-repeat;
}



.file-icon-folder-sm
{
    padding-left:25px;
    background-image:url('/Content/images/folder.png');
    background-repeat:no-repeat;
}

.file-icon-text-sm
{
    padding-left:25px;
    background-image:url('/Content/images/text_small.png');
    background-repeat:no-repeat;
}

.file-icon-pdf-sm
{
    padding-left:25px;
    background-image:url('/Content/images/document.png');
    background-repeat:no-repeat;
}

.file-drop-zone-busy
{
    border:3px solid rgba(254, 214, 0, 1);
    background-image:url('/Content/images/busy.gif');
    background-repeat:no-repeat;
    background-position:left;
}

.file-drop-zone
{
    border:3px solid rgba(47, 163, 230, 1);
}

.btn-file-select {
    border:none;
}

.ui-resizable-s {
  bottom: 0;
}

.ui-resizable-e {
  right: 0;
}

#pageTitle {
    margin: 0px auto; 
    padding:5px; 
    width: 60%; 
    height: 100%; 
    text-align:center;
    font-size:0.9em;
}

.toggler-north-open
, .toggler-south-closed 		
{ 
    background: red; /*url(/Content/images/toggle-up.gif) no-repeat center bottom; */
}


.toggler-north-closed 
, .toggler-south-open
{ 
    background: url(/Content/images/toggle-dn.gif) no-repeat center top; 
}

/* fix for jqgrid page buttons*/
.ui-jqgrid .ui-pg-button:hover {
    padding: 0px 6px;
}

.contextMenu li {
    padding: 5px 0px 5px 0px;
}