/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
   
}

@media only screen and (min-width : 360px) {
    
}

@media only screen and (min-width : 414px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
   
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
   
}

@media only screen and (min-width : 1400px) {
    
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
}

@media only screen and (max-width : 1200px) {
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    
}

@media only screen and (max-width : 414px) {
    
}

@media only screen and (max-width : 360px) {
    
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}


/* Non Responsive Section */ 
#div-employee-document-cards
{
    margin-left:auto; 
    margin-right:auto; 
    width:80%;    
}

#div-vehicle-document-cards
{
    margin-left:auto; 
    margin-right:auto; 
    width:80%;    
}

#div-vendor-document-cards
{
    margin-left:auto; 
    margin-right:auto; 
    width:80%;    
}

#div-contact-document-cards
{
    margin-left:auto; 
    margin-right:auto; 
    width:80%;    
}

#div-employee-document-card-container
{
    border: solid thin #000000;
    float:left;   
    padding:10px;   
    position:relative;
    width:255px;
    min-height:280px;
}

#div-vehicle-document-card-container
{
    border: solid thin #000000;
    float:left;   
    padding:10px;   
    position:relative;
    min-width:255px;
    min-height:200px;
}

#div-contact-document-card-container
{
    border: solid thin #000000;
    float:left;   
    padding:10px;   
    position:relative;
    min-width:255px;
    min-height:200px;
}

#div-vendor-document-card-container
{
    border: solid thin #000000;
    float:left;   
    padding:10px;   
    position:relative;
    min-width:255px;
    min-height:200px;
}

#div-employee-document-card 
{
    float:left;   
    width:50px; 
    min-height: 235px;    
}

#div-employee-document-card-profile-picture
{
    float:left;
}

#div-vehicle-document-card-profile-picture
{
    float:left;
}

#div-contact-document-card-profile-picture
{
    float:left;
}

#div-vendor-document-card-profile-picture
{
    float:left;
}

#div-employee-cards
{
    margin-left:auto; 
    margin-right:auto; 
    width:80%;    
}

.div-contact-cards {
    margin-left: auto;
    padding-left: 20px;
}

#div-vendor-cards
{
    margin-left:auto; 
    margin-right:auto; 
    width:80%;    
}


#div-employee-card-container
{
    border: solid thin #000000;
    float:left;   
    padding:10px;   
    position:relative;
    height:770px;
}

.div-contact-card-container
{
    border: solid thin #000000;
    float:left;   
    padding:10px;   
    position:relative;
}

#div-vendor-card-container
{
    border: solid thin #000000;
    float:left;   
    padding:10px;   
    position:relative;
}


#div-employee-card 
{
    float:left;   
    width:275px; 
    min-height: 490px;    
}

.div-contact-card 
{
    float:left;   
    width:280px; 
    min-height: 350px;    
}

#div-vendor-card 
{
    float:left;   
    width:280px; 
    min-height: 350px;    
}

#div-employee-card p
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

#div-employee-card-profile-picture
{
    /*float:left;*/
}

#div-employee-card-links
{    
    line-height: 3px;
    position:absolute;
    bottom:0px;
}

.div-contact-card-links
{    
    line-height: 3px;
    position:absolute;
    bottom:0px;
}

#div-vendor-card-links
{    
    line-height: 3px;
    position:absolute;
    bottom:0px;
}

.employee-card-full-name 
{
    font-size: 13px;
    font-weight: 700;
}

.contact-card-full-name 
{
    font-size: 13px;
    font-weight: 700;
}

.vendor-card-full-name 
{
    font-size: 13px;
    font-weight: 700;
}

.vehicle-card-full-name 
{
    font-size: 13px;
    font-weight: 700;
}

#div-employee-documents
{
    min-height:800px;
    margin-top:155px; 
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:100%;    
}

#employee-documents-title
{
    text-align:center;
    padding-top:30px;
}

.employee-document-description
{
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

.vehicle-document-invoiceid
{
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

.vehicle-document-mechanic
{
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

.vehicle-document-description
{
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

.contact-document-description
{
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

.vendor-document-description
{
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

#div-vehicle-documents
{
    min-height:800px;
    margin-top:155px; 
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:100%;    
}

#vehicle-documents-title
{
    text-align:center;
    padding-top:30px;
}

#div-contact-documents
{
    min-height:800px;
    margin-top:155px; 
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:100%;    
}

#contact-documents-title
{
    text-align:center;
    padding-top:30px;
}

#div-vendor-documents
{
    min-height:800px;
    margin-top:155px; 
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:100%;    
}

#vendor-documents-title
{
    text-align:center;
    padding-top:30px;
}

.reqired-field
{
    color:#FF0000;
}

#employee-documents-upload
{
    margin-left:auto;
    margin-right:auto;
    width: 370px;
    padding-bottom: 20px;
}

#vehicle-documents-upload
{
    margin-left:auto;
    margin-right:auto;
    width: 370px;
    padding-bottom: 20px;
}

#contact-documents-upload
{
    margin-left:auto;
    margin-right:auto;
    width: 370px;
    padding-bottom: 20px;
}

#vendor-documents-upload
{
    margin-left:auto;
    margin-right:auto;
    width: 370px;
    padding-bottom: 20px;
}

#div-vehicle-cards
{
    margin-left:auto; 
    margin-right:auto; 
    width:80%; 
    font-weight:500;   
}

#div-vehicle-card 
{
    border: solid thin #000000;
    width:275px; 
    min-height: 341px;
    float:left;    
    padding:10px;   
    position:relative;
    line-height:5px;
}
#div-vehicle-card p
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

#div-vehicle-card-links
{    
    line-height: 3px;
    bottom:0px;
}
.vehicle-card-name 
{
    font-size:16px;
    font-weight:700;
}

#div-vehicle-documents
{
    min-height:800px;
    margin-top:155px; 
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:100%;    
}

#vehicle-documents-title
{
    text-align:center;
    padding-top:30px;
}

#div-vehicle-container-save
{
    background-color:#ffffff;      
    min-height:700px;    
}

#div-vehicle-save
{
    width:100%;
    float:left;
}

#div-vehicle-milage-save
{
    width:400px;
    float:left;
}

#div-milage-container
{
    margin-top:39px;
}

#div-upload-image-container
{
    margin-top:175px;
    width:100%;
}

#div-image-upload-block 
{     
    margin-left:auto;
    margin-right:auto;
    width:500px;
}

#div-image-upload-instructions { 
    background-color:#b0afaf; 
    border:solid black thin; 
    padding-left:10px; 
    margin-left: -15px; 
    margin-bottom:20px;     
}

.rotate-arrow-clockwise-profile
{
    position: absolute;
    border: solid black thin;
    background-color:#ffffff;
    z-index:999999;
}

#div-image-to-crop
{
     margin-left: 75px;
}

.jcrop-keymgr
{
    display:none;
}

#div_delete_document
{
    border: solid thin black;    
    background-color:#ffffff;        
    position: fixed;     
    top: 50%;
    left: 35%;
    margin-top: -50px;
    margin-left: -35px;
    width: 400px;
    height: 250px;  
    /*display:none;  */
}
#div_delete_document_buttons
{
    width: 400px;
    position: absolute;
    bottom: 10px;
    text-align: center;
    margin-bottom:10px;
}

.card-label
{
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

#div-system-user-save
{
    width:1000px;
    margin-left: auto;
    margin-right: auto;
}

#div-system-user-detail-form
{
    width:710px;
    float:left;
    /* class="DivFieldsContainerSection" style="margin-top:160px; background-color:white; min-height:800px;"*/
}

#div-system-user-roles-form
{
    width:225px;
    float:left;
    margin-top:133px;
    border:solid #0f6478 thin;
}

.grid-header
{
    font-weight:700;
    font-size:11px;
}

.grid-text
{    
    font-size:11px;
}

.grid-row
{
    background-color:white;
}

.grid-row-alt
{
    background-color:#d1e2f2;
}