@media (max-width:1790px){
.info-box{padding:15px}
.info-text strong{font-size:35px;margin:0 0 15px}
.info-text span{font-size:15px}
#donutchart, .donut-wrapper{width:100%}
.label-drop{display:block}
.labeling{position:absolute;left:0;top:36px;width:auto;background:#FFF;padding:40px 30px;visibility:hidden;opacity:0;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.1);
    box-shadow:0 0 10px rgba(0,0,0,.1);
    transition:all 0.3s linear;
}
.labeling.active{opacity:1;visibility:visible}
.labeling li{margin:0 0 12px}
.programview-content{margin-top:0}
}


@media (max-width:1650px){
.pv-info{font-size:13px;font-weight:500}
.tabs-selectors li a{padding:20px 10px 0}
.tabs-selectors li{font-size:15px}
.nav.tabs-selectors{margin-left:20px}
}



@media (max-width:1500px){
.custom-btn.white{float:none;width:100%;text-align:left;margin:0 0 0;padding:5px 0;display:table}
.taskview{margin:10px 0 0}
}


@media (max-width:1400px){
.custom-selectbox span{padding:8px 36px 8px 12px}
.prj_status {
    align-items: unset;
    flex-direction: column;
    display: flex;
}
}



@media (max-width:1200px){
#map-container, #map_div{width:100%;margin:0;height:400px}
.mapview{overflow:hidden}
.pv-info{display:table;float:none;margin:0 0 5px}
.sideheader{/* position:fixed; *//* height:100%; *//* z-index:3; *//* left:0; *//* top:0; *//* overflow:auto; */}
/* .more-links > img{margin-right:0}
.more-links > ul{list-style:none;float:left;position:absolute;right:calc(100% - 50px);min-width:250px;background:#FFF;top:0;height:100%;padding:3px 0px;padding-right:20px;z-index:-1;visibility:hidden;
opacity:0;
-webkit-border-radius:30px 0 0 30px;
-moz-border-radius:30px 0 0 30px;
border-radius:30px 0 0 30px;
}
.more-links > ul.active{visibility:visible;opacity:1;right:calc(100% - 20px) } */
/* header{z-index:2}
.info{position:absolute;right:0;top:100%;padding:6px 20px;background:#606060;color:#ffffff;z-index:1;opacity:0;visibility:hidden;margin-right:-30px;
-webkit-border-radius:0 0 0 10px;
-moz-border-radius:0 0 0 10px;
border-radius:0 0 0 10px;
}
header:hover .info{opacity:1;visibility:visible;margin-right:0 } */
/* body.theme1 a.menu-icon,body.theme1 a.menu-icon:hover,body.theme1 a.menu-icon:focus{background:#656565;color:#ffffff;width:33px;height:33px;line-height:30px;margin-left:5px;font-size:13px;border:2px solid #FFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
box-shadow:0 0 20px rgba(0,0,0,0.3);
}
body.theme2 .more-links > ul{background:#FFF;right:0;width:240px;padding-right:70px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
}
body.theme2 .menu-icon{margin-left:4px }
body.theme3 .menu-icon,
body.theme3 .info, body.theme3 .info strong{background:#d8d8d8 }
body.theme3 .more-links > ul{background:#dddddd }
body.theme4 header .info, body.theme4 header .info strong{color:#FFF}
body.theme4 .sideheader{position:fixed } */
.querybuilder-wrapper{ display: unset; float: left; height: auto }
.select-table{ max-height: 270px; overflow: auto }
.table-grid { max-height: 300px }
.create-query { max-height: 300px; overflow: auto }
.query-area{ position: relative; float: left }
.programViewFilters{width:100%;margin:0 0 8px}
.programViewFilters a.custom_group_btns > a{flex:auto;width:auto}
.programViewFilters .custom_group_btns > a{flex:auto;text-align:center;border:1px solid rgba(0,0,0,0.2);border-radius:0}
.programViewFilters > .custom_group_btns {overflow: auto;flex-wrap: wrap;border-radius: 3px;}
    .dx-toolbar-menu-section .dx-button-content img[src="Theme/AirViewX/images/devx_icon/filters.svg"] {
        padding: 5px;
    }
    .dx-toolbar-menu-section .dx-button-content i, .dx-toolbar-menu-section .dx-button-content img {
        background: var(--theme-color);
        color: #fff !important;
        border-radius: 3px;
        width: 30px !important;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
        padding: 0;
    }
    .dx-toolbar-menu-section .dx-button-has-text .dx-button-content {
        justify-content: flex-start;
    }
}

@media (max-width:980px){
.tabs-selectors li a{padding:15px 5px 0}
.tabs-selectors li a:before{height:3px}
.tabs-selectors li a:after{border-top:5px solid}
.tabs-selectors li a.active:after{top:3px}
.inline label{flex:unset;float:left;width:100%;margin:0 0 5px }
.inline > input, .inline select, .inline > div,
.inline .tag-editor, .inline > span, .inline label ~ label{flex:none;float:left;width:100% }
.inline{display:unset }
.mail-system{display:unset }
.mail-sidebar{float:left;max-width:none;width:100% }
.mail-content .table-container{max-height:400px }
.mail-content .table-container td.mail-select{width:110px;}
.mail-options{flex-wrap:wrap;align-items:start;}
.select-all{width:100%;flex:50%;margin:0;float:none;}
.mail-options .button-set{float:none;margin:0;margin-left:auto;min-width:50%;text-align:right;margin-bottom:10px;}
.mail-options .custom-selectbox{flex:50%;float:none }
.mail-options .mail-pagination{flex:50% }
.mail-options .mail-pagination span,.mail-options .mail-pagination ul{float:right;margin:0 }
.mail-options .mail-pagination span{margin-left:13px }
.mail-content .table-container td:nth-child(3n){display:none }
.mail-content{float:left;width:100% }
.message-header{padding:20px }
.sender{display:unset;}
.sender-info{padding:20px 0 0 }
.message-part{width:100%;padding:20px 0 0 }
.attached-files{width:100% }
.chat-app{display:unset }
.chat-left{float:left;width:100% }
.message{max-width:none }
.chat-message{padding:0 }
.type-message{padding:10px 0 0;display:unset }
.type-message .custom-btn{margin:10px 0 0;float:right;}
ul.chat-list{max-height:350px }
.chat-message ul{height:430px }
.menu-active:before{background:#212529a6;content:"";width:100%;position:fixed;height:100%;z-index:1502}
.sideheader{z-index:1503!important}
header{justify-content:space-between;column-gap:5px;min-height: 54px;}
.menu-icon{width:40px;height:45px}
.logo{flex:1}
.logo img{max-width:110px}
.more-links{display:none}
.sec-sidemenu .icon-menu{display:none}
.sec-sidemenu .menu-btn-secondary{display:none}
.responsive-header{display:none}
.sideheader{position:fixed;height:100%;transform:translateX(-100%);top:0}
body.theme6 .sideheader > ul{max-height:calc(100vh - 20px)}
.sideheader.active{transform:translateX(0)}
.dt-bottom{flex-direction:column}
.dt-bottom > *{margin:0 0 10px}
.dt-information{flex-direction:column}
.dt-information > *{margin:0 0 10px}
.dt-bottom > :last-child{margin:0}
.dt-information > :last-child{margin:0}
.actions{white-space:nowrap}
.content-wrapper{height:auto!important}
.full_HeightTabs{height:auto}
.widget-footer{max-height:none;flex-wrap:wrap;padding:10px}
.widget-footer .custom-btn{margin:2px}
.static_widgets.stretch .title-bar{white-space:nowrap;flex-wrap:nowrap;overflow:auto;z-index:100;column-gap: 5px;}
.av-modal.modal-slide-right .modal-dialog{width:100%;height:100%;min-width:0}
.modal-slide-right.av-modal .modal-header,.modal-slide-right.av-modal .modal-content{width:100%}
.modal_fullHeightTabs{height:auto}
.demo-container.modal_fullGridTabs{height:auto}
.selected_value{display:flex;overflow:auto}
.btn-group.smaller .btn{font-size:10px}
.advanced_filters{flex-direction:column}
.advanced_filters > * ~ *{margin:5px 0 0}
.dropdown-menu.custom_filter{min-width:250px}
.dx-scheduler-view-switcher.dx-dropdownmenu.dx-button{margin:0;top:26px}
.dx-scheduler-view-switcher-label{margin:0;right:9px;font-size:12px;top:5px}
.tabs_witFilters{flex-direction:column-reverse;align-items:center;justify-content:center}
.tabs_witFilters .ml-auto{margin:0!important}
div.searchTemplate-sec{margin-right:0}
#angularData .hierarchy-view{padding-bottom:10px!important;height:100%;min-height:70px}
#loadquestionspanel .panel-heading{flex-wrap:wrap}
div.header-btns > * ~ *{margin:0 0 3px 3px !important}
.header-btns .custom-btn.medium{font-size:12px;padding:6px 5px;margin-bottom:3px}
.header-btns .custom-btn-group.medium > *{font-size:12px;padding:7px 3px!important;margin-bottom:0}
.header-btns .custom-btn ~ .custom-btn{margin-left:0}
div.survey-panel{height:100%}
.modal .button-set .custom-btn{width:auto}
#userAddressTab > .modal_fullHeightTabs, #userContactInfoTab > .modal_fullHeightTabs { height: 100%;}
#frmSaveTsk  .content-wrapper { height: calc(100vh - 215px) !important;}
.panel_sidebar {position: absolute;height: 100%;left: 0;background: #fff;}
.panel_sidebar a.toggle-sidebar {top: calc(50% - 25px);}
.panel_wrapper.reverse > .panel_sidebar {right: 0;left: auto;}
.permTreeview {height: calc(100vh - 288px) !important;min-height: 100px;}
.permTreeDual {height: auto !important;max-height:300px;}
div#dxGridNewDefinition .dx-colorbox.dx-textbox.dx-texteditor .dx-colorbox-input {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    min-height: 33px !important;
    height: 27px !important;
}
div#dxGridNewDefinition .dx-colorbox.dx-textbox.dx-texteditor {
    height: 35px !important;
    min-height: 30px !important;
}
.editProfileImg {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
    span.editProfilePic {
        height: 200px;
    }
}
@media (max-width:767px) {
.info-box{flex:49%}
.custom-selectbox{float:none;display:table;margin:10px 0 20px;width:100%}
.pv-info{width:100%}
.pv-info-wrapper{width:100%;margin:5px 0;max-width:none}
.custom-selectbox span{width:100%}
.buttons-sets{margin:0;border-radius:4px;clear:right}
.buttons-sets > a.custom-btn,.buttons-sets > .filter-options{vertical-align:middle;margin:0 3px}
.tabs-selectors li a i{display:none}
.tabs-selectors li a span{margin:0;display:none}
.tabs-selectors li a img{display:block}
.nav.tabs-selectors{margin:5px 0;padding:0;border:1px solid #dadada;border-radius:40px;overflow:hidden;position:relative;z-index:1;float:right;clear:right}
.nav.tabs-selectors li{line-height:1;vertical-align:middle;display:inline-block;float:left;padding:0}
.nav.tabs-selectors li a{padding:10px 18px;background:linear-gradient(#fefefe,#e1e1e1);float:left}
.nav.tabs-selectors li a:before,.nav.tabs-selectors li a:after{display:none}
.nav.tabs-selectors li a.active{background:linear-gradient(#e1e1e1,#fefefe)}
.custom-btn.big{font-size:13px;padding:6px 15px}
.search-form{width:100%}
.table-top .row > div{margin:0 0 10px}
.search-form input{width:100%;font-size:15px;height:31px}
.table-bottom span{width:100%;text-align:center;margin:0 0 10px;font-size:12px}
.pagination{width:100%;float:none;display:inline-block;text-align:center}
.pagination li{font-size:13px;padding:0 5px}
.pagination{padding:3px}
.error-page h1{font-size:150px;margin:0 0 30px}
.error-page span{font-size:18px;padding:6px 20px;margin:0 0 20px}
.error-page p{font-size:16px}
.form-footer .custom-btn{width:100%;margin:0 0 10px!important}
.step-side .stepforms-selectors{flex:none;width:100%;float:left;max-width:none}
.step-side .tab-content{flex:none;float:left;width:100%}
.step-side{display:unset;float:left;width:100%}
.info a{font-size:12px;text-align:right;display:table;float:none;width:100%;padding:0}
.info a:before{display:none}
.profile-pic{margin-right:10px}
.more-links > img{width:55px}
.more-links{padding:6px 7px}
.mytab.theme2,.mytab.theme3{display:unset}
.mytab.theme2 .nav,.mytab.theme3 .nav{width:100%;max-width:none;margin:0 0 10px}
.mytab.theme2 .nav li,.mytab.theme3 .nav li{float:left;width:auto}
.new-template.start-drawing{padding:0;margin:0}
.side-panel.sticky,.side-panel{position:fixed;height:100vh;float:left;width:80%!important;top:60px}
.side-panel.sticky{top:0}
.create-query > .custom-btn{top:auto!important;right:20px!important;bottom:10px}
.modal .panel_sidebar.hideSidebar{margin-left:calc(-95% + 20px)}
.modal .panel_sidebar{position:absolute;background:#FFF;z-index:99;width:95%;min-width:0}
.template-sections .panel-collapse {overflow-x: auto; padding: 7px;}
/*div.button_in_tabs .tab-pane {height: auto;}*/
div#information_ticket_template {height: auto;}
#loadtickettemplate .button_in_tabs .tab-pane {height: calc(100vh - 206px);}
div.button_in_tabs {height: auto;}
#loadtickettemplate .content-wrapper .widget-footer {margin-top: 7px;}
body.modal-open {overflow: hidden;}
.checklist-tabs {min-width: 210px; }
.preview-table {flex-direction: column;row-gap: 5px;}
.checklistQuestionTable {overflow: auto; flex: auto;  max-height: 50%;}
.preview-table .sidepanel { min-width: 200px; flex: auto;overflow: auto; max-height: 50%;}
#client-Form div.modal_fullHeightTabs, #subCompany-Form div.modal_fullHeightTabs{height: calc(100vh - 155px);}
.static_widgets.stretch .content-wrapper{min-height: inherit;}
    .tenant-row > .col-md-10 {
        height: calc(100% - 200px);
    }
.tenant-left-bar .content-wrapper {height: 100% !important;}
.locationFields label {font-weight: 400;min-width: 42px;}
#EventConfigurationForm .dx-numberbox {min-width: 120px;}
div.Config-wrap,div.configInner-wrap {flex-wrap: wrap;}
div.statusSidebar, div.approvalContainer div.statusSidebar {flex-basis: 100%;max-width: 100%;}
div.mapingConfig .configInner-wrap {width: 100%;}
.permissions_row .form-group.inline, #workflowPermission .sub_title, .accessors_list {flex-wrap: wrap;}
div#authorizationType, #authorizationTypeInitiator, #usersAccess, #usersAccessInitiator, #userGroups, #userGroupsInitiator {width: 150px !important;}
 ul.accessors_list li{margin-right: 5px;}
.create_header:before {content: ''}
.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-palette {height: 150px; width: 150px;}
.dx-colorbox-overlay .dx-popup-content .dx-colorview-container {width: 300px;}
.dx-colorview-container label {line-height: 25px;}
.dx-colorview-container label input[type="text"]{height:20px;}
.dx-colorview-container .dx-texteditor.dx-editor-outlined {min-height: 22px !important;}
.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-hue-scale-wrapper, .dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-hue-scale{    height: 150px;}
div.packages_inner{overflow: auto;}
div.plan_panel{overflow: initial;min-width: 275px;    padding: 20px 10px 20px 15px;}
div.packages_inner div#pkgdetail{overflow: initial;padding-left: 15px;min-width: 350px;}
    .pkg-info-wrapper {
        height: auto;
    }
    button#btnChangePlan {
        padding: 6px 7px;
    }
    .ql-snow .ql-formats {
        display: flex;
        flex-wrap: nowrap;
    }
    .ql-toolbar.ql-snow {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        align-items: center;
    }
    
    .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
        overflow: hidden;
        width: 34px;
        border-radius: 4px;
    }
    .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
        width: 100%;
        height: 50%;
        display: block;
    }
    .dx-datebox.dx-auto-width .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
        padding-right: 10px;
    }
    input[type="time" i]::-webkit-calendar-picker-indicator {
        background-image: -internal-light-dark(-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMTEuOTkgMkM2LjQ3IDIgMiA2LjQ4IDIgMTJzNC40NyAxMCA5Ljk5IDEwQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyUzE3LjUyIDIgMTEuOTkgMnpNMTIgMjBjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMTIuNSA3SDExdjZsNS4yNSAzLjE1Ljc1LTEuMjMtNC41LTIuNjd6Ii8+PC9zdmc+) 1x), -webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTEuOTkgMkM2LjQ3IDIgMiA2LjQ4IDIgMTJzNC40NyAxMCA5Ljk5IDEwQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyUzE3LjUyIDIgMTEuOTkgMnpNMTIgMjBjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIuNSA3SDExdjZsNS4yNSAzLjE1Ljc1LTEuMjMtNC41LTIuNjd6Ii8+PC9zdmc+) 1x));
    }
    input[type="date" i]::-webkit-calendar-picker-indicator {
        background-image: -internal-light-dark(-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=) 1x), -webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=) 1x));
    }
    .dx-datebox .dx-texteditor-buttons-container {
        display: none
    }
    #monthYearType .dx-texteditor-buttons-container {
        display: flex;
    }
    div#selectedPkgPlan {
        padding-top: 5px !important;
        padding-right: 5px;
    }

    div#selectedPkgPlan p {
        margin-bottom: 0px;
    }
    div#divTntSubscription .form-group {
        margin-bottom: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }
    #divTntSubscription .form-group ~ .form-group {
        padding-top: 5px;
    }

    #divTntSubscription .form-group ~ .form-group label {
        padding-left: 0 !important;
        width: 130px !important;
    }
   /* .plan-qoute {
        display: flex;
        justify-content: space-between;
        column-gap: 5px;
    }*/
    .dx-datebox-wrapper-calendar .dx-calendar {
        margin: 10px;
    }
    }
@media (max-width:480px) {
.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button, .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {margin-left: 0}
.dx-toolbar-items-container .dx-datagrid-search-panel, .dx-toolbar-items-container .dx-treelist-search-panel{width:170px!important}
.dx-dialog .dx-popup-content.dx-dialog-content{min-width:290px}
.info-box{flex:100%}
.tabs-selectors li a img{width:15px}
.nav.tabs-selectors li a{padding:6px 10px}
.title-bar h3{font-size:15px}
.title-bar h3 img{width:19px;margin-right:2px}
ul.opt-dropdown.wider{width:212px}
.mapview-legends{position:relative;right:0;top:0;border-radius:0;float:left;width:100%;padding:10px 0}
.mapview-legends ul li{width:auto;float:left;display:unset;padding:2px 15px;width:100%}
.decent-progress-strip span{padding:10px;font-size:12px}
.decent-progress-strip span i{font-size:12px;margin-right:2px}
.button-set .custom-btn{width:100%;margin:0 0 10px}
.button-set .custom-btn:last-child{margin:0}
.mail-options{display:unset;float:left;width:100%}
.mail-options .button-set{float:left;width:100%}
.mail-options .button-set .custom-btn{width:26px}
.mail-options .custom-selectbox{margin:10px 0}
.mail-content .table-container td.mail-select i{display:none}
.mail-content .table-container td.mail-select{width:auto}
.ticket_statuses .info-box{max-width:48%;flex:48%;margin:0 1% 10px}
.dropdown-menu.av-notifications{max-width:calc(100% - 0px)}
.logo{padding-right:0}
.logo img{max-width:90px}
.menu-icon{margin-left:0}
.av_rangepicker{font-size:12px;border:1px solid #dedee3;background:#fff;height:30px;color:#6c757d;min-width:190px;cursor:pointer;border-radius:3px;padding:4px 5px;overflow: hidden;}
.av_rangepicker span{margin-right:0}
.information-boxes .info-box{padding-top:0;min-height:100px;padding-bottom:0;pointer-events:none}
.information-boxes .info-text{padding:0}
.daterangepicker{width:300px}
.daterangepicker .drp-buttons .btn{margin-left:5px}
.daterangepicker .drp-selected{padding-right:2px;font-size:11px}
.daterangepicker .drp-buttons{padding:8px}
#marketsList{height:auto}
.dashboard_panel{flex-wrap:wrap;column-gap:0;row-gap:10px}
.widget .widget .title-bar{padding:10px}
.applied_filters span ~ span{margin-left:5px;padding-left:5px}
.dashboard_action_icons{padding-left:5px}
.dashboard_action_icons a img{max-width:24px}
div.dashboard_action_icons a.drop-btn{height:24px!important;width:24px;margin-left:2px}
.gap-boxes .info-box-light{margin:0 10px 10px;flex-basis:50%;max-width:calc(50% - 20px);pointer-events:none}
.info-box-light .info-icon{flex:0 0 40px;max-width:40px;margin-right:10px}
div.user_dashboard_wrap .myprofile{display:flex;flex-direction:column}
div.profile_sidebar .mytab{height:100%}
div.profile_sidebar .mytab .nav{flex-direction:row;display:flex;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;max-width:100%;overflow-y:hidden;border-bottom:1px solid #ededed;justify-content:space-around;margin-bottom:0!important;align-items:flex-end;height:100%;padding-top:20px}
div.profile_sidebar{display:flex;width:100%;min-width:100%;max-width:100%}
div.profile_sidebar .mytab .nav li > a{border:none;padding:5px 0}
#TeamPayRate .mytab.theme1{max-width:100%}
div#TriggerId { min-width: 100px; }
    #test_email {
        padding: 0 5px;
    }
    #notifyAttachments .dx-button-has-text .dx-button-content {
        padding: 6px 4px 7px;
    }
    div#email_area > .d-flex {
        flex-wrap: wrap;
    }
    .template_content {
        min-width: 350px;
    }
/*    #template .panel_sidebar {
        min-width: 220px;
        flex: 0 0 220px;
        padding-top: 15px !important;
    }*/
    #template .panel_sidebar.hideSidebar {
        margin-left: -208px;
    }
    div#cancel_batch {
        background: transparent !important;
    }
    .dx-pager .dx-pages .dx-info {
        display: none;
    }
    .notifications-page > .panel_sidebar {
        max-width: 330px;
        margin-top: -5px;
    }
    .panel_wrapper.reverse.notifications-page > .panel_sidebar.hideSidebar {
        margin-left: unset;
        margin-right: -320px;
    }
    .s-date-range > div {
        max-width: 148px;
    }
}

@media (max-height: 500px) {
    .dx-widget > .dx-datagrid {
        min-height: 300px;
    }
}


@media screen and (max-device-width: 767px) and (orientation:landscape) {
    div#pkgdetail, .plan_panel {
        height: 100vh !important;
    }
}