SiDoMan/style/default/css/responsive.css

689 lines
16 KiB
CSS

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.header-top-area{
position:unset;
}
.main-menu-area.mg-t-80-b-40{
margin-top:40px;
}
ul.notika-menu-wrap li a {
padding: 15px 20px;
}
ul.notika-main-menu-dropdown li > a {
padding: 15px 15px;
}
.dk-res-mg-t-30{
margin-top:30px;
}
.dk-res-ds{
display:none;
}
.email-signle-gp {
margin: 0px 25px;
}
.header-top-menu .nav.notika-top-nav li .search-dd {
left: -690px;
width: 940px;
}
.realtime-country-ctn {
padding-top: 26px;
}
.dk-res-mg-t-10{
margin-top:10px;
}
.dropdown-trig-an-list .dropdown-trig-sgn {
margin: 5px 0px;
}
.images-cropper-pro .btn{
margin:5px 0px;
}
.table-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 0px solid #ddd;
}
.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
white-space: nowrap;
}
.table-responsive .pagination-inbox {
margin-bottom: 20px;
}
.left-sidebar-pro {
display: block;
}
.all-content-wrapper {
margin-left: 200px;
}
.box-layout .header-top-area {
width: 100%;
}
.box-layout .header-top-area, .header-top-area.dark-header, .header-top-area.dark-sidebar-tp, .header-top-area.default-sidebar-tp, .fullscreen .header-top-area, .header-top-area.hd-fd-tp, .header-top-area.lg-sd-tp, .header-top-area.lg-tp-ld, .header-top-area.mini-std-tp, .header-top-area.sm-ltd-sd, .offcanvas .header-top-area, .rtl-layout .header-top-area{
position: fixed;
}
.fullscreen .menu-switcher-pro .btn.bar-button-pro {
left: -8px;
}
.main-menu-lv-int ul.main-menu-lv > li > a {
padding: 15px 12px;
}
.main-menu-lv-int ul.main-menu-lv li ul.menu-dp-lt.page-ltd-mn {
left: -100px;
}
.offcanvas .menu-switcher-pro .btn.bar-button-pro{
left: -8px;
}
.sm-ltd-sd .menu-switcher-pro .btn.bar-button-pro {
left: -8px;
}
.box-layout-wp-bg .menu-switcher-pro .btn.bar-button-pro {
left: -6px;
}
ul.notika-main-menu-dropdown li ul.layout-more-dp {
left: -78px;
}
.menu-switcher-pro {
border-right: 0px solid #31b191;
}
.header-top-area.dark-header .menu-switcher-pro {
border-right: 0px solid #363c3a;
}
.rtl-layout .menu-switcher-pro {
border-left: 0px solid #31b191;
}
.realtime-map {
margin-top: 10px;
}
.default-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd, .sm-ltd-sd .header-top-menu .nav.notika-top-nav li .search-dd, .lg-sd-tp .header-top-menu .nav.notika-top-nav li .search-dd, .mini-std-tp .header-top-menu .nav.notika-top-nav li .search-dd, .lg-tp-ld .header-top-menu .nav.notika-top-nav li .search-dd, .offcanvas .header-top-menu .nav.notika-top-nav li .search-dd, .hd-fd-tp .header-top-menu .nav.notika-top-nav li .search-dd, .dark-header .header-top-menu .nav.notika-top-nav li .search-dd, .dark-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd, .fullscreen .header-top-menu .nav.notika-top-nav li .search-dd {
left: -682px;
width: 890px;
}
.btn-list .btn {
margin: 5px 5px;
}
.dash-widget-visits {
overflow: hidden;
}
.popover-wp {
padding: 40px 80px;
}
.dash-widget-visits canvas{
width:100% !important;
}
.contact-dt ul.contact-list li:first-child {
padding-top: 5px;
}
.breadcomb-ctn {
top: 2px;
}
.btn-button-mg{
margin-bottom: 10px !important;
margin-top: 0px !important;
}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.main-menu-area{
display:none;
}
.mobile-menu-area{
display:block;
}
.header-top-area{
position:unset;
}
.tb-res-mg-t-30{
margin-top:30px;
}
.tb-res-mg-t-0{
margin-top:0px;
}
.tb-res-ds-n{
display:none;
}
.flot-chart {
height: 300px;
}
.flot-chart.tb-rc-it-res{
height: 142px;
}
.email-signle-gp {
margin: 0px 6px;
}
.header-top-menu .nav.notika-top-nav li .search-dd {
left: -230px;
width: 720px;
}
.header-top-menu .nav.notika-top-nav li .search-dd .search-input {
margin: 7px 160px;
}
.flot-chart.bar-three {
height: 268px !important;
}
.flot-chart.dyn-ctn-fr{
height: 268px !important;
}
.tb-res-mg-t-40{
margin-top:40px;
}
.flot-chart.widget-dynamic-chart.ant-ctn-dyn{
height: 294px !important;
}
.tb-res-mg-t-10{
margin-top:10px;
}
.btn-list .btn{
margin: 5px 5px;
}
.notika-tl-btn .btn{
margin: 5px 0px;
}
.dropdown-trig-an-list .dropdown-trig-sgn {
margin: 5px 0px;
}
.maincrop-img {
display: unset;
}
.cp-img-anal {
margin-top: 15px;
}
.images-action-pro .btn{
margin:5px 0px;
}
.modal-inner-pro {
padding: 40px 40px;
}
.modals-default-notika {
padding: 30px 30px;
}
.modal-ft .btn, .modals-default-cl .btn, .notification-demo .btn{
margin:5px 5px;
}
.modal-dialog.modals-default .modal-content, .modal-dialog.modal-sm .modal-content, .modal-dialog.modal-large .modal-content {
padding: 30px 30px;
}
.modal-dialog.modals-default, .modal-dialog.modal-sm, .modal-dialog.modal-large {
width: 650px;
margin: 50px 70px;
}
.table-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 0px solid #ddd;
}
.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
white-space: nowrap;
}
.table-responsive .pagination-inbox {
margin-bottom: 20px;
}
.left-sidebar-pro {
display: none;
}
.all-content-wrapper {
margin-left: 0px;
}
.breadcomb-area {
margin-top: 40px;
}
.box-layout .header-top-area {
width: 100%;
}
.all-content-wrapper.large-ctn-wp {
margin-left: 0px;
}
.all-content-wrapper.mini-sidebar-ctn {
margin-left: 0px;
}
.mini-navbar .all-content-wrapper.mini-sidebar-ctn {
margin-left: 0px;
}
.rtl-layout .all-content-wrapper {
margin-right: 0px;
}
.rtl-layout .menu-switcher-pro .btn.bar-button-pro {
left: 8px;
}
.all-content-wrapper.small-ctn-wp {
margin-left: 0px;
}
.mini-navbar .all-content-wrapper.small-ctn-wp {
margin-left: 0px;
}
.sm-ltd-sd .menu-switcher-pro .btn.bar-button-pro {
left: -14px;
}
.mini-navbar .box-layout-wp-bg .all-content-wrapper {
margin-left: 0px;
}
.mini-navbar .all-content-wrapper {
margin-left: 0px;
}
.menu-switcher-pro {
display:none;
}
.logo-area {
text-align: center;
}
.nav.navbar-nav.notika-top-nav {
float: unset;
}
.header-top-menu {
max-width: 255px;
margin: 0 auto;
}
.header-top-menu.pull-left {
float: unset !important;
}
.rtl-layout .navbar-nav > li > a {
padding: 20px 0px 20px 30px;
}
.rtl-layout .header-top-menu .nav.notika-top-nav li .search-dd {
left: -210px;
}
.dash-widget-visits {
margin: 35px 0px;
}
.default-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd, .sm-ltd-sd .header-top-menu .nav.notika-top-nav li .search-dd, .lg-sd-tp .header-top-menu .nav.notika-top-nav li .search-dd, .mini-std-tp .header-top-menu .nav.notika-top-nav li .search-dd, .lg-tp-ld .header-top-menu .nav.notika-top-nav li .search-dd, .offcanvas .header-top-menu .nav.notika-top-nav li .search-dd, .hd-fd-tp .header-top-menu .nav.notika-top-nav li .search-dd, .dark-header .header-top-menu .nav.notika-top-nav li .search-dd, .dark-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd, .fullscreen .header-top-menu .nav.notika-top-nav li .search-dd {
left: -230px;
}
.dash-widget-visits {
overflow: hidden;
}
.popovers-pr-sg {
width: 275px;
}
.popover-wp {
padding: 40px 30px;
}
.dash-widget-visits canvas{
width:100% !important;
}
.widget-signup-list img {
top: -2px;
}
.widget-signup-list a {
height: 45px;
width: 45px;
margin: 9px 1px;
line-height: 45px;
}
.contact-dt ul.contact-list li:first-child {
padding-top: 5px;
}
.breadcomb-ctn {
top: 2px;
}
.btn-button-mg{
margin-bottom: 10px !important;
margin-top: 0px !important;
}
}
/* small mobile :320px. */
@media (max-width: 767px) {
.container {width:300px}
.main-menu-area{
display:none;
}
.mobile-menu-area{
display:block;
}
.left-sidebar-pro, .menu-switcher-pro{
display:none;
}
.logo-area{
text-align:center;
}
.nav.navbar-nav.notika-top-nav {
float: unset;
margin:0px;
}
.header-top-menu .nav.navbar-nav.notika-top-nav li{
display:inline-block;
}
.header-top-menu .nav.notika-top-nav li .message-dd.task-dd {
left: -200px;
}
.header-top-menu .navbar-nav > li > .dropdown-menu {
background:#fff;
}
.header-top-area{
position:unset;
}
.header-top-menu .nav.notika-top-nav li .search-dd {
left: 0px;
width: 270px;
border-radius: 2px;
}
.header-top-menu .nav.notika-top-nav li .search-dd .search-input {
margin: 4px 0px;
}
.header-top-menu .nav.notika-top-nav li .message-dd.chat-dd {
left: -231px;
}
.header-top-menu .nav.notika-top-nav li .message-dd {
left: -70px;
}
.header-top-menu .nav.notika-top-nav li .message-dd.notification-dd {
left: -124px;
}
.header-top-menu .nav.notika-top-nav li .message-dd.task-dd {
left: -178px;
}
.sm-res-mg-t-30{
margin-top:30px;
}
.sm-res-mg-t-0{
margin-top:0px;
}
.sm-res-ds-n{
display:none;
}
.all-content-wrapper{
margin-left:0px;
}
.logo-area.logo-left{
position:unset;
}
.header-top-menu {
text-align: center;
}
.breadcomb-area {
margin-top: 40px;
}
.breadcomb-report .tooltip{
width:150px;
}
.box-layout .header-top-area {
width: 100%;
}
.all-content-wrapper.large-ctn-wp {
margin-left: 0px;
}
.all-content-wrapper.mini-sidebar-ctn {
margin-left: 0px;
}
.header-top-menu.pull-left {
float: unset !important;
}
.rtl-layout .logo-area.logo-left {
position: unset;
}
.rtl-layout .all-content-wrapper {
margin-right: 0px;
margin-left: 0px;
}
.all-content-wrapper.small-ctn-wp {
margin-left: 0px;
}
.website-traffic-ctn p, .curved-ctn p, .recent-post-title p, .recent-post-it-ctn p, .view-ml-rl p, .mail-ads p, .multiupload-sys p{
line-height:24px;
}
.error-page-wrap .btn.error-btn-mg{
margin:5px 5px;
}
.sm-res-mg-t-40{
margin-top:40px;
}
.sm-res-mg-t-10{
margin-top:10px;
}
.btn-list .btn{
margin: 5px 5px;
}
.notika-tl-btn .btn{
margin: 5px 0px;
}
.cmp-int-lb{
text-align:left;
}
.cmp-int-lb.cmp-int-lb1 span {
top: 3px;
right: 0px;
}
.cmp-int-lb span {
top: 4px;
}
.view-mail-list .btn-group .btn{
margin:5px 1px;
}
.dataTables_wrapper .dataTables_filter {
width: 100%;
margin-top: 0px;
padding-top: 0px;
}
.dataTables_wrapper .dataTables_filter input {
padding: 0px 0px 0px 0px;
}
.dataTables_filter label::after {
right: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
margin: 5px 2px;
margin-bottom: 0px;
}
.dropdown-trig-hd h2{
line-height:24px;
}
.dropdown-trig-an-list .dropdown-trig-sgn {
margin: 5px 0px;
}
.summernote-wrap .btn-group .btn{
margin: 5px 0px;
}
.summernote-clickable .btn{
margin: 5px 0px;
}
.form-example-int.form-horizental .hrzn-fm {
text-align: left;
}
.cropper-container {
left: 0px !important;
margin-bottom: 15px;
}
.maincrop-img {
display: unset;
}
.cp-img-anal {
margin-top: 15px;
}
.img-preview-custom {
width: 225px;
height:150px;
}
.images-action-pro .btn{
margin:5px 0px;
}
.ivc-frm {
text-align: left;
}
.invoice-img {
padding: 30px 0px;
}
.invoice-sp, .bsc-tbl, .bsc-tbl-st, .bsc-tbl-bdr, .bsc-tbl-hvr, .bsc-tbl-cds, .bsc-tbl-cls{
width: 100%;
overflow-y: hidden;
}
.modal-inner-pro {
padding: 15px 15px;
}
.modals-default-notika {
padding: 15px 15px;
}
.modal-ft .btn, .modals-default-cl .btn, .notification-demo .btn, .popover-cl-pro .btn, .tooltips-static .btn{
margin:5px 5px;
}
.modal-dialog.modals-default .modal-content, .modal-dialog.modal-sm .modal-content, .modal-dialog.modal-large .modal-content {
padding: 20px 20px;
}
.modal-dialog.modals-default, .modal-dialog.modal-sm, .modal-dialog.modal-large {
width: 288px;
margin: 50px 70px;
}
.popover-wp {
padding: 15px 15px;
}
.popovers-pr-sg {
width: 200px;
}
.popovers-sgn h4{
line-height:24px;
}
.sm-res-mg-t-15{
margin-top:15px;
}
.widget-tabs-list .nav-tabs {
border-bottom: 0px solid #ddd;
}
.table-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 0px solid #ddd;
}
.table-responsive .pagination-inbox {
margin-bottom: 20px;
}
.dw-atc-sn a{
display:none;
}
.view-ml-rl {
display: none;
}
.wizard-wrap-int .nav > li > a {
margin: 1px 0px;
}
.rtl-layout .header-top-menu .nav.notika-top-nav li .search-dd {
left: -212px;
}
.default-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd, .sm-ltd-sd .header-top-menu .nav.notika-top-nav li .search-dd, .lg-sd-tp .header-top-menu .nav.notika-top-nav li .search-dd, .mini-std-tp .header-top-menu .nav.notika-top-nav li .search-dd, .lg-tp-ld .header-top-menu .nav.notika-top-nav li .search-dd, .offcanvas .header-top-menu .nav.notika-top-nav li .search-dd, .hd-fd-tp .header-top-menu .nav.notika-top-nav li .search-dd, .dark-header .header-top-menu .nav.notika-top-nav li .search-dd, .dark-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd, .fullscreen .header-top-menu .nav.notika-top-nav li .search-dd {
left: 5px;
}
.dash-widget-visits {
overflow: hidden;
}
.breadcomb-ctn p {
line-height: 24px;
}
.recent-items-inn{
width: 100%;
overflow-y: hidden;
}
.recent-items-inn .table{
margin-bottom:10px;
}
.table.table-inner.table-vmiddle > tbody > tr > td, .table.table-inner.table-vmiddle > tbody > tr > th, .table.table-inner.table-vmiddle > tfoot > tr > td, .table.table-inner.table-vmiddle > tfoot > tr > th, .table.table-inner.table-vmiddle > thead > tr > td, .table.table-inner.table-vmiddle > thead > tr > th {
white-space:nowrap;
}
.flot-chart-items {
margin: -10px -10px 0;
}
.realtime-country-ctn h5 {
line-height: 20px;
}
.dash-widget-visits canvas{
width:100% !important;
}
.breadcomb-report{
display:none;
}
.bread-ntd{
display:none;
}
.breadcomb-ctn {
top: 0px;
}
.cropper-container {
width: 100% !important;
}
.navbar-nav > li > a {
padding: 20px 15px 20px 15px;
}
.ntd-ctn {
left: -25px;
}
.spinner4 {
left: -30px;
}
.floating-numner p {
line-height: 24px;
}
.res-mg-fcs .nk-int-st {
margin-bottom: 15px;
}
.fm-checkbox label {
line-height: 24px;
}
.nk-int-mk p {
line-height: 24px;
}
.fm-cmp-mg{
margin-bottom:15px;
}
.dropzone.dropzone-nk h2, .dropzone.dropzone-nk p {
line-height: 24px;
}
.btn-button-mg{
margin-bottom: 10px !important;
margin-top: 0px !important;
}
.table.table-hover > tbody > tr > td, .table.table-hover > tbody > tr > th, .table.table-hover > tfoot > tr > td, .table.table-hover > tfoot > tr > th, .table.table-hover > thead > tr > td, .table.table-hover > thead > tr > th {
white-space: nowrap;
}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.main-menu-area{
display:none;
}
.lg-res-mg-bl{
display:block;
}
.email-round-pro {
width: 33.33%;
}
.header-top-menu .nav.notika-top-nav li .search-dd .search-input {
margin: 4px 30px;
}
.header-top-menu .nav.notika-top-nav li .search-dd {
left: -40px;
width: 350px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
margin-bottom: 30px;
}
.img-preview-custom {
width: 345px;
height: 205px;
}
.modal-dialog.modals-default .modal-content, .modal-dialog.modal-sm .modal-content, .modal-dialog.modal-large .modal-content {
padding: 20px 20px;
}
.modal-dialog.modals-default, .modal-dialog.modal-sm, .modal-dialog.modal-large {
width: 388px;
margin: 70px 100px;
}
.popovers-pr-sg {
width: 350px;
}
.default-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd, .sm-ltd-sd .header-top-menu .nav.notika-top-nav li .search-dd, .lg-sd-tp .header-top-menu .nav.notika-top-nav li .search-dd, .mini-std-tp .header-top-menu .nav.notika-top-nav li .search-dd, .lg-tp-ld .header-top-menu .nav.notika-top-nav li .search-dd, .offcanvas .header-top-menu .nav.notika-top-nav li .search-dd, .hd-fd-tp .header-top-menu .nav.notika-top-nav li .search-dd, .dark-header .header-top-menu .nav.notika-top-nav li .search-dd, .dark-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd, .fullscreen .header-top-menu .nav.notika-top-nav li .search-dd {
left: -30px;
}
.dropdown-trig-list .dropdown-trig-sing {
margin-right: 4px;
}
.bread-ntd{
display:inline-block;
}
}