html, body {
    margin: 0;
    padding: 0;
    font-family: "calibri", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
    height:100%;
}
html {
    overflow-x: hidden;
    -ms-overflow-style: scrollbar;
}
@font-face {
    font-family: 'AA Font';
    font-style: normal;
    font-weight: normal;
    src: url("AA-Bold.ttf") format("truetype"); 
}
  
/* default css */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}       
input[type=checkbox], input[type=radio]{
    margin:2px 0 0;
}
a{
    text-decoration:none;
    color:#1679cd;
    outline: none;
    cursor: pointer;
}
a:hover{
    color:#666;
}
ul, li, label{
    list-style: none;
    margin: 0;
    padding: 0;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus {
    outline: none;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding: 5px 10px;
}
.input-check_large{
    line-height: 1.8;
    margin: 3px 0 0;
    font-weight: bold;
}
.input-check_large input[type="checkbox"] {
    float: left;
    margin: 5px 5px 0 0;
}
.form-control{
    height: auto;
    padding: 5px 12px 5px 5px;
    border-radius: 0;
}
.form-control:focus {
    border-color: #4996cd;
    box-shadow: none;
}
.form-horizontal .control-label{
    text-align: left;
}
.form-horizontal .radio-inline{
    padding-top: 0;
}
.list-group-item{
    border-radius: 0!important;
    padding: 8px 15px;
    word-wrap: break-word;
}
.list-group-item>.badge {
    float: inherit;
}
.panel-heading {
    padding: 3px 10px;
}
.panel-heading .form-control {
    padding: 3px 6px;
    height: auto;
}
.panel, .panel-heading, .panel-body, pre{
    border-radius: 0; 
}
.glyphicon-info-sign, .glyphicon-question-sign{
    font-size: 11px;
    cursor: pointer;
}
.panel-default>.panel-heading {
    background-color: #d8e6f1;
    font-weight: bold;
}
pre{
    white-space: pre-wrap;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    color: #666;    
    background-color: #f5f5f5;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #666;
}
.custom-loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #33acf1;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position:fixed;
    left:50%;
    top: 25%;
  }
    /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
    @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
/* default css end */

.cursor{
    cursor: pointer;
}
.f14{
    font-size:14px;
}
.f16{
    font-size:16px;
}
.f18{
    font-size:18px;
}
.f20{
    font-size:20px;
}
.wd100{
    width: 100%;
}
.w-auto{
    width: auto!important;
}
.marL10{
    margin-left: 10px;
}
.marL15{
    margin-left: 15px;
}
.marR15{
    margin-right: 15px;
}
.marB5{
    margin-bottom: 5px;
}
.marB10{
    margin-bottom: 10px;
}
.marT5{
    margin-top: 5px!important;
}
.marT10{
    margin-top: 10px;
}
.padB5{
    padding-bottom: 10px;
}
.padT5{
    padding-top: 5px;
}
.padNone{
    padding: 0;
}
.marNone{
    margin: 0!important;
}
.brdrRad0 {
    border-radius: 0;
}
.bold{
    font-weight: bold;
}
.disnone {
    display: none;
}
.vishidden{
    visibility: hidden;
}
.d-block{
    display: block;
}
.d-inline-block{
    display: inline-block;
}
.p-absoulte{
    position: absolute;
}
.p-relative{
    position: relative;
}
.w-break{
    word-break: break-word;
}
.w-space-nowrap {
    white-space: nowrap;
}
.link {
    color: #4996cd;
    text-decoration: none;
    cursor: pointer;
}
.link:focus, .link:hover {
    color: #23527c;
    text-decoration: underline;
}
.link > span {
    cursor: pointer;
}
input[type="checkbox"].checkbox-custom {
    display: none;
}
input[type="checkbox"].checkbox-custom + label:before {
    content: '\00a0';
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 13px;
    background-color: white;
    border: 1px solid #4996cd;
    color: #fff;
    cursor: pointer;
    line-height: 1;
}
input[type="checkbox"].checkbox-custom:checked + label:before {
    content: '\2714';
    background: #4996cd;
}
.alert-custom{
    padding: 10px;
    position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
    z-index: 1030;
    background-color: rgba(252, 248, 227, 0.96);
}
.alert-warning-static {
    color: #f7083d;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-custom-static {
    padding: 10px;
    top: 50px;
    left: 10px;
    right: 10px;
    z-index: 1030;
    background-color: rgba(252, 248, 227, 0.96);
}
.txt_heading{
    font-size: 23px;
    font-family: "AA Font";
    margin-top: 0;
}
.txt_heading-sub{
    font-size: 18px;
    font-family: "AA Font";
    margin-top: 0;
}
.heading-custom{
    font-size: 18px;
    margin-top: 0;
}
.heading_dropdown{
    float: right;
    margin-top: -23px;
    margin-top: -24px\0;
    margin-right: -8px;
}
@-moz-document url-prefix() {
    .heading_dropdown{
        margin-top: -24px;
    }
}
.heading_dropdown > select{
    width: auto;
    display: inline-block;
}
.title_header{
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.title_header > .pull-left{
    margin-right: 15px;
}
.title_header-txt{
    float: left;
    margin: 5px 0 0;
}
.title_header-txt>.txt_heading, .title_header-txt>p{
    margin: 0;
}
.dropdown-menu .glyphicon{
    color: #999;
    min-width: 16px;
}
.table-borderless td{
    padding: 3px;
}
.table-custom {
    border: 1px solid #ddd;
    display: inline-table;
}
.table-custom th{
    background-color: #d8e6f1;
    color:#333;
}
.tableFixed, .tableFixed-modal table {
    table-layout: fixed;
    width: 100%;
}
.tableFixed td{
    word-wrap:break-word;
}
.btn-group-custom{
    position: absolute;
}
.btn-group-custom > .btn{
    padding: 1px 5px;
    line-height: 1;
}
.btn-group-filter > .btn{
    padding: 3px 12px;
}
.link-btn{
    padding: 0 5px;
}
.img-icon{
    display: table-cell;
    border: 2px solid #d9d9d9;
    height: 100px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    border-radius: 10px;
}
.details-graph{
    overflow: hidden;
    overflow-x: auto;
}
.paramStyle {
    padding:3px;
    padding-left:30px;
    border:1px solid gray;
    color:darkgreen;
    font-family: monospace;
    white-space: pre;
}
.list-group-item .h4 > span{
    cursor: pointer!important;
}
.sectionContent{
    word-wrap: break-word;
}
.file_upload{
    display: flex;
}
.file_upload > label{
    line-height: 30px;
    margin-right: 10px;
    display: flex;
    white-space: nowrap;
}
.file_upload input.form-control{
    padding: 3px;
}
.file_upload span.input-group-btn{
    width: auto;
}
.is-search {
    position: relative;
    font-family: "calibri", Arial, Helvetica, sans-serif;
    font-size:14px;
}
.is-search input{
    padding-left: 20px;
    position: relative;
    font-family: "calibri", Arial, Helvetica, sans-serif;
}
.is-search i{
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 26px;
    line-height: 20px;
    text-align: center;
    pointer-events: none;
    color: #a9a9a9;
}
.well-filter {
    background: #f5f5f5!important;
    color: #333;
    position: relative;
}
.form-filter{
    display: inline-block;
    width: 100%;
}
.form-filter .form-group{
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    min-width: 160px;
}
.proArc{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.form-filter .editable-icon {
    font-size: 16px;
    margin-top: 5px;
    margin-right: 5px;
}
.well-filter .close{
	opacity: 1;
    position: absolute;
    right: 5px;
    top: -2px;
    font-size: 23px;
}
.btn-checkbox input[type=checkbox] {
    margin: 3px 3px 0 0;
    float: left;
    display: inline-block!important;
}
/* tooltip start */
.is-tooltip {
    display: none;
    background: #fff;
    padding: 2px 5px;
    position: absolute;
    z-index: 1000;
    min-width: 150px;
    max-width: 250px;
    color: #333;
    border: 1px solid #c7d9e6;
    box-shadow: 0 0 3px 1px #d8e6f1;
    margin-left: 8px;
    top: 0;
    left: 100%;
}
.is-tooltip:after, .is-tooltip:before {
	right: 100%;
	top: 5px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.is-tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 4px;
}
.is-tooltip:before {
	border-color: rgba(199, 217, 230, 0);
	border-right-color: #aec6d8;
    border-width: 5px;
    margin-top: -1px;
}
.table .tooltip-outer{
    position: relative;
}
.table .tooltip-outer:hover .is-tooltip {
    display: block;
}
/* tooltip end */
/* new home page */
/* top navigation */
.navbar-custom{
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2);
    border-radius: 0;
    background-color: #fff;
    z-index: 1031;
} 
.navbar-brand {
    margin: 15px 0 0 0!important;
    height: 26px;
    padding: 0;
    height: 30px;
    width: 118px;
    font-size: 0;
    background:  url(logo-dxp.png) no-repeat 0 0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover{
    background-color: #fff;
}
.nav_items{
    margin: 12px 0 0 15px;
}
.navbar-nav>li{
    margin: 0 3px;
}
.navbar-nav>li>a {
    padding: 3px 7px;
    font-size: 16px;
    color: #666;
    border: 1px solid #fff;
}
.navbar-nav>li.dropdown>a:after {
    content: '';
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
    color: #666;
}
.navbar-nav>li.active>a, .navbar-nav .open>a, .navbar-nav .open>a:focus, .navbar-nav .open>a:hover{
    background-color: #f5f5f5;
    border: 1px solid #c4c4c4;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.nav_items-r{
    margin: 12px 0 0 0;
    float: right;
}
.nav_items-r>li{
    float: left;
}
.nav_items-r .language{
    padding: 0;
    margin: 2px 15px 0 0;
}
.nav_items-r .language select{
    border: 0;
    color: #666;
    font-size: 16px;
}
.nav_items-r>li>a i {
    color: #4996cd;
}
.nav_items-inner>li>a:after {
    display: none;
}
.nav_items-inner>li.active>a, .nav_items-inner .open>a, .nav_items-inner .open>a:focus, .nav_items-inner .open>a:hover{
    border-bottom: 1px solid #c4c4c4;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.error_icon{
    font-size: 20px;
    color: #d33;
    cursor: pointer;
}
/* top navigation end */ 

/* home page */
.main_heading{
    font-size: 28px;
    font-family: "AA Font";
}
.app_box{
    max-width: 335px;
    /* height: 225px; */
    border: 1px solid #4996cd;
    padding: 30px 20px;
    margin: 40px auto 0;
    position: relative;
}
.app_box-icon{
    height: 116px;
    width: 116px;
    border: 1px solid #4996cd;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: -20px;
}
.app_box-icon img{
    height: 80px;
    width: 80px;
    margin: 15px 0 0 15px;
}
.app_box a{
    text-decoration: none;
    color: #666;
}
.app_box p{
    padding: 20px 0;
    border-bottom: 1px solid #4996cd;
    height: 100px;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.app_box-heading{
    font-family: "AA Font";
    font-size: 22px;
    margin: 10px 0;
}
.app_box-footer{
    position: relative;
}
.app_box-footer .glyphicon-user{
    color: #4996cd;
    margin-right: 5px;
}
.app_box-footer .app_box-link{
    color: #4996cd;
    text-decoration: underline;
    float: right;
    margin-right: 10px;
}
/* home page end */
.home_page{
    padding-top:70px;
    padding-bottom:30px;
}
/* new home page end */
/* miscellaneous css */
.infoTxt {
    margin-top: -10px;
    line-height: 1.3;
}
.guideInfo{
    word-wrap: break-word;
}
.memberError{
    position: absolute;
    bottom: -18px;
    left: 0;
}
.refetch-list{
    display: flex;
    align-items: center;
}
.refetch-list .form-control{
    flex: 1;
    margin: 0 5px;
}
.welcome-intro{
    background:url(welcome-intro.gif) no-repeat center center/contain;
    height: 72vh;
}
.schedule-date{
    width: 119px;
}
.schedule-time{
    display: flex;
    align-items: center;
}
.schedule-time .btn-link{
    padding: 0;
    line-height: 1;
}

input.iflowCheck{
    margin-top: 8px;
}

/* priorityBgColor */
.priorityBgPad{padding:0 3px;text-align:center;}
.priorityBg_0{background-color:#89fbff;background-image:linear-gradient(to bottom, #89fbff, #89faec)}
.priorityBg_1{background-color:#89faec;background-image:linear-gradient(to bottom, #89faec, #89f9d0)}
.priorityBg_2{background-color:#89f9d0;background-image:linear-gradient(to bottom, #89f9d0, #89f8ae)}
.priorityBg_3{background-color:#89f8ae;background-image:linear-gradient(to bottom, #89f8ae, #89f789)}
.priorityBg_4{background-color:#89f789;background-image:linear-gradient(to bottom, #89f789, #89f664)}
.priorityBg_5{background-color:#89f664;background-image:linear-gradient(to bottom, #89f664, #89f541)}
.priorityBg_6{background-color:#89f541;background-image:linear-gradient(to bottom, #89f541, #89f423)}
.priorityBg_7{background-color:#89f423;background-image:linear-gradient(to bottom, #89f423, #8cf30d)}
.priorityBg_8{background-color:#8cf30d;background-image:linear-gradient(to bottom, #8cf30d, #94f309)}
.priorityBg_9{background-color:#94f309;background-image:linear-gradient(to bottom, #94f309, #9ff309)}
.priorityBg_10{background-color:#9ff309;background-image:linear-gradient(to bottom, #9ff309, #adf309)}
.priorityBg_11{background-color:#adf309;background-image:linear-gradient(to bottom, #adf309, #bcf309)}
.priorityBg_12{background-color:#bcf309;background-image:linear-gradient(to bottom, #bcf309, #cbf309)}
.priorityBg_13{background-color:#cbf309;background-image:linear-gradient(to bottom, #cbf309, #d8f310)}
.priorityBg_14{background-color:#d8f310;background-image:linear-gradient(to bottom, #d8f310, #e4f317)}
.priorityBg_15{background-color:#e4f317;background-image:linear-gradient(to bottom, #e4f317, #eef31c)}
.priorityBg_16{background-color:#eef31c;background-image:linear-gradient(to bottom, #eef31c, #f6f31f)}

/* Activity Detail css */
[class*=tracking-status-] p {
    margin:0;
    font-size:1.1rem;
    color:#fff;
    text-transform:uppercase;
    text-align:center
}
[class*=tracking-status-] {
    padding:1.6rem 0
}
.tracking-list {
    border:0px solid #ddd;
    margin: -15px -15px 15px;
}
.tracking-item {
    border-left:1px solid #ddd;
    position:relative;
    padding:1rem 1.5rem 1rem 2.5rem;
    font-size:.9rem;
    margin-left:3rem;
}
.tracking-item:last-child {
    padding-bottom:0rem
}
.tracking-item .tracking-date {
    margin-bottom:.5rem
}
.tracking-item .tracking-date span {
    color:#888;
    font-size:85%;
    padding-left:.4rem
}
.tracking-item .tracking-content {
    padding:.5rem .8rem;
    background-color:#f4f4f4;
    border-radius:.5rem
}
.tracking-item .tracking-content span {
    display:block;
    color:#888;
    font-size:85%
}
.tracking-item .tracking-icon {
    line-height:2.6rem;
    position:absolute;
    left:-1.3rem;
    width:2.6rem;
    height:2.6rem;
    text-align:center;
    border-radius:50%;
    font-size:1.1rem;
    background-color:#fff;
    color:#fff;
    cursor: pointer;
}
.tracking-item .tracking-icon.status-outfordelivery {
    background-color:#f5a551
}
.tracking-item .tracking-icon.status-intransit {
    font-size:1rem;
    background: #888;
}
.autosuggest{
    position: absolute;
    z-index: 9;
}
.dropdown-menu.top-open{
    bottom: 35px;
    top: auto;
}
/* Activity Detail css end*/
/* Business Rules page */
.add__ruleslist{
    margin-bottom: 10px;
}
.add__ruleslist li{
    background: #d8e6f1;
    padding: 5px 5px 5px 10px;
    color: #333;
    margin-bottom: 5px;
    border: 1px solid #b2def9;
    font-size: 16px;
}
.busirules__box, .box-shadow{
    padding:10px;
    margin-bottom: 15px;
    display: flow-root;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 
                0 2px 10px 0 rgba(0,0,0,.12);
}
.busirules__list{
    margin-bottom: 15px;
    display: flow-root;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 
                0 2px 10px 0 rgba(0,0,0,.12);
    display: inline-block;
    width: 100%;
}
.busirules__list--heading{
    padding-bottom: 5px;
    /* border-bottom: 1px solid #458bc1;
    background: #efefefb8; */
    background: #46b1f0;
    padding: 2px 10px;
    float: left;
    width: 100%;
    font-size: 16px;
    color: #fff;
}
.busirules__list--container{
    padding: 10px;
    float: left;
    width: 100%;
}
.busirules__list--container .glyphicon{
    font-size: 12px;
    margin-right: 5px;
}
/* Business Rules page end */
/* Security Center page */
.security-center .bg-primary{
    padding: 15px;
    /* background: #5699d2; */
    background: #4996cd;
    border: 0;    
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 
                0 2px 10px 0 rgba(0,0,0,.12);
}
.app-list__title{
    width: 120px;
    display: inline-block;
    font-weight: bold;
}
.security-center p.badge-list{
    clear: both;
    float: left;
    margin: 0 0 5px;
}
.security-center p .badge{
    margin-right: 5px;
    margin-bottom: 3px;
    font-size: inherit;
    background: transparent;
    font-weight: inherit;
    color: #666;
    border: 1px solid #ddd;
}
.pd_list{
    border:solid #eee 1px;
    margin-bottom:8px;
}
.pd_list .heading-custom{
    background: #f5f5f5;
    padding: 5px;
    margin: 0;
}
.pd_list-content{
    padding:8px;  
    display: flex;  
}
/* Security Center page end */

.main{
    padding-top:70px;
    height: 100%;
}
/* home page */
.top_space{
    padding: 35px 15px;
}
.top_space .form-control{
    padding: 3px 8px;
    border-radius: 0;
    font-size: 12px;
}
.main-txt{
    padding: 75px 0;
}
.main-txt h1{
    font-size: 40px;
    font-family: "AA Font";
}
.main-txt h3{
    font-size: 16px;
}
.icon{
    font-size: 60px;
    color: #4996cd;
}
.component > div > div{
    cursor: pointer;
}
.component > div > div h4{
    font-family: "AA Font";
}
.component .dashboard-select{
    height: auto;
    width: auto;
    margin: 0 auto;
    display: inline;
}
/* home page end */
/* button */
.btn-primary {
  background-color: #007bff;
}
.btn-secondary {
  background-color: #6c757d;
}
.btn-success {
  background-color: #28a745;
}
.btn-info {
  background-color: #17a2b8;
}
.btn-warning {
  background-color: #ffc107;
}
.btn-danger {
  background-color: #dc3545;
}
.btn:hover, .btn:active, .btn.active, .btn:active:focus, .btn.active:focus {
    box-shadow: none;
    outline: none;
}
.btn-custom {
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    background: #da4f49;
    color: #fff;
    border-radius: 3px;
    border: 0;
    padding: 6px 15px;
}
.btn-custom:hover, .btn-custom:focus {
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    background: #d0312a;
    color: #fff;
}
.btn-custom:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.btn_edit {
    background-color: #33acf1;
    color: #fff;
}
.btn_edit:hover, .btn_edit:focus {
    background-color: #338bbd;
    color: #fff;
}
.btn_cancel {
    background-color: #e74c3c;
}
.btn_cancel:hover {
    background-color: #CE3323;
    color: #fff;
}

.is-btn {    
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    border: 0;
    padding: 7px 15px;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.1), inset 0 -10px 20px rgba(0,0,0,.1);
    cursor: pointer;
    color: #fff;
    font-family: "calibri";
    line-height: initial;
}
.is-btn_sm{
    padding: 3px 8px;
}
.btn_blue { background: #59d }
.btn_green { background: #6b6 }
.btn_red { background: #d33 }
.btn_black { background: #888 }
.btn_grey { background: #e5e5e5; color: #666; }

.btn_blue:hover, .btn_blue:focus { background: #48c; color: #fff; }
.btn_green:hover, .btn_green:focus { background: #5a5; color: #fff; }
.btn_red:hover, .btn_red:focus { background: #c22; color: #fff; }
.btn_black:hover, .btn_black:focus { background: #666; color: #fff; }
.btn_grey:hover, .btn_grey:focus { background: #e5e5e5; color: #666;  }

.btn-chk{ 
    background: transparent;
    border: 0;
    padding: 0;
    height: auto;
}
.text_red { color: #d33 }
.text_green { color: #6b6 }
/* tabs */
.is-tabs{
    width: 100%;
    float: left;
}
.is-tabs li{    
    float: left;
    padding: 3px 12px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #ddd;
    border-bottom: 0;
}
.is-tabs li.active {
    background-color: #d8e6f1;
}
.tab__content{
    border: 1px solid #ddd;
    padding: 8px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
#chartScroll.sticky{
    position: fixed;
    top: 55px;
    width: 48%;    
    z-index: 1;
    background: #fff;
}
/* tabs end */
/* dashboard */
.container_chart{
    position: relative;
    padding: 22px 8px 8px;
}
.footer_popupLink{
    padding: 7px 0;
    float: left;
}
.footer_link .link{
    margin-right: 20px;
    padding-left: 10px;
    position: relative;
    font-weight: bold;
    float: left;
    line-height: 1;
    margin-bottom: 5px;
}
.footer_link .link:before{
    content: '\e250';
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 10px;
}
.graph-icon{
    font-size: 14px;
    cursor: pointer;
}
.glyphicon-file{
    color: #ffa198;
}
.glyphicon-download-alt{
    color: #ffa198;
}
.fa-file-excel-o{
    color: green;
}
/* > calendar */
.checkbox-dark input {
    display: none;
}
.checkbox-dark label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 15px;
}
.checkbox-dark label:before {
    font-family: 'Glyphicons Halflings';
    content: "\e074";
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-text-stroke: 0.45px;
    font-weight: normal;
    font-size: 10px;
}
.checkbox-dark input:checked + label:before {
    -webkit-text-stroke: 0.45px;
    font-family: 'Glyphicons Halflings';
    content: "\e157";
    font-weight: normal;
    font-size: 10px;
}
.calendar {
    margin-right: 10px;
    float: left;
}
.calendar th {
    text-align: center;
}
.calendar .selDate {
    background-color: darkblue;
    color: white;
}
.calendar .selCompDate, .inCompRange {
    background-color: orange;
    color: white;
}
.calendar .selDate.selCompDate, .inRange {
    background-color: lightblue;
}
.calendar td.available {
    cursor: pointer;
}
.calendar td.available:hover {
    background-color: blue;
    color: #fff;
}
.date-range{
    margin-left: 10px;
    width: 190px;
    float: right;
}
.range_inputs{
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 8px;
}
.range_inputs .input-box {
    float: left;
    width: 95px;
    text-align: left;
}
.range_inputs .input-box:first-child {
    padding-right: 5px;
}
.range_inputs .date-label{
    margin: 0;
    line-height: 24px;
}
.range_inputs .date-input {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 6px;
    width: 100%;
}
.range_inputs .date-check {
    height: inherit;
    line-height: inherit;
    margin: 5px 1px 0 0;
    width: auto;
    float: left;
}
.range_inputs .custom-select {
    width: 95px;
    padding:3px 0;
    float: right;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}
.daterangepicker .input-mini.active {
    border: 1px solid #357ebd;
}
.range_button{
    padding-top: 10px;
    float: right;
}
.range_button > button{
    padding: 5px 15px;
}
.date_range-box{
    border-radius: 4px!important;
    position: relative;
    width: auto;
    display: inline-block;
}
.date_range-box.open + .calendar-box{
    display: block;
}
.calendar-box{
    position: absolute;
    right: -141px;
   /*top: 33px;*/
    padding:10px;
    background-color: #fff;
    border: 1px solid #ccc;
    min-width: 596px;
    min-height: 200px;
    -webkit-box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.25);
    display: none;
    z-index: 1;
    font-size: 13px;
}
/* > calendar end */
/* > sidebar */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled {
    padding-left: 150px;
}
.sidebar-toggle{
    position: absolute;
    left: -100px;
    cursor: pointer;
    transform: rotate(-90deg);
    background: #888888;
    padding: 0 50px;
    top: 99px;
    color: #fff;
    font-size: 14px;
    z-index: 1;
    display: none;
}
#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 150px;
    top: 50px;
    width: 0;
    height: 100%;
    margin-left: -150px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border-right: 1px solid #e7e7e7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
    width: 150px;
}
#page-content-wrapper {
    width: 100%;
    position: relative;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -150px;
}
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 150px;
    margin: 0;
    padding: 0 0 100px;
    list-style: none;
}
.sidebar-nav li, .sidebar-nav li.create-new{
    margin: 0 0 3px;
    position: relative;
    width: 100%;
    padding: 8px 5px 8px 20px;
    border: 1px solid #e7e7e7;
    border-left: none;
    border-right: none;
    background: #f8f8f8;
    color: #333;
    cursor: pointer;
    word-wrap: break-word;
}
.sidebar-nav li:before{
    content: '\e250';
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 6px;
    top: 10px;
    font-size: 10px;
}
.sidebar-nav li:hover, .sidebar-nav li:active, .sidebar-nav li.active{
    border: 1px solid #4996cd;
    border-left: none;
    background: #4996cd;
    color: #fff;
}
.sidebar-nav li.active:after{
    content: '';
    position: absolute;
    right: -1px;
    top: 10px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #f5f5f5;
}
.sidebar-nav li.create-new{
    background: #fff;
    color: #4996cd;
    border: 1px solid #fff;
    border-right: 1px solid #e7e7e7;
    border-left: none;
}
.sidebar-nav li.create-new:before{
    content: '\002b';
}
.sidebar-nav li input{
    height: 17px;
    padding: 0;
    width: 100px;
    color: #333;
    line-height: 1;
}
/* > sidebar end */
/* > filter */
.filters{
    border-bottom:1px solid #e7e7e7;
    padding:30px 15px 8px 15px;
    position: fixed;
    z-index: 1001;
    top: 55px;
    background: rgba(255, 255, 255, 0.9);
    /* width: calc(100% - 150px); */
    right: 0;
    left:150px;
}
.filters > .form-inline{
    float:right;
}
.filters .edit-btn > .fa{
    float: left;
    font-size: 1.5em;
    height: 34px;
    margin: 0 3px;
    padding: 5px 0;
    text-align: center;
    width: 34px;
    position: relative;
}
.filter-value {
    position: fixed;
    top: 50px;
    z-index: 1029;
    background: #fff;
    padding: 2px 15px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    /* width: calc(100% - 150px); */
    right: 0;
    left:150px;
}
.filter-value label {
    margin: 0;
}
.filters .filter-input{
    padding-right:15px;
    position: relative;
}
/* > filter end */
/* > KPI */
.multiple-editor + .container_chart>.record-box{
    padding: 0 0 5px;
}
.record-box{
    padding: 0 0 5px 5px;
    width: calc(100% + 10px);
    display: inline-block;
}
.record-box > div{
    padding-left: 0;
}
.record-box .well{
    background-color:#fff;
    border-width: 1px;
    border-style: solid;
    height: 80px;
    padding:10px 15px;
    position: relative;
    margin-bottom:0px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    box-shadow: none;
}
.record-box .well>i{
    font-size:4em;
    color:#666;
}
.record-box .well:before{
    font-family: 'Glyphicons Halflings';
    content: "\e116";
    font-size: 4em;
    color: #e7e7e7;
    position: relative;
    float: left;
    line-height: 1;
}
.record-content{
    color: #666;
    position: absolute;
    left: 30%;
    /* width: 100%; */
}
.record-temp{
    margin-top:-11px;
}
.record-temp > div:first-child{
    margin-right:12px;
}
.record-title{
    font-size: 18px;
    padding-bottom: 8px;
    line-height: 1;
}
.record-value-sm + .record-value{
    font-size: 13px;
}
.record-value{
    font-size: 16px;
}
.record-value-lg{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-top: -5px;
}
.record-box .actvTask {
    background-color: #bcf5c7!important;
    border-color: #8de29f;
}
.record-box .actvTask:before {
    color: #8de29f!important;
    content: "\e110";
}
.record-box .allActvTask {
    background-color: #adffbc!important;
    border-color: #7ed691;
}
.record-box .allActvTask:before {
    color: #7ed691!important;
    content: "\e178";
}
.record-box .closeProc {
    background-color: #ffe3d2!important;
    border-color: #efbc9d;
}
.record-box .closeProc:before {
    color: #efbc9d!important;
    content: "\e144";
}
.record-box .closeTask {
    background-color: #ffe3d2!important;
    border-color: #efbc9d;
}
.record-box .closeTask:before {
    color: #efbc9d!important;
    content: "\e088";
}
.record-box .allCloseTask {
    background-color: #ffd2d2!important;
    border-color: #ffb0b0;
}
.record-box .allCloseTask:before {
    color: #ffb0b0!important;
    content: "\e033";
}
.record-box .runProc {
    background-color: #b8e5fb!important;
    border-color: #8ad0f3;
}
.record-box .runProc:before {
    color: #8ad0f3!important;
    content: "\e248";
}
.record-box .overTask {
    background-color: #f1f5b6!important;
    border-color: #d7daa4;
}
.record-box .overTask:before {
    color: #d7daa4!important;
    content: "\e115";
}
/* > KPI end */
.dashboard-grid{
    padding: 0;
}
.dashboard-grid div[ui-view=iframe1] > iframe, .dashboard-grid div[ui-view=iframe2] > iframe, .dashboard-grid div[ui-view=iframe3] > iframe, .dashboard-grid div[ui-view=iframe4] > iframe, .dashboard-grid div[ui-view=iframe7] > iframe {
    margin-left: -6%;
    width: 106%!important;
    height: 84%!important;
}
.dashboard-grid div[ui-view=iframe8] > iframe {
    height: 92%!important;
    width: 100%!important;
}
.panel-info {
    border-color: #ddd;
}
.grid-stack .panel-body{
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.grid-stack-item-content {
    background: #fff;
    border:1px solid #ccc;
    border-radius: 3px;
    display: flex;
    height: 100%;
    flex-direction: column;
    left: 5px!important;
    right: 5px!important;
    box-shadow:none;
    overflow: inherit!important;
}
.grid-stack-item-content .panel-heading {
    color: #666;
    background-color: #e7e7e7;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}
.grid-stack-item-content .panel-heading .panel-title, .modal .modal-header>.panel-title {
    font-size: 14px;
    line-height: normal;
}
/* > multiple dashboard */
.filled-box{
    background-color: #fff!important;
    border:1px solid #e7e7e7;
    padding:5px 10px;
    position: relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    box-shadow:none!important;
    display: inline-block;
    margin: 0 3px 3px 0;
}
.filled-box .glyphicon-remove-sign, 
.record-box .well .glyphicon-remove-sign, 
.grid-stack-item .glyphicon-remove-sign,
.blank-box_listbox .glyphicon-remove-sign{
    position: absolute;
    color: #d9534f!important;
    top: -5px;
    right: -5px;
    font-size: 14px!important;
    cursor: pointer;
    z-index: 1;
    background-color: #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.blank-box{
    background-color: transparent!important;
    border:1px solid #ddd;
    padding:10px 15px;
    position: relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    box-shadow:none!important;
    cursor: pointer;
    text-align: center;
}
.record-box .blank-box:before{
    display:none;
}
.blank-box_title{
    color: #666;
    font-size: 3.2em;
    font-weight: bold;
    line-height: 1;
}
.blank-box>.glyphicon-plus{
    font-size: 2.8em!important;
    color: #666;
    margin-left: 5px;
}
.blank-box_lg{
    margin: 0 1% 1% 0;
    display: inline-block;
    padding:22% 15px;
    width: 48%;
}
.blank-box_lg:nth-of-type(odd){
    margin: 0 0 1% 0;
}
.blank-box_sm{
    margin: 8px 0 0;
    display: inline-block;
    padding: 2px 10px;
    font-size: 35%;
}
.blank-box_lg .glyphicon-remove-sign, .blank-box_sm .glyphicon-remove-sign{
    font-size: 100%!important;
    display: none;
}
.blank-box_link{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.blank-box_listbox {
    position: absolute;
    top: 10%;
    height: 80%;
    width: 85%;
    border-top: 1px solid #ddd;
    z-index: 2;
}
.blank-box_listbox > i.glyphicon{
    display: block;
    font-size: 14px!important;
}
.blank-box_listbox_sm{
    top: inherit;
    height: 150px;
    bottom: 0;
    width: 260px;
}
.blank-box_list {
    position: absolute;
    top: 0;
    height: 100%;
    overflow: auto;
    font-size: 14px;
    width: 100%;
    text-align: left;
}
.blank-box_list::-webkit-scrollbar-track, .custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.blank-box_list::-webkit-scrollbar, .custom-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.blank-box_list::-webkit-scrollbar-thumb, .custom-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: #999;
    border-radius: 8px;
}
.blank-box_list li{
    padding: 2px 5px;
    border: 1px solid #ddd;
    border-top: 0;
    line-height: normal;
    background-color: #fff;
}
.blank-box_list li:hover{
    background-color: #e7e7e7;
}
.multiple-editor{
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 1;
}
.multiple-editor li{
    margin: 0 3px;
    float: left;
    list-style: none;
}
.multiple-editor li.all-link{
    color: #4996cd;
    cursor: pointer;
}
.multiple-editor li.delete-link{
    color: #d9534f;
    cursor: pointer;
}
.multiple-editor li.save-link{
    color: #1bcc43;
    cursor: pointer;
}
/* > multiple dashboard end */
/* modal popup */
.modal-body p {
    word-wrap: break-word;
}
body.modal-open {
    overflow: visible;
}
.modal-content {
    border-radius: 0;
    border: 0;
    box-shadow: none;    
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background: #fff;
    outline: 0;    
    /* max-height: calc(100vh - 1rem); */
    overflow: hidden;    
    max-height: calc(100vh - 3.5rem);
}
.modal-body {
    padding: 10px 15px 15px;    
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
}
.modal .modal-header {
    padding: 5px 15px;
    /* background: #0ea0cc; */
    color: #fff;
    position: relative;
    background: #36d1dc;
    background: linear-gradient(90deg,#5b86e5,#36d1dc);
}
.modal .modal-header_error {
    background: #f47650;
    background: linear-gradient(90deg,#f47650,#f79071);
}
.modal .modal-header_session {
    background: #fc9f42;
    background: linear-gradient(90deg,#e88927,#fc9f42);
}
.modal-body-warning {   
    color: #ff4000;
}
.modal .modal-header>.panel-title {
    font-size: 14px;
    line-height: normal;
}
.is-heading {
    color: #000;
    float: left;
}
.is-date{    
    float: right;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
}
.modal-footer button {
    margin: 0 0 0 auto;
}
.modal-body .form-control-static {
    min-height: 28px;
    padding-bottom: 0;
}
.modal-scroll {
    max-height: 200px;
    overflow: auto;
}
.modal-scroll pre {
    display: inline-block;
    border: 0;
    background-color: #fff;
}
.modal-textcontener {
    padding:0 15px 15px;
    max-height:300px;
    overflow:auto;
}
.modal-textcontener ul {
    padding: 0 0 0 30px;
}
.modal-textcontener ul li {
    list-style-type: disc;
}
.wifi-form {
    padding: 10px;
    position: relative;
    overflow: auto;
    height: 450px;
    width: 800px;
}
.wifi-form .form-group label{
    margin-bottom:0;
}
.wifi-content{
    margin-top:10px;
}
.wifi_graph{
    margin-bottom: 10px;
    position: relative;
}
.wifi-chart{
    overflow: hidden;
}
.modal-dialog-scrollable .modal-footer, 
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.export-custom{
    background-color: #9A51B7 !important;
    color: #fff !important;
}
.export-custom .glyphicon-download-alt{
    color: #fff !important;
}

.angularjs-datetime-picker{
    z-index: 99 !important;
}

.stNoHover{
    pointer-events: none !important;
}

@media (min-width:768px){
    .modal-dialog{margin:30px auto 0}
}
/* modal popup end */
/* dashoboard end */
.bc-collapse_bg{background-color:#f9f9f9;border:1px solid #ddd;margin-bottom:5px;float:left;width:100%;}
.bc-table{float: left;margin: 0;}
.bc-table>tbody>tr>td, .bc-table>tbody>tr>th{padding: 1px 15px;}
.bc-table>tbody>tr>th{background-color:#d8e6f1;}
.bc-heading{
    float: left;
    width: 100%;
    background: #e7e7e7;
    padding: 3px 0;
}
.bc-fieldset{
    padding: 5px;
    margin: 0 0 5px;
    border: 1px solid #ddd;
}
.bc-fieldset legend {
    width: auto;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    border: 0;
    color: #666;
}
/* IE browser only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.form-filter .form-group{
        min-width: 182px;
    }
    td > .input-group > .form-control{
        height: 34px;
    }
    .modal-body{
        max-height: calc(100vh - 12rem);
    }
    .is-btn {
        padding: 5px 15px;
    }
    .is-btn_sm{
        padding: 3px 8px;
    }
}
/* Safari browser only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .grid-stack-item-content .panel-heading {
        display: inline-block;
        width: 100%;
    }
    ::i-block-chrome, .record-box{
        width: 100%;
    }
}
/* media query */
@media (min-width:1200px){
    .container{
        width: 1280px;
   }
}
@media (max-width:1024px){
   .record-box {
        width:100%;
    }
    .record-box > div{
        width:50%;
        float:left;
   }
    .record-box > div:nth-of-type(even) {
        padding-right: 0;
   }
    .record-box .well{
        margin-bottom: 10px;
   }
    .record-box .glyphicon{
        text-align:center;
        width:60px;
   }
}
@media screen and (max-width:767px){
    .container-fluid>.navbar-header{
        float: left;
        margin: 0;
    }
    .navbar-nav .open .dropdown-menu{
        position: absolute;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        border: 1px solid rgba(0,0,0,.15);
    }
    .navbar-toggle{
        margin: 0;
        font-size: 32px;
        color: #4996cd;
        padding: 0;
        margin-right: -20px;
        display: none;
    }
    .navbar-collapse.collapse{
        display: block;
    }
    .nav_items{
        float: left;
    }
    .navbar-nav>li>a {
        border: 0;
        padding: 3px;
    }
    .navbar-nav>li.active>a, .navbar-nav .open>a, .navbar-nav .open>a:focus, .navbar-nav .open>a:hover{
        border: 0;
    }
    .main_heading{
        font-size: 24px;
    }
    .app_box-heading {
        font-size: 20px;
    }
    .main-txt{
        padding: 0 0 50px;
    }
    .main-txt h1{
        font-size: 30px;
    }
   .container_chart{
        padding: 12px 8px 8px;
    }
    .filter-value {
        display: inline-block;
        margin-bottom: 0;
        z-index: 99;
        right: auto;
        left: auto;
        width: 100%;
   }
    .filter-value label {
        margin: 0;
   }
    .filter-value > .form-group{
        float: left;
        margin-bottom: 0;
   }
    .filter-value > .form-group .form-control{
        width: auto;
        display: inline-block;
   }
    .filters_icon {
        display: grid;
   }
    .filters_icon i{
        top: 0;
   }
    .calendar-box{
        padding:5px 10px;
        min-width: 419px;
   }
    .date-range{
        width: 207px;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 5px 8px;
        margin-left: 0;
   }
    .filters{
        top: 63px;
        width: 100%;
        padding: 8px 15px 8px 15px;
   }
    .filters > .form-inline{
        width:100%;
   }
    .filters > .form-inline > .form-group, .filters > .form-inline > .form-group > .form-group{
        margin-bottom:0;
   }
    .filters > .form-inline .btn-group{
        margin-left:0;
   }
    .filters .filter-input{
        float:left;
        width:50%;
        margin-bottom: 0;
   }
    .filters .btn-group{
        display:block;
   }
    .filters .edit-btn{
        text-align:right;
        margin:0;
   }
    .filters_icon i {
        position: relative;
        top: 28px;
   }
   .table-responsive>.table-custom{
       border: 0;
   }
}
@media(min-width:768px) {
    #wrapper {
        padding-left: 0;
   }
    #page-content-wrapper {
        position: relative;
   }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
   }
}
@media (max-width:568px){
    .nav_items {
        margin-left: 0;
    }
    .record-box > div{
        width:100%;
        padding:0;
   }
    .record-box .well{
        height:70px;
        padding:8px;
   }
    .record-box .well>.glyphicon{
        width:50px;
        font-size:4em;
   }
    .filters .edit-btn{
        text-align:center;
   }
}
@media (max-width:480px){
    .filters{
        top:75px;
   }     
   .navbar-toggle{
        display: block;
    }
   .navbar-collapse.collapse{
        display: none;
    }
}
@media (max-width:420px){
    .filters .filter-input{
        float:none;
        padding-right:0;
        width:auto;
   }
}