/*
Style - Responsive - Media Queries (Desktop First Method) 
Major View Ports - 1170, 1280px, 1366px & Above
*/


/* Desktop Version - Between 1280px - 1365px Viewport  */

@media all and (min-width:1280px) and (max-width:1365px) {
    /*Branches*/
    .listing_panel .listing_header .box_right .btn {
        /*width: 150px;*/
    }

}


@media only screen and (min-width:1280px) and (max-width:1365px) {
    /*attendance arrow style in dashboard*/
    .calender_sec .ui-datepicker .ui-datepicker-prev {
        left: 15px !important;
    }
    .calender_sec .ui-datepicker .ui-datepicker-next {
        right: 15px !important;
    }
    /*attendance arrow style in dashboard*/

    .app_links .app_link_text p {
        padding: 0 0 0 55px !important;
    }
    .app_links .app_link_text {
        background: url(/images/app_links/download_app_link.svg) 1% 0 no-repeat !important;
    }

}




/* Desktop Version - Between 1170px - 1279px Viewport  */

@media all and (min-width:1170px) and (max-width:1279px) {
    /*Branches*/
    .listing_panel .listing_header .box_right .btn {
        /*width: 150px;*/
    }
    .listing_panel .listing_filter select.form-control:not([size]):not([multiple]) {
        max-width: 120px;
    }
}



/* Desktop Version - Between 0px - 1279px Viewport  */

@media all and (min-width:0px) and (max-width:1169px) {

    body {
        /*min-width:1170px;
        overflow: auto;*/
    }
    .box_profile {
        display: block;
    }
    /** Login **/
    .login_wrapper .box_login_reset {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    /*Branches*/
    .listing_panel .listing_header .box_right .btn {
        width: 140px;
    }
    .listing_panel .listing_filter select.form-control:not([size]):not([multiple]) {
        max-width: 120px;
    }
    .mobile_logout {
        display: inline-block;
    }
    .main_content_wrapper {
        /*top: 20px;*/
        position: relative;
    }
    .my_team_box, .for_approval_box {
        display: none;
    }

    .my_team_activity {
        display: block;
    }
}





/*** Tablet  Version - Between 768px-991px Viewport ***/

@media all and (min-width:0px) and (max-width:991px) {}

@media all and (min-width:768px) and (max-width:991px) {}




/*** Mobile  Version - Between 0-767px Viewport ***/

@media all and (min-width:0px) and (max-width:767px) {
    /* Dashboard */
    .dashboard_wrapper .dashboard_left {
        width: calc(100%);
        padding-bottom: 25px;
    }
    .dashboard_wrapper .dashboard_right {
        float: left;
        width: 100%;
        padding-left: 0px;
    }
    .dashboard_right .box_profile {
        margin-top: 0;
        margin-bottom: 25px;
    }
    .dashboard_right .box_anouncement {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .dashboard_left .module_head {
        font-size: 30px;
    }
    .dashboard_left .module_text {
        font-size: 18px;
    }
    .dashboard_left .activity_box_container {
        float: left;
        width: 405px;
        margin-top: 10px;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        padding-left: 15px;
    }
}




/*** Mobile  Version - Between 0px-479px Viewport  ***/

@media all and (min-width:0px) and (max-width:479px) {
    /* Login */
    .box_login_reset .login_bottom .forgot_password_link {
        float: left;
        width: 100%;
    }
    /* Dashboard */
    .dashboard_left .activity_box_container{
        float:left;
        width:100%;
    }
    .activity_box_container .activity_box{
        width:100%;
        margin-right: 0;
    }
    .dashboard_left .activity_box_container{
        padding-left:0;
    }
}




/*** Small Devices Version - upto 319px Viewport  ***/

@media all and (min-width:0px) and (max-width:319px) {}




/*** Mobile  Version - Between 640px-767px Viewport  ***/

@media all and (min-width:640px) and (max-width:767px) {}




/*** Miscellaneous Viewport - Custom, Retina and Others ***/

@media all and (min-width:0px) and (max-width:319px) {}


/*** IE CSS Fix ***/
/*IE10 and IE11*/
/*==================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .container{
        /*overflow: hidden;*/
    }
    .job_detail_box .form-row .row{
        width:100%;
    }
    .employee_attan_details .emp_details_left .custom_fil_sect .list_select_drop{
        display: none;
    }

    .interview_panel .box-inner h5 img{
        margin-top:0px !important;
    }
}