/*Format container*/
.container-content
{
	margin: 0px auto 0px auto;
	max-width: 1024px;
	background-color: rgb(85,26,76);
	
}
body
{
	background-color: rgb(113,49,101);
	color: white;
}
.page-link
{
	color: black;
}
/*Format modal forms*/
.modal
{
    padding-top: 50px;
}
.modal-dialog
{
     max-width: 400px !important;
}
body.modal-open div.modal-backdrop { 
    z-index: 0; 
}

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

/*Navbar formatting*/
.topnav
{
	margin: 0px auto 0px auto;
	/*width: 950px;*/
	background-color: rgb(113,49,101);
	min-height: 55px;
	z-index: 9999;
	border-bottom: 5px solid black; 
	
}
.modal-content {
   background-color: rgb(113,49,101)
}
.navtext
{
    color:white;
}
.nav-side-item > a:hover
{
    color: navy;
    box-shadow: inset 0px -6px 0px rgb(113,49,101);
    border: 1px solid rgb(113,49,101);
}
.nav-side-item > a:focus, .nav-side-item > a:active
{
   outline: none;
}
a:active, a:hover {
   color: white !important;
}
a {
   color: white;
}

.odd
{
	background-color: rgba(113,49,101,0.4) !important;
}
.even
{
	background-color: rgba(113,49,101,0.2) !important;
}
.sorting_1
{
	background-color: inherit !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
	color: inherit !important;
}



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

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

/*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;
}
@media screen and (max-width: 420px) {
    #slimDiv {
        padding-top: 5px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 5px;
    }

    #cardImage {
        padding-left: 45px;
        padding-right: 45px;
    }
    #image-heading-text {
        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-left: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-top: 5px;
    }
    .fa-li {
        text-align: left;
    }
    .fa-check-square, .fa-square {
        position: relative;
        left: -10px;
	color: navy;
    }
    .instructions-text {
        position: relative;
        left: -15px;
    }
    .instructions-photo {
        /*width: 80%;
        height: 80%;*/
    }
}