/*Format container*/
.container-content
{
	margin: 0px auto 0px auto;
	max-width: 1024px;
}
/*Format modal forms*/
.modal
{
    padding-top: 50px;
}
.modal-dialog
{
     max-width: 400px !important;
}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}
body.modal-open div.modal-backdrop { 
    z-index: 0; 
}
/*Format photos for moderation*/
.card-img-top {
    object-fit: contain;
    width: 100%;
    height: 250px;
}
#moderation-control-table td, #moderation-control-table th, #moderation-control-table thead th {
    border-top: none !important;
    border-bottom: none !important;
}
.clickable-row {
    cursor: pointer;
}
.dt-col-padding {
    padding-right: 20px;
}
input[type="radio"] {
    margin-right: 0.5rem;
}
/*Add wait cursor for Ajax*/
.ajaxLoading {
    cursor: progress !important;
}
/*Reports Calandar Table*/
.calendar-table {
    margin: auto;
}
.calendar-table caption {
    caption-side: top !important;
    text-align: center !important;
}

.btn-primary
{
	background-color: #005885 !important;
	border-color: #005885 !important;
}

/*Datatables remove default sort arrows*/
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
    content: none;
}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after
{
    content: none;
}

/*validator message on pay page*/
.validatormessage
{
    font-size: small;
    border-style: solid;
    border-width: thin;
    border-color: navy;
    padding-left: 5px;
    padding-right: 5px;
}

/*Alert-Error message on each page*/
#AlertMessage {
    position:fixed; 
    top: 120px; 
    left: 0px; 
    padding-right: 20px;
    width: 100%;
    z-index:9999; 
    border-radius:0px
}
/*Checkbox used on card page for re-order*/
.checkbox 
{
    padding-left: 5px;
}
 .checkbox label, .checkbox-inline label 
{
    text-align: left;
    padding-left: 0.5em;
}
.checkbox input[type="checkbox"] 
{
    float: none;
}

/*Login form formatting*/
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form_signin-heading
{
    margin-bottom: 10px;
}
.butLogin
{
    margin-top: 10px;
}

/*Login form carousel sizing - adjust based on customer image size*/
.carousel-inner > .carousel-item {
    width: 750px;
    height: 260px;
    margin: auto;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='navy' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='navy' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

/*Navbar formatting*/
.topnav {
    margin: 0px auto 0px auto;
    /*width: 950px;*/
    background-color: #005885;
    min-height: 55px;
    z-index: 9999;
}

@media (min-width: 768px) {
    .topnav {
        background-color: #005885;
    }
}

.navtext
{
    color:white;
}
.nav-side-item > a:hover
{
    color: navy;
    box-shadow: inset 0px -6px 0px navy;
    border: 1px solid navy;
}
.nav-side-item > a:focus, .nav-side-item > a:active
{
   outline: none;
}
.navbar-brand span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 15px;
}

/*Library fine page formatting*/
.txtAmount2
{
    font-size: 1.25rem;
}
.libText
{
    padding-left: 0.75rem;
}
.libInputHidden
{
    font-size: 1.25rem;
    border: hidden;
    background-color: inherit;
}

/*Input box formatting for valid-invalid data*/
input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
  input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
  }

/*Classrom Printing Formatting*/
.RadioExtend {
    margin-right: 4px;
}

.invalid-feedback {
    width: 100%;
    text-align: center;
    font-size: 80%;
    color: #dc3545;
    margin-top: -12px;
}

/*Image page formatting*/
.img-chk-ok {
    color: navy;
}
.fa-info-circle {
    color:navy;
}
.img-chk-bad {
    color:navy;
}
@media (min-width: 768px) {
    .img-modal {
        max-width: 80% !important;
    }
}

/*ImageDirect page formatting to match University registration*/
.body-image-direct {
    background-color: lightblue;
}
.navbar-image-direct {
    background-color: white;
    border-bottom: 5px solid black;
}

/*Slim image API formatting*/

.slim-crop-area button
{
    background-color: whitesmoke;
}
.slimRemoveButton
{
    display: none;
}

.slim-popover {
    background-color: #efefef;
}
.slim-editor-btn, .slim-editor-utils-btn
{
    color: darkgray;
}
.slim-editor-btn:focus, .slim-editor-btn:hover, .slim-editor-utils-btn:focus, .slim-editor-utils-btn:hover
{
    color: black;
}
.slim-file-hopper
{
    border: 2px solid black;
}
.slim-image-editor-preview::after {
    background-color: rgba(0, 0, 0, 0.25);
}
.image-heading-row {
    padding-top:20px;
}

/*Image card flip*/
.card-flip-container {
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    height: 204px;
}
.card-flip-inner {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
#card-flip-container:hover .card-flip-inner, #card-flip-container.hover .card-flip-inner {
    transform: rotateY(180deg);
}


/* Position the front and back side */
.card-front, .card-back {
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}
/* front pane, placed above back */
.card-front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.card-back {
    transform: rotateY(180deg);
}

@media screen and (max-width: 768px) {
    #image-heading-text {
        display: none;
    }

    #card-flip-container.flipright .card-flip-inner {
        transform: rotateY(180deg);
    }
    #card-flip-container.flipleft .card-flip-inner {
        transform: rotateY(0deg);
    }

}

@media screen and (max-width: 420px) {
    #slimDiv {
/*        padding: 5px 50px 5px 50px;*/
    }

    #cardImage {
        /*padding-left: 45px;
        padding-right: 45px;*/
    }
/*    #image-heading-text {
        display: none;
        font-size: 1.1em;
    }*/
    #upload-modal-text {
        font-size: 0.8em;
    }
    .image-modal-title{
        font-size: 1.2em;
    }
    #instructions-section{
        display: none;
    }
    .instructions-heading-text {
        font-size: 1em;
    }
    .instructions-li {
        font-size: 0.6em;
    }
    .image-heading-row {
        padding-top:5px;
    }
    .image-modal-header {
        padding-bottom: 0px;
    }
    .image-modal-body {
        padding: 5px 5px 0px 5px;
    }
    .fa-li {
        text-align: left;
    }
    .fa-check-square, .fa-square {
        position: relative;
        left: -10px;
    }
    .instructions-text {
        position: relative;
        left: -15px;
    }
}