/*Changes done to make dynamik header for jqxgrid*/
@media (max-width:1700px)
{
    #customHeaderHeightDiv .jqx-grid-column-header div div span;
    {
        white-space: pre-wrap;
        word-wrap: break-word;
        padding-left: 1px;
    }

    /*#customHeaderHeightDiv .jqx-grid-header
    {
        height: 50px !important;
    }*/
}

/*pull-down-details*/
@media (max-width:1600px)
{
    .pull-down-details
    {
        float: none;
    }
}

/*to break words in header of jqxgrid*/
@media (max-width:1579px)
{
    .jqx-grid-column-header div div
    {
        /*margin-top: 4.5px !important;*/
        white-space: initial !important;
        margin-right: 0px !important;
    }
}

/*----end-------*/
@media (max-width:1490px)
{
    .customBtnStyleLbl
    {
        white-space: normal;
        padding: 2px !important;
        height: 45px;
    }

    /*#customHeaderHeightDiv .jqx-grid-header
    {
        height: 67px !important;
    }*/
}

@media (max-width:1200px)
{
    /*.page-desc{max-width:490px;}*/
    .page-desc-form-head;
    {
        max-width: 490px;
    }
    /*.page-desc-custom{max-width:600px;padding-top:0px;}*/
    .innermain
    {
        display: block;
    }

    .flip-box .front
    {
        left: 20px;
        right: 20px;
    }

    .customBtnStyle
    {
        padding: 2px !important;
    }
}

@media (max-width:1024px)
{
    a .ic-btn
    {
        font-size: 0;
        line-height: 0;
        padding: 0 0 0 32px;
    }

    a.ic-btn span
    {
        border-right: 0;
    }

    a.ic-btn-sur
    {
        font-size: 0;
        line-height: 0;
        padding: 0 0 0 32px;
    }

        a.ic-btn-sur span
        {
            border-right: 0;
        }

        /* width */
        ::-webkit-scrollbar {
            width: 10px;
        }

        /* Track */
        ::-webkit-scrollbar-track {
            background: #f1f1f1; 
            border: solid 1px #d0dbe6;
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: #999;            
        }
        
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555; 
        }
}

@media (max-width:991px)
{
    /*.page-desc{max-width:250px;}*/
    /*.page-desc-custom {max-width:575px;}*/
    .page-desc h5
    {
        padding-top: 8px;
    }

    .dashboard .page-desc h5
    {
        padding-top: 0;
    }

    #header .page-desc p
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 21px;
        padding: 0 !important;
    }

        #header .page-desc p.pd_text
        {
            max-width: 200px;
        }

    .page-heading
    {
        padding: 40px 0 0 15px;
    }

    .top-pad-0
    {
        padding-top: 0 !important;
    }

    .actions li a
    {
        padding: 15px 10px 5px;
    }

    .dashboard #wrapper
    {
        padding-top: 138px;
    }

    .dashboard-content .dashboard-listing
    {
        padding-bottom: 40px;
    }

    .overwiew-twocol-list, .three-column
    {
        max-width: 600px;
        margin: 0 auto;
    }

    .cus
    {
        display: none;
    }
}

@media (min-width:768px)
{
    .dropdown-menu
    {
        height: auto !important;
    }

    #main-nav
    {
        display: block !important;
        height: 40px !important;
    }

    #img_overview
    {
        width: 113px;
        height: 84px;
    }

    #photoImage
    {
        width: 140px;
        height: 100px;
    }

    .pd_title
    {
        max-width: 369px;
    }
}

@media (min-width: 991px)
{
    .pd_title
    {
        max-width: 390px;
    }
}

@media (min-width: 1024px)
{
    .pd_title
    {
        max-width: 550px;
    }
}

@media (max-width:992px) {
    #footer {
        margin-top: -52px;
        padding: 10px 50px 10px 10px;
    }

        #footer .copyright, #footer .version {
            float: none;
            text-align: center;
            padding: 0;
        }

            #footer .version a {
                position: absolute;
                right: 0;
                bottom: 0;
            }
}

@media (max-width:767px)
{
    .menu-open
    {
        overflow: hidden;
    }

    .main-nav-block .main-nav-icon, .page-icon
    {
        display: block !important;
    }

    .nav-icon
    {
        border-right: solid 1px #35aedb;
    }

    #main-nav
    {
        position: absolute;
        top: 100%;
        left: 0;
        background: #0094cc;
        width: 100%;
        border-top: solid 1px #35aedb;
        border-left: 0;
        display: none;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        #main-nav ul
        {
            width: auto !important;
            margin: 0;
        }

        #main-nav li
        {
            float: none;
        }

            #main-nav li a
            {
                font-size: 14px;
                height: auto;
                padding: 8px 10px;
            }

    .header-left .logo
    {
        padding-right: 0;
        margin-right: 0;
        border: 0;
        min-height: 60px;
    }

        .header-left .logo img
        {
            width: 100px;
        }

    .page-desc
    {
        padding-top: 0;
        display: none;
    }

        .page-desc h5, .page-desc p
        {
            display: none;
        }

    .cus
    {
        display: none;
    }

    #header
    {
        padding: 5px;
    }

        #header .content-block
        {
            padding: 0 5px;
            min-height: 52px;
        }

    .person-detail h4
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 16px 0 0;
    }

    .person-detail p
    {
        display: none;
    }

    .page-heading
    {
        padding: 40px 0 0;
    }

        .page-heading .left-part
        {
            float: none;
            padding: 10px;
        }

    .breadcrumbs
    {
        display: none;
    }

    .actions
    {
        float: none;
        border-top: solid 1px #d0dbe6;
        display: table;
        width: 100%;
    }

        .actions li
        {
            height: 40px;
            display: table-cell;
            float: none;
        }

            .actions li:first-child
            {
                border-left: 0;
            }

            .actions li a
            {
                min-height: auto;
                padding: 10px 0;
            }

                .actions li a span
                {
                    display: none;
                }

                .actions li a img
                {
                    margin: 0 auto;
                }

    .filter-form
    {
        padding-bottom: 15px;
        margin-right: 0;
    }

        .filter-form .form-control
        {
            width: 100% !important;
        }

    #content
    {
        padding: 10px;
    }

    .filter-form .btn
    {
        margin-left: 0;
        margin-right: 7px;
    }

    .doc-type
    {
        padding: 10px 0;
    }

    .table-responsive
    {
        margin-bottom: 0;
    }

    .likertscale .table-responsive
    {
        overflow: auto !important;
        border: none !important;
    }

    .grid-footer-inner
    {
        float: none;
    }

        .grid-footer-inner .form-group, .grid-footer-inner .form-control
        {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle;
        }

    .main-nav-block .dropdown-menu
    {
        /*width: 100%;*/ /*Commented to Solve issue of Left side menu which was spreading out in Mobile device like Ipad and Also in half screen #2521*/
        border: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .main-menu > li
    {
        width: 25%;
    }

    .scroll-box, .sub-menu .scroll-box
    {
        max-height: inherit;
    }

        .bktop img
        {
            width: 16px;
        }

    .dashboard .header-left .logo
    {
        border-right: 0;
    }

    .dashboard #header p
    {
        display: none;
    }

    .dashboard .header-right h4,
    .survey-public .header-right h4 {
        max-width: 135px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 15px 0 0;
    }

    #wrapper
    {
        padding-bottom: 52px;
    }

    #footer
    {
        margin-top: -70px;
    }
    
    .dashboard #wrapper
    {
        padding-top: 98px;
    }

    .control-value, .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline
    {
        padding-top: 0;
    }

    .content-outer
    {
        padding-right: 0;
    }

    .sidebar
    {
        position: static;
        width: auto;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .slide-panel
    {
        border-right: solid 1px #d0dbe6;
    }

    .sidebar-content
    {
        padding: 15px;
    }

    .db_btn
    {
        padding-top: 10px !important;
    }

    .db-new
    {
        padding-top: 0;
    }

    .three-btns
    {
        text-align: center;
    }

        .three-btns .btn
        {
            display: block;
            margin: 3px auto !important;
        }

    .tag-form
    {
        padding: 0 0 10px;
    }

        .tag-form > label, .tag-form .btn-box
        {
            position: static;
        }

        .tag-form .btn-box
        {
            padding-top: 10px;
        }

    .entry-page #wrapper
    {
        padding-top: 67px;
    }

    .profile-header
    {
        padding: 10px 30px 10px 66px;
    }

        .profile-header .edit-detail span
        {
            display: none;
        }

    .profile-detail li
    {
        float: none;
        padding-right: 0;
    }

    #photoImage
    {
        width: 100px;
        height: 52px;
    }

    #div_signature_preview
    {
        width: auto !important;
        height: auto !important;
    }

        #div_signature_preview img
        {
            width: 100%;
        }
}

@media (max-width:750px) {
    .dashboard #footer {
        margin-top: -52px;
    }
}

@media (max-width:700px) {
    .dashboard #footer {
        margin-top: -68px;
    }
}

@media (max-width:560px)
{
    #wrapper
    {
        padding-bottom: 72px;
    }

    .person-detail
    {
        max-width: 133px;
    }

    .grid-footer-inner .form-group
    {
        display: block;
        padding-bottom: 5px;
        text-align: center;
    }

        .grid-footer-inner .form-group:last-child
        {
            padding-bottom: 0;
        }

    .main-menu > li
    {
        width: 33.33%;
    }

    .overwiew-twocol-list, .three-column
    {
        max-width: 320px;
    }

    #footer
    {
        margin-top: -72px;
        min-height: 72px;
    }

    .dashboard #footer
    {
        margin-top: -95px;
        min-height: 78px;
    }

    .dashboard .header-right h4,
    .survey-public .header-right h4{
        font-size: 12px;
    }

    #footer p, #footer .version {
        float: none;
        text-align: center;
        padding: 5px 0;
    }

    #photoImage
    {
        width: 100px;
        height: 52px;
    }

    .likertscale .table-responsive
    {
        overflow: auto !important;
        border: none !important;
    }
}

@media (max-width:545px) {
    .login-block
    {
        width: 96%;
        margin-left: 2%;
        left: 0;
    }
    /*.db_btn{display: none;}*/
    .db_new_btn .btn
    {
        display: block;
        margin: 0 auto;
    }

    #photoImage
    {
        width: 100px;
        height: 52px;
    }

    .form-entry-custWidth
    {
        width: 99% !important;
    }

    .grid_toplink a
    {
        padding: 10px 0;
    }

    .BtnAssessmentForm
    {
        white-space: normal;
        word-break: break-word;
    }

    .likertscale .table-responsive
    {
        overflow: auto !important;
        border: none !important;
    }

    .dashboard #footer {
        margin-top: -100px;
    }
}

@media (max-width:450px) {
    .dashboard #footer {
        margin-top: -78px;
    }
}

@media (max-width:400px) {
    .dashboard #footer {
        margin-top: -95px;
    }
}

/* Additional container max width breakpoint based on screen min width */
/* general container */
@media screen and (min-width:1366px) {
    .container {
        max-width: 1300px;
    }
}

@media screen and (min-width: 1400px) {
    .container {
        max-width: 1380px;
    }
}

@media screen and (min-width: 1440px) {
    .container {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1600px) {
    .container {
        max-width: 1580px;
    }
}

@media screen and (min-width: 1680px) {
    .container {
        max-width: 1600px;
    }
}

@media screen and (min-width: 1800px) {
    .container {
        max-width: 1750px;
    }
}

@media screen and (min-width: 1856px) {
    .container {
        max-width: 1800px;
    }
}

@media screen and (min-width: 1920px) {
    .container {
        max-width: 1900px;
    }
}

@media screen and (min-width: 2048px) {
    .container {
        max-width: 2000px;
    }
}

/* dashboard container */
@media (min-width: 576px) {
    .dashboard-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .dashboard-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .dashboard-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .dashboard-container {
        max-width: 1140px;
    }
}