html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .sms {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
.truncate {
   max-width: 30px !important;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.truncate:hover{
   overflow: visible;
   white-space: normal;
   width: auto;
}
 

.sms {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
    /*padding-bottom: 1px;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
  
  /*font-weight: normal;
  /*line-height: 1.42857143;*/
  border-radius: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sms:focus,
.sms:active:focus,
.sms.active:focus,
.sms.focus,
.sms:active.focus,
.sms.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.sms:hover,
.sms:focus,
.sms.focus {
  color: #333;
  text-decoration: none;
}
.sms:active,
.sms.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.sms.disabled,
.sms[disabled],
fieldset[disabled] .sms {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.sms.disabled,
fieldset[disabled] a.sms {
  pointer-events: none;
}
.sms-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.sms-default:focus,
.sms-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.sms-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.sms-default:active,
.sms-default.active,
.open > .dropdown-toggle.sms-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.sms-default:active:hover,
.sms-default.active:hover,
.open > .dropdown-toggle.sms-default:hover,
.sms-default:active:focus,
.sms-default.active:focus,
.open > .dropdown-toggle.sms-default:focus,
.sms-default:active.focus,
.sms-default.active.focus,
.open > .dropdown-toggle.sms-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.sms-default.disabled:hover,
.sms-default[disabled]:hover,
fieldset[disabled] .sms-default:hover,
.sms-default.disabled:focus,
.sms-default[disabled]:focus,
fieldset[disabled] .sms-default:focus,
.sms-default.disabled.focus,
.sms-default[disabled].focus,
fieldset[disabled] .sms-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.sms-default .badge {
  color: #fff;
  background-color: #333;
}
.sms-primary {
  color: #333;
  background-color: #ffffff;
  border-color: #a6a6a6;
  
}
.sms-primary:focus,
.sms-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.sms-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.sms-primary:active,
.sms-primary.active,
.open > .dropdown-toggle.sms-primary {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.sms-primary:active:hover,
.sms-primary.active:hover,
.open > .dropdown-toggle.sms-primary:hover,
.sms-primary:active:focus,
.sms-primary.active:focus,
.open > .dropdown-toggle.sms-primary:focus,
.sms-primary:active.focus,
.sms-primary.active.focus,
.open > .dropdown-toggle.sms-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.sms-primary.disabled:hover,
.sms-primary[disabled]:hover,
fieldset[disabled] .sms-primary:hover,
.sms-primary.disabled:focus,
.sms-primary[disabled]:focus,
fieldset[disabled] .sms-primary:focus,
.sms-primary.disabled.focus,
.sms-primary[disabled].focus,
fieldset[disabled] .sms-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.sms-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.brspace {
            display: block;
            margin-bottom: .5em;
        }
.brsm {
         margin-bottom: .1em;
         margin-top: .1em;
        }
 .convtopleft{
  width:15%;
  float:left;
  margin-bottom: 1px;
        }
.convtopright{
  width:85%;
  float:right;
  margin-bottom: 1px;
        }       
.mobsleft{
  width:15%;
  float:left;
  overflow:auto;
  height: calc(100% - 60px);
  
}

.conv1{
  border: 1px solid white;
  width:80%;
  height: calc(100% - 160px);
    }
.conv{
  overflow: auto;
  border: 1px solid white;
  margin-bottom: 5px;
  height: calc(100% - 120px);
  
        }
.msgrx{    
    border: 1px solid black;
    display: inline-block;
    /*box-shadow: 1px 2px 2px black;*/
    /*width: 50%;*/
    border-color: #ddd;
    background-color: #ddd;
    height: auto;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: .5%;
    position: static;
    border-radius: 25px;
    float:left;
    font-size:16px;
    line-height:normal;
    max-width: 80%;
}
.msgtx{    
    border: 1px solid black;
    display: inline-block;
    height: auto;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: .5%;
    position: static;
    border-radius: 25px;
    color: white;
    background-color: #286090 ;
    border-color: #286090;
    float:right;
    font-size:16px;
    line-height:normal;
    max-width: 80%;
}
.sendbox {
    width:50%;
    float:left;
    height:50px;
    resize:none;
    border-radius: 50px;
    border: 2px solid white;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: .5%;
    margin-left: 150px;
    margin-right: 20px;
    background-color: #ddd;
    font-size:16px;
    
    }

.divider {
  border-bottom: 1px solid white;
  width:100%;
  display: inline-block;
  
}
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.menu-container {
    width: 100%;
}
.gc{
    font-size:12px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
    line-height: .5;
    margin-top: .5em ;
  margin-bottom: .5em ;
}
.gc1{
    font-size:12px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
    line-height: .5;
    margin-top: .5em ;
  margin-bottom: .5em ;
}
.gc2{
    font-size:18px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
    line-height: .5;
    margin-top: .5em ;
  margin-bottom: .5em ;
}

/* 
    Created on : 25/08/2018, 8:51:27 AM
    Author     : glen.copeland
*/
/* This adjust size,*/
.btn-glen {
  white-space: normal;
  color: #fff;
  background-color: #888; /*#337ab7;*/
  border-color: #9d9d9d;
  line-height: 1;
  font-size: 30px ;
  padding: 25px;
  border-radius: 16px;
  margin: 10px 10px 10px 10px;
  width: 200px;
  height: 150px;
 }
.btn-glen:focus,
.btn-glen.focus {
  /* overflow-wrap: break-word; */
  
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-glen:hover {
  color: #fff;
  background-color: #c00;
  border-color: #204d74;
}
.btn-glen:active,
.btn-glen.active,
.open > .dropdown-toggle.btn-glen {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-glen:active:hover,
.btn-glen.active:hover,
.open > .dropdown-toggle.btn-glen:hover,
.btn-glen:active:focus,
.btn-glen.active:focus,
.open > .dropdown-toggle.btn-glen:focus,
.btn-glen:active.focus,
.btn-glen.active.focus,
.open > .dropdown-toggle.btn-glen.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-glen:active,
.btn-glen.active,
.open > .dropdown-toggle.btn-glen {
  background-image: none;
}
.btn-glen.disabled:hover,
.btn-glen[disabled]:hover,
fieldset[disabled] .btn-glen:hover,
.btn-glen.disabled:focus,
.btn-glen[disabled]:focus,
fieldset[disabled] .btn-glen:focus,
.btn-glen.disabled.focus,
.btn-glen[disabled].focus,
fieldset[disabled] .btn-glen.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-glen .badge {
  color: #337ab7;
  background-color: #fff;
}