﻿/* smartphone specific styles   */
@media (max-width:767px)
{
    /*.center-admin 
    {
    text-align: center;
    }*/

    /*.border-phone 
    {        
    border-style: solid;
    border-width: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 3px;
    margin-left: 3px;
    }*/

    .dropdown_arrow
    {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid;
        display: inline-block;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        width: 0;
    }

    .button-margine
    {
        -moz-user-select: none;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857;
        padding: 6px 12px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        margin-bottom: 10px;
    }
}

/*  tab specific styles     */

.mob
{
    padding-bottom: 10px;
}

@media (min-width: 768px)
{
    .modal-footer .btn-block
    {
        display: inline-block;
        padding: 6px 12px;
        width: auto;
    }

        .modal-footer .btn-block + .btn-block
        {
            margin-top: 0;
        }

    /*Grid view display*/

    .div-footer
    {
        margin-bottom: 5px;
    }

    .div-table
    {
        display: table;
        width: 100%;
        /*background-color: #eee;*/
        /*border: 1px solid #666666;*/
        border-spacing: 5px; /*cellspacing:poor IE support for  this*/
    }

    .div-table-row
    {
        display: table-row;
        width: 100%;
        clear: both;
    }

    .div-table-col
    {
        float: left;
        display: table-column;
        width: 100%;
    }
}

/*  desktop specific styles     */
@media (max-width: 991px)
{
    .checkbox-none
    {
        display: none;
    }

    .center-admin-th
    {
        padding-left: 90px;
        padding-right: 90px;
    }

    .center-catalog-th
    {
        padding-left: 95px;
        padding-right: 95px;
    }
}

@page
{
    size: auto;
    margin: 2cm;
}


/* Generic styles */

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000 !important;
    font-size: 12px;
}

@media (min-width:768px)
{
    /*.cl{
  	display: none;
  }*/

    .ad
    {
        float: left;
        margin: 0;
    }
}

@media (min-width:768px)
{
    .line-balance
    {
        width: auto;
    }
}

@media (min-width: 992px)
{
    .center-admin-max
    {
        padding-left: 180px;
        padding-right: 180px;
    }

    .center-catalog-max
    {
        padding-left: 190px;
        padding-right: 190px;
    }
}


/*dashboard widget styles coming below*/
/*styles for the footer coming below*/
.ReportHeading
{
    text-align: center;
}

@media (max-width:767px)
{
    #ReportViewer_fixedTable
    {
        overflow: scroll;
    }
}

/*Styles for the user profile are coming below*/

/*.profile-picture-block
{
    width: 96px;
    margin: auto;
}

#user-details-primary
{
    text-align: center;
}

.user-secondary-detail-chunk
{
    padding-bottom: 20px;
    padding-bottom: 2rem;
    padding-left: 0 !important;
}

.user-detail-heading
{
    font-size: 16px;
    font-size: 1.6rem;
    color: #777;
    font-weight: 500;
}

.user-detail-data
{
    font-weight: 500;
}

.user-profile-primary
{
    margin: 20px 0;
    margin: 2rem 0;
}

.user-profile-secondary
{
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.profile-image
{
    max-height: 96px;
}

.profile-image-sample
{
    font-size: 60px;
    font-size: 6rem;
}

.user-main-profile
{
    position: relative;
    text-align: center;
    margin: auto;
    width: 96px;
    height: 96px;
}

@media (min-width:768px)
{
    .profile-picture-block
    {
        width: 96px;
        float: left;
    }

    .user-main-profile
    {
        position: absolute;
        margin:0;
    }

    #user-details-primary
    {
        padding: 6px 0 6px 120px;
        padding: .6rem 0 .6rem 12rem;
        text-align: left;
    }
}*/
