/* https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488 */

@media (min-width: 1440px) {
    button.btn.btn-primary.btn-fab.animate-fab.add_profile_icon{
        right: 52% !important;
    }
    .add_user_icon .btn-fab{
        right: 42% !important;
    }
    .diva-table-body .matrix_table thead .matrix_set1{
        padding-left: 65px !important;
    }
    .diva-table-body .matrix_table thead .matrix_set2{
        padding-left: 50px !important;
    }
    #app_topnavbar-wrapper .navbar-nav>li a {
        padding: 10px 14px;
    }
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    .diva_form_body .signature{
        margin-left: 25px;
    }
    .diva_form_body .face_photo{
        margin-left: 35px;
    }
    .modal.diva .modal-dialog {
        width: 750px;
    }
    .modal.diva.fullscreen .modal-dialog{
        width: 100%;
    }
    .field_image{
        text-align: right;
    }
    .diva_top_menu [class*="col-"]{
        width: auto;
    }
    .diva-table-body .matrix_table thead .matrix_set1{
        padding-left: 50px;
    }
    .diva-table-body .matrix_table thead .matrix_set2{
        padding-left: 50px;
    }
    button.btn.btn-primary.btn-fab.animate-fab.add_profile_icon{
        right: 35%;
    }
    #app_topnavbar-wrapper .select-menu .form-group .dropdownjs>input[readonly]{
        width: 100%;
        margin-right: 50px;
        padding-right: 35px;
        text-align: right;
    }
    #app_topnavbar-wrapper .navbar-nav>li>a{
        padding: 10px 13px;
    }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1024px) and (max-width: 1280px) {
    .diva_form_body .signature{
        margin-left: 25px;
    }
    .diva_form_body .face_photo{
        margin-left: 35px;
    }
    .modal.diva .modal-dialog {
        width: 750px;
    }
    .modal.diva.fullscreen .modal-dialog{
        width: 100%;
    }
    .field_image{
        text-align: right;
    }
    .diva_top_menu [class*="col-"]{
        width: auto;
    }
    .diva-table-body .matrix_table thead .matrix_set1{
        padding-left: 55px;
    }
    .diva-table-body .matrix_table thead .matrix_set2{
        padding-left: 50px;
    }
    #app_topnavbar-wrapper .select-menu .form-group .dropdownjs>input[readonly]{
        width: 100%;
        margin-right: 50px;
        padding-right: 35px;
        text-align: right;
    }
    #app_topnavbar-wrapper .navbar-nav>li a {
        padding: 10px 7px;
        line-height: 1.2em;
        font-size: 14px;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (width: 768px){
    span.lat-long{
        display: none;
    }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .diva_pagination_input{
        width: 100px;
    }
    .diva_top_menu .btn{
        padding: 0 10px; 
    }
    .diva-crud .btn{
        width: 100px;
        white-space: normal;
    }
    .diva_top_menu.detail .extra-btn{
        width: 30% !important;
    }
    .diva_top_menu [class*="col-"]{
        width: auto;
    }
    .diva-table-body .matrix_table thead .matrix_set1{
        padding-left: 50px;
    }
    .diva-table-body .matrix_table thead .matrix_set2{
        padding-left: 50px;
    }
    .approved_photo{
        padding-left: 0 !important;
    }
    #app_topnavbar-wrapper .select-menu .form-group .dropdownjs>input[readonly]{
        width: 100%;
        margin-right: 50px;
        padding-right: 35px;
        text-align: right;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
    .modal.diva .modal-dialog {
        width: 750px;
    }
    .modal.diva.fullscreen .modal-dialog{
        width: 100%;
    }
    .field_image{
        text-align: right;
    }
    .diva_top_menu [class*="col-"]{
        width: auto;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    .ins-image, .ins-image .field_box{
        margin-top: 10px;
    }
    #userTable_wrapper .mdl-grid .dataTables_length {
        display: block;
    }
    #userTable_wrapper .mdl-grid .dataTables_length label{
        width: 80%;
    }
    #newUserTable_wrapper .mdl-grid .dataTables_length {
        display: block;
    }
    #newUserTable_wrapper .mdl-grid .dataTables_length label{
        width: 80%;
    }
    .diva_top_menu .extra-btn{
        margin-top: 10px;
    }
    #app_topnavbar-wrapper .dropdown.avatar-menu .dropdown-menu {
        top: 40px;
    }
    .nav.navbar-nav .select-menu{
        bottom: 5px;
    }
    .diva_top_menu .border-sm-none{
        border: none !important;
    }
    .alertify-logs.center{
        left: 30%;
        right: 5%;
    }
    .dropdown.open .dropdown-menu.search-input-group {
        min-width: 200px;
    }
  
    .table-responsive>.table.matrix_table>tbody>tr>td, .table-responsive>.table.matrix_table>tbody>tr>th, .table-responsive>.table.matrix_table>tfoot>tr>td, .table-responsive>.table.matrix_table>tfoot>tr>th, .table-responsive>.table.matrix_table>thead>tr>td, .table-responsive>.table.matrix_table>thead>tr>th{
        white-space: normal;
    }
    .diva-table-body .matrix_table thead .matrix_set1{
        padding-left: 50px;
    }
    .diva-table-body .matrix_table thead .matrix_set2{
        padding-left: 50px;
    }
    .approved_photo{
        padding-left: 0 !important;
    }
    #app_topnavbar-wrapper .select-menu .form-group .dropdownjs>input[readonly]{
        width: 100%;
        margin-right: 50px;
        padding-right: 35px;
        text-align: right;
    }
    #app_topnavbar-wrapper .nav.navbar-nav li.switch-company-menu{
        max-width: 120px;
    }
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    /*.diva-list-inner .col-xs-2.diva_pagination{
        width: 25%;
    }
    .diva-list-inner .col-xs-7.diva_pagination_per{
        width: 41.66%;
    }
    .diva_top_menu .border-xs-none{
        border: 0px;
    }
    .diva_top_menu .xs-p-b-15{
        padding-bottom: 15px !important;
    }

    .diva-detail-inner .col-xs-5.diva_pagination_per{
        width: 33.33%;
    }*/

    .diva_pagination_input{
        width: 80px;
    }
    .diva_top_menu .border-xs-none{
        border: 0px;
    }
    .dropdown .dropdown-menu.search-input-group{
        left: -220px;
    }
    .diva-crud .btn{
        width: 100px;
        white-space: normal;
    }

    .diva_top_menu .diva_pagination_per{
        margin-left: 12px !important;
        padding: 0px !important;
    }
    .diva_top_menu .diva_pagination_per [class*="col-"]{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .diva_top_menu .diva-crud .btn{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .diva_top_menu .diva-find{
        padding-right: 0px;
    }
    .diva_top_menu [class*="col-"]{
        width: auto;
        padding-right: 7px !important;
        padding-left: 8px !important;
    }
    .diva_top_menu .diva-pagination-wrap{
        padding-left: 15px !important;
    }

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
    .diva_top_menu .btn{
        padding: 0 10px; 
    }
    .diva-crud .btn{
        width: 100px;
        white-space: normal;
    }
    .diva_top_menu .xs-m-l-0, .diva_top_menu .xs-m-r-0{
        margin-left: 0px !important;
    }
    .diva_top_menu .xs-p-l-25{
        padding-left: 25px !important;
    }
    .diva_top_menu .totaloutof{
        white-space: nowrap;
    }
    .diva_top_menu .border-xs-none{
        border: 0px;
    }
    .diva_top_menu .xs-p-b-15{
        padding-bottom: 15px !important;
    }
    .dropdown .dropdown-menu.search-input-group{
        left: -80px;
    }
    .diva_top_menu .btn.btn-save{
        margin-top: 10px;
    }
    .add_service_icon .btn-fab{
        right: 22% !important;
        bottom: 55%;
    }
    .diva-edit{
        margin-top: 10px;
    }
    .card.card-data-tables .dataTables_wrapper .mdl-grid:last-child .mdl-cell.mdl-cell--4-col, .card.card-data-tables .dataTables_wrapper .mdl-grid:last-child .mdl-cell.mdl-cell--8-col{
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_paginate{
        text-align: center;
    }
    .diva_top_menu .border-sm-none{
        border: none !important;
    }
    .alertify-logs.center{
        left: 30%;
        right: 5%;
    }
    .dropdown.open .dropdown-menu.search-input-group {
        min-width: 200px;
    }
    .ins-image, .ins-image .field_box{
        margin-top: 10px;
    }
    #userTable_wrapper .mdl-grid .dataTables_length {
        display: block;
    }
    #userTable_wrapper .mdl-grid .dataTables_length label{
        width: 80%;
    }
    #newUserTable_wrapper .mdl-grid .dataTables_length {
        display: block;
    }
    #newUserTable_wrapper .mdl-grid .dataTables_length label{
        width: 80%;
    }
    .diva_top_menu .extra-btn{
        margin-top: 10px;
    }
    #app_topnavbar-wrapper .dropdown.avatar-menu .dropdown-menu {
        top: 40px;
    }
    .nav.navbar-nav .select-menu{
        bottom: 5px;
    }
    .table-responsive>.table.matrix_table>tbody>tr>td, .table-responsive>.table.matrix_table>tbody>tr>th, .table-responsive>.table.matrix_table>tfoot>tr>td, .table-responsive>.table.matrix_table>tfoot>tr>th, .table-responsive>.table.matrix_table>thead>tr>td, .table-responsive>.table.matrix_table>thead>tr>th{
        white-space: normal;
    }
    .diva-table-body .matrix_table thead .matrix_set1{
        padding-left: 50px;
    }
    .diva-table-body .matrix_table thead .matrix_set2{
        padding-left: 50px;
    }
    .approved_photo{
        padding-left: 0 !important;
    }
    #app_topnavbar-wrapper .select-menu .form-group .dropdownjs>input[readonly]{
        width: 70px;
        padding-right: 35px;
        text-align: right;
    }
    .test_company{
        display: none !important;
    }
}