@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .load{height:100%}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
    .load{height:100%}
}

@media screen and (max-width: 1366px) {
    .datagrid-table-param{min-height:611px}
    /*.datagrid-table-param table thead tr:nth-child(2) th {top: 36px !important;}*/
    .datainput-well .data-grid-inner-container #bottom-margin label{word-break: break-all}
    .filterExportCenter .add-condition-button{padding:10px 0;font-size:17px}
    .applicationSettings h4{font-size:17px}
    .applicationSettings .edit-btn .btn{padding:0;margin-top:10px;margin-bottom:10px}

    .margin-dropdown label {margin-top: 22px;}/*confidential records text search page*/

    /*.data-table-param table tbody{height:290px}*/
    /*.tbody-param{height:220px}*/
    /*.views-height{height:300px}*/
}
@media screen and (min-width: 768px) {
/*.exportDashDesc{font-size:27px}*/
}


@media only screen and (max-width : 1680px) {
    #client-tooltip.en .popover.top>.arrow{left:54.5%;}
    #fiscal-year-tooltip.en .popover.top>.arrow{left:54.5%;}
    #company-code-tooltip.en .popover.top>.arrow{left:72.5%;}
    #data-limitation-tooltip.en .popover.top>.arrow{left:73.5%;}
    #column-visibility-tooltip.en .popover.top>.arrow{left:68%;}

    #client-tooltip.de .popover.top > .arrow{left:55%;}
    #fiscal-year-tooltip.de .popover.top > .arrow{left:59%;}
    #company-code-tooltip.de .popover.top > .arrow{left:71%;}
    #data-limitation-tooltip.de .popover.top > .arrow{left:79%;}
    #column-visibility-tooltip.de .popover.top > .arrow{left:71%;}
    #required-field-tooltip.de .popover.top > .arrow{left:50%;}

    #dropfile .message{width: 40.3%;}
}

@media only screen and (max-width : 1600px) {
    .data-info-margin-align-left {
        width: 25%;
    }
    .data-info-margin-align{padding-left: 0;}

    #client-tooltip.en .popover.top>.arrow,
    #fiscal-year-tooltip.en .popover.top>.arrow{left:50%;}

    #company-code-tooltip.en .popover.top>.arrow{left:59%;}

    #data-limitation-tooltip.en .popover.top>.arrow,
    #column-visibility-tooltip.en .popover.top>.arrow{left:59.5%;}

    #client-tooltip.de .popover.top > .arrow{left:50.5%;}
    #fiscal-year-tooltip.de .popover.top > .arrow{left:53%;}
    #company-code-tooltip.de .popover.top > .arrow{left:58%;}
    #data-limitation-tooltip.de .popover.top > .arrow{left:62.5%;}
    #column-visibility-tooltip.de .popover.top > .arrow{left:62.5%;}
    #required-field-tooltip.de .popover.top > .arrow{left:50%;}

    #dropfile .message{width: 39.7%;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1480px) {
    .data-info-margin-align,
    .data-info-margin-align-left{width: 33.3%;}

    .data-info-margin-align{padding-left: 15px;}

    .breadcrumb.paging li a{padding: 0 2px;font-size: 15px;}

    .well, .left-right-padding-sm .if-blur-content.col-lg-12 > .well{margin-bottom: 20px;}
    .if-blur-content.col-lg-12 > .well{margin-bottom: 35px;}
    #twin-table-left .paging-footer-absolute-left, #twin-table-right .paging-footer-absolute-left {top: 22px;}
    
    #dashboard-settings #twin-table-left .twin-paging-pad,
    #dashboard-settings #twin-table-right .twin-paging-pad{padding-top: 15px;}
    
    #group-rights-selection #twin-table-left .twin-paging-pad,
    #group-rights-selection #twin-table-right .twin-paging-pad{padding-top: 20px;}
}

/*This is only for tooltip arrow position*/
@media only screen and (max-width : 1440px) {
    #client-tooltip.en .popover.top>.arrow{left:51%;}
    #fiscal-year-tooltip.en .popover.top>.arrow{left:58.5%;}
    #company-code-tooltip.en .popover.top>.arrow{left:66%;}
    #data-limitation-tooltip.en .popover.top>.arrow{left:66.5%;}
    #column-visibility-tooltip.en .popover.top>.arrow{left:72.5%;}
    #optional-field-tooltip.en .popover.top>.arrow{left:50.5%;}
    #required-field-tooltip.en .popover.top>.arrow{left:50.5%;}


    #client-tooltip.de .popover.top > .arrow{left:55%;}
    #fiscal-year-tooltip.de .popover.top > .arrow{left:62.5%;}
    #company-code-tooltip.de .popover.top >.arrow{left:64%;}
    #data-limitation-tooltip.de .popover.top > .arrow{left:70%;}
    #column-visibility-tooltip.de .popover.top > .arrow{left:76%;}
    #required-field-tooltip.de .popover.top > .arrow{left:50%;}

    #dropfile .message{width: 38.5%;}

}

@media only screen and (max-width : 1440px) {
    .filterExportCenter #filterOperator.form-control{padding-right: 10px}
    .export-tableSelection-footer .back {width:10%;}
    .export-tableSelection-footer .breadcrumb-container {width:80%;}
    .export-tableSelection-footer .next {width:10%;padding-left:0}
}

/*This is only for tooltip arrow position*/
@media only screen and (max-width : 1400px) {
    #client-tooltip.en .popover.top>.arrow{left:49.5%;}
    #fiscal-year-tooltip.en .popover.top>.arrow{left:53%;}
    #company-code-tooltip.en .popover.top>.arrow{left:60%;}
    #data-limitation-tooltip.en .popover.top>.arrow{left:60.5%;}
    #column-visibility-tooltip.en .popover.top>.arrow{left:65.5%;}


    #client-tooltip.de .popover.top > .arrow{left:50%;}
    #fiscal-year-tooltip.de .popover.top > .arrow{left:57.5%;}
    #company-code-tooltip.de .popover.top >.arrow{left:59%;}
    #data-limitation-tooltip.de .popover.top > .arrow{left:58%;}
    #column-visibility-tooltip.de .popover.top > .arrow{left:69%;}
    #required-field-tooltip.de .popover.top > .arrow{left:50%;}

    .data-info-margin-align, .data-info-margin-align-left {
        width: 36%;
    }
    .data-info-margin-align {
        margin-left: 10%;
    }
    .data-info-margin-align-left {
        left: 10%;
    }

    .data-info-margin-align {
        padding-left: 15px;
    }
    .class-for-one-four {
        right: -10%;
    } 
    #dropfile .message {
        width: 38.2%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1366px) {
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td{padding:8px 3px; line-height: normal;position: relative;}
 
    /*.sort-box {width: 15px;}*/
    /*.sort-box {position: absolute;right: 0px;top: 27%;}*/
    .fa-fw{width: 10px;}

    .breadcrumb-container{padding-left: 0;padding-right: 0;}
    .navbar-footer .breadcrumb>li>.btn{padding: 10px}
    .search-group .search-icon{top: 12px}
    
    .breadcrumb.paging li a{padding: 0 1px; font-size: 14px;}

    .twin-paging-pad{padding-top: 20px;}

    html.gecko .table-bordered tbody tr:last-of-type{margin-bottom: 0;}
    html.gecko #dashboard-settings #twin-table-left .twin-paging-pad,
    html.gecko #dashboard-settings #twin-table-right .twin-paging-pad{padding-top: 20px;}

    
    /*.table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td{position: static;}*/

    #transactionData #tableSearch tr th.col-md-1, #transactionData #tableSearch tr td.col-md-1{width: 15%;}
    #transactionData #tableSearch tr th.col-md-3, #transactionData #tableSearch tr td.col-md-3{width: 25%;}
    #transactionData #tableSearch tr th.col-md-8, #transactionData #tableSearch tr td.col-md-8{width: 60%;}        

    .input-group #filterOperator.form-control{line-height: 15px;}
    html.gecko .input-group #filterOperator.form-control{line-height: 14px; font-size: 14px;}

    html.gecko .dropdown-menu{min-width: 55px;}

    #filterOperatorId .input-group span{padding-left: 10px;padding-right: 10px;}

    html.ie11 table > tbody > tr > td, html.ie11 table > tbody > tr > td > div, html.ie11 table > tbody > tr > td > span, html.ie11 table > tbody > tr > td > a{overflow: hidden;}

    #client-tooltip.en .popover.top>.arrow{left:50%;}
    #fiscal-year-tooltip.en .popover.top>.arrow{left:50.4%;}
    #company-code-tooltip.en .popover.top>.arrow{left:55.5%;}
    #data-limitation-tooltip.en .popover.top>.arrow{left:56.5%;}
    #column-visibility-tooltip.en .popover.top>.arrow{left:60.8%;}
    

    #client-tooltip.de .popover.top>.arrow{left:50.5%;}
    #company-code-tooltip.de .popover.top>.arrow{left:55%;}
    #data-limitation-tooltip.de .popover.top>.arrow{left:59%;}
    #column-visibility-tooltip.de .popover.top>.arrow{left:63.5%;}
    #fiscal-year-tooltip.de .popover.top>.arrow{left:54%;}

    #required-field-tooltip.de .popover.top > .arrow,
    #optional-field-tooltip.de .popover.top > .arrow{left:50.5%}

    .data-info-margin-align, .data-info-margin-align-left {
        width: 40%;
    }

    .datainput-form-border{padding: 0 25px;}

    .controls{width:45%;}

    #dropfile .message{width: 37.7%;}
    .class-for-one-four {
        right: -10%;
    } 

    .column-Order-table table{height:476px; border-bottom-width:1px;}
}

@media only screen and (max-width : 1360px) {
    #client-tooltip.en .popover.top>.arrow{left:50.5%;}
    #fiscal-year-tooltip.en .popover.top>.arrow{left:50.8%;}
    #company-code-tooltip.en .popover.top>.arrow{left:56.8%;}
    #data-limitation-tooltip.en .popover.top>.arrow{left:57.5%;}
    #column-visibility-tooltip.en .popover.top>.arrow{left:62%;}

    #fiscal-year-tooltip.de .popover.top>.arrow{left:55%;}
    #company-code-tooltip.de .popover.top>.arrow{left:56%;}
    #data-limitation-tooltip.de .popover.top>.arrow{left:60%;}
    #column-visibility-tooltip.de .popover.top>.arrow{left:64.6%;}
    .class-for-one-four {
        right: -10%;
    } 
    
}

/*This is only for tooltip arrow position*/
@media only screen and (max-width : 1280px) {
    .data-info-margin-align{width: 40%; margin-left: 8%;}

    #client-tooltip.en .popover.top>.arrow{left:51%;}
    #fiscal-year-tooltip.en .popover.top>.arrow{left:52.5%;}
    #company-code-tooltip.en .popover.top>.arrow{left:66%;}
    #data-limitation-tooltip.en .popover.top>.arrow{left:66.5%;}
    #column-visibility-tooltip.en .popover.top>.arrow{left:65%;}


    #client-tooltip.de .popover.top > .arrow{left:56%;}
    #fiscal-year-tooltip.de .popover.top > .arrow{left:57.5%;}
    #company-code-tooltip.de .popover.top >.arrow{left:64.5%;}
    #data-limitation-tooltip.de .popover.top > .arrow{left:70%;}
    #column-visibility-tooltip.de .popover.top > .arrow{left:69%;}
    #required-field-tooltip.de .popover.top > .arrow{left:50%;}
    .class-for-one-four {
        right: -8%;
    } 
}

/* devices with small height */
@media only screen and (max-height : 948px) {
    #dashboard-page .tab-content, .column-limitation-page .margin-zero, #viewbox-logging .tab-content{
        margin-bottom: 1.5%
    }
    .status-container{width:90.5%;}
}

/* Small Devices, Tablets */
/*@media only screen and (max-width : 1280px) {
    .login-btn .btn{width: 50%}
}*/

@media only screen and (max-width: 1366px) {
    .dropbtn-dashboard {font-size: 12.5px;padding: 4px 14px;}
    .dropdown-menu.dropMenuBtn {min-width: 55px; bottom: 32.5px !important;}
    /*.paging-footer-absolute-right .btn-link{font-size: 14px;}*/
    .absolute-right .dropdown-menu > li > a, .paging-footer-absolute-right .dropdown-menu > li > a {font-size: 13px;}
    .paging-footer-absolute-left{font-size:14px; padding-top: 8px;}
    /*.twin-pagging-button {font-size: 14px}*/
    html.ie .table-bordered > thead > tr > th{background-color: transparent !important;}
    html.ie .table-bordered > thead > tr{background-color: #E9EFF3;}
}

@media only screen and (max-width: 1400px) {
    .dropbtn-dashboard {font-size: 12.5px;padding: 4px 14px;}
    .dropdown-menu.dropMenuBtn {min-width: 55px; bottom: 32.5px !important;}
    /*.paging-footer-absolute-right .btn-link{font-size: 14px;}*/
    .absolute-right .dropdown-menu > li > a, .paging-footer-absolute-right .dropdown-menu > li > a {font-size: 13px;}
    .paging-footer-absolute-left{font-size:14px; padding-top: 8px;}
    /*.twin-pagging-button {font-size: 14px}*/
}