/**
*
*  Events Calendar Responive
*
*  Created by Subhranil Dutta (subhranild@zacksindia.com)
*
*  July 2016
*
**/

@media screen and (max-width:667px){
    .events_calendar,header.main, #cal_week_view, #event_details, #cal_week_view footer.weekly_calendar_footer, #pageNavPosition .size1of4, #pageNavPosition .size3of4{
        float: left;
        width: 100%;
    }
    #cal_week_view, #event_details #events_tabs ul, #event_details #events_tabs{height: auto;}
    #companytabHead ul{height: auto !important;}


    .seven_col.events_for{
        height: auto;
    }
    .events_for article{
        width: 99%;
        margin: 10px 0 0 0;
    }
    .events_for article .cal_data
    , .events_for article > div{
        height: auto;
    }
    .events_for article header h1{
        float: left;
        margin-right: 8px;
    }
    .events_for article header span{
        float: left;
        margin-top: 2px;
    }


    header.main{
        height: auto;
        padding-bottom: 5px;
    }
    header.main h1{
        font-size: 11pt;
        height: auto;
        margin-bottom: 5px;
    }
    header.main #search_ticker{
        top: 0;
        right: inherit;
        width: 133px;
        position: relative;
        height: 21px;
    }
    header.main #search_ticker #er_msg{
        top: 17px;
        right: -166px;
        display: block;
        height: 24px;
        width: 130px;
        line-height: 12px;
    }

    .events_listing ul li
    , #companytabHead ul li{
        width: 100%;
    }
    .events_listing ul li a
    , #companytabHead ul li a{
        width: 96%;
        display: block;
        margin-bottom: 5px;
        border-bottom: 1px solid #afafaf;
    }


    #event_details .event_details_heading h1{height: 45px;}
    #event_details .print{left: 0; top: 40px;}
    #event_details .full_list{left: 35px; top: 41px;}

    #event_details .event_details_heading h1{
        font-size: 10pt;
    }



    #events_list{
        overflow-x: scroll;
        float: left;
        width: 100%;
    }
    #events_list .dataTable{
        width: 695px;
    }


    #pageNavPosition .dataTables_info
    , #pageNavPosition .pagination_nav
    , #comppageNavPosition .dataTables_info
    , #comppageNavPosition .pagination_nav{
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    #pageNavPosition .pagination_nav .dataTables_paginate
    , #comppageNavPosition .pagination_nav .dataTables_paginate{
        float: left;
    }
    #pageNavPosition .pagination_nav .dataTables_paginate a
    , #comppageNavPosition .pagination_nav .dataTables_paginate a{
        font-size: 8pt;
    }
    #pageNavPosition .pagitxt{
        margin-left: 5px;
    }
    #pageNavPosition .size3of4 .pagination.fltright{
        float: left;
    }



    .events_calendar.company_events #company_events_list caption{
        min-height: 55px;
    }
    .events_calendar.company_events #company_results{
        width: 695px;
    }
    .events_calendar.company_events #company_events_list{
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            padding-bottom: 20px;
    }


    /*.toggle_cal_btn, .expand_cal_btn{
        position: relative;
    }
    .toggle_cal_btn::after, .expand_cal_btn::after{
        height: 14px;
        width: 14px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 16px;
        text-align: center;
        line-height: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        content: '+';
        background-color: #31b131;
        top: 5px;
        right: 10px;
        cursor: pointer;
        font-size: 14px;
    }
    .expand_cal_btn::after{
        background-color: red;
        content: '-';
    }
    .toggle_cal_data{
        display: none;
    }*/


    /* attributes for earnings calendar */
     /*#earnings_calendar_events, #weeklycal, footer#nxtPrevBlock{width: 98%; margin-left: 1%; margin-right: 1%; padding-left:0; padding-right: 0;  float: left; max-width: 1024px;}
     #earnings_calendar_events span{width: 100%; float: left; margin: 5px 0; text-align: center; position: relative; top: 0; left: 0;}
     #earnings_calendar_events header span{width: auto; margin-left: 10px; font-size: 12px; float: left;}
     #earnings_calendar_events .minical_holder{display: block; width: 95% !important; max-width: 1024px; margin: 55px auto;}
     #weeklycal{margin-left: 0 !important; padding-bottom: 3px;}
     #weeklycal article, #weeklycal header, #weeklycal content{float: left; width: 100%; height: auto;}
     #weeklycal h1{ width: auto;  float: left;}
     footer#nxtPrevBlock section#prev_next{float: left; width: 100%;}
     section#prev_next div.prenext_txt{width: auto !important;}
     #events_list table{width:600px;}*/

    .events_for article header{position: relative;}
    .events_for article header::after, .events_for article header.toggle_cal_btn::after/*, .events_for article.unsel header.sel:after*/{height: 16px; width: 16px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; top: 3px; right: 10px; cursor: pointer; font-size: 14px; background-color: #31b131;}
    .events_for article header.expand_cal_btn::after/*, .events_for article header.sel::after*/{background-color: red; content: '-';}

    #weeklycal .toggle_cal_btn h1, #weeklycal .toggle_cal_btn span, #weeklycal .expand_cal_btn h1, #weeklycal .expand_cal_btn span{float: left; width: auto;}
    #weeklycal .toggle_cal_btn span, #weeklycal .expand_cal_btn span{margin-left: 10px; font-size: 12px;}
    .toggle_cal_data{display: none;}
    .events_for article header{padding: 5px 0 5px 5px;}

    #event_details{min-height: 600px;}

    #events_list #events_results_wrapper .dt-buttons{
        position: absolute;
        /*top: 278px;*/
        top: -34px;
        left: 0;
    }
    #events_results_length{
        /*top: 272px;*/
        top: -42px;
        left: 60px;
    }
    .bottom_value_wrapper{
        float: left;
        width: 100%;
    }
    .bottom_value_wrapper > div{
        float: left;
        width: 100%;
        margin-left: 0;
        margin-bottom: 4px;
    }
    .bottom_value_wrapper .dataTables_length{
        position: inherit;
        top: inherit;
    }
    .dataTables_paginate a{
        padding: 2px 2.5px;
        margin-left: 2px;
    }
    .dataTables_paginate{
        padding-bottom: 15px;
    }

    .events_calendar.company_events #company_results .sb_eve h5{
        padding-bottom: 27px;
    }
    .events_calendar.company_events #company_events_list #company_results_wrapper{
        position: relative;
    }
    #company_results_wrapper .dataTables_length{
        left: 0;
        top: -28px;
        position: absolute;
        margin-left: 0;
    }
    #company_results_wrapper .bottom_value_wrapper .dataTables_length{
        top: 50px;
    }
    #company_results_wrapper .dataTables_paginate{
        float: left;
    }
    .DTFC_ScrollWrapper{
        margin-top: 30px;
        height: 100% !important
    }

    #minical_place_holder{
        left: 0;
        width: 250px;
    }

    #company_view .DTFC_LeftHeadWrapper caption > table{
    width: 300px;
    }
    #company_view .DTFC_LeftHeadWrapper caption > table td:first-child{
        width: auto !important;
    }

    .events_calendar, #companytabHead, .events_calendar.company_events .event_details_heading > h1{
        height: auto !important;
    }

    #events_list .dataTable th.sorting_asc:after, .event_details_heading .dataTable th.sorting_asc:after{
        font-size: 6pt !important;
    }
    #events_list .dataTable th.sorting_desc:after, .event_details_heading .dataTable th.sorting_desc:after{
        font-size: 6pt !important;
    }

    #events_list .dataTables_scrollBody table tbody td:nth-child(2){
    padding-left: 10px;
}


}

@media screen and (min-width:779px){
    .events_for article > div{
        display: block !important;
    }
}


@media screen and (max-width:374px) and (min-width:320px){
    #event_details .event_details_heading h1{height: 40px;}
    #event_details .print{left: 0; top: 40px;}
    #event_details .full_list{left: 35px; top: 41px;}
}

@media screen and (min-width:320px) and (max-width:414px){
    #events_list #events_results_wrapper .DTFC_LeftHeadWrapper{overflow: visible !important;}
    #events_list #events_results_wrapper .dataTables_scrollHeadInner table thead th:nth-child(2){padding-left: 10px !important;}
    #events_list .dataTables_scrollHeadInner th{padding-right: 2px; padding-left: 2px;}
}

/*@media screen and (min-width:568px) and (max-width:767px){
    #events_results_length{top: 332px !important;}
    #events_list #events_results_wrapper .dt-buttons{top: 340px !important;}
}*/



/*I-pad hack*/
@media only screen and (min-device-width: 768px) and
(max-device-width: 1024px) and (orientation:portrait) {
  .events_listing ul, #companytabHead ul {
        height: 22px !important;
    }
}

@media only screen and (min-device-width: 768px) and
(max-device-width: 1024px) and (orientation:landscape) {
  .events_listing ul, #companytabHead ul {
        height: 22px !important;
    }
}

@media screen and (min-width:1024px){
    .events_for article header{cursor: none;}
}