/* base template */

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

pre {
    border: none;
    background: none;
    white-space: pre-wrap;
    word-break: none;
    padding: 0px;
}


/* .angular-google-map-container { height: 400px; } */

#map-device-search-panel {
    position: absolute;
    left: 30px;
    width: 200px;
    top: 80px;
}

#map-device-list-panel {
    position: absolute;
    left: 30px;
    width: 200px;
    top: 130px;
    bottom: 100px;
    overflow: scroll;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.map-text {
    color: #000000;
    /* text-shadow: inset 0 0 5px white; */
    /* text-shadow: 0px 0px 5px #ffffff;*/
}

#map-device-settings-panel {
    position: absolute;
    left: 30px;
    width: 200px;
    bottom: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#map-device-settings-panel-body {
    padding-top: 7px;
    padding-bottom: 7px;
}

#map-device-settings-checkbox {
    margin: 0;
    border: 0;
    padding: 0;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 100%;
    height: 80px;
    text-align: center;
    padding-top: 25px;
    margin: 0px;
}

.dragover {
    border: 5px dashed blue;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout+.bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}



/* The snackbar - position it at the bottom and in the middle of the screen */

.toast {
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 999999;
    right: 20px;
    /*left: 50%;
    bottom: -100px;*/
    opacity: 0;
    box-shadow: 0px 5px 10px rgba(40, 40, 40, 0.4);
    transition: transform 1s, opacity 0.5s;
}

.toast.success {
    background: #15B371;
}

.toast.error {
    background: #F55656;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */

.toast.show {
    opacity: 1;
    transition: transform 1s, opacity 0.5s;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.toast.nag {
    opacity: 1;
    transition: transform 1s, opacity 0.5s;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

.toast.dismissed {
    -webkit-animation: fadeout 0.55s;
    animation: fadeout 0.55s;
}

/* Animations to fade the snackbar in and out */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        transform: translate(0, 0);
        opacity: 1;
    }
    to {
        transform: translate(300px, 0);
        opacity: 0;
    }
}

.has-error.uib-tab > a  {
    color: #AE4442 !important;
    font-weight: bold !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
* { -webkit-box-sizing:border-box; box-sizing:border-box; }

body {
	font-family: Lato;
  -webkit-font-smoothing: antialiased;
     
}

/*login-register-page*/
.headline-main {
    color: #0092cb;
}
.blueH {
    color: #7cc4ea;
}
.input-container {
    margin-bottom: 5px;
}

.input-container input {
    margin-bottom: 10px;
    padding-left: 35px;
}

/* end login-register-page*/
.check_min {
    min-height: 50px !important;
}
.group input:focus {
    border-color: #0f202e !important  ;
    outline: 0 !important ;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.73), 0 0 8px rgba(15, 32, 46, 0.75) !important  ;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(15, 32, 46, 0.15) !important ;
}
.label_f_size {
      font-size: 17px;
    padding: 20px 0 5px 0;
}
img {
	max-width: 100%;
}

.img_display {
	margin: 0 auto;
}
.account-wall
{   
    background: #fff;

    margin: 9em auto ;
    padding-bottom: 20px;
    box-shadow: -14px 9px 20px 5px #b7b7b775;
        /*-webkit-box-shadow: 10px 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 8px 10px 6px -6px #7777778a;*/
}

.form-signin{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading, .form-signin .checkbox{
    margin-bottom: 10px;
}





.group { 
	position: relative; 
	margin-bottom: 45px; 
}

.group_blue p {
	padding: 15px;
}

.headerH_orb {
	color: #fff;
  margin:0 !important;
  padding: 0;
  background: #0f1f2e;
}

.headerH_orb h3{
font-size: 18px;
    padding: 19px;
}
.head_p{
  font-size: 18px;
    font-weight: 700;
    padding: 40px 0 15px 0;
}
.input_border_bottom {
	font-size: 18px;
	padding: 10px 10px 10px 5px;
	-webkit-appearance: none;
	display: block;
	background: #fff;
	color: #636363;
	width: 100%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #a0a0a0;
}
.button_edit {
    height: 35px;
    width: 80%;
    font-size: 16px;
    background: #fff;
    border: 1px solid #0f1f2e;
    margin-top: 30px;
    color: #0f1f2e;
    margin-bottom: 30px;
    display: block;
    margin: 0 auto;
}
.button_edit:hover {
    background: #0f1f2e;
    color: #fff;
}
.returnLogin {
    color: #0091c7;
    display: block;
    font-size: 13px;
    padding-bottom: 5px;
}




.position_show{
        position: absolute;
    right: 0;
    top: 13px;
}
.position_show a {
    text-decoration: none;
    color: #515157;
    font-size: 14px;

}
.edit_inp_height {
   height: 35px;
    font-size: 16px;

}

.ripples {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}
.margin_p_bottom {
    margin-bottom: 25px;
}

/* Ripples circle */

.ripplesCircle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
}

.ripples.is-active .ripplesCircle {
  -webkit-animation: ripples .4s ease-in;
          animation: ripples .4s ease-in;
}
.blueBkg {
	background: #0091c8;
	padding: 20px;
}

.left-allign {
    display: block;
    float: left;
}

pass_policy_h {
    border-bottom: 1px solid #333;
    line-height: 1.5;
    clear: both;
 
}
.p_p_edit input {
     height: 32px;
     width: 92px;
     border-radius: 4px;
     border: 1px solid #cacaca;
}
 
 .pull-left-buttons {
    margin-left: 5px;
}
 
.button-allign{
    margin: 0 !important;
    padding: 0 !important;
}

.popover-content {
    white-space: pre-wrap;   
}
.popover {
    max-width: 330px; 
}

.size_sma {
	font-size: 12px;

}
.label_f_size {
	font-size: 17px;
	padding: 20px 0 5px 0;
}
.head_pass{
	background: #0f1f2e;
	color:#fff;
}
.head_pass h2 {
	font-size: 18px;
	padding-bottom: 10px;
}
.head_p {
	font-size: 18px;
    font-weight: 700;
    padding: 40px 0 15px 0;
}

.color_text {
	color: #333;
}
.box_shadow_main {
	box-shadow: -14px 9px 20px 5px #b7b7b775;
    padding: 0;
}
.white_bgd {
	background: #fff;
}
.button_edit {
	padding: 0;
	height: 35px;
	font-size: 16px;
	background: #fff;
	border: 1px solid #0f1f2e;
	margin-top: 30px;
	margin-bottom: 30px;
}
.button_edit:hover {
	background:  #0f1f2e ;
	color:#fff;
}
.edit_inp_height {
	height: 35px;
	font-size: 16px;
}

.marker_ed {
	color: #FF0004;
    border-radius: 25px;
    border: 1px solid;
    padding: 2px;
    font-size: 10px;
    margin-right: 2px;
}
.edit_pass_form input:focus {
    border-color: #0f202e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.73), 0 0 8px rgba(15, 32, 46, 0.75);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(15, 32, 46, 0.15);
}

.marker_green {
	color: #008000;
    border-radius: 25px;
    border: 1px solid;
    padding: 2px;
    font-size: 10px;
    margin-right: 2px;
}

.clicked:active{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.led_green {
	color: green;
    outline-color: black;
    outline-width: 1px;
}
.led_red {
	color: #aa0000;
}
.led_yellow {
	color: #ffa700;
}
.led_orange {
	color:orangered;
}


/* Orbiwise-theme style specific */

@font-face {
    font-family: "MarkBook";
    src: url("/theme/images/MarkBook.ttf");
    
}
@font-face {
    font-family: "MarkBold";
    src: url("/theme/images/MarkBold.woff2");
    
}
body{
    background-color: #EBF3F1;
    font-family: "MarkBook", sans-serif;
}
body a {
    outline: none !important;
}

body[ng-cloak] {
    display: block !important;
    opacity: 0;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 !important;
    outline-offset: 0 ;
}

.btn-group > button.active,
.btn-group > button.active:focus,
.btn-group > button.active:hover,
.btn-group > button.active:hover:focus {
    background-color: #28323A !important;
    border-color: #28323A !important;
    color: #fff;
}
/* HELPER CLASS */
.margin_b_0 {
    margin-bottom: 0;
}
.margin_b_10 {
    margin-bottom: 10px;
}
.margin_b_15 {
    margin-bottom: 15px;
}
.p-r-0 {
    padding-right: 0;
}
.p-l-0 {
    padding-left: 0;
}
.p-t-0 {
    padding-top: 0px;
}
.black_b_btn_margin {
    margin-top: 35px;
    margin-bottom: 20px;
}
.font_size_16 {
    font-size: 16px;
}
.text_align_left {
    text-align: left !important;
}
.padding_top_bottom {
    padding-top: 15px;
    padding-bottom: 5px;
}
.padding_bottom_0 {
    padding-bottom: 0px;
}
.padding_bottom_10 {
    padding-bottom: 10px;
}
.padding_left_30 {
    padding-left: 30px;
}
.padding_left_37 {
    padding-left: 37px;
}
.padding_left_56 {
    padding-left: 27px;
}
.all_padding_0 {
    padding: 0px;
}
.all_margin_0 {
    margin: 0px !important;
}
.padding_top_30 {
    padding-top: 30px;
}
.negative_top_16 {
    position: relative;
    top: -16px;
}
.display_inline {
    display: inline;
}
/* END HELPER CLASS */

/* Applications Page */
.new_style_editConfig {
    margin-top: 100px;
    margin-bottom: -70px;
}

/* buttons style */
.black_b_btn,
.black_b_btn:visited {
    color: #28323A;
    border:1px solid #28323A;
    background: transparent;
}
.black_b_btn:hover,
.black_b_btn:active,
.black_b_btn:focus,
.black_b_btn:active:focus,
.black_b_btn:hover:focus{
    color: #fff;
    border:1px solid #28323A;
    background: #28323A;
    outline: 0;
}
.mac_msg_active{
    color: #fff !important;
    border:1px solid #28323A !important;
    background: #28323A !important;
    outline: 0 !important;
}
.black_b_btn:focus {
    background: transparent;
    color: #28323A;
}

.black_b_btn_dark {
    color: #fff;
    border:1px solid #28323A;
    background: #28323A;
    outline: 0;
}

.black_b_btn_dark:hover,
.black_b_btn_dark:active,
.black_b_btn_dark:focus,
.black_b_btn_dark:active:focus,
.black_b_btn_dark:hover:focus {
    background: #fff;
    color: #28323A;
}

.red_b_btn:hover,
.red_b_btn:active,
.red_b_btn:focus,
.red_b_btn:active:focus,
.red_b_btn:hover:focus{
    color: #fff;
    border:1px solid #d9534f;
    background: #d9534f;
    outline: 0;
}
.red_b_btn,
.red_b_btn:visited {
    color: #d9534f;;
    border:1px solid #d9534f;
    background: transparent;
}
.red_b_btn:focus {
    background: transparent;
    color: #d9534f;
}

.greenW_b_btn:hover,
.greenW_b_btn:active,
.greenW_b_btn:focus,
.greenW_b_btn:active:focus,
.greenW_b_btn:hover:focus{
    color: #fff;
    border:1px solid #167f92;
    background: #167f92;
    outline: 0;
}
.greenW_b_btn,
.greenW_b_btn:visited {
    color: #167f92;
    border:1px solid #167f92;
    background: transparent;
}
.greenW_b_btn:focus {
    background: transparent;
    color: #167f92;
}
/* end buttons style */


.dark-anchor > a {
    color: #0000EE;
    cursor: pointer;
    font-weight: 600;
}

.dark-anchor-disable > a {
    color: gray;
    cursor: pointer;
    pointer-events: none;
    font-weight: 600;
}


#pagination_style .pagination > .active > a,
#pagination_style .pagination > .active > a:focus,
#pagination_style .pagination > .active > a:hover,
#pagination_style .pagination > .active > span,
#pagination_style .pagination > .active > span:focus,
#pagination_style .pagination > .active > span:hover {
    border-color: #28323A;
    background-color: #28323A;
    color: #fff;
}

#pagination_style .pagination > li > a {
    color: #777;
}

.border_none{
    box-shadow: none;
    border: none;
    background: transparent;
    color: #333;
}
/* Data Table Start */
.mper_page_style {
    /* margin: 0 auto; */
}
.position_ab {
    position: absolute;
    margin-top:24px;
    z-index: 1;
}
.new_style_dark{
    background: #28323A;
    color: #fff;
}
.new_style_dark thead a {
    color: #fff;
}
.new_style_dark tbody a {
    color: #333;
}
.new_style_dark thead tr th:first-of-type, .new_style_dark tbody tr td:first-of-type, 
.new_style_dark thead tr th:last-of-type, .new_style_dark tbody tr td:last-of-type {
    text-align: center;
}
.new_style_dark thead tr th p {
    margin-bottom: 0px;
    font-size: 11px;
}
.new_style_dark thead tr th {
    border-right: 1px solid #cacaca;
    padding: 8px;
    font-size: 11px;
}
.new_style_dark thead tr th:last-of-type {
    border-right: none;
}
.new_style_dark tbody tr {
    color: #333;
}
.new_style_dark tbody tr:nth-child(odd){
    background: #E0DFDF;
}
.new_style_dark tbody tr td {
    border-right: 1px solid #cacaca;
    font-size: 12px;
    padding: 5px;
}
.new_style_dark tbody tr td:last-of-type{
    border-right:none;
}
.new_style_dark tbody tr:nth-child(even){
    background: #fff;
}
.new_style_dark .btn-group > button {
    font-weight: 700;
}

/* Data Table End */

/* Login page start */
.login-wrapper  img {
    max-width: 100%;
}
.img_padding_bottom {
    padding-bottom: 10px;
}
.background-login{
	background: url("/theme/images/orbiwise-white-bg.jpg");
	 background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 52px);
    display: table;
    table-layout: fixed;
    width: 100%;
}
.login-wrapper {
	display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.form-signin{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading, .form-signin .checkbox{
    margin-bottom: 10px;
}
.user-inner-addon {
    position: relative;
}
.user-inner-addon input {
    padding: 8px 10px 8px 40px; 
    background: #efefefab;
    border: none;
    margin: 28px auto;
    font-size: 16px;
    height: 44px;
}
.user-inner-addon i {
    position: absolute;
    padding: 16px 17px;
    pointer-events: none;
    color: #5b5c5e;
}

.form-signin .btn-dark-login {
	background: #172434;
	border: 1px solid #172434;
    border-radius: 3px;
    padding: 12px;
    color: #fff;
}
.btn-dark-login:hover {
    background-color: #1724349e;
    border: 1px solid #1724340f;
}
.a-link {
    color: #172434;
    text-decoration: underline;
    font-size: 12px;
}
.form-signin .btn-dark-login:focus {
     outline: none;
}
.login-wrapper textarea:focus, input:focus {
    color: #172434;
}
.form-signin .form-control:focus {
    border-color: #172434;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(23, 36, 52);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(23, 36, 52);
}
.custom_p_inderbutton {
    color: #fff;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
}
/* Login page end */

.pass_policy_h {
    border-bottom: 1px solid #333;
    line-height: 1.5;
    clear: both;

}
.p_p_edit input {
    height: 32px;
    width: 92px;
    border-radius: 4px;
    border: 1px solid #cacaca;
}

.modal-dialog {
    width: 1000px;
    margin-top: 60px;
}

.modal-dialog .row {
    margin: 0;
}

/* .container.ng-scope{
    margin-top: 20px;
} */
/****START NAVBAR****/
.navbar-new-style-das .container-fluid .padding-t-media .active>a, 
.navbar-new-style-das .container-fluid .padding-t-media ul li .active>a {
    color:red !important;
    background-color: #eee;
}
.navbar-new-style-das {
    background-color: #10171e;
    color: #fff;
    z-index: 90000;
    border-radius: 0px !important;
    margin-bottom: 0px;
    border: 0px;
}
.nav-p-style {
    padding: 5px 15px;
}
.nav-p-style img {
    max-width: 170px;
    padding-top: 5px;
}
.navbar-new-style-das .ns-navbar-nav > li > a {
    color: #fff ;
} 
.navbar-new-style-das .ns-navbar-nav > li > a:hover,
.navbar-new-style-das .ns-navbar-nav  > li > a:active {
    color: #10171e !important;
    background-color: #eee !important;
}
.navbar-new-style-das .ns-navbar-nav > .open > a,
.navbar-new-style-das .ns-navbar-nav > .open > a:focus,
.navbar-new-style-das .ns-navbar-nav > .open > a:hover {
    background-color: #eee;
}
.navbar-new-style-das .ns-navbar-nav .open a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.sty_bl_bgd{
    padding: 0px;
}
.sty_bl_bgd li a:hover{
    background-color: #0f1f2e;
    color:#fff !important;
}

.ns-navbar-nav .open a{
    color: #10171e !important;
    background-color: #eceef0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a {
    color: white;
    background-color: transparent;
}

.ns-navbar-nav .open .dropdown-menu {
    background: #eceef0;
    border: 0px solid rgba(0,0,0,.15);
}
/*style when li have active classad*/
.ns-navbar-nav .active {
     background: #eceef0;
     box-shadow: inset -5px 11px 6px -8px #16243454 !important;
     -moz-box-shadow: inset -5px 11px 6px -8px #16243454 !important;
    -webkit-box-shadow: inset -5px 11px 6px -8px #16243454 !important;
}
.form_new_st{
    padding-top: 6px;
}
.gray_btn {
    font-size: 10px;
    background-color: #eceef0;
    color: #10171e;
    padding: 3px 11px;
}
.ns-navbar-nav .open li a:hover {
    background-color: #0f1f2e;
}
@media only screen and (max-width: 1250px) {

.navbar-new-style {
    min-height: 40px;
}
.navbar-new-style li a {
   padding: 10px 8px;
}
.padding-t-media {
    padding-top: 0px;
}
.ns-navbar-nav {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-br-logo {
height: 40px;
}
.navbar-br-logo img {
    /*width: 60%;*/
}
}
@media only screen and (max-width: 1244px) { 
.navbar-br-logo img  {
    width:100%;
}
}

/****END NAVBAR****/

/****START WELCOME PAGE****/
.welcomePage{
    background: url(/theme/images/welcome_bgd.png);
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: -webkit-baseline-middle;
    background-size: cover;
    height: 400px;
    -webkit-box-shadow: -11px 13px 20px -6px rgba(0,0,0,0.15);
    -moz-box-shadow: -11px 13px 20px -6px rgba(0,0,0,0.15);
    box-shadow: -11px 13px 20px -6px rgba(0,0,0,0.15);
    width: 100%;
    margin-top: calc(50vh - 245px);
}
.welcomePageCenter{
    height: 400px;
    display: table;
    margin: 0 auto;
}
.m-t-20 {
    margin-top: 20px;
    height: calc(100vh - 70px);
}

.welcomePageTitle{
    color: #ce0008;
    font-size:44px;
    font-family: "MarkBold", sans-serif;
}
.welcomeRightMessage{
    text-align: center;
    bottom: 42px;
    position: relative;
    margin-left: 45px;
}
.welcomePageMessage{
    color: #10171e;
    font-size: 20px;
    margin-bottom: 18px;
}
.welcomePageButtonLearn{
    border: 1px solid #ce0008;
    border-radius: 0px;
    color:#ce0008;
    background: transparent;
}
.welcomePageButtonLearn:hover{
    color: #10171e;
    background: #fff;
    border:1px solid #ce0008;
}
.btn-area {
    margin: 0;
    padding: 0 15px;
}
.btn_sign_up {
    color: #0f1f2e;
    height: 35px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #0f1f2e;
    margin-bottom: 17px;
}
.btn_sign_up:hover {
    color: #fff;
    border: 1px solid #0f1f2e;
    background: #0f1f2e;
}
.btn_sign_up:focus{
    outline: 0;
}
/* .btn-ch a[disabled=disabled] {
 color: red;
 font-weight: bold;
 } */
.welcomePageButtonSingUp{
    border: 1px solid #ce0008;
    border-radius: 0px;
    color: white;
    background-color: #ce0008;
}
.welcomePageButtonSingUp:hover{
    color: #10171e;
}
.welcomePageContent{
    vertical-align: middle;
    display: table-cell;
    height: 400px;
}
.welcomePageContent img{
    margin: 0px auto;
}

.text_center_style {
    font-size: 16px;
    text-align: center;
}
.text_under_mc{
    font-size: 24px;
    color:#ce0309;
    text-align: center;
}
.display_inl {
    display: inline;
}
.welcomePowerBy{
    position: absolute;
    right: 10px;
    bottom: 8px;
    text-align: right
}
/****END WELCOME PAGE****/

/* Network Activity */
.alert_b_dark {
    color: #fff;
    background-color: #2a323b;
    border-color: #8a9196;
}
.alert_font_size {
    font-size: 15px;
    font-weight: 700;
}

.buttons_b_position {
    position: absolute;
    margin-top: 24px;
}

/**** NETWORK MAP ****/
.leaflet-left {
    margin-left: 23px !important;
}
.leaflet-top {
    margin-top: 23px !important;
}
.angular-google-map-container {
    top: 50px !important;
}
#map-device-search-panel,
#map-device-list-panel,
#map-device-settings-panel {
    left: 95px;
    box-shadow: -6px 6px 5px #80808096;
    background-color: rgba(250,250,250, 0.8);
}
#map-device-search-panel {
    top: 83.5px;
    border: 0px;
    background: transparent;
}
.search_button_newstyle {
    background-color: rgba(250,250,250, 0.8);
}
.search_input_newstyle {
    background-color: rgba(250,250,250, 0.8);
    border-left: 0px;
}
.search_input_newstyle:focus {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#map-device-list-panel {
    overflow: auto;
}
.table_newstyle > tbody > tr:hover {
    background-color: #a2a2a252;
    cursor: pointer;
}
#map-device-list-panel .panel_body_newstyle {
    padding: 15px 0;
}
#map-device-list-panel::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}
#map-device-list-panel::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 0px 3px 3px 0px;
    border: 1px solid #a2a19f;
}
#map-device-list-panel::-webkit-scrollbar-track {
    background-color: #afb5b5;
    border-radius: 0px 3px 3px 0px;
}
/**** End NETWORK MAP ****/


/*** Data Table ***/
.new_style_icon_position {
    width: 100%;
    text-align: center;
}
.new_style_dark thead th a {
    text-decoration: none;
}
.new_style_dark thead th ul li a {
    color: #333;
}
.new_style_dark tbody tr td:last-of-type > a {
    text-decoration: none;
}
.new_style_dark tbody tr td a > button:hover:focus {
    background-color: #e6e6e6;
    border-color: #adadad;
}
.new_style_dark tbody tr td a > button:focus {
    background-color: #fff;
    border-color: #ccc;
}
/*** End Data Table ***/
.new_style_message{
    padding: 16px 30px 7px;
    background-color: white;
    margin: 17px -85px !important;
}

/*** Modals Style ***/

/* -- Device Form */
.new_style_form .form-group:not(.has-error) .new_style_focus:focus {
    border-color: #5baa79;
    -webkit-box-shadow: inset 0 1px 1px rgba(91, 170, 121,.075), 0 0 8px rgba(91, 170, 121,.6);
    box-shadow: inset 0 1px 1px rgba(91, 170, 121, .075), 0 0 8px rgba(91, 170, 121, .6);
}
.new_style_font_weight {
    font-weight: 500;
}
.new_style_form .form-group:not(.has-error) .new_style_help_block_color,
.new_style_coordinates .new_style_help_block_color,
.new_style_tabs .new_style_help_block_color {
    color: #323335;
}
.new_style_tabs {
    position: relative;
    margin: auto -30px -15px;
    border: none;
}
.new_style_tabs .nav-tabs {
    display: table-cell;
    min-width: 180px;
    background-color: #334860;
    border: none;
}
.new_style_tabs .nav-tabs > li > a {
    border: none;
    margin-right: 0;
    color: #fff;
    padding-left: 30px;
    border-radius: unset;
}
.new_style_tabs .nav-tabs > li:nth-child(1n+2),
.new_style_tabs .nav-tabs > li + li {
    margin-top: 0px;
}
.new_style_tabs .nav-tabs > li > a:focus {
    background-color: #334860;
    border: none;
    border-radius: unset;
    position: relative;
}
.new_style_tabs .nav-tabs > li.active > a,
.new_style_tabs .nav-tabs > li.active > a:focus,
.new_style_tabs .nav-tabs > li.active > a:hover,
.new_style_tabs .nav-tabs > li > a:hover {
    color: #fff;
    background-color: #182535;
    border: none;
    border-radius: unset;
    position: relative;
}
.new_style_tabs .nav-tabs > li.active > a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 0;
    height: 0;
    border-right: 15px solid #edf1f2;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.new_style_tabs .tab-content {
    display: table-cell;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #edf1f2;
    width: 100%;
}

/* -- Edit Device Modal -- */
/* .modal-content {
    border-radius: 0;
} */
.new_style_modal_header {
    background-color: #182535;
    color: #fff;
    padding-left: 30px;
}
.new_style_modal_header h3,
.modal-title {
    font-size: 18px;
}
.new_style_modal_footer {
    padding-left: 30px;
    padding-right: 30px;
}
.new_style_modal_footer .new_style_buttons button {
    border: none;
    padding: 0px 7px;
    font-size: 20px;
}
.new_style_modal_footer button.lock_button_style,
.new_style_modal_footer button.unlock_button_style {
    background-color: transparent;
}
.new_style_modal_footer button.lock_button_style:active,
.new_style_modal_footer button.unlock_button_style:active {
    box-shadow: none;
}
.new_style_modal_footer .new_style_buttons button span {
    color: #333;
    top: 3px;
}
.new_style_modal_footer .new_style_btn_ok {
    border-color: #182535;
    background-color: #182535;
    color: #fff;
}
.new_style_modal_footer .new_style_btn_ok:hover {
    background-color: #334760;
}
.new_style_modal_footer .new_style_btn_cancel {
    color: #182535;
    border: 1px solid #182535;
    background: transparent;
}
.new_style_modal_footer .new_style_btn_cancel:hover {
    border-color: #334760;
    color: #334760;
    -moz-box-shadow: 0px 0px 3px 0px #334860;
    -webkit-box-shadow: 0px 0px 3px 0px #334860;
    box-shadow: 0px 0px 3px 0px #334860;
}
/* -- Send Data Model -- */
.new_style_modal_bg_color {
    background-color: #edf1f2;
}
/* -- Position On Map Modal -- */
.new_style_modal_body {
    padding-left: 30px;
    padding-right: 30px;
}
.new_style_coordinates {
    margin-top: 50px;
    margin-left: -30px !important;
    margin-right: -30px !important;
    margin-bottom: 0px;
}
/* --  Group Assignment Modal -- */
.red_b_btn,
.red_b_btn:visited {
    color: #be392b;
    border:1px solid #be392b;
    background: transparent;
}
.red_b_btn:hover,
.red_b_btn:active,
.red_b_btn:focus,
.red_b_btn:active:focus,
.red_b_btn:hover:focus{
    color: #fff;
    border:1px solid #be392b;
    background: #be392b;
    outline: 0;
}
.red_b_btn:focus {
    background: transparent;
    color: #28323A;
}
.green_b_btn,
.green_b_btn:visited {
    color: #fff;
    border:1px solid #5ba878;
    background: #5ba878;
}
.green_b_btn:focus{
    color: #fff;
}
.green_b_btn:hover {
    background: #417956;
    color: #fff;
}

/* --  App Assignment Modal -- */
.new_style_modal_body .new_style_btns_position {
    position: absolute;
    margin-top: 24px !important;
    left: 15px;
    z-index: 1;
}
.new_style_modal_body .negative_margin_15_l_r {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* --  View Gateway Modal -- */
.new_style_input {
    border-color: #333;
}

/* -- Add User Modal -- */
.new_style_tabs .new_style_textarea {
    min-height: 100px;
    margin: 5px 0;
}

/* -- Delete Modal -- */
.modal-header:not(.new_style_modal_header) {
    background-color: #182535;
    color: #fff;
    padding-left: 30px;
}
.modal-body:not(.new_style_modal_bg_color):not(.new_style_modal_body):not(.all_padding_0) {
    background-color: #edf1f2;
    padding: 45px 70px;
    font-weight: 600;
}
.modal-footer:not(.new_style_modal_footer) {
    padding-left: 30px;
    padding-right: 30px;
}
.modal-footer:not(.new_style_modal_footer) > button:not(.new_style_btn_ok):first-of-type {
    border-color: #182535;
    background-color: #182535;
    color: #fff;
}
.modal-footer:not(.new_style_modal_footer) > button:not(.new_style_btn_ok):first-of-type:hover {
    background-color: #334760;
}
.modal-footer:not(.new_style_modal_footer) > button:not(.new_style_btn_cancel):last-of-type {
    color: #182535;
    border: 1px solid #182535;
    background: transparent;
}
.modal-footer:not(.new_style_modal_footer) > button:not(.new_style_btn_cancel):last-of-type:hover {
    border-color: #334760;
    color: #334760;
    -moz-box-shadow: 0px 0px 3px 0px #334860;
    -webkit-box-shadow: 0px 0px 3px 0px #334860;
    box-shadow: 0px 0px 3px 0px #334860;
}

/* -- Password Policy Style -- */
.pass_policy_row {
    overflow-x: auto;
    margin-right: -20px !important;
    padding-top: 30px;
    padding-bottom: 30px;
}
.pass_policy_row > div {
    padding: 0px;
}
.pass_policy_row > div {
    padding-right: 20px;
}
.pass_policy_label {
    font-size: 13px;
    padding-top: 7px;
    color: #686868;
    margin-bottom: 0;
}
.pass_policy_btn_new_style {
    padding: 5px 8px;
}
.pass_policy_desc {
    font-size: 11px;
    color: #8a8a8a;
    cursor: default;
    padding-top: 2px;
    width: 100%;
}
.pass_policy_input {
    width: 77px !important;
    height: 32px !important;
}
.pass_policy_box_bg {
    background-color: #fff;
    padding: 0 10px 15px;
    box-shadow: -4px 4px 5px #ccc;
    border-radius: 5px;
    /* min-width: 273px; */
}
.pass_policy_popover_new_style {
    background-color: #172434;
    color: #fff;
    font-size: 12px;
}
.pass_policy_popover_new_style.bottom > .arrow {
    display: none;
}
/* For Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root .new_style_tabs .nav-tabs {
    height: 335px;
}
_::-webkit-full-page-media, _:future, :root .pass_policy_row {
    position: absolute;
    padding-top: 24px;
}
_::-webkit-full-page-media, _:future, :root .pass_policy_label,
_::-webkit-full-page-media, _:future, :root .pass_policy_btn_new_style {
    font-size: 12px;
}
_::-webkit-full-page-media, _:future, :root .pass_policy_input {
    width: 71px !important;
    height: 29px !important;
}
/* End For Safari 7.1+ */

/* Modal Dialog Global */
.modal-dialog {
    width: 1100px !important;
}
.drop-box {
    background: transparent;
    border: 4px dashed white;
    width: 100%;
    height: 200px;
    text-align: center;
    padding-top: 14px;
    margin: 0px;
}
.uploadIcon{
    color: #167f92;
    font-size: 100px;
    color: #167f92;
    font-size: 100px;
    background: url(/theme/images/blogo.png);
    background-repeat: no-repeat !important;
    width: 100px;
    height: 100px;
    background-size: 100%;
    margin: 15px 0px -26px 0px;
}
.progress-bar{
    background-color: #167f92;
}
.barchBattons i{
    margin-right: 4px;
}
.verticalTopLine{
    border-top: 1px solid white;
}
#pagination_style a{
    font-family: "MarkBook", sans-serif;
    font-size: 14px;
}
.modal-dialog .new_style_modal_body label{
    font-weight: 500;
}

/* Add/Edit Application Modal */

.app_edit_form_new_style .edit_app_label_new_style {
    width: 20%;
    min-width: 150px;
    color: #333;
    font-weight: 500;
}
.app_edit_form_new_style .edit_app_input_new_style {
    width: 80%;
    min-width: 300px;
}
.app_edit_form_new_style .has-success .edit_app_input_new_style input {
    border-color: #ccc !important;
}
.app_edit_form_new_style .has-success .edit_app_input_new_style input:focus {
    border-color: #5baa79 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(91, 170, 121,.075), 0 0 8px rgba(91, 170, 121,.6) !important;
    box-shadow: inset 0 1px 1px rgba(91, 170, 121, .075), 0 0 8px rgba(91, 170, 121, .6) !important;
}
.app_edit_form_new_style .has-error .edit_app_input_new_style input:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483 !important;
}
.edit_app_label_new_style {
    color: #333 !important;
}
.new_style_modal_body .has-error.uib-tab > a {
    color: #fff !important;
    font-weight: normal !important;
}
.change_owner_btn,
.change_owner_btn:hover:disabled,
.change_owner_btn:focus:not(:disabled) {
    background-color: #78b97f;
    color: #fff;
}
.change_owner_btn:hover:not(:disabled),
.change_owner_btn:hover:focus:not(:disabled) {
    background-color: #ffffff7a;
    border: 1px solid #78b97f;
    color: #78b97f;
}
.change_owner_btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.font_size_12 {
    font-size: 12px;
}
.show_field_errors {
    padding-left: 0;
    position: absolute;
    top: 35px;
    padding-right: 30px;
}
.margin_b_45 {
    margin-bottom: 45px;
}
.font_size_11 {
    font-size: 11px;
}
.font_size_16 {
    font-size: 16px;
}
.font_size_18 {
    font-size: 18px;
}
.new_style_tabs .form-group.has-error .new_style_help_block_color {
    color: #a94442;
}
.black_b_btn_dark {
    border-color: #182535;
    background-color: #182535;
    color: #fff;
}
.black_b_btn_dark:hover {
    background-color: #334760;
    color: #fff;
}
.black_b_btn_white {
    color: #182535;
    border: 1px solid #182535;
    background: #fff;
}
.black_b_btn_white:hover {
    border-color: #334760;
    color: #334760;
    -moz-box-shadow: 0px 0px 3px 0px #334860;
    -webkit-box-shadow: 0px 0px 3px 0px #334860;
    box-shadow: 0px 0px 3px 0px #334860;
}
@media screen and (min-width: 1550px) {
    .font_size_12 {
        font-size: 14px;
    }
}
.unset_font_weight {
    font-weight: unset !important;
}
.padding_top_40 {
    padding-top: 40px;
}
.editGlobalPushConfig_btn_active,
.editGlobalPushConfig_btn_active:focus,
.editGlobalPushConfig_btn_active:visited {
    color: #fff;
    border: 1px solid #28323A;
    background: #28323A;
}
.my_Apps_style .top_position {
    /* position: absolute; */
    /* width: 100%; */
    /* margin-top: 3px; */
}
.my_Apps_style dass-data-table > form {
    /* margin-top: 90px; */
}
@media only screen and (max-width: 1600px) {
    .my_Apps_style .top_position {
        /* margin-top: 54px; */
    }
    .my_Apps_style dass-data-table > form {
        /* margin-top: 134px; */
    }
    .my_Apps_style .flex-column {
        display: inline-block;
        align-items: center;
        justify-content: normal;
        height: auto;
        margin-left: 0px;
        /* margin-right: 33.33%; */
        margin-top: 20px;
    }
    .my_Apps_style #pagination_style{
        /* display: inline-block; */
        /* position: absolute; */
        /* width: calc(100% - 240px); */
        /* right: 0; */
        /* top: 0; */
        float: right;
    }
}
@media only screen and (min-width: 1600px) {
    .my_Apps_style app-edit-form form {
        margin-bottom: 56px;
    }
}
@media only screen and (max-width: 1100px) {
    .my_Apps_style .per_page_style.flex-column {
        width: 240px;
        margin-right: 0px;
        height: auto;
    }
    .my_Apps_style .flex-column select{
        display: inline-block;
        width: auto;
    }
}
@media only screen and (max-width:704px) {
    .my_Apps_style .top_position {
        margin-top: 80px;
    }
    .my_Apps_style dass-data-table > form {
        margin-top: 160px;
    }
    .my_Apps_style .position_ab a.btn {
        margin: 2px 0px;
    }
}
.tenancy_table .per_page_style {
    display: none;
}
.tenancy_table #pagination_style {
    width: 100%;
    text-align: center;
}
.tenancy_table #pagination_style > ul {
    float: none !important;
    margin: 20px 0 5px;
}
.red_b_btn_cancel {
    color: #fff;
    border: 1px solid #be392b;
    background: #be392b;
    outline: 0;
}
.red_b_btn_cancel:hover {
    color: #be392b !important;
    border: 1px solid #be392b !important;
    background: transparent !important;
}
.deviceTable{
    margin: 15px !important;
}
.deviceTable .per_page_style{
    margin-left: 0px;
    justify-content: flex-start;
    min-width: 250px;
    padding-top: 9px; 
}
.deviceTable #pagination_style{
    float: right;
    min-width: 450px;
}
.deviceTable .form-group {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.deviceTable tr th:last-of-type,
.deviceTable tr td:last-of-type{
    text-align: left !important;
}


.maps-with-box{
    position: relative !important;
    left: 0px !important;
    width: calc(100vw - 0px) !important;
    height: calc(100vh - 112px) !important;
    margin-left: -15px;
    margin-top: -8px;
    z-index: 1;
}
.maps-with-box #map-device-search-panel,
.maps-with-box #map-device-list-panel,
.maps-with-box #map-device-settings-panel{
z-index: 500;
margin-top: -50px;
width: 220px !important;
}
        
.maps-with-box .angular-google-map-container{
    margin-top: -50px;
}
@media only screen and (min-width: 1200px){
    .maps-with-box{
        margin-top: 0px;
        height: calc(100vh - 81px) !important;
    }
}
@media only screen and (min-width: 768px){
    .maps-with-box{
        margin-top: -8px;
        height: calc(100vh - 82px) !important;
    }
}
@media only screen and (max-height: 400px){
    .maps-with-box{
        height: calc(382px - 82px) !important;
    }
}
.maps-with-box .leaflet-top.leaflet-right,
.modal-open .modal-dialog .modal-body .angular-google-map-container .leaflet-top.leaflet-right{
    display: none !important;
}

body.modal-open .background-container{
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
   filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}
.iconSmall{
    width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}
.iconRegister{    
    background: url("/theme/images/register-black.png");
}
a:hover .iconRegister{    
    background: url("/theme/images/register-white.png") !important;
    background-repeat: no-repeat !important;
}
.iconUpdate{    
    background: url("/theme/images/update-black.png");
}
a:hover .iconUpdate{    
    background: url("/theme/images/update-white.png");
    background-repeat: no-repeat !important;
}
.iconClear{    
    background: url("/theme/images/clear-black.png");
}
a:hover .iconClear{    
    background: url("/theme/images/clear-white.png");
    background-repeat: no-repeat !important;
}
.glyphicon-trash:before,
.glyphicon-refresh:before {
    font-size: 13px !important;
}
.padding3p12p{
    padding: 3px 12px !important;
}


.profile{
    margin-top: 3px;
}

.button_profiles:focus {
    color: #fff;
    background: #adadad !important;
}

.profiles-div{
    margin-top: 23px;
}

.my_Apps_style dass-data-table table tr th:nth-child(1){
    width: 30px !important;
    min-width: 30px !important;
}
.my_Apps_style dass-data-table table tr th:nth-child(2){
    width: 200px;
    min-width: 200px;
}
.my_Apps_style dass-data-table table tr th:nth-child(3){
    width: 300px !important;
    min-width: 200px !important;
}
.my_Apps_style dass-data-table table tr th:nth-child(4){
    width: 100px !important;
    min-width: 70px !important;
}
.my_Apps_style dass-data-table table tr th:nth-child(5){
    width: 150px !important;
    min-width: 150px !important;
}


.my_Device_style dass-data-table table tr th:nth-child(1){
    width: 30px !important;
}
.my_Device_style dass-data-table table tr th:nth-child(2){

}
.my_Device_style dass-data-table table tr th:nth-child(3){
    width: 60px !important;
}
.my_Device_style dass-data-table table tr th:nth-child(4){
    width: calc(100vw - 1060px) !important;
}
.my_Device_style dass-data-table table tr th:nth-child(5){
    width: 160px !important;
}
.my_Device_style dass-data-table table tr th:nth-child(6){
    width: 160px !important;
}
.my_Device_style dass-data-table table tr th:nth-child(7){
    width: 220px !important;
}
.my_Device_style dass-data-table table tr th:nth-child(8){
    width: 130px !important;
}
.tenancy_table #pagination_style{
    display: none !important;
}
.tenancy_table{
    margin-left: 88px !important;
    width: calc(100% - 88px) !important;
}

.orderRight{
    float: right !important;
    text-align: right !important;  
}

dass-data-table table tr th:nth-child(1) {
    width: 30px !important;
}
.my_ManageGroup_style dass-data-table table tr th:nth-child(5) {
    width: 150px !important;
}
.modal[size="sm"] .modal-dialog {
    width: 800px !important;
}
.modal-footer .glyphicon.glyphicon-lock{
    color: #808080 !important;
    top: -1px !important;
    border: 1px solid #808080 !important;
    padding: 4px 7px 3px 8px;
    border-radius: 4px;
    font-size: 14px;
    margin-right: -6px;
}
.glyphicon.glyphicon-edit {
    top: 0px !important;
    font-size: 17px;
    margin: 0px -7px 0px 0px !important;
    border: 0px;
    padding: 4px 7px 3px 8px !important;
}
.new_style_buttons button:hover {
    /*border: none;
    padding: 0px 4px 0px 0px;
    font-size: 13px;*/
}
.new_style_modal_footer .btn-default:hover {
    background-color: transparent; 
}
.btn-default span:hover {
    background-color: #e6e6e6 !important; 
}
.glyphicon.glyphicon-edit{
    top: 0px !important;
    font-size: 17px;
    margin: 0px -2px 0px 6px;
}
.modal-title{
    text-transform: capitalize;
}

.my_Apps_style .panel-body app-edit-form label{
    width: 112px;
    margin: 0px !important;
    padding: 6px 0px;
}

.my_Apps_style .panel-body app-edit-form input{
    
}
.modal-footer .btn-default:focus {
    background-color: white;
    box-shadow: none !important;
}
.my_Apps_style .panel-body form > div > div{
    width: 100%;
    max-width: 778px;
}
.my_Apps_style .panel-body form > div:last-child  > div{
    width: 100%;
    max-width: 888px;
}

.fixWidth244 > label{
    width: 244px;
}
.fixWidth244>  div{
    width: calc(100% - 244px);
}
.ns-navbar-nav .open .dropdown-menu{
    -webkit-box-shadow: -11px 13px 20px -6px rgba(0,0,0,0.15);
    -moz-box-shadow: -11px 13px 20px -6px rgba(0,0,0,0.15);
    box-shadow: -11px 13px 20px -6px rgba(0,0,0,0.15);
}
input.editMode-false[readonly]{
    background-color: white;
    opacity: 1;
}
.pushhostusername,
.passwrodeditinput{
    background-color: white !important;
    opacity: 1 !important;
}
.editMode-true.passwrodeditinput[readonly]{
    border-color: #ccc !important;
}
label.editMode-true{
    color: #333 !important;
}

.form-control[disabled]{
    background-color: #eee !important;
}

.checkbox.col-sm-9.col-sm-offset-3 label a {
    color: #337ab7 !important;
    text-decoration: none !important;
}

.clicked:active{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.mac_msg_active {
    color: #fff;
    border:1px solid #28323A;
    background: #28323A;
    outline: 0;
}

/* .mac_msg {
    color: #28323A;
    border:1px solid #28323A;
    background: transparent;
    display: inline-block;
} */

.mac_msg_button {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
}

.mac_msg_button:focus {
    outline: 0;
}

nav a{
    font-weight: bold !important;
}
nav li li a{
    font-weight: normal !important;
}
.navbar-new-style-das .container-fluid .padding-t-media .active>a, .navbar-new-style-das .container-fluid .padding-t-media ul li .active>a {
    color: black !important;
    background-color: #eee;
    font-weight: bold !important;
}
.toastAngular{
    position: absolute;
    right: 6px;
    top: 2px;
}
.navbar-new-style-das ul.navbar-nav > li.active>a{
    color: black !important;
    background-color: #eee;
    font-weight: bold !important;
    box-shadow: inset -5px 11px 6px -8px #16243454 !important;
}
table input{
    margin: 0px !important;
}
.button_profiles {
    color: #28323A !important;
    border: 1px solid #28323A !important;
    background: transparent !important;
    width: 33%;
}

.button_profiles:hover,
.button_profiles:focus,
.button_profiles.active {
    background-color: #28323A !important;
    border-color: #28323A !important;
    color: #fff !important;
}

app-edit-form .edit_app_input_new_style input.ng-invalid-pattern,
app-edit-form .edit_app_input_new_style input.ng-invalid-pattern:focus{
    border-color: #a94442 !important;
}

.form-control:focus {
    -webkit-box-shadow: 0px 0px 0px transparent !important;
    box-shadow: inset 0px 0px 0px transparent !important;
}
.react-bs-table-sizePerPage-dropdown button.btn-default span:hover {
    background-color: transparent !important;
}
/* dass-data-table  form, table.table{
    overflow-x:auto;
 }
 dass-data-table  form{
    padding-bottom: 300px;
 } */
 .modal-open dass-data-table form{
    padding-bottom: 0px;
 }

 table.table.hor{
     display: block;
 }
 table.table.hor td,
 table.table.hor th{
     min-width: 100px;
     max-width: 180px;
     word-wrap: break-word;
 }
 table.table.hor td:nth-child(1),
 table.table.hor th:nth-child(1){
     min-width: 27px;
     max-width: 27px;
     word-wrap: break-word;
 }
 .deviceActivity dass-data-table thead tr th,
 .deviceActivity dass-data-table td,
 .deviceActivity dass-data-table td span,
 .deviceActivity dass-data-table td p{
    word-wrap: break-word;
 }
.deviceActivity dass-data-table thead tr th:nth-child(1),
.deviceActivity dass-data-table td:nth-child(1),
.deviceActivity dass-data-table td:nth-child(1) span {
   min-width: 27px;
   max-width: 27px;
}
.deviceActivity dass-data-table thead tr th.direction,
.deviceActivity dass-data-table td.direction,
.deviceActivity dass-data-table td.direction span {
    min-width: 90px;
    max-width: 90px;
    width: 90px !important;
 }
 .deviceActivity dass-data-table thead tr th.timestamp,
 .deviceActivity dass-data-table td.timestamp,
 .deviceActivity dass-data-table td.timestamp span {
    min-width: 212px;
    max-width: 212px;
    width: 212px;
 }

 .deviceActivity dass-data-table thead tr th.fcnt,
 .deviceActivity dass-data-table td.fcnt,
 .deviceActivity dass-data-table td.fcnt span {
    min-width: 70px;
    max-width: 70px;
    width: 70px;
 }
 .deviceActivity dass-data-table thead tr th.port,
 .deviceActivity dass-data-table td.port,
 .deviceActivity dass-data-table td.port span {
    min-width: 70px;
    max-width: 70px;
    width: 70px;
 }
 .deviceActivity dass-data-table thead tr th.transmissionStatus,
 .deviceActivity dass-data-table td.transmissionStatus,
 .deviceActivity dass-data-table td.transmissionStatus span{
    min-width: 100px;
    max-width: 200px;
 }
 .deviceActivity dass-data-table thead tr th.mac_msg,
 .deviceActivity dass-data-table td.mac_msg,
 .deviceActivity dass-data-table td.mac_msg span{
    min-width: 400px;
    max-width: 600px;
 }
 .deviceActivity dass-data-table thead tr th.dr_used,
 .deviceActivity dass-data-table td.dr_used,
 .deviceActivity dass-data-table td.dr_used span {
    min-width: 100px;
    max-width: 300px;
    width: 100px;
 }

 .deviceActivity dass-data-table thead tr th.rssi,
 .deviceActivity dass-data-table td.rssi,
 .deviceActivity dass-data-table td.rssi span{
    min-width: 50px;
    max-width: 50px;
    width: 50px;
 }

 .deviceActivity dass-data-table thead tr th.data,
 .deviceActivity dass-data-table td.data,
 .deviceActivity dass-data-table td.data span{
    min-width: 400px;
    max-width: 600px;
 }
 .deviceActivity dass-data-table thead tr th.decrypted,
 .deviceActivity dass-data-table td.decrypted,
 .deviceActivity dass-data-table td.decrypted span{
    min-width: 60px;
    max-width: 110px;
    width: 100px;
 }
 .deviceActivity dass-data-table thead tr th.decoded,
 .deviceActivity dass-data-table td.decoded,
 .deviceActivity dass-data-table td.decoded span{
    min-width: 400px;
    max-width: 600px;
 }
.deviceActivity dass-data-table thead tr th.position_estimates,
 .deviceActivity dass-data-table td.position_estimates,
 .deviceActivity dass-data-table td.position_estimates span{
    min-width: 200px;
    max-width: 230px;
 }
 .deviceActivity dass-data-table thead tr th:last-child,
 .deviceActivity dass-data-table td:last-child,
 .deviceActivity dass-data-table td:last-child span{
    min-width: 115px;
    max-width: 200px;
    width: 140px;
 }
table .dropdown-menu{
     top: 22px;
 }

 .showUsers dass-data-table thead tr th:nth-child(1) {
    min-width: 27px;
    max-width: 27px;
 }
 .showUsers dass-data-table thead tr th:nth-child(2),
 .showUsers dass-data-table tbody td:nth-child(2) {
    min-width: 60px;
    max-width: 80px;
 }
 .showUsers dass-data-table thead tr th:nth-child(3),
 .showUsers dass-data-table tbody td:nth-child(3) {
    min-width: 120px;
    max-width: 200px;
    word-wrap: break-word;
 }
 .showUsers dass-data-table thead tr th:nth-child(4),
 .showUsers dass-data-table tbody td:nth-child(4) {
    min-width: 80px;
    max-width: 80px;
    word-wrap: break-word;
    text-align: left;
 }
 .my_Device_style dass-data-table tbody td:nth-child(4) {
    min-width: 200px;
    max-width: 240px;
    word-wrap: break-word;
    text-align: left;
 }
 .my_Device_style dass-data-table th:nth-child(5), 
 .my_Device_style dass-data-table th:nth-child(6) {
    min-width: 120px;
    max-width: 120px;
 }
 .my_Device_style dass-data-table th:nth-child(7){
    min-width: 220px;
    max-width: 220px;
 } 
 .my_Device_style dass-data-table th:nth-child(8) {
    min-width: 156px;
    max-width: 200px;
 }
 .my_ManageGroup_style dass-data-table tbody td:nth-child(2) {
    min-width: 100px;
    max-width: 140px;
    word-wrap: break-word;
    text-align: left;
 }
 .my_ManageGroup_style dass-data-table tbody td:nth-child(3) {
    min-width: 200px;
    max-width: 240px;
    word-wrap: break-word;
    text-align: left;
 }

 /*
 .my_Gataway_style dass-data-table tbody td:nth-child(3) {
    min-width: 200px;
    max-width: 240px;
    word-wrap: break-word;
    text-align: left;
 }
 .my_Gataway_style dass-data-table tbody td:nth-child(4){
    min-width: 235px;
    max-width: 255px;
 }
 .my_Gataway_style dass-data-table tbody td:nth-child(5){
    min-width: 120px;
    max-width: 130px;
 }
*/

 .my_Apps_style dass-data-table tbody td:nth-child(3) {
    min-width: 200px;
    max-width: 240px;
    word-wrap: break-word;
    text-align: left;
 }

 .adminDevice dass-data-table tbody td:nth-child(2){
    min-width: 210px;
    width: 210px;
 }
 
 .adminDevice dass-data-table thead tr th:nth-child(4),
 .adminDevice dass-data-table tbody td:nth-child(4) {
    min-width: 220px;
    max-width: 600px;
    word-wrap: break-word;
 }
 .my_Apps_style table tr:nth-child(5),
 .my_Apps_style table td:nth-child(5){
     min-width: 120px;
     max-width: 120px;
 }
 .adminUsers dass-data-table thead tr th:nth-child(2),
 .adminUsers dass-data-table tbody td:nth-child(2) {
    min-width: 220px;
    width: 400px;
 }
 .adminUsers dass-data-table thead tr th:nth-child(3),
 .adminUsers dass-data-table tbody td:nth-child(3) {
    min-width: 105px;
    width: 130px;
 }
 .adminUsers dass-data-table thead tr th:nth-child(4),
 .adminUsers dass-data-table tbody td:nth-child(4) {
    min-width: 105px;
    width: 130px;
 }
 .adminUsers dass-data-table thead tr th:nth-child(5),
 .adminUsers dass-data-table tbody td:nth-child(5) {
    min-width: 130px;
    width: 130px;
 }
 .adminUsers dass-data-table thead tr th:nth-child(6),
 .adminUsers dass-data-table tbody td:nth-child(6) {
    min-width: 120px;
    width: 130px;
 }
 .UsersList dass-data-table thead tr th:nth-child(2),
 .UsersList dass-data-table tbody td:nth-child(2) {
    min-width: 220px;
    width: 400px;
 }
 .UsersList dass-data-table thead tr th:nth-child(3),
 .UsersList dass-data-table tbody td:nth-child(3) {
    min-width: 105px;
    width: 130px;
 }
 .UsersList dass-data-table thead tr th:nth-child(4),
 .UsersList dass-data-table tbody td:nth-child(4) {
    min-width: 105px;
    width: 130px;
 }
 .UsersList dass-data-table thead tr th:nth-child(5),
 .UsersList dass-data-table tbody td:nth-child(5) {
    min-width: 120px;
    width: 130px;
 }
 .CustomersList dass-data-table thead tr th:nth-child(2),
 .CustomersList dass-data-table tbody td:nth-child(2) {
    min-width: 220px;
    width: 400px;
 }
 .CustomersList dass-data-table thead tr th:nth-child(3),
 .CustomersList dass-data-table tbody td:nth-child(3) {
    min-width: 105px;
    width: 130px;
 }
 .CustomersList dass-data-table thead tr th:nth-child(4),
 .CustomersList dass-data-table tbody td:nth-child(4) {
    min-width: 105px;
    width: 130px;
 }
 .CustomersList dass-data-table thead tr th:nth-child(5),
 .CustomersList dass-data-table tbody td:nth-child(5) {
    min-width: 120px;
    width: 130px;
 }
 .OrganizationList dass-data-table thead tr th:nth-child(2),
 .OrganizationList dass-data-table tbody td:nth-child(2) {
    min-width: 220px;
    width: 400px;
 }
 .OrganizationList dass-data-table thead tr th:nth-child(3),
 .OrganizationList dass-data-table tbody td:nth-child(3) {
    min-width: 105px;
    width: 130px;
 }
 .OrganizationList dass-data-table thead tr th:nth-child(4),
 .OrganizationList dass-data-table tbody td:nth-child(4) {
    min-width: 105px;
    width: 130px;
 }
 .OrganizationList dass-data-table thead tr th:nth-child(5),
 .OrganizationList dass-data-table tbody td:nth-child(5) {
    min-width: 120px;
    width: 130px;
 }


 /* gateway ID column */
.my_Gataway_style dass-data-table thead tr th:nth-child(2),
.my_Gataway_style dass-data-table tbody td:nth-child(2) {
   min-width: 160px;
   width: 230px;
}

/* status column */
.my_Gataway_style dass-data-table thead tr th:nth-child(3),
.my_Gataway_style dass-data-table tbody td:nth-child(3) {
   min-width: 160px;
   width: 160px;
}

/* action column */
.my_Gataway_style dass-data-table thead tr th:nth-child(5),
.my_Gataway_style dass-data-table tbody td:nth-child(5) {
   min-width: 120px;
   width: 130px;
}



 #navbar-root {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

/* DESKTOP MEDIA QUERY */
@media (min-width: 1200px) {
    #navbar-root + * {
        padding-top: 81px;
    }
}
/* TABLET MEDIA QUERY */
@media (min-width: 768px) and (max-width: 1199px) {
    #navbar-root + * {
        padding-top: 87px;
    }
}
/* MOBILE MEDIA QUERY */
@media (max-width: 767px) {
    #navbar-root + * {
        padding-top: 120px;
    }
}

.button_downlink_uplink{
    position: absolute;
    left: 50px;
    top: 344px;
    z-index: 90000;
}
.deviceActivity .row.top_position div,
.my_Device_style .row.top_position div{
    width: auto;
    margin-left: 0px;
    float: left;
}
.deviceActivity .row.top_position #pagination_style,
.my_Device_style .row.top_position #pagination_style{
    float: right;
}
@media only screen and (max-width: 1199px) {
    .button_downlink_uplink {
        top: 353px;
    }
  }
  @media only screen and (max-width: 799px) {
    .button_downlink_uplink {
        top: 385px;
    }
  }

  .showTennatBtn[disabled]{
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    background-color: black;
    color: white;
    cursor: not-allowed;
  }
  .manageGroupPingSlotLabel{
      margin-top: -14px;
  }
table.batch_registration.new_style_dark {
    background: transparent;
    overflow-x: auto;
}

table.batch_registration.new_style_dark > thead {
    background: #28323A;
}

table.batch_registration.new_style_dark th,
table.batch_registration.new_style_dark td {
    width: 1%;
    max-width: unset;
}

table.batch_registration.new_style_dark th:nth-child(1),
table.batch_registration.new_style_dark td:nth-child(1) {
    min-width: 37px;
    max-width: 0.01%;
    width: 0.01%;
}
.showUserRefreshDevices{
    position: absolute;
    margin-top: 20px;
}
.showRefreshDevices{
    margin-top: 20px;
}
.deviceTables.deviceTable .row.negative_margin_15_l_r.top_position{
    margin-top: -55px;
}
.deviceTables.deviceTable .per_page_style{
    margin-left: 186px;
    padding-top: 0px;
}
.my_Device_style .tooltip-inner,
.my_Gataway_style .tooltip-inner,
.my_ManageGroup_style .tooltip-inner  {
    max-width: 400px;
}

.my_Gataway_style .tooltip-inner div pre {
    color: white;
    font-size: 10px;
}



.adminDevice .top_position,
.adminUsers .top_position{
    margin-top: -55px;
}
.adminDevice a.btn.btn-primary.btnEditColor,
.adminUsers a.btn.btn-primary.btnEditColor{
    margin-top: 24px;
}
.totalnumberintable{
    display: none;
}
.adminDevice .totalnumberintable,
.adminUsers .totalnumberintable{
    display: block;
    margin-top: -90px;
    margin-bottom: 64px;
    height: 24px;
}
.adminDevice a.btn.btn-primary.btnEditColor,
.adminUsers a.btn.btn-primary.btnEditColor{
    margin-top: 56px;
}

table.new_style_dark > tbody > tr > td.no_data,
table.new_style_dark > tbody > tr > td.loading_data {
    text-align: center !important;
}

#gatewayModalMap .angular-google-map-container {
    height: 400px;
    display: block;
    z-index: auto !important;
    position: relative;
    top: 0 !important;
}

#tenants-table-modal table thead > tr th:nth-child(2) {
    width: 50%;
}
.daterangepicker.ltr.show-calendar{
    width: 260px !important;
}
@media only screen and (min-width: 720px) {
    .daterangepicker.ltr.show-calendar{
        width: 670px !important;
    }
    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent; 
        border-bottom: 7px solid transparent;
    }
    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid transparent;
}
}

.hide-errors {
    display: none;
}

dass-data-table .mper_page_style > select {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 105% 50% !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

dass-data-table .mper_page_style > select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
dass-data-table .mper_page_style > select option:not(:checked) {
  color: #000;
}

.React_per_page_style button:active:hover {
    background-color: transparent;
}


@media only screen and (min-width: 768px) and (max-width: 1199px)  {
    .background-container dass-data-table .top_position{
        margin-top: 80px !important;
    }
    .background-container .deviceActivity dass-data-table .top_position,
    .background-container .multicastActivity dass-data-table .top_position {
        margin-top: 0px !important;
    }
    .background-container dass-data-table .top_position > div.per_page_style{
        margin-left: 0px;
        width: auto;
        max-width: 300px;
        height: 60px;
        margin-top: 17px;
        display: block;
        float: left;
    }
    .background-container dass-data-table .top_position > div#pagination_style{
        float: right;
    }
    .background-container .ProfilesTablePagination{
        margin-top: 60px !important;
    }
    .background-container .ProfilesTablePagination .React_per_page_style{
        margin-left: 0px !important;
    }
    .background-container .tab-pane .deviceTables.deviceTable .row.negative_margin_15_l_r.top_position {
        margin-top: -55px !important;
    }
    .background-container .my_Apps_style dass-data-table .top_position {
        margin-top: 58px !important;
    }
    .background-container header.App-header .positionRight{
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1299px)  {
    .background-container .RoamingProfiles .ProfilesTablePagination,
    .background-container .ServiceProfiles .ProfilesTablePagination{
        margin-top: 60px !important;
    }
    .background-container .RoamingProfiles .ProfilesTablePagination .React_per_page_style,
    .background-container .ServiceProfiles .ProfilesTablePagination .React_per_page_style{
        margin-left: 0px !important;
    }
    .background-container header.App-header .RoamingProfiles .positionRight,
    .background-container header.App-header .ServiceProfiles .positionRight{
        width: 100%;
    }
}
@media only screen and (min-width: 1600px){
    .background-container .deviceActivity dass-data-table .top_position,
    .background-container .multicastActivity dass-data-table .top_position {
        margin-top: -80px;
    }
    .background-container .deviceActivity dass-data-table .per_page_style{
        margin-left: calc(50% - 100px) !important;
        margin-top: 5px;
    }
}

.my_Apps_style .editGlobalPushConfig_btn_active,
.my_Apps_style .editGlobalPushConfig_btn_active:active{
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.42) !important;
}

.all_paddings_0 {
    padding: 0;
}

#change_owner dass-data-table .per_page_style {
    margin: 0;
}

#change_owner .top_buttons {
    margin-top: 12px;
}

#change_owner .top_buttons .active_button {
    color: #fff !important;
    border: 1px solid #28323A !important;
    background: #28323A !important;
    outline: 0 !important;
}

.ReactModal.ModalAlert {
    background-color: rgba(0, 0, 0, .5);
}

.ReactModal.ModalAlert .modal-dialog {
    width: 600px !important;
    max-width: calc(100% - 20px);
    margin: 60px auto;
}

.ReactModal.ModalAlert .React_new_style_btn_ok {
    color: #fff !important;
}

.multicastActivity table.new_style_dark thead tr th.timestamp,
.multicastActivity table.new_style_dark thead tr th.transmissionStatus {
    width: 240px;
    min-width: 225px;
}
.multicastActivity table.new_style_dark thead tr th.port,
.multicastActivity table.new_style_dark thead tr th.fcnt {
    width: 160px;
    min-width: 120px;
}
.multicastActivity table.new_style_dark thead tr th.mac_msg {
    color: #fff;
    display: table-cell;
    min-width: 230px;
}
.multicastActivity table.new_style_dark thead tr th.decrypted {
    width: 110px;
    min-width: 80px;
}
.multicastActivity table.new_style_dark thead tr th.data {
    min-width: 230px;
}
.multicastActivity table.new_style_dark thead tr th:last-of-type {
    width: 210px;
    min-width: 115px;
}

#change_owner .has-error-off .form-control:focus {
    border-color: #a94442;
}

_::-webkit-full-page-media, _:future, :root .deviceTables.deviceTable .row.negative_margin_15_l_r.top_position {
    margin-top: 0px !important;
}

#error-alert-modal .btn-primary {
    background-color: transparent;
}

.modal-error-modal-class {
    width: 570px !important;
}

.column-inside-container {
    width: 100% !important;
    padding-left: 5px;
}

.column-inside-container:before,
.column-inside-container .row:before,
.column-inside-container .row:after,
.column-inside-container:after {
    content: '';
}

.special-column-container {
    margin-bottom: 0;
}

.column-inside-container .row:first-child .col-md-6 {
    padding-top: 5px;
}

.column-inside-container .row:last-child .col-md-6 {
    padding-bottom: 5px;
}

/*dass-data-table.tableTags .negative_margin_15_l_r,
dass-data-table.tableTags table tr th:first-child,
dass-data-table.tableTags table tr td:first-child{
    display: none;
}*/

.tag-acion-container {
    padding: 0 !important;
}

.tags-table tr td:first-child{
    width: 200px;
    min-width: 200px;
}

.tags-table tr td:nth-child(2){
    width: 200px;
    min-width: 200px;
}

.tags-table tr td:last-child{
    min-width: 70px;
    width: 70px;
}

.tags-table tr .new-tag:focus,
.tags-table tr .tag-input-container:focus {
    border: 1px solid #66afe9;
    outline: unset;
}

.tags-table tr .new-tag,
.tags-table tr .tag-input-container {
    border-radius: 4px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #ccc;
}

.tags-table .tag-acion-container .edit-icon{
    padding: 0px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.tags-table .tag-acion-container .clear-input{
    padding: 0px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.tags-table .tag-acion-container .delete-icon{
    padding: 0px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.tags-table tr {
    word-break: break-word;
}

.tags-table .edit-icon {
    padding-right: 15px !important;
    background: transparent;
    border: none;
    font-size: 16px;
}

.tags-table .delete-icon,
.tags-table .clear-input {
    background: transparent;
    border: none;
    font-size: 16px;
}

.tags-table input {
    width: 100%;
}

.tags-table .delete-icon:hover,
.tags-table .edit-icon:hover,
.tags-table .clear-input:hover {
    cursor: pointer;
}

.tags-table .edit-icon:focus,
.tags-table .delete-icon:focus,
.tags-table .clear-input:focus{
    outline: unset;
}

.tags-table .hide-input {
    display: none;
}

.tags-table [tags = "show"] .hide-input,
.popover-tag-name[tags = "show"],
.tag-acion-container .tag-actions[tags = "show"] {
    display: block;
}

.tag-acion-container .edit-actions[tags = "show"] {
    display: none;
}

.tag-acion-container .edit-actions[tags = "hide"] {
    display: show;
}

.tags-table .hide-value {
    text-align: left;
}

.tags-table [tags = "show"] .hide-value {
    display: none;
}

.tags-table thead th {
    text-align: left !important;
}

.tags-table .new-tag-container .new-tag {
    font-weight: 100;
}

.tags-table .new-tag-container .tag-acion-container:focus-within .edit-icon,
.tags-table .new-tag-container .tag-acion-container:focus-within .clear-input {
    color: #333 !important;
}

.tags-table .new-tag-container:focus-within .tag-acion-container .edit-icon {
    color: #228B22;
}

.tags-table .new-tag-container:focus-within .tag-acion-container .clear-input {
    color: #FF0000;
}

.tags-table.device .new-tag-container.edit-mode .edit-icon,
.tags-table.device .new-tag-container.edit-mode .clear-input {
    color: #333 !important;
}

.tags-table.device .new-tag-container.edit-mode:focus-within .tag-acion-container .clear-input {
    color: #228B22;
}

.tags-table.device .new-tag-container.edit-mode:focus-within .tag-acion-container .edit-icon {
    color: #FF0000;
}

.tags-table .table-body .tag-acion-container{
    position: relative;
}

.tags-table .show-input-container .hide-value {
    display: none;
}

.tags-table .show-input-container .hide-input {
    display: block;
}

.tags-table .hide-input-container .hide-value {
    display: block;
    font-weight: 100;
}

.tags-table .show-input-container .tag-input-container {
    font-weight: 100;
}

.tags-table .hide-input-container .hide-input,
.tags-table .current-tag-action-btns.hide-input-container {
    display: none;
}

.tags-table .current-tag-edit-btns.show-input-container {
    display: none;
}

.tags-table-container {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.push-settings-container {
    padding-left: 65px;
}

.basic-container > div {
    padding: 0;
}

.accordion-container .sign-container {
    text-align: right;
}

.accordion-container .sign-container .glyphicon {
    color: #808080;
}

.accordion-container .sign-container .btn {
    border-radius: 4px;
}

.accordion-container {
    padding: 10px 0 15px 0;
}

/*  */
.push-settings-container .select2 > .select2-choice.ui-select-match {
    /* Because of the inclusion of Bootstrap */
    height: 29px;
}

.push-settings-container .selectize-control > .selectize-dropdown {
    top: 36px;
}
/* Some additional styling to demonstrate that append-to-body helps achieve the proper z-index layering. */
.push-settings-container .select-box {
  background: #fff;
  position: relative;
  z-index: 1;
}
.push-settings-container .alert-info.positioned {
  margin-top: 1em;
  position: relative;
  z-index: 10000; /* The select2 dropdown has a z-index of 9999 */
}

.push-settings-container .selectbox-container {
    padding: 0;
    /* padding-top: 20px; */
}
.selectbox-container .col-sm-12:nth-child(1),
.selectbox-container .col-sm-12:nth-child(3) {
    padding-top: 15px;
}

.accordion-container .accordion-inputs div .row:nth-child(1) .col-sm-12 {
    padding-top: 15px;
}

.push-settings-container .push-path-prefix {
    margin-bottom: 20px !important;
}

.push-settings-container .push-path-auth-methods {
    /* padding-top: 20px; */
    margin-top: 20px;
}

.push-settings-container .push-path-auth-methods label {
    margin-bottom: 20px;
}

.push-settings-container .selectize-input {
    font-size: 14px;
}

.push-settings-container form .form-group {
    margin-bottom: 5px;
}

.short-text-with-dots {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 768px;
    padding: 0;
}

.push-settings-container .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    width: 100% !important;
    position: absolute !important;
    left: 5px;
    color: transparent;
}

.push-settings-container .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    z-index: 1;
    background-color: hsl(0,0%,90%);
    border-color: hsl(0,0%,90%);
}

.push-settings-container .ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn-primary {
    color: hsl(0,0%,20%);
}

.push-settings-container .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    margin: 2px;
}

.push-settings-container .selectbox-container .ui-select-container:nth-last-child() {
    padding: 4px 8px;
}

.push-settings-container .ui-select-multiple.ui-select-bootstrap .ui-select-match .close:hover {
    color: #DE350B;
}

.push-settings-container .selectbox-container .ui-select-match .close {
    margin-left: 1px;
    padding-right: 4px;
}
.push-settings-container .selectbox-container .ui-select-match .close:hover {
    background-color: #DE350B;
}

.push-settings-container .selectbox-container .ng-scope .btn-xs {
    padding: 1px 0px 1px 5px;
}

.push-settings-container .selectbox-container .ui-select-multiple.ui-select-bootstrap {
    padding: 3px;
}

.selectbox-container .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    font-size: 18px;
    line-height: 1;
}

.push-settings-container .selectbox-container .ui-select-container.push_settings_subscription div:first-child::after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-color: #808080 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    content: ' ';
}

.push-settings-container .pull-right.arrow-down-select {
    width: 40px;
    height: 29px;
}

.push-settings-container .ui-select-container input::selection {
    background: transparent;
}

.push-settings-container .ui-select-choices-group .ui-select-choices-row:nth-child(even){
    background-color: #f3f2f2 !important;
}

.push-settings-container .ui-select-choices-group .ui-select-choices-row:nth-child(odd){
    background-color: #ffffff !important;
}

.push-settings-container .ui-select-choices-group .ui-select-choices-row span:hover{
    background-color:#3b4c5e !important;
    color: #ffffff !important;
}

.push-settings-container .selectbox-container .ui-select-bootstrap .ui-select-choices-row.active>span{
    background: #f3f2f2;
    color: #333;
}

.push-settings-container .ui-select-container .ui-select-choices li.ui-select-choices-group .ui-select-choices-row:nth-child(odd) span {
    background-color: #f3f2f2;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.push-settings-container .ui-select-container .ui-select-choices li.ui-select-choices-group .ui-select-choices-row:nth-child(even) span {
    background-color: #ffffff !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.push-settings-container .ui-select-container .ui-select-choices li.ui-select-choices-group .ui-select-choices-row:nth-child(even) span:hover {
    background-color:#3b4c5e !important;
    color: #ffffff !important;
}

.push-settings-container .ui-select-container .ui-select-choices .ui-select-choices-group .ui-select-choices-row:hover{ 
    background-color:#3b4c5e !important;
    color: #ffffff !important;
}

.push-settings-container .selectize-input.selectize-focus{
    border-color: #b8b8b8 !important;
}

.push-settings-container .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu.ng-scope{
    padding: 0px 0px;
    top: -200px;
}

.push-settings-container .option.ui-select-choices-row-inner{
    padding-top: 8px;
    padding-bottom: 8px;
}

.push-settings-container .push_settings_certification {
    padding: 0 !important;
    margin: 10px 0 15px 0 !important;
    cursor: pointer
}
.horizontalScrool .table{
    margin-bottom: 0px;
} 

.horizontalScrool form{
    overflow-x: auto;
    margin-bottom: 10px;
}
input.limitDevicesGataways{
    width: 93.34px !important;
}

.deviceActivity .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.deviceActivity .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -36px;
    z-index: 5;
}

.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(6) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(7) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(8) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(9) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -249px;
    z-index: 5;
}

.my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(6) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -160px;
    z-index: 5;
}

.multicastActivity .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.multicastActivity .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -36px;
    z-index: 5;
}

.my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -134px;
    z-index: 5;
}

.my_Gataway_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Gataway_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
.my_Gataway_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -80px;
    z-index: 5;
}

.adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(6) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -153px;
    z-index: 5;
}

.adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu,
.adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(6) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -153px;
    z-index: 5;
}

.UsersList .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.UsersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
.UsersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
.UsersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -108px;
    z-index: 5;
}

.UsersList .table.table-striped.table-hover.new_style_dark tbody tr td ul.dropdown-menu-right.dropdown-menu {
    right: 70px;
}

.CustomersList .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
.CustomersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
.CustomersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
.CustomersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu{
    top: -108px;
    z-index: 5;
}

.CustomersList .table.table-striped.table-hover.new_style_dark tbody tr td ul.dropdown-menu-right.dropdown-menu {
    right: 70px;
}

.DeviceProfiles .table.table-striped tbody tr:last-child td:last-child ul.dropdown-menu,
.DeviceProfiles .table.table-striped tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu,
.DeviceProfiles .table.table-striped tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu,
.DeviceProfiles .table.table-striped tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu{
    top: -85px;
    z-index: 5;
}

.DeviceProfiles.CHANNELProfile .table.table-striped tbody tr:last-child td:last-child ul.dropdown-menu,
.DeviceProfiles.CHANNELProfile .table.table-striped tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu,
.DeviceProfiles.CHANNELProfile .table.table-striped tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu,
.DeviceProfiles.CHANNELProfile .table.table-striped tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu{
    top: -15px;
}

.DeviceProfiles.QOSProfile .table.table-striped tbody tr:last-child td:last-child ul.dropdown-menu,
.DeviceProfiles.QOSProfile .table.table-striped tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu,
.DeviceProfiles.QOSProfile .table.table-striped tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu,
.DeviceProfiles.QOSProfile .table.table-striped tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu{
    top: -15px;
}

.DeviceProfiles.DEVICEProfile .table.table-striped tbody tr:last-child td:last-child ul.dropdown-menu,
.DeviceProfiles.DEVICEProfile .table.table-striped tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu,
.DeviceProfiles.DEVICEProfile .table.table-striped tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu,
.DeviceProfiles.DEVICEProfile .table.table-striped tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu,
.DeviceProfiles.DEVICEProfile .table.table-striped tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu{
    top: -110px;
}

.ServiceProfiles .table.table-striped tbody tr:last-child td:last-child ul.dropdown-menu,
.ServiceProfiles .table.table-striped tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu,
.ServiceProfiles .table.table-striped tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu,
.ServiceProfiles .table.table-striped tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu,
.ServiceProfiles .table.table-striped tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu{
    top: -85px;
    z-index: 5;
}

.manageAppModal.new_style_modal_body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 220px);
    height: 100vh;
}

.manageAppModal .new_style_tabs .tab-content {
    height: calc(100vh - 488px);
}

/* NEW CODE */

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown:hover{
    color: #fff;
}

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown img{
    width: 15px;
    background-color: #28323A;
    margin-bottom: 2px;
}

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown .caret,
.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown img{
    color: #28323A;
}

.my_Device_style .export .caret {
    color: #28323A;
}

.my_Device_style .export:hover .caret {
    color: #fff;
}

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown:hover .caret{
    color: #fff;
}

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown.open,
.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown.open .caret{
    background: #28323A;
    color: #fff;
}

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown.open ul{
    background-color: #fff;
    color:#28323A;
    right: unset;
    left: 0px;
    min-width: 200px;
    cursor: default;
}

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown.open ul li{
    padding: 5px;
}

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown.open ul li input{
    float: right;
}

.deviceActivity .btn.black_b_btn.btnEditColor.btn-md.ng-scope.dropdown.open ul li:hover{
    background: #28323A;
    color: #fff;
    cursor: pointer;
}

.push-settings-container .dropdown-arrow-click,
.data-format-container .dropdown-arrow-click,
.store-payload-container .dropdown-arrow-click {
    width: 96%;
    height: 100%;
    position: absolute;
    right: 17px;
    top: 1px;
    z-index: 7;
    background: transparent;
}
.push-settings-container .dropdown-arrow-click:hover{
    cursor: pointer;
}

.auth-type-container .dropdown-arrow-click {
    width: 92%;
    height: 100%;
    position: absolute;
    right: 17px;
    top: 1px;
    z-index: 7;
    background: transparent;
}

.push-settings-container .selectbox-container .dropdown .push_settings_subscription .ui-select-match-item{
    z-index: 8;
}

.deviceActivity .tooltip-inner {
    max-width: 350px;
}

.accordion-container .accordion-inputs .pem-container,
.ReactModal.default-push-config .pem-container {
    height: 300px;
    resize: none;
    font-weight: 100;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.accordion-container .accordion-inputs .pem-container {
    font-size: 13px;
}

.ReactModal.default-push-config .pem-container {
    font-size: 12px;
}

.ReactModal.default-push-config .switch-container.btn-container {
    padding-top: 5px;
}

.ReactModal.default-push-config .or-text-container {
    padding-top: 11px;
}

.new-tag-container td:first-child,
.table-body tr td:first-child {
    position: relative;
}
.popover-new-tag-name{
    position: absolute;
    right: 50%;
    top: 100%;
    background: #28323A;
    transform: translateX(50%);
    padding: 3px 5px;
    border-radius: 4px;
    color: white;
}

.popover-new-tag-name:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #28323A transparent;
}

.popover-tag-name{
    position: absolute;
    right: 50%;
    top: 100%;
    z-index: 2;
    background: #28323A;
    transform: translateX(50%);
    padding: 3px 5px;
    border-radius: 4px;
    color: white;
    display: none;
}

.popover-tag-name:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #28323A transparent;
}

.popover-tag-name-react{
    position: absolute;
    right: 50%;
    top: 100%;
    z-index: 2;
    background: #28323A;
    transform: translateX(50%);
    padding: 3px 5px;
    border-radius: 4px;
    color: white;
}

.popover-tag-name-react:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #28323A transparent;
}

.current-tag-action-btns.show-input-container .edit-icon,
.tag-acion-container .tag-actions .edit-icon {
    color: #228B22;
}

.current-tag-action-btns.show-input-container .clear-input,
.tag-acion-container .tag-actions .clear-input {
    color: #FF0000;
}

.auth-type-container .selectize-input .ui-select-search,
.data-format-container .selectize-input .ui-select-search,
.store-payload-container .selectize-input .ui-select-search {
    color: transparent;
    text-shadow: 0 0 0 #2196f3;
}

.push-settings-container .auth-type-container .ui-select-choices.ui-select-dropdown.selectize-dropdown{
    margin-top: 1px;
    border-top: 1px solid rgb(208, 208, 208);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

div.form-group div .margin-bottom-tenancy,
#UserSettingsTab-pane-UserTenancy .margin-bottom-tenancy {
    margin-bottom: 15px;
}

.search-tooltip-charachter{
    position: absolute;
    width: 160px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid#10171e;
    border-radius: 5px;
    padding: 3px 5px;
    z-index: 1;
    background:#10171e;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: 100;
}

.search-tooltip-charachter::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #10171e transparent;
}

.position-relative {
    position: relative;
}

.search-tooltip-charachter,
.search-tooltip-charachter[tooltip = "hide"],
.filter:focus ~ .search-tooltip-charachter.hide-input-tooltip,
#map-device-search-panel .search-tooltip-charachter[tooltip = "hide"] {
    display: none;
}

.search_field:focus ~ .search-tooltip-charachter[tooltip = "show"],
.filter:focus ~ .search-tooltip-charachter.show-input-tooltip,
#map-device-search-panel .search_input_newstyle ~ .search-tooltip-charachter[tooltip = "show"]{
    display: block;
}

.react-bs-table-container .search-tooltip-charachter{
    width: unset;
}

.react-bs-table-container th{
    overflow: visible !important;
}

.ConnectionsTable .type_table .search-tooltip-charachter{
    left: 0%;
    transform: translateX(0%);
}

.ConnectionsTable .type_table .search-tooltip-charachter::after {
    left: 25%;
    transform: translateX(25%);
}

#map-device-search-panel{
    z-index: 999 !important;
}

#map-device-search-panel .search-tooltip-charachter{
    z-index: 3;
    top: 100%;
}

.has-error-off .ng-invalid:focus,
.input-color-error:focus{
    border-color: #a94442;
}

.ng-valid:focus,
.input-color-success:focus{
    border-color: #78b97f;
}

.ng-empty:focus{
    border-color: #66afe9;
}

.error-deveui:focus{
    border-color: #a94442;
}

/* #map-device-search-panel .input-group{
    border: 1px solid #66afe9;
    border-radius: 5px;
} */

#map-device-search-panel .input-group.error-map-input{
    border: 1px solid #a94442;
    border-radius: 5px;
}

#map-device-search-panel .input-group.success-map-input{
    border: 1px solid #78b97f;
    border-radius: 5px;
}

#map-device-search-panel .ng-valid.ng-empty{
    border-color: #ccc;
}

.text-near-glyphicon{
    padding-left: 15px;
    padding-top: 5px;
}

.sign-container .btn-default.focus, .btn-default:focus {
    background-color: #fff;
}

input[disabled],
button[disabled],
textarea[disabled],
.ui-select-container[disabled],
.dropdown-arrow-click.toggle[disabled],
input[readonly="readonly"]{
    cursor: not-allowed !important;
}

.table.table-striped .position_estimates{
    word-spacing: 100vw;
}

.ConnectionsTableContainer .ConnectionsTable,
.EventLogsTableContainer .EventLogsTable{
    overflow-x: auto;
    background: white;
}

.ConnectionsTableContainer .ReactPages.react_new_style_dark.ConnectionsTable table thead,
.EventLogsTableContainer .ReactPages.react_new_style_dark.EventLogsTable table thead{
    background: #28323A;
}

.ConnectionsTableContainer .ConnectionsTable .application_table{
    width: 280px !important;
}
.ConnectionsTableContainer .ConnectionsTable .remote_address{
    width: 190px !important;
}

.ConnectionsTableContainer .ConnectionsTable .subscription{
    width: 150px !important;
}

.ConnectionsTableContainer .ConnectionsTable .error{
    width: 120px !important;
}

/* RESPONSIVE  */
@media only screen and (max-width: 1200px) {
    #navbar-root,
    ul.padding_menu li ul.dropdown-menu{
        position: relative;
    }
    #navbar-root + *{
        padding-top: 0 !important;
    }
    .modal.ng-scope.ng-isolate-scope .modal-dialog,
    div .default-push-config .modal-dialog,
    .ReactModal .modal-dialog {
        width: 748px !important;
    }
    dass-data-table form{
        overflow: auto;
    }
    .showUsers dass-data-table thead tr th:nth-child(2),
    .showUsers dass-data-table tbody td:nth-child(2) {
        min-width: 160px;
        max-width: 200px;
    }
    .showUsers dass-data-table thead tr th:nth-child(3),
    .showUsers dass-data-table tbody td:nth-child(3) {
        min-width: 170px;
        max-width: 220px;
    }
    .showUsers dass-data-table thead tr th:nth-child(4),
    .showUsers dass-data-table tbody td:nth-child(4) {
       min-width: 213px;
       max-width: 220px;
    }
    .tags-table tr td:first-child{
        min-width: 200px;
    }
    
    .tags-table tr td:nth-child(2){
        min-width: 200px;
    }
    
    .tags-table tr td:last-child{
        min-width: 70px;
    }
    .manageAppModal.new_style_modal_body{
        overflow-y: hidden;
        height: auto;
        max-height: none;
    }
    .pass_policy_row > div {
        padding-right: 0px;
    }
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: 23px;
    }

    /* ACTION MENU IN TABLES */
    .deviceActivity .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .deviceActivity .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(6) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(7) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(8) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Device_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(9) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_ManageGroup_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(6) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .multicastActivity .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .multicastActivity .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Apps_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .my_Gataway_style .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Gataway_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .my_Gataway_style .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminDevice .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(6) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .adminUsers .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(6) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .UsersList .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .UsersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .UsersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .UsersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .CustomersList .table.table-striped.table-hover.new_style_dark tbody tr:last-child td:last-child ul.dropdown-menu-right.dropdown-menu,
    .CustomersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .CustomersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu-right.dropdown-menu,
    .CustomersList .table.table-striped.table-hover.new_style_dark tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu-right.dropdown-menu{
        top: auto;
    }

    .DeviceProfiles .table.table-striped tbody tr:last-child td:last-child ul.dropdown-menu,
    .DeviceProfiles .table.table-striped tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu,
    .DeviceProfiles .table.table-striped tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu,
    .DeviceProfiles .table.table-striped tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu{
        top: auto;
    }

    .ServiceProfiles .table.table-striped tbody tr:last-child td:last-child ul.dropdown-menu,
    .ServiceProfiles .table.table-striped tbody tr:nth-last-child(2) td:last-child ul.dropdown-menu,
    .ServiceProfiles .table.table-striped tbody tr:nth-last-child(3) td:last-child ul.dropdown-menu,
    .ServiceProfiles .table.table-striped tbody tr:nth-last-child(4) td:last-child ul.dropdown-menu,
    .ServiceProfiles .table.table-striped tbody tr:nth-last-child(5) td:last-child ul.dropdown-menu{
        top: auto;
    }
}
@media only screen and (max-width: 767px) {
    .fixWidth244 > label{
        width: 100%;
    }
    .fixWidth244>  div{
        width: 100%;
    }
    .modal.ng-scope.ng-isolate-scope .modal-dialog,
    div .default-push-config .modal-dialog,
    .ReactModal .modal-dialog {
        margin-left: 0;
        margin-right: 0;
        width: 540px !important;
        left: 50%;
        transform: translateX(-50%) !important;
    }
    .form-group label.col-sm-3.col-xs-12.control-label{
        text-align: left;
    }
    .modal-body:not(.new_style_modal_bg_color):not(.new_style_modal_body):not(.all_padding_0){
        padding: 45px 30px;
    }
    .new_style_message{
        margin: 17px -45px !important;
    }
    .button_profiles{
        width: 100%;
        margin-top: 5px;
    }
    .react_tab_content_bg .button_profiles{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .push-settings-container{
        padding-left: 0px;
    }
    .new_style_tabs .tab-pane .form-horizontal{
        width: 314px;
        overflow-x: auto;
        padding-left: 15px;
    }
    #UserSettingsTab-pane-Tags{
        overflow-x: auto !important;
        width: 298px !important;
    }
    .pass_policy_row {
        margin-right: 0px !important;
    }
    input.limitDevicesGataways{
        width: 100% !important;
    }
    .adminDevice #add-device-button,
    .adminUsers .btnEditColor{
        position: relative !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
    }
    .adminDevice .totalnumberintable,
    .adminUsers .totalnumberintable{
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .adminDevice .totalnumberintable,
    .adminUsers .totalnumberintable {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .adminDevice a.btn.btn-primary.btnEditColor,
    .adminUsers a.btn.btn-primary.btnEditColor{
        margin-top: 0px !important;
    }
  }

@media only screen and (max-width: 560px) {
    .modal.ng-scope.ng-isolate-scope .modal-dialog,
    div .default-push-config .modal-dialog,
    .ReactModal .modal-dialog {
        width: 400px !important;
    }
    .new_style_tabs .nav-tabs {
        min-width: 100px;
    }
    .new_style_tabs .nav-tabs > li > a,
    .react_nav_tabs > li > a {
        padding-left: 15px !important;
    }
    .new_style_tabs .nav-tabs > li.active > a:after,
    .react_new_style_tabs .react_nav_tabs > li.active > a:after {
        top: 50%;
        transform: translateY(-50%);
    }
    .tabs_style,
    .react_new_style_tabs .react_nav_tabs{
        width: 100px !important;
        min-width: 100px !important;
    }
    .new_style_btn_cancel,
    .new_style_btn_ok{
        width: 100%;
        margin-left: 0px !important;
        margin-top: 5px;
    }
    #UserSettingsTab-pane-Tags{
        width: 238px !important;
    }
    .new_style_tabs .tab-pane .form-horizontal{
        width: 254px;
    }
    .pass_policy_box_bg div div.pull-right,
    .pass_policy_box_bg div span.pull-right,
    .showTennatBtn.pull-right,
    #UserSettingsTab-pane-UserTenancy button.change-tenant-btn{
        float: none !important;
    }
    .all_padding_0.user_settings_tenancy_table{
        padding: 10px !important;
    }
    .pass_policy_input{
        width: auto !important;
    }
    .black_b_btn_margin a.btn.black_b_btn.btnEditColor,
    .black_b_btn_margin button.btn.black_b_btn.btnEditColor{
        width: 100%;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 420px) {
    .modal.ng-scope.ng-isolate-scope .modal-dialog,
    div .default-push-config .modal-dialog,
    .ReactModal .modal-dialog {
        width: 300px !important;
    }
    #UserSettingsTab-pane-Tags{
        width: 168px !important;
    }
    .new_style_tabs .tab-content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .new_style_tabs .tab-pane .form-horizontal{
        width: 168px;
    }
    .all_padding_0.user_settings_tenancy_table{
        padding: 10px !important;
    }
    #UserSettingsTab-pane-UserTenancy .react-bs-table.react-bs-table-bordered.ReactPages{
        margin: 10px;
        overflow-x: scroll;
        width: 178px;
    }
    #UserSettingsTab-pane-UserTenancy .react-bs-table.react-bs-table-bordered.ReactPages th:nth-child(2),
    #UserSettingsTab-pane-UserTenancy .react-bs-table.react-bs-table-bordered.ReactPages td:nth-child(2){
        width: 270px;
        min-width: 270px;
    }
    #UserSettingsTab-pane-UserTenancy .react-bs-table.react-bs-table-bordered.ReactPages th:nth-child(3),
    #UserSettingsTab-pane-UserTenancy .react-bs-table.react-bs-table-bordered.ReactPages td:nth-child(3){
        width: 150px;
        min-width: 150px;
    }
    #UserSettingsTab-pane-PasswordPolicy{
        margin: -15px;
    }
    .tab-content div:nth-child(10){
        margin: -15px;
    }
    .modal-body.new_style_modal_body.new_style_modal_bg_color a.showUserRefreshDevices{
        position: relative;
        width: 100%;
    }
    .mper_page_style{
        margin: 0 auto;
    }
    .row.negative_margin_15_l_r.top_position select.form-control{
        width: auto;
        display: inline-block;
    }
}