/* @media (max-width: 767px) {
  .fontflex-20,.fontflex-sm-20{font-size: 2vw!important;}
  .fontflex-25,.fontflex-sm-25{font-size: 2.5vw!important;}
  .fontflex-30,.fontflex-sm-30{font-size: 3vw!important;}
}
@media (max-width: 575px) {
  .fontflex-20,.fontflex-xs-20{font-size: 2vw!important;}
  .fontflex-25,.fontflex-xs-25{font-size: 2.5vw!important;}
  .fontflex-30,.fontflex-xs-30{font-size: 3vw!important;}
  .fontflex-35,.fontflex-xs-35{font-size: 3.5vw!important;}
  .fontflex-40,.fontflex-xs-40{font-size: 4vw!important;}
} */



@media (max-width: 767px) {
  .login-content {
    font-size: 3vw !important;
  }

  .dx-datagrid-table {
    font-size: 3vw !important;
  }
}


@media (max-width: 575px) {
  .dx-datagrid {
    font-size: 3vw !important;
  }
}

@media (max-width: 400px) {
  .dx-datagrid {
    font-size: 4vw !important;
  }
}



.dblisterheader {
  background-color: #459be3;
  font-weight: bold;
  text-align: center;
  font-size: 10pt;
  color: #908f8f;
  /*#e8f6f9;*/
  background-image: url("../common/images/dblisterheaderbg.gif");
}

/*
.dblisterdata {
    background-color: #fdf9e5;
    font-weight: normal;
	font-size: 10pt;
}
.dblisterdata2 {
    background-color: #dff4f8;
    font-weight: normal;
	font-size: 10pt;
}
*/

.propnamecell {
  font-weight: bold;
  font-family: Arial;
}

.propdatacell {
  color: navy;
  font-weight: bold;
  font-family: Arial;
}


.propeditform {
  background-color: #ECECEC;
  font-weight: normal;
}

.browsetitle{
  white-space:nowrap;
}

.articletitle {
  font-size: 18pt;
  color: #086184;
  font-family: Arial;
  font-weight: lighter;
}

.articlesubtitle {
  font-size: 12pt;
  color: #086184;
  font-family: Arial;

}


.articletitlelink {
  font-size: 11pt;
  font-family: Arial;
  text-decoration: none;
  color: #086184;
  font-weight: bold;
}



.articletitlelink:visited {
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial;
  color: #086184;
}

.articleparagraph {
  font-size: 11pt;
  font-family: Arial;
  /* //	font-weight: lighter;   */
}

.articleproperty {
  font-size: 15pt;
  color: #424242;
  font-family: Arial;

}

.authortitle {
  font-size: 10pt;
  color: #6E6A6A;
  font-family: Arial;
}

.timetitle {
  font-size: 8pt;
  color: #424242;
  font-family: Arial;
}

.coloredbutton {
  background-color: #FFFFFF;
  border-style: outset;
  font-weight: bold;
  color: blue;
  cursor: pointer;
  font-family: arial;
}

.coloredbutton2 {
  height: 23px;
  background-color: #DEDEF2;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  cursor: hand;
  border-color: #003366;
  font-weight: normal;
  font-family: Arial;
  filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');
}



.coloredbutton3 {
  height: 23px;
  background-color: #DEDEF2;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  cursor: hand;
  border-color: #F0C755 #F0C755 #F0C755 #F0C755;
  font-family: Arial;
  filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');
}

/*A {
	font-family: Arial;
} */


hr.coloredhr {
  color: #b7c3cb;
  width: 800;
}


A.subtitlelink {
  font-size: 10pt;
  text-decoration: underline;
  font-family: Arial;
  color: #424242;
}


A.subtitlelink:hover {
  text-decoration: underline;
  color: #F28920;
}


A.subtitlelink:visited {
  font-size: 11pt;
  text-decoration: underline;
  font-family: Arial;
  color: #424242;

}



.browselink {
  font-size: 11pt;
  text-decoration: none;
  font-family: Verdana, Arial;
  font-weight: normal;
  color: #424242;
}


.browsetitle {
  font-size: 12pt;
  color: #424242;
  font-family: Verdana, Arial;

}



TD.rightborder {

  border: 0;
  border-right: solid;
  border-width: 1px;
  border-color: #000000;
}

#LANGUAGE {
  width: 100px;
}

#kb_search_tab_panel .dx-multiview-wrapper {
  padding: 20px;
}

#article_panel,
#tech_lib_search_panel {
  display: none;
}

.techliblink {
  color: #003366;
  text-decoration: none;
  font-size: 10pt;
  font-family: Arial;
}


.techliblink:hover {
  color: #9A0202;
}

.regularlink {
  /* font-size: 11pt;
  text-decoration: none;
  font-family: Arial;
  color: #424242; */
}



.technicalliberr {
  color: red;
  font-size: 10pt;
}

#tree_menu_toplevel {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  height: 0;
  width: 0;
}

#tree_menu_toplevel.in {
  width: 220px;
  height: 100%
}




.focusactionlink {
  color: #000000;
  font-size: 11pt;
  font-family: Arial;
  font-weight: bold;
  text-decoration: none;
  margin-left: 5px;
}


.unfocusactionlink {
  color: #FFFFFF;
  font-size: 11pt;
  font-family: Arial;
  font-weight: bold;
  text-decoration: none;
  margin-left: 5px;
}


td.focusedlinktd {
  border-style: solid;
  border-color: #b7c3cb;
  border-width: 1px 1px 0px 1px;
  background-color: #FFFFFF;
}

td.unfocusedlinktd {
  border-style: solid;
  border-width: 0px 2px;
  border-color: #FFFFFF;
  background-color: #7e90a6;
}

td.onunfocusedlinktd {
  border-style: solid;
  border-width: 0px 1px;
  border-color: #f9f9f9;
  background-color: #C9D2D8;
}

td.side_tree_td {
  text-decoration: none;
  background-color: #E4EAEE;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: #b7c3cb;
  filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#C0CFE2', gradientType='1');
}


.filtercolor {

  filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');

}


.propsform {
  background-color: #C1DEE9;
  font-weight: normal;
  /*font-size: 10pt; */
}

.propsform2 {
  background-color: #FFF1D8;
  font-weight: normal;
  font-size: 10pt;
  border-width: 1px;
  border-style: solid;
  border-color: #F0C170;
}


.supportcomment {
  color: #585858;
  font-size: 10pt;
}

.blue {
  background-color: #084B8A;
  font-size: 10pt;
  font-weight: bold;
}


.red {
  background-color: #B40404;
  font-size: 10pt;
  font-weight: bold;
}

.yellow {
  background-color: #FFFF00;
  font-size: 10pt;
  font-weight: bold;
}

.orange {
  background-color: #FF8000;
  font-size: 10pt;
  font-weight: bold;
}

.white {
  background-color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
}

a.browselink {
  font-size: 11pt;
  text-decoration: none;
  font-family: Verdana, Arial;
  font-weight: normal;
  color: #424242;
  cursor: pointer;
}


.tablisterpage2 {
  /* background-image: url(/images/captionbg-lighter.jpg); */
  background-color: #DEE6EB;
  border-width: 1;
  border-color: #99AEBC;
  border-style: solid;
  color: black;
  white-space: nowrap;
}

.tablisterselpage2 {
  /* background-image: url(/images/captionbg-lighter.jpg); */
  background-color: #FFFFFF;
  border-width: 1;
  border-color: #99AEBC;
  border-style: solid;
  color: black;
  border-bottom: none;

  white-space: nowrap;
}



.spacetablisterselpage {
  /* background-image: url(/images/captionbg-lighter.jpg); */
  background-color: #FFFFFF;
  border-width: 1;
  border-color: #99AEBC;
  border-style: solid;
  color: black;
  border-right: none;
  border-left: none;
  border-top: none;
}

.tablisterselpage {
  /* background-image: url(/images/captionbg-lighter.jpg); */
  background-color: #C1DEE9;
  border-width: 1;
  border-color: #777777;
  border-style: groove;
  color: black;
  border-bottom: none;
  border-right: none;
}

.tabsheet {
  background-color: #C1DEE9;
  padding: 0 0;
  margin: 0;
}



.pagecontrol2 {
  /* background-image: url(/images/captionbg-grey.jpg); */
  background-color: #f8f8f8;
  border-width: 0;
  border-color: #99AEBC;
  border-style: solid;
  color: blue;
  padding: 0 0;
  margin: 0;
  white-space: nowrap;
}

.tabsheet2 {
  background-color: #FFFFFF;
  padding: 0 0;
  margin: 0;
  white-space: nowrap;
  border-width: 1;
  border-style: solid;
  border-color: #99AEBC;
  border-top: none;
}

.tabdesignedtitle {
  font-size: 10pt;
  color: #2E2E2E;

}


.listtable {
  background-color: #f2f8ff;
  font-weight: normal;
  font-size: 10pt;
}

.listtitle {
  background-color: #416ce0;
  font-weight: bold;
  text-align: center;
  font-size: 10pt;
  color: #C0C0C0;
}

.coloredscroll {
  scrollbar-face-color: #FBDC89;
  scrollbar-arrow-color: gray;
  scrollbar-track-color: #FBD27E;
}

TABLE.caption,
TR.caption,
DIV.caption {
  background-image: url(../common/images/captionbg.gif);
  background-repeat: repeat-x;
  font-weight: bold;
  display: block;
  font-size: 12pt;
}

.remarks {
  color: #6E6E6E;
  font-style: italic;
}

a {
  color: #2b678c;
}

a {
  color: #478fc8;
  text-decoration: none;
}

a:not([href]):not([class]){
  color: #478fc8;
}

a:link {
  color: #478fc8;
}

a:hover {
  text-decoration : underline;
}

a:visited {
  color: #478fc8;
}

#calls_tabs {
  width: 1%;
}

ol.toc {
  height: 2em;
  list-style: none;
  margin: 0;
  padding: 0;
}

ol.toc li {
  background: #bdf url(../common/images/tab.gif);
  float: RIGHT;
  margin: 0 1px 0 0;
  padding-left: 10px;
}

ol.toc a {
  color: #008;
  float: left;
  line-height: 2em;
  padding-right: 10px;
  text-decoration: none;
}

div.content {
  border: #48f solid 3px;
  clear: left;
  padding: 1em;
}

#tab_group1 {
  float: right;
  padding-left: 20px;
}

#tab_group2 {

  float: right;
}


ol.toc li {
  background: #bdf url(../common/images/tab.gif);
}

#tab_group1 ol.toc li.current,
#tab_group2 ol.toc li.current {
  background-color: #48f;
  background-position: 0 -60px;
}


#tab_group1 ol.toc li.current a,
#tab_group2 ol.toc li.current a {
  background-position: 100% -60px;
  color: #fff;
  font-weight: bold;
}


td.dblistermiddrow {
  bfackground-color: #87AFCF;
  background-image: url(../common/images/midd-bg.JPG);
  font-weight: bold;
}


.work_hour_gen_pnl {
  padding: 0px 0px;
  font-size: 11px;
  line-height: 12px;
  height: 13px;
  margin: 0px;
  border: 1px solid #d8d8d8;
}

.work_hour_pnl {
  display: block;
  height: 14px;
  font-size: 11px;
  border: 1px solid #e3e3e3;

}

.gray_hour {
  background-color: #e3e3e3;
}


.work_hour_div {
  position: relative;
  border: 1px solid #000;
  background-color: #FFFFD1;
  font-size: 0.8em;
  line-height: 12px;
  font-weight: bold;
  cursor: pointer;
  dbackground-color: #F5F6CE;
  top: 0px;
  z-index: 0;
  display: inline-block;
}


.hour_link {
  color: #000;
  cursor: pointer;
  font-weight: bold;
  /*width:100px;
    display:block; 
    display:block;  */
  height: 64px;
  font-size: 16px;
}


.my_work_hours_div {
  position: relative;
  top: 0px;
  /*height:1536px; 
    width:900px;
    right:0px;
    border: 2px solid #d8d8d8;*/
  sbackground-color: red;
  z-index: 0;
  /*z-index:0;   */

}

.outter {
  height: 576px;
  /*450px; */
  width: 820px;
  overflow: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 200px;
  border: 1px solid #d8d8d8;

}

.call_btn {
  font-size: 8px;
}

div #datepicker {
  dz-index: 1000;
  background-color: #fef;
}

#hours_summary {
  position: absolute;
  top: 150px;
  right: 0px;
  width: 200px;
  height: 100px;
  z-index: 0;
}

#total_hours {
  width: 50px;
}

#nikuy_hours {
  width: 50px;
}

#ui-datepicker-div {
  z-index: 999999;
  direction: rtl;

}

#PersonalMenu_Content {
  z-index: 10000;
}


.ui-resizable {
  position: relative;
}

element.style {
  z-index: 999999;
}


#NEW_LINE_PNL2 .ui-button {
  padding: 5px;
  font-size: 16pt;
}

.loading_div {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 440px;
  z-index: 1000;
  background-image: url("../common/images/ajax-loader.gif");
  width: 100%;
  height: 100%;
  background-color: rgba(253, 253, 253, .4);
  background-repeat: no-repeat;
  background-position: 55%;
}

.qbLogo {
  top: 0;
  left: 0;
  padding-left: 15px;
  width: 100px;
}

#topLogo{
  padding-left:0px !important;
}

.login-body {
  background-color: #ebebeb;
  /* background: -webkit-radial-gradient(#fff, #dcdcdc);
  background: -o-radial-gradient(#fff, #dcdcdc);
  background: -moz-radial-gradient(#fff, #dcdcdc);
  background: radial-gradient(#fff, #dcdcdc); */
}


.modal-centered-dialog {
  max-width: 650px !important;
  width: 650px;
  height: auto;
  /*450px;*/
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  margin: auto;
}

@media (max-width: 767px) {
  .modal-centered-dialog {
    width: auto !important;
  }
}

@media (max-width: 360px) {
  .modal-centered-dialog {
    font-size: 4.5vw !important;
  }

  .modal_title {
    font-size: 6vw !important;
  }
}

#forgot-pass-dialog {
  height: 350px;
}

#thanks-dialog {
  height: 250px;
}

#thanks-link {
  display: inline-block;
  margin-top: 20px;
}

#thanks-link-div {
  /*text-align: left;*/
}

#login_div {
  width: 350px;
  margin-top: 15px;

}

#login_table td {
  padding: 2px;
}

.modal_title {
  background-image: url(../common/images/qb_logo.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: auto;
  padding-right: 100px;
  height: 60px;
  vertical-align: bottom;
  text-align: right;
  font-size: 45px;
  margin: 0.67em 0;
}

.access_denied_title {
  background-image: url(../common/images/no_enter.gif);
}

.message_title {
  font-size: 38px;
  background-image: none;
  padding-right: 0px;
  text-align: right;
}

#thanks_title {
  font-size: 38px;
  background-image: none;
  padding-right: 0px;
  text-align: center;
}

#login_title {
  font-weight: bold;
}

#login-content,
#reset-pwd-content {
  /* height: 100%; */
  display: block;
  overflow: auto;
}

.login-model-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

#login_form,
.msg-modal-content {
  margin-top: 15px;
  margin-bottom: 15px;
  
}

.navbar-left {
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  /* padding-top: 15px; */
  padding-left: 35px;
}

.navbar-header {
  text-align: center;
  font-size: 14pt;
}

.navbar-default .top-nav-brand {
  height: 100px;
  width: auto;
}

.navbar-brand {
  /* height: 100px;
  padding: 0px 15px; */
  display: inherit;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand-title {
  /*padding-bottom: 10px;*/
  margin-top: 20px;
  color: #777;
  font-size: 16pt;
  white-space: nowrap;
  margin-right: 20px;
  padding: 7px;
}

@media (max-width: 768px) {
  .navbar-brand-title {
    /*padding-bottom: 10px;*/
    margin-top: 20px;
    color: #777;
    font-size: 16pt;
    white-space: nowrap;
    float: right;
  }
}



.navbar-brand-title>span {
  float: right;
  color: #777;
}

#main_menu {
  /* padding-top: 50px;
  float: right;
  position: absolute;
  right: 120px; */
}

#topNavBar{
  position: absolute;
    top: 60px;
    right: 150px;
    width:90%;
}

#left_menu {
  padding-top: 50px;
  float: left;
  /* position: absolute; */
  left: 0px;
  bottom: 5px;
  padding-left: 20px;
  bottom: 15px;
}



#left_menu span {
  font-weight: bold;
  text-align: left;
}

#left_menu>.row {
  text-align: left;
  margin-bottom: -20px;

}

/*
#left_menu li{
	padding: 10px 15px;
	float:right;
}*/

#navigateCallTxt {
  /* position: relative;
  top: 9; */
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}

/* #GoTOCallBtn {
  height: 34px;
  padding: 7px 9px 8px;
} */


.left_menu_items {
  display: inline-block;
  top: 9;
  position: relative;
}

#naviageCustomerTxt {
  /* top: 9; */
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}


#main_navber a {
  font-size: 14pt;
  cursor: pointer;
  color: #989494;
  text-decoration: none;
  font-weight:solid;
  display: block;
  padding-left: 20px;
}

#main_navber {
  z-index: 100;
  background-color: #e4e4e4 !important;
  background-image: none;
  border-color: #d8d8d8;
  position: fixed;
  right: 0;
  left: 0;
  padding-top:0px;
  padding-bottom:0px;
  
  /* box-shadow: 0px 4px 3px #888888;  */
}

#naviageCustomerTxtParent {
  width: 1%;
  white-space: nowrap;
}

#crew-calls-filtering-row {
  margin-top: 20px;
}

.wrapper {
  width: auto;
  /* min-height: 95%; */
  /*text-align: center;*/

  /*margin-top: -18px;*/
  margin-bottom: 0;
  /* box-shadow: 0 2px 6px #aaa; */
}

.panel-primary {
  margin-top: 100px;
}

.panel-no-margin {
  margin-top: 0px;
}

.panel-primary {
  /*,.panel-default{*/

  border: none;
}

.panel-primary-space {
  margin-top:112px;
}

.panel-primary-with-sidebar{
  margin-right: 4rem;
}

.text-yellow {
  color: #f6c700;
}

.text-orange {
  color: #e97600;
}

.text-red {
  color: #bd1e24;
}

.text-green {
  color: #007256;
}

.text-blue {
  color: #0067a7;
}

.text-light-blue {
  color: #63a0d1;
}

.sub-header {
  /*padding :30px;
  margin-left :0;
  margin-right:0;
  margin-bottom: 30px; */
  /* padding-top: 10px;
  margin-top: 30px; */
  background-color: #f7f7f7;
  padding-bottom: 20px;
  /* padding-right: 20px; */
}

.call-comments {
  margin-left: 30px;
}

.call-header-yellow {
  /* //background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#faffd4), to(#FFFFFF)) !important; */
  background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, color-stop(0, #faffd4), color-stop(0.02, rgba(255, 255, 255, 0.34)));
  /* //border-color:#fdff77; */
}

.call-header-orange {
  /* //background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffce94), to(#FFFFFF)); */
  background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, color-stop(0, #ffce94), color-stop(0.02, rgba(255, 255, 255, 0.34)));
  /* //border-color:#ff9200; */
}

.call-header-red {
  /* //background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc1c1), to(#FFFFFF)); */
  background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, color-stop(0, #ffc1c1), color-stop(0.02, rgba(255, 255, 255, 0.34)));
  /* //border-color:#cd2f2f; */
}

.call-header-blue {
  /* //background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#9dccf5), to(#FFFFFF)); */
  background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, color-stop(0, #9dccf5), color-stop(0.02, rgba(255, 255, 255, 0.34)));
  /* //border-color:#5d7aad; */
}

.call-header-white {
  /* //background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdbdbd), to(#FFFFFF)); */
  background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, color-stop(0, #bdbdbd), color-stop(0.02, rgba(255, 255, 255, 0.34)));
  /* //border-color:#dcdcdc; */
}

.call_header {
  margin-left: -5px;
  margin-right: -5px;
  height: 100px;
}


.handle-line-cell-red {
  background-color: #EF7070 !important;
}

.handle-line-cell-orange {
  background-color: #ffb258 !important;
}

.handle-line-cell-yellow {
  background-color: #F7F79E !important;

}

.handle-line-cell-white {
  background-color: #F7F7EC !important;
}

.handle-line-cell-blue {
  background-color: #78c0ff !important;
}

.fa-sign-in {
  color: #2b678c;
}

.fa-phone {
  color: #2b678c;
}

#TXT_COMMENTS {
  display: none;
  width: 100%;
  height: 120px;
}

#MC_TXT_COMMENTS {
  display: none;
}

#lnk_comments {
  cursor: pointer;
}

.cust_panel_wrapper {
  /* //padding: 5px 5px 5px 5px; */
  padding-top: 10px;
  /* //display: block;                               */
  margin-left: 50px;
  /* //margin-right: 25px; */
  /* //background-color: #ffffff; */
  /* //margin-top: 0px; 	 */
}

#TXT_CALL_NAV,
#crew_view {
  width: 100px;
}

#txt_search {
  width: 200px;
}

#open-call-label,
#crew-calls-label {
  width: 100px;
}

.open_call_div {
  /* //white-space:nowrap; */
}

.open_call_div .control-label {
  min-width: 115px;
}

.call-links {
  margin-top: 20px;
}

.call-links h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.call-links .col-sm-3 {
  border-left-color: black;
  border-left-width: 2px;
  border-left-style: solid;
}

.no-border {
  border: none !important;
}



.selected_union_call {
  font-weight: bold;
}

.call-page-heading {
  margin-bottom: 0px;
}

.panel-inner-content {
  padding-right: 20px;
  /* padding-right: 30px !important;
  padding-left: 30px !important; */
}

#call-info-1 {
  padding-right: 40px;
}

.form-control {
  display: inline-block;
}

#crew_view,
#TXT_CALL_NAV {
  width: 120px;
}

.job_type_label {
  margin-left: 30px;
}

#mlay_sapakim {
  width: 250px;
}

#mlay_items {
  width: 400px;
}

.install-location {
  font-size: 8pt;
}

#hide_extrta_products {
  display: none;
}

#collapse_products {
  cursor: pointer;
}

#collapse_products[aria-expanded="true"] #show_extrta_products {
  display: none;
}

#collapse_products[aria-expanded="true"] #hide_extrta_products {
  display: block;
}


.extentionContactName {
  cursor: pointer;
}

.yitrot-mlai .row {

  margin-bottom: 10px;
  text-align: right;
}

.sms-form-header {
  height: 35px;
}

#recipient_grid_div_pb,
#contact-grid-div {
  display: none;
  visibility: hidden;
  margin-top: 30px;
}



#deleteGroupAction {
  display: none;
  visibility: hidden;
}


#RecipientActions div {
  display: inline-block;
}

#sms_recipient {
  width: 40%;
}

.smsCounter {
  width: 50px;
}

/*.smsCounterLabel{
	margin-right:20px;
}*/

.smsCounter {
  margin-left: 20px;
}

.phoneCallContactName {
  cursor: pointer;
}

#add_recipient_dialog_panel {
  width: 700px;
}

#sms_content {
  font-size: 14pt;
}

#recipient_file_div {
  margin: 20px;
}

#recipient_file {
  margin: 20px;
  margin-bottom: 0px;
}

#add_txt_recipients {
  display: none;
  visibility: hidden;
}

#add_recipients_btn {
  /* display:none; */
  visibility: hidden;
}

#groups_panel_pb {
  /*display:none;
	visibility:hidden;*/
}

#sms_group_id {
  /*margin-top:30px;*/
}

#SendMsgButton {
  /* padding: 7px 20px; */
  float:left;
}

#CleanMsgButton {
  /* padding: 7px 20px; */
}

#MsgBtns button{
  padding: 7px 20px;
  margin:10px; 
}

#MsgButtonsDiv {
  float: left;
}

#RecipientActions button {
  padding: 0px 10px;
}

#sms-content-title,
#sms-recipients-title {
  text-align: right;
}

.sms-group-selector-comp {
  padding-top: 20px !important;
}

.dx-multiview-item-content {
  overflow: auto;
}

.sub-header a {
  cursor: pointer;
}

.call_handle_desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.att_property_expand {
  margin: 0px 10px;
}

.ui_attribute_row td:first-child,
.ui_attribute_row td.caption {
  /* //vertical-align:middle; */
  padding-top: 10px;
}

.ui_attribute_row td:first-child {
  font-weight: bold;
}

.ui_attribute_row>td {
  vertical-align: top;
}

.acs-label {
  float: left;
  margin-left: 20px;
  background-color: #cbfccb;
}

.last-seen-div {
  padding: 7px;
}

.last-seen-warning {
  background-color: #ffd497;
}

.last-seen-problem {
  background-color: #f1aeac;
}

.subscriber_edit_lbl {
  width: 1%;
  white-space: nowrap;
  text-align: left;
  margin-left: 2px;
}

#subscriber_edit_form td,
#switch_edit_form td {
  padding: 5px;
}

#is_active {
  width: 100px;
}

#disco_probes_id {
  width: 100px;
}

.attr_panel_sub_title {
  padding-top: 10px !important;
}

.hasDatepicker {
  border: 0 !important;
}

#add_recipient_dialog_panel .dx-tabpanel-container {
  /*height:510px;*/
}

#add_recipient_dialog_panel .dx-multiview-item-content {
  /*overflow:visible;*/
}

.auto-height {
  height: auto;
}

.equipLink {
  color: #333;
  padding-right: 1em;
}

.titleBlock {
  height: 3.1em;
  padding-top: 0.9em;
  background-color: rgba(255, 165, 0, 0.61);
  margin-right: auto;
  margin-left: auto;
  margin-top: -0.8em;
  margin-right: -0.4em;
  margin-left: -0.4em;
  border-radius: 5px 5px 0px 0px;
}

.ui-dialog {
  z-index: 1000 !important;
}

.settingsLink {
  float: left;
  font-size: 2em;
  margin-left: 0.4em;
  margin-top: -0.1em;
  /* padding-top: 0.9em; */
}

.title {
  margin-right: 0.7em;
  margin-top: 0.1em;
}

.mainCallsRow {
  /* margin-top: -2em; */
}

#innerContent>.row{
  padding-bottom:10px;
}

.paymentStatusDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f9f9f9;
  width: 300px;
  min-height: 120px;
  overflow: auto;

  margin: 0 auto;
  /*padding: 10px;*/
  border: solid 1px #929292;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 30px 20px;
  z-index: 1000;
  display: inline-block;
}

.bg-info,.bg-light,.bg-warning{
  background-image:none !important;
}

.bg-info{
  color: #447699!important;
  font-weight:bold;
  background-color: #d5ebf6 !important;
  border-color: #bce8f1 !important;
}

.btn-success{
  color:#fff !important;
}

.loader {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("images/ajax-loader.gif");
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  margin: 0 auto;
  /*padding: 10px;*/
  z-index: 1000;
  display: inline-block;
}

.field-icon {
  float: left;
  /*margin-left: -25px;*/
  margin-top: -25px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.toggle-password {
  cursor: pointer;
}

.authDetails {
  display: none;
  padding: 0pt 8pt;
  margin-top: 2pt;
  margin-bottom: 2pt;
  white-space: nowrap;
}

.authDetails ul {
  padding-right: 20px;
}

.authDetails li {
  list-style-type: none;
}

.authDetails li .authTitle {
  font-weight: bold;
  padding-left: 5px;
}

.authDetailsBorder {
  border: 0.4pt solid #dedede;
}

.ui_attribute_row .toggle-password {
  padding-left: 25px;
  padding-right: 10px;
}

.equipmentLine .toggle-password {
  /*float:left;
	padding-left:20px;*/
}

.equipmentLine i {
  display: inline-block;
}

.dropdown .row {
  margin-right: 0px;
  margin-left: 0px;
}

#equipMentDialog {
  overflow: visible;
}

.ui-dialog {
  overflow: visible;
}

#cust_hours_dialog_panel {
  border-collapse: initial !important;
  border-spacing: 5pt !important;
}

/* ----------------------- */

.dropbtn {
  /* background-color: #3498DB; */

  color: black;
  background-color: #e7e7e7;
  padding: 10 30 10 30;
  font-size: 2rem;
  min-width: 180px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover,
.dropbtn:focus {
  transition: .3s;
  background-color: #337ab7;
  border-radius: 5px;
  color: white;
}

/* #s:before {
  background-color: yellow;
} */


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 180px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  border-radius: 0 0 5px 5px;

}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;

}

.dropdown a:hover {
  /* background-color: #ddd; */
}

.dropdown-menu[data-bs-popper] {
  left: auto !important;
}

.buttonPass {
  /* display: block; */
  text-decoration: none !important;
  width: 115px;
  height: 25px;
  background-color: #337ab7;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white !important;
  font-weight: bold;
  margin: 35;

}


/* .glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 10px -10px #e1f151;
  }

  to {
    box-shadow: 0 0 10px 10px #e1f151;
  }
} */

/* select { */
/* position: relative;
  top: 5;
  left: 5; */
/* margin: 50px; */
/* width: 150px;
  text-align: center;
  text-align-last: center;
  border-radius: 5px;
  padding: 0 30 0 30;
  font-size: 2rem;
  transition: transform .3s;
  border: 1px solid #ccc;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #eee;

} */

/* #user:hover {
  transform: scale(1.1); */
/* background-color: #337ab7;
  color: white; */
/* } */

/* .custom .ui-dialog-buttonpane {

  background-color: #337ab7;
} */

.ui-button{
  padding: 0.4em 1em !important;
}

.btn{
  /* color:#000 !important; */
}

.btn-secondary{
  background-color: #f9f9f9 !important;
  /* border-color: #f9f9f9 !important; */
  color:#000 !important;
  border-color: #ccc !important;;
}

.btn-secondary:hover{
  background-color: #e9e9e9 !important;
  border-color: #a4a4a4 !important;
  /* #e9e9e9 !important; */
}

.btn-primary{
  background-color: #336fa3 !important;
  /* border-color: #f9f9f9 !important; */
  color:#fff !important;
  border-color: #2e6da4 !important;;
}

.btn-primary:hover{
  background-color: #3b8bd1 !important;
  /* border-color: #a4a4a4 !important; */
  /* #e9e9e9 !important; */
}

.mini-card>.card-header{
  background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.btn.no-border{
  border:none !important;
}

#userDropdown{
  position:absolute;
  top:5px;
  left:50px;
  color:#000;
}

#userDropdown>a{
  color:#000;
  font-size: 1.3em;
  font-weight: 400;
}

#userMenuLink:hover{
  background-color: #2e6da4; 
}


.card-text{
	margin-top:20px;
	margin-right: 50px;
}

.card-header{
	background-image: linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
	color: #fff;
}

.modal-content{
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;	
	box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	padding: 10px;
}

.form-group{
	margin-top: 0.5rem;
}

.modal-dialog button, .modal-dialog a, .modal-dialog span, .modal-dialog .form-control{
	width:100%;
	display: inline-block;
}

.modal-dialog a{
	text-decoration: none;
}

.modal-header{
	display: inline-block;
	width: 100%;
}

.modal-dialog  form.col-md-12{
	padding-left:15px;
	padding-right:15px;
}

h1{
	font-size: 2em!important;
}