*
{
outline: none;
}
body,html
{
overflow:hidden;
}
body {
background-color: #1b4593 !important;
}
a,
a:hover,
a:visited,
a:active {
color: #1e4794;
cursor: pointer;
}

a:hover {
text-decoration: none;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
color: #1b4593;
background: #1b4593;
}

borqs-ui {
height: inherit;
}

md-content {
background-color: transparent !important;
}

.login-reg-form {
min-height: 100%;
}

.login-reg-form md-card {
padding: 0!important;
}

.login-reg-form md-card-title {
background-color: blue;
}

md-toolbar {
background-color: #ffffff !important;
border-bottom: solid 1px #ddd;
}

.md-toolbar-tools h2 {
width: 100%;
text-align: center;
}

.logo {
height: 45px;
}

.logo-section img {
height: 36px;
margin-top: 10px;
}

.logo-section span {
color: #355a9e;
display: inline-block;
vertical-align: text-bottom;
margin-left: 10px;
}

.user-info {
text-align: right;
overflow:hidden;
}

.user-info-section {
display: inline-block;
background-color: #f5f5f5;
padding: 12px 0px 8px 12px;
position: relative;
color: #0b398f;
border-left: 1px solid #cbcbcb;
}

.user-info-section .user-icon {
float: left;
font-size: 30px;
margin-top: 4px;

}

.user-info-section .welcome {
text-align: left;
display: block;
padding-left: 36px;
font-size: 16px;
}
.user-info-section .welcome i {
font-size: 23px;
}

.user-info-section .user-controls {
position: absolute;
top: 64px;
background-color: #777777;
right: 0px;
width:100%;
}

.user-info-section .user-controls md-list {
padding: 0px;
}

.user-info-section .user-controls md-list .md-button {
margin: 0px;
width: 100%;
text-align: left;
padding: 0px 15px;
height: 48px;
}

.user-info-section .user-controls md-list .md-button md-icon {
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
margin-right: 5px;
}

md-sidenav {
background-color: #0b398f;
}

md-sidenav md-list {
margin: 0px;
padding: 0px; 
}

md-sidenav md-list .md-button {
margin: 0px;
width: 100%;
text-align: left;
height: 48px;
line-height: 48px;
color: #fff !important;
border-radius: 0px;
padding: 0 12px;
}

md-sidenav md-list .md-button md-icon {
/*min-width: 20px;
min-height: 20px;*/
width: 20px;
height: 20px;
margin-right: 5px;
vertical-align: middle;
}
md-sidenav md-list md-list-item .active
{
background-color:#0b72b5 !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
div[ui-view] md-content.main-content {
background-color: #f0f0f0 !important;
height: inherit;
padding: 20px;
/*min-height: 550px;*/
}

.mdtTableContainer
{
box-shadow: none;
}

.inline-form .button-item .md-button {
margin: 0px 15px;
}

.inline-form md-input-container.md-block {
margin-top: 0px;
}

.screen-heading {
padding:0 0 15px 0;
}

.screen-heading h2 {
margin: 0px;
font-weight: normal;
color: #202020;
line-height: 32px;
font-size: 1.2em;
}

.form-section md-input-container,
.form-section md-checkbox,
.form-section md-select,
md-dialog-content md-input-container,
md-dialog-content md-checkbox,
md-dialog-content md-select {
margin: 0px;
}
.button-section md-input-container .md-button {
margin: 0px;
}

.button-section.text-right md-input-container .md-button {
margin-left: 5px;
}

.button-section.text-left md-input-container .md-button {
margin-right: 10px;
}

.grid-section {
border: solid 1px #c5c5c5;
background-color: #fff;
}
.grid-section .mdt-header > span
{
font-size:1.1em;
color: #0b398f;
}
.user-cell {
display: table;
padding: 10px 0px;
}

.user-cell .user-row {
display: table-row;
}
.user-cell .user-row .user-photo {
display: table-cell;
vertical-align: middle;
}

.user-cell .user-row .user-photo img {
height: 45px;
border-radius: 40px;
border: solid 1px #aaa;
margin-right: 10px;
width: 45px;
}

.user-cell .user-row .user-name {
display: table-cell;
vertical-align: middle;
}

.footer {
background-color: #d9d9d9;
padding: 10px 15px;
font-size: 11px;
border-top: solid 1px #aaa;
height:30px;
}

.user-profile-photo
{
margin:0 30px 0 0;
box-shadow:none;
border: solid 1px #cecece;
text-align: center;
background: #f5f5f5;
}

.user-profile-photo md-card-title
{
padding: 8px;
text-align: center;
justify-content: center;
color: #000;
}
.user-profile-photo img {
height: 100px;
border: solid 1px #bbb;
display: inline-block;
max-width: 100%;
border: 1px solid #8b8b8b;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
position: relative;
z-index: 1;
width:100px;
}
.user-profile-photo md-card-actions .md-errors-spacer
{
display: none;
}
.user-profile-photo md-card-actions
{
margin:0 8px 8px 8px;
}
.user-profile-photo md-card-actions md-input-container
{
margin-bottom:5px !important;
}
.tab-content-heading h4 {
margin-top: 0px;
line-height: 36px;
}

.tab-content-heading .md-button {
float: right;
margin: 0px 0px 0px 15px;
}
md-dialog.small-dialog
{
max-width: 600px;
min-width: 600px !important;

}
md-dialog.medium-dialog
{
max-width: 750px;
min-width: 750px !important;

}
.md-dialog-content
{
min-height: 200px;
}
.md-dialog-container md-toolbar {
background-color: #355a9e !important;
}
.md-dialog-container md-toolbar .md-toolbar-tools
{
max-height: 50px;
height: 50px;
}
.md-dialog-container md-toolbar .md-toolbar-tools h2 {
text-align: left;
font-size: 1em;
}
md-dialog-actions {
padding: 0px 15px !important;
}

md-input-container {
margin: 3px 0px !important;
}

.custom-btn {
background-color: #eee;
border: solid 1px #eee;
border-radius: 3px;
padding: 8px;
font-size: 14px;
box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

.custom-btn:hover,
.custom-btn:focus {
background-color: #fff;
outline: none;
}

.custom-danger-btn {
background-color: #ff5252;
color: #fff;
}

.custom-danger-btn:hover,
.custom-danger-btn:focus {
background-color: #ef4040;
}

.custom-primary-btn {
background-color: #106cc8;
color: #fff;
}

.custom-primary-btn:hover,
.custom-primary-btn:focus {
background-color: #0e559c;
}

.custom-warn-btn {
background-color: #ffa659;
color: #fff;
}

.custom-warn-btn:hover,
.custom-warn-btn:focus {
background-color: #e68f44;
}

.mdtTableContainer table thead {
background: #f5f5f5;

}
.grid-section .mdt-header
{
border-bottom: 1px solid #ecebeb;
}
.mdtTableContainer table th {
font-size: 15px;
color: #353535;
font-weight: bold;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
background-color: rgb(50, 88, 158);
}

.popup-content-heading {
margin-top: 0px;
}

.datepicker-adjust-row {
margin-top: 20px;
}

.service-section-dialog {
min-width: 800px;
}

.service-section-dialog .popup-section {
border: solid 1px #ddd;
padding: 15px;
margin-bottom: 15px;
}

.service-section-dialog h4 {
margin-bottom: 0px;
}

.service-section-dialog .service-icon {
height: 38px;
}

.tab-section {
margin: -20px;
}

.screen-heading-inside-popup {
margin: -20px -16px 20px;
}

.mt-15 {
margin-top: 15px;
}
/*css*/
@media (min-width: 600px){

md-sidenav {
max-width: 200px;
}
}
.main-container
{
min-height: 86% !important;
}
.application-name
{
align-items: center;
justify-content: center;
display: flex;
}

.application-name h4
{
color:#3b3b3b;
font-size: 18px;
font-weight: normal;
}
.custom-row
{
margin: 0 -15px;
}
.custom-col
{
padding: 0 15px;
}
.custom-textarea
{
height: auto !important;
min-height: 0 !important;

}
md-select-menu md-content
{
background: #fff !important;

}
.top-btn-pnl
{
-webkit-justify-content: flex-end; /* Safari */
justify-content: flex-end;
display: flex;
}
.top-btn-pnl .md-button
{
margin: 0 0 0 8px;
}
.top-btn-pnl .md-button:first-child
{
margin-left:0;
}
.tab-btn-panel
{
-webkit-justify-content: flex-end;
justify-content:         flex-end;
}
.tab-btn-panel .md-button
{
margin:0 0 10px 0;
}

/*search section*/
.search-section, .form-section
{
border: solid 1px #cbcbcb;
margin-bottom: 20px;
background-color: #fff;
}
.grid-section,  .search-section, .custom-toolbar
{
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

.img-container
{
text-align: center;  
/*display: flex;
justify-content: center;*/
margin: 10px 0 20px 0;
position: relative;
height:100px;
}

.search-content, .form-content
{
padding:0 15px;
}

.search-section h4, .form-section h4 {
margin-top: 0px;
font-size: 1.1em;
font-weight: normal;
margin: 0;
color: #0b398f;
padding:15px;
}
.form-section h5 
{
color: #0b398f;
font-size: 1.1em;
margin: 0;
font-weight:normal;
padding: 15px 0 25px 0;
}
.search-section .btn-container, .form-section .btn-container
{
background: #f5f5f5;
border-top:1px solid #ecebeb;
padding:3px 15px;
}
.search-section .btn-container .md-button, .form-section .btn-container .md-button
{
margin:5px 0 5px 10px;
}
/*.search-section .btn-container .md-button:first-child, .form-section .btn-container .md-button:first-child
{
margin-left:0;
}*/
.section-heding
{
background: #f4f4f4;
color: #404040;
padding: 10px;
margin: 0 -24px 20px -24px !important;
font-weight:normal;
}
.popup-small, .popup-medium, .popup-large
{
max-width:600px;
min-width:600px;
width:auto;
}
.popup-medium
{
max-width:800px;
min-width:800px;
}
/*custom responsive code*/
@media screen and (max-width:767px) {
.popup-small, .popup-medium, .popup-large
{
max-width:100%;
min-width:90%;
}
.search-section .custom-col
{max-width: 100% !important;
flex:1 1 auto !important;  
}
.search-section .layout-row{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.search-section md-input-container
{
margin-bottom: 15px !important;
}
.search-section md-input-container .md-errors-spacer
{
min-height:0;
}
.search-section .btn-container.layout-row
{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}
.user-profile-photo
{
margin-right:0;
}
.layout-xs-column>.flex-xs-100, .layout-xs-row>.flex-xs-100 {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 100%;
max-height: 100%;
}
.layout-xs-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}

.crop-img-content .custom-row 
{
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
flex-direction:column;
}
.crop-img-content .custom-row  .custom-col > canvas, .cropArea
{
width:300px !important;
height:300px !important;
display:block;
margin:15px auto;
}
.crop-img-content .custom-row .custom-col
{
max-width:100%;
}
}

.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab
{
background: #0b398f;
color: #fff;
}
.btn-default
{
background-color: #434343 !important;
color: #fff !important;
}
.md-button
{
text-align:left;
padding: 0 15px;
min-width: 50px;
text-transform: initial !important;
font-weight: normal !important;
}
md-dialog .zmdi-close
{
font-size: 22px;
}
md-dialog-actions
{
background: #f5f5f5;
border-top: 1px solid #ecebeb;
}
md-dialog > form{
margin: 0;
}
md-dialog md-toolbar
{
min-height: 50px !important;
}
.md-dialog-content .form-section, .md-dialog-content .form-content
{
border: 0;
padding: 0;

}
md-dialog .md-dialog-content
{
padding: 15px;
}
md-sidenav  .md-button
{
font-size: 1em;
}
.md-dialog-content h5:first-child
{
padding-top: 0;
}
md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message, md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message], md-input-container .md-char-counter {
position: RELATIVE; /* INSTEAD OF ABSOLUTE */
font-size: 12px;
line-height: 24px;
}
.btn-add
{
background: #33691e !important;

}
.md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled], .md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled]
{
background-color: #0b398f!important;
opacity: 0.4;
}
.icon-frame
{
position: absolute;
width:100%;
text-align: center;

}
.img-container .zmdi
{
font-size: 60px;
color: #fff;
line-height: 100px;
width:100px;
border: 1px solid #8b8b8b;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
background:#355a9e;
}

.img-frame
{
width: 80px;
height: 80px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);
border: 1px solid #e8e8e8;
background: #fff;
}
.alert-msg
{
background: #fff;
padding: 15px;
border: 1px solid #bdbdbd;
margin-bottom: 15px;
color: #D50000;
font-size: 16px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}
.md-tab
{
font-size: 1.1em;
text-transform: initial;
font-weight: normal;
}
md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon
{
color: #0b398f;
}
.tab-btn-section
{
margin-bottom: 10px;
}
.no-header .mdtTableContainer .mdt-header
{
height: auto;
}
.form-content md-input-container
{
margin-bottom: 15px !important;
}
mdt-table .md-button
{
min-width: 10px;
}
mdt-table .md-button i
{
font-size: 20px;

}
.grid-section
{
position: relative;
}
.loader-overlay
{
position: absolute;
top: 0;
left: 0;
background: #a9a9a9;
height: 100%;
width: 100%;
opacity: 0.4;
z-index: 5;
}

.loader-container
{
max-height: 100%;
}
md-progress-circular
{
border: 1px solid #cfcfcf;
position: absolute;
z-index: 100;
background: #fff;
top: 40%;
padding: 10px;
left:45%;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

md-progress-circular svg
{
top:10px;
left: 10px;
}
.error-message, .success-message
{
background:#f44336;
padding:10px 15px;
color: #fff;
margin-bottom: 15px;
font-size: 1.em;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
border: 1px solid #c62828;
line-height: 28px;
}
.error-message i, .success-message i
{
margin:0 10px 0 0;
font-size: 1.5em;

}
.success-message
{
background:#689f38;
border: 1px solid #558b2f;

}

.radio-pnl
{
margin-bottom: 20px;
}
.required-text
{
color: #dd2c00;
font-size: 12px;
line-height: 24px;
}
md-dialog
{
min-width: 600px;

}
.custom-panel
{
background: #fff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
border: solid 1px #cbcbcb;
}
.custom-panel-heading
{
background: #878787;
color: #fff;
padding: 0 15px;
background-color: #f5f5f5;
border-bottom: 1px solid #cbcbcb;
color: #0b398f;
}
.custom-panel-heading h4{
margin: 0;
line-height: 54px;
}
.custom-panel-body
{
min-height: 300px;
padding:50px 10px 15px 10px;
}
.min-margin-left
{
margin-left: 10px;
}

.min-margin-right
{
margin-right: 10px;
}
.min-margin-bottom
{
margin-bottom:20px;
}
#regUserPanel, #subscriptionPanel
{
position:relative;
}
#regUserPanel canvas{
width:100% !important;

}
.filter-popup
{
min-width: 90%;
}
.filter-popup .md-dialog-content
{
min-height: auto !important;
padding-top: 20px;
}
.filter-btn
{   line-height: 35px !important;
width: 35px !important;
height:35px !important;
padding: 13px 0 0 0;
text-align: center;
/*float: right;*/
background: #585858 !important;

}
.filter-btn md-icon{
height: 15px;
width: 15px;
min-height: 15px;
min-width: 15px;
}
.export-btn 
{
padding-top:9px;
}
.export-btn md-icon svg {
width: 20px;
height: 19px;
}

.date-info
{
background:#ecf3ff;
min-height: 30px;
margin: 0;
line-height: 30px;
padding: 5px 15px;
font-size: 15px;
font-weight: normal;
}


.custom-panel-body .error-message-tbl
{
position: absolute;
padding: 10px;
height: 72%;
top: 0;
width: 96.5%;
left: 0;
display: table;
}
.custom-panel-body .error-message-wrpr
{
display: table-cell;
vertical-align: middle;
text-align: center;

}
.custom-panel-body .error-message
{
max-width:300px;
display: inline-block;
}
.md-open-menu-container
{
top:56px !important;
position: absolute !important;
}
md-menu-content
{
background:#434343;
}
md-menu-item>.md-button 
{
color:#fff !important;
}
#confirmationPopup md-dialog-content
{
min-height: 0;
}
#confirmationPopup md-dialog-actions 
{
justify-content: center;
}
#confirmationPopup md-dialog-actions button
{
text-align: left;
padding: 0 15px;
min-width: 50px;
text-transform: initial;
font-weight: normal;
background-color: rgb(57,73,171);
color: #fff;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
#confirmationPopup md-dialog-actions button:first-child
{
background-color: #434343;
}
#confirmationPopup md-dialog
{
min-width: 300px;
}
#confirmationPopup h2{
font-size: 16px;
}
.user-info-menu md-menu-item button
{
width: 253px;
}

.password-hints
{
background:#ecf3ff;
padding: 15px;
margin-bottom: 15px;
}
.password-hints p
{
margin:0 0 10px 0;
font-size: 15px;

}
.password-hints ul
{
margin:0;
padding-left:25px;
}
.password-hints ul li
{
font-size: 13px;
line-height: 25px;
font-style: italic;
color:#484848;

}
.chart-btn-pnl
{
display: flex;
justify-content:flex-end;
}
md-tabs-content-wrapper .mdtTable, md-dialog-content .mdtTable, md-tabs-content-wrapper .mdt-pagination, md-dialog-content .mdt-pagination
{
border:1px solid #c5c5c5;

}
md-tabs-content-wrapper .mdt-pagination, md-dialog-content .mdt-pagination
{
border-width:0 1px 1px 1px;
}
md-input-container .md-errors-spacer {
min-height: 0;
}
.custom-col md-input-container
{
margin-bottom: 25px !important;

}
.btn-disable
{
opacity:0.4;
box-shadow:none;
cursor:not-allowed !important;
}
.crop-img-pnl
{
position:fixed;
background:#000;
top: 0;
left: 0;
z-index: 100;
height: 100%;
width:100%;
opacity:0.98;
overflow: auto;
}
.crop-img-content
{
padding:15px;

}
.crop-img-hdr, .choose-file-btn
{
border-bottom:1px solid #171616;
background:#0e0e0e;
}
.choose-file-btn, .crop-img-hdr h4, .crop-img-hdr i, .crop-img-content h5
{
color:#a1a1a1;
}
.crop-img-hdr h4
{
margin:0;
padding:10px 15px;
font-size:20px;
font-weight:normal;
}
.crop-img-hdr i
{
font-size: 25px;
}

.crop-img-content h5{
color:#a1a1a1;
margin:0;
font-size:18px;
font-weight:normal;
}
.crop-img-content .custom-col
{

text-align: center;
}
.preview-pnl
{
align-self:center;
}
.cropped-img-wrpr img, .crop-img-content canvas
{
box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.26); 
margin:10px;
}
.help-text
{
font-size:13px;
color:#6b6b6b;
font-style:italic;
display:inline-block;
margin-top:3px;
white-space:nowrap;

}
.help-text i{
font-size:18px;
color:#206bf7;
margin-top:1px; 
}


@media (max-width: 959px){
md-progress-circular
{
left:40%;

}
md-sidenav
{
width:300px !important;
max-width:300px;
}
.layout-sm-column>.flex {
min-height: auto;
}
.custom-panel.min-margin-right, .custom-panel.min-margin-left{
margin:0 0 20px 0;
}
.menu-controller
{
margin:12px 5px 0 15px !important;
height:30px !important;
padding:0 !important;
width: 30px !important; 
border-radius:0 !important;     
}
.menu-controller:focus
{
background:none !important;
}
.menu-controller i
{
color:#202020;
font-size:26px;
}
.sideNavClose
{
border-bottom: 1px solid #0a3178;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16);
height:40px;
min-height:auto;
background:#f6f4f4;
padding: 5px 0 5px 15px;
}
.sideNavClose .md-secondary-container
{
display:none;
}
.sideNavClose .md-button
{
width:30px ;
height:30px;
text-align: center;
float:right;
}
.sideNavClose i{
color:#fff;
font-size:28px;
color:#0b398f;
}
.sideNavClose span
{
color:#fff;
display:inline-block;
width: 74%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-left: 5px;
color:#0b398f;
}
}

.custom-toolbar
{
min-height:55px;

}

.custom-datepicker label
{
right:28px !important;
width: calc(100% - 64px) !important;
}
.custom-datepicker md-datepicker
{
padding:0;
margin:0;
}

.custom-datepicker .md-datepicker-input-container
{
width: calc(100% - 35px);
margin-left:0;

}
.custom-datepicker .md-datepicker-input
{
max-width:100%;
}
.custom-datepicker .md-datepicker-button
{
padding: 8px 0;
margin:0 10px 0 0;
width:auto;
border-radius:0;
}

.mandatory-text
{
font-size:13px;
font-style:italic;
}



@media all and (max-width: 767px) and (min-width:460px) {
.mdt-footer .mdt-pagination{
justify-content: center;
}

}

@media (max-width:459px){

.mdt-footer
{
height:auto !important;
line-height:25px !important;
overflow: visible !important;
}
.mdt-footer .mdt-pagination{
display:block;
}
.mdt-footer .mdt-pagination > span{
display:inline-block;
width:40%;
}
div[ui-view] md-content.main-content
{
padding:15px;
}
.search-section .btn-container, .form-section .btn-container
{
justify-content:center;

}
.tab-section {
margin: -15px;
}
.logo-section img
{

height: 24px;
margin-top:16px;
}
.application-name h4
{
font-size:16px;
}
}
.cropArea {
background: #E4E4E4;
overflow: hidden;
width:500px;
height:500px;
margin:0 auto;
}
.choose-file-btn, .cropArea{
margin:0 auto;
}
.ui-cropper-panel img
{
width:100px;
height:100px;
display:block;
margin:10px auto;

}

.char-btn
{
min-width:30px;
padding:0 10px;
background:#e4e4e4;
margin:8px 5px;
}
.char-btn.active, .char-btn.active:hover
{
background:#0b398f;
}
.char-btn.active md-icon svg path
{
fill:#fff;
}
.char-btn.active md-icon, .char-btn.active:hover md-icon
{
color:#fff;
}
.char-btn md-icon
{
height:22px;
width: 22px;
min-height:22px;
min-width:22px;
}
#regUserPanel, #subscriptionPanel, #alertAcrossPanel, #locastionPanel, #invitesPanel, #safeZonePanel, #mqttMessagePanel
{
position:relative;
}