/* 
 * Set main color
 */
body {
	color: #333;
	background: #fff;
  font-size: 0.8rem;
  font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
}

label {
  font-weight: bold;
}


/*a {
  color: #333;
}

a:hover a:focus {
  color: #ddd;
}
*/
/* 
 * Airtime full page style
 */
.airtime-page {
	margin: 20px 35px;
}

.airtime-datatable{
  min-height: 700px;
}

/* 
 * Airtime menu bar
 */
.airtime-menu-bar {
	font-size: 15px;
}

.ajax-loading-icon { background: url('/img/wait.gif') no-repeat; height: 16px; width: 16px; position: absolute; z-index: 2; }

/* 
 * Airtime form menu 
 */
.airtime-form-menu {
    list-style: none; 
    overflow: hidden;
    padding: 0;
}

.airtime-content {
	margin: 10px 20px 20px 20px;
	padding: 20px;
	background-color: #FFF;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2px;
  border: 0;
}

/* 
* breadcrumb & tab 
*/
.breadcrumb { background-color: #ECF0F3; padding-left: 0.7rem !important; padding-top: 0rem !important; padding: 0rem 1rem !important;}
.ribbon { background: #ECF0F3; padding: 10px 20px 0; }
.breadcrumb a { color: #252525; }
.dashboard-box .widget .header { font-size: 23px; color: #fff; white-space: nowrap; text-align: right; z-index: 0; }

/* 
* Main tab 
*/
.airtime-tab { list-style: none; overflow: hidden; padding: 0; margin: 5px 15px 0; }
.airtime-tab li a { display: block; float: left; background: #91A3A3; padding: 7px 15px; margin-right: 5px; color: #fff; }
.airtime-tab li a:hover { background: #A8B7B7; color: #fff; text-decoration: none; }
.airtime-tab li.active a { background: #fff; color: #333; }

/* 
* Oauth 
*/
.m-logo { margin: 30px 0 0 0px; }

.login-panel {
  margin-top: 14%;
  padding: 20px;
  height: auto;
  box-shadow: 2px 2px 5px #b7b7b7;
}

.bg-login { background: url('/img/bg-login.jpg') no-repeat; height: 1077px }

/* 
* Validate 
*/
form label.error {
  color: #c00;
  font-size: 15px;
  display: none;
  clear: both;
  font-size: 0.8rem;
}

input.error { border: 1px solid red; }

.font-red {color: #b94a48 !important;}

/* 
* Alert in login page 
*/
.login-alert { font-size: 1rem !important; }

.alert-success {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.float-left {float: left;}

.border-buttom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
/* 
* Icon 
*/
.stoplight_green { background: url('/img/green-dot.png') no-repeat !important; position: relative; top: 5px; }
.stoplight_grey { background: url('/img/grey-dot.png') no-repeat !important; position: relative; top: 5px; }
.stoplight_red { background: url('/img/red-dot.png') no-repeat !important; position: relative; top: 5px; }
.stoplight_amber { background: url('/img/yellow-dot.png') no-repeat !important; position: relative; top: 5px; }

.airtime-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.icon-checkbox-checked { background-image: url(/img/checkbox-checked.png);position: absolute;background-repeat: no-repeat;background-size: 16px 16px;}
.icon-checkbox-unchecked { background-image: url(/img/checkbox-unchecked.png);position: absolute;background-repeat: no-repeat;background-size: 16px 16px;}

/* 
* Lading icon and Overlay 
*/
.loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #ccc;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: fixed; 
  z-index: 2;
  top: 50%;
  left: 50%;
}

.overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(192,192,192,0.5); /* Black background with opacity */
  z-index: 99999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Form */
.form-control {
  border: 1px solid #ccd0d4;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #2E2E2E;
}

/* Tab Content */
.tab-content { border: 1px solid #ddd; border-top: none !important; margin-bottom: 10px; padding-bottom: 15px;}

.nav-tabs .nav-link {
  color: #495057;
}

/* Popover */
.popover-body {
  font-size: smaller;
}

/* Google Map */
.gmap-msg { text-align: center; font-size: 11px; color: #777777; position: relative; top: 48%; }
.airtime-map { background: #e5e3df; overflow: hidden; }

/* Hide css */
.airtime-hide { display: none; }

/* Airtime Generate paswword */
.password-meter .bar { width: 0; height: 5px; }
.password-meter a { font-size: 11px; margin-bottom: 10px; }

/* Font size */
.font-0-7 { font-size: 0.7rem !important; }
.font-0-2 { font-size: 0.2rem; }
.font-0-8 { font-size: 0.8rem; }
.font-8-0 { font-size: 8.0rem; }
.font-1-1 { font-size: 1.1rem !important; }
.font-15 {font-size: 15px !important;}

/* Font color */
.font-color { color: red; }

/* Select 2 overried */
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px; color: #555; }
.select2-container { width: 100% !important; color: #242a30; font-size: 12px; }
.select2-dropdown, .select2-container--default .select2-selection--single { border: 1px solid #ccd0d4 !important; }

.dropdown-menu {
  left: -1 !important;
}
/* dateTime picker widht */
.bootstrap-datetimepicker-widget .dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: auto !important;
  z-index: 99999 !important;
}

/* Showing Pagination details */
.pagination-details { margin-top: 5px; margin-left: 10px; }

/* AutoComplete */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Font Size */
.font-20 {  font-size: 20px !important; }

.collapse-size { margin-bottom: 20px; }
.font-18 { font-size: 18px !important; margin: auto auto; display: block;  }

/* Text Align */
.text-align-right { text-align: right; }
.text-align-center { text-align: center; }


/* Accordion Card Header */
.card-header { border-bottom: 0.65rem; }

/* Text bold */
.font-bold { font-weight: bold; }

/* z-index of datepicker*/
.z-index{ z-index:1151 !important; }

/*select of Search*/
.select-search { height: 32px !important; }
.select { height: 32px !important; }
/* Button Switch */
.toggle-on { text-align: left; right: 80% !important; }
.toggle-off { text-align: right; left: 80% !important; }
.border-gray { border: 1px solid #ccc; }


/* progress bar */
.progress { background-color: #e9ecef; }

/* sale orders */
.order-progress {padding:10px 0 10px 15px;}
.order-progress h5,.order-progress .strong {font-weight: bold;}

.text-gray { color: gray; }
.text-white { color: white; }

.chartdivIpType { width: 100%; height: 280px; }
.chartdivPool { width: 100%; height: 200px; }

.widget {
    border-radius: 3px;
    margin-bottom: 20px;
    color: #fff;
    padding: 15px;
    overflow: hidden;
}

/* grid box */
.gridly { width: 1050px; position: relative; }
.gridly .brick { padding: 10px 20px; width: 330px; height: 180px; cursor: pointer; }
.gridly .header { font-size: 23px; text-align: right; color: #fff;  text-transform: uppercase; }
.dark-grey { background: #43464b; }
.light-green { background: #0FBB43; }
.dark-blue { background: #002957; }
.light-grey { background: #9a9898; }
.sky { background: #4ec1e0; }
.pink { background: #cd0067; }
.purple { background: #556EA6; }
.yellow { background: #F9A404; }
.bg-green { background: #00acac!important; }
.bg-blue { background: #348fe2!important; }

.icon-credit { background: url('/img/creditrisk_icon.png'); width: 120px; height: 120px; }
.icon-inventory { background: url('/img/inventory_icon.png'); width: 120px; height: 120px; }
.icon-monitoring { background: url('/img/monitoring_icon.png'); width: 120px; height: 120px; }
.icon-billing { background: url('/img/billing_icon.png'); width: 120px; height: 120px; }
.icon-provisioning { background: url('/img/provisioning_icon.png'); width: 120px; height: 120px; }
.icon-prepaid { background: url('/img/prepaid_icon.png'); width: 120px; height: 120px; }
.icon-sale { background: url('/img/sale_icon.png'); width: 120px; height: 120px; }

.icon-message { background: url('/img/message_icon.png'); width: 120px; height: 120px; }
.icon-dashboard { background: url('/img/dashboard_icon.png'); width: 120px; height: 120px; }

.dashboard-box .widget a { display: block; overflow: hidden; text-decoration :  none;}

.dashboard-box-2 .header { color: #fff; font-size: 20px; text-align: left; }
.dashboard-box-2 .height-2 { height: 136px; }

.header {
    /* z-index: 1020; */
    margin-bottom: 0;
}
.decoration { text-decoration : none !important; }

.card-header { padding: 0.65rem 0.65rem; }

.bg-session { background: url('/img/bg_session.jpg') no-repeat; margin: 7px 0 0; height: 471px; }

.session-logo { margin: 20px 0 20px 40px; background:#FFF; }

.block {
  margin-left: 360px;
}
.blog-topbar {
    background: #111;
    color: #fff;
    height: 40px;
    font-size: 14px;
}

.cookieconsent {
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
}

.topbar-time {
    padding: 12px 12px 7px 0;
    font-size: 12px;
    text-transform: uppercase;
}

/* Reduce Select option Size */
.reduce-select-option { height: calc(2.25rem + -5px) !important; }

.pdf-icon {
    background: url(/img/pdf-icon.png) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: block;
}

.message-item {
margin-bottom: 20px;
margin-left: 40px;
position: relative;
}
.message-item .message-inner {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
position: relative;
}
.message-item .message-inner:before {
border-right: 10px solid #ddd;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -20px;
top: 6px;
width: 0;
}
.message-item .message-inner:after {
border-right: 10px solid #fff;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -18px;
top: 6px;
width: 0;
}
.message-item:before {
background: #fff;
border-radius: 2px;
bottom: -30px;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
content: "";
height: 100%;
left: -30px;
position: absolute;
width: 3px;
}
.message-item:after {
background: #fff;
border: 2px solid #ccc;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
content: "";
height: 15px;
left: -36px;
position: absolute;
top: 10px;
width: 15px;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.message-item .message-head {
border-bottom: 1px solid #eee;
margin-bottom: 8px;
padding-bottom: 8px;
}
.message-item .message-head .avatar {
margin-right: 20px;
}
.message-item .message-head .user-detail {
overflow: hidden;
}
.message-item .message-head .user-detail h5 {
font-size: 16px;
font-weight: bold;
margin: 0;
}
.message-item .message-head .post-meta {
float: left;
padding: 0 15px 0 0;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: right;
}
.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: right;
}
.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}

.table td, .table th {
  padding: 5px;
}

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

.tab-pane {
  margin-bottom: 15px;
}

.error-icon {
  color: #2753AD;
}

/* syntaxhighlighter */
.syntaxhighlighter table td.code .line {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  font-size: 10px;
}

/* view */
.airtime-view-head { font-size: 17px; margin-top: 15px; margin-bottom: 15px; font-weight: 700;}
.airtime-view-table>tbody>tr:nth-child(odd)>td, .airtime-view-table>tbody>tr:nth-child(odd)>th, .airtime-view-table>tbody>tr:nth-of-type(odd) {
    background: none; font-size: 13px;
}
/* table in view page */
.airtime-view-table>tbody>tr>td, 
.airtime-view-table>tbody>tr>th, 
.airtime-view-table>tfoot>tr>td, 
.airtime-view-table>tfoot>tr>th, 
.airtime-view-table>thead>tr>td, 
.airtime-view-table>thead>tr>th { padding: 5px 10px 3px 5px; font-size: 13px;}

.airtime-view-table>tbody>tr:nth-child(odd)>td, 
.airtime-view-table>tbody>tr:nth-child(odd)>th, 
.airtime-view-table>tbody>tr:nth-of-type(odd) { background: none; }

.block_red { display: inline-block; width: 20px; height: 12px; background: #c0392b; position: relative; top: 3px; margin: 0 5px 0 0; }
.block_yellow { display: inline-block; width: 20px; height: 12px; background: #f39c12; position: relative; top: 3px; margin: 0 5px 0 0; }
.block_green { display: inline-block; width: 20px; height: 12px; background: #27ae60; position: relative; top: 3px; margin: 0 5px 0 0; }
.block_grey { display: inline-block; width: 20px; height: 12px; background: #bdc3c7; position: relative; top: 3px; margin: 0 5px 0 0; }
.margin-left5 { margin-left: 5px; }

/* Tooltips custom style */
.tooltip-inner { 
  -webkit-box-shadow: 2px 0px 8px 1px rgba(179,179,179,1);
  -moz-box-shadow: 2px 0px 8px 1px rgba(179,179,179,1);
  box-shadow: 2px 0px 8px 1px rgba(179,179,179,1);
  font-size: 0.7rem;
  text-align: left; 
}

/* do not wrap text in datatable */
.nowrap { white-space: nowrap; }

/* disable li */
.point-disabled { pointer-events: none; }

/* Accordion Style */
.text-black { color: #000; }
.text-black:hover { color: #000 !important; }
.accordion-header-custom { height: 35px; padding: 0px 10px; }

.input-group-text {
  font-size: 12px;
}

.cardheader-text{
  padding: 0px;
}

.card-form{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}

.rectangle_green,
.rectangle_grey,
.rectangle_red,
.rectangle_yellow {
  display: inline-block; 
  top: 0px;
  width: 100%; 
  height: 100%; 
  font-weight: bold !important; 
  text-align: center;
}

.rectangle_green_sample,
.rectangle_grey_sample,
.rectangle_red_sample,
.rectangle_yellow_sample {
  display: inline-block;
  width: 25px;
  height: 13px;
  vertical-align: middle;
}

.rectangle_green, .rectangle_green_sample {background-color: #6BE759;}
.rectangle_grey, .rectangle_grey_sample {background-color: #D3D3D3;}
.rectangle_red, .rectangle_red_sample {background-color: #EF0000;}
.rectangle_yellow, .rectangle_yellow_sample {background-color: #FFDF28;}

.period-progress {
  width: 100% !important;
}

.invoice-error { margin-top: -3px !important }

/* global */
.w-7 { width: 7%; }
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-46 { width: 46%; }
.w-47 { width: 47%; }
.w-48 { width: 48%; }
.w-49 { width: 49%; }
.w-50 { width: 50%; }
.w-100 { width: 100%; }
.wpx-50 { width: 50px !important; }
.wpx-75 { width: 75px !important; }
.wpx-80 { width: 80px !important; }
.wpx-100 { width: 100px !important; }
.wpx-110 { width: 110px !important; }
.wpx-125 { width: 125px !important; }
.wpx-130 { width: 130px !important; }
.wpx-140 { width: 140px !important; }
.wpx-150 { width: 150px !important; }
.wpx-170 { width: 170px !important; }
.wpx-200 { width: 200px !important; }
.wpx-225 { width: 225px !important; }
.wpx-250 { width: 250px !important; }
.wpx-300 { width: 300px !important; }
.wpx-500 { width: 500px !important; }
.hpx-450 { height: 450px !important;}

.wpxi-75 { width: 75px !important; }

/* dropdown menu */
.btn-group .dropdown-menu {
  border-radius: .25rem !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
  background-color: #434A54 !important;
}

.btn-group .dropdown-menu>li>a {
  cursor: pointer !important;
  color: #fff !important;
  width: 100%;
  padding: 0 0 0 .5rem !important;
}

.btn-group .dropdown-menu>li:focus,
.btn-group .dropdown-menu>li:hover {
  background: #2753AD !important;
  width: 100%;
}

.btn-group .dropdown-menu>li.disabled {
  background-color: #ccc !important;
}

.btn-group .dropdown-menu>li>a.disabled {
  cursor: pointer !important;
  color: #fff !important;
  background-color: #ccc !important;
  width: 100%;
  padding: 0 0 0 .5rem !important;
  pointer-events:none;
}

.btn-group .dropdown-menu>li>a:focus,
.btn-group .dropdown-menu>li>a:hover {
  background: #2753AD !important;
  width: 100%;
}

.btn-group .dropdown-menu>li>a.disabled:focus,
.btn-group .dropdown-menu>li>a.disabled:hover {
  background-color: #ccc !important;
  width: 100%;
}

.btn-airtime-add { 
  /*background: #28a745 url('/img/ic_add_circle_white.png') no-repeat 5px 50% !important; 
  position: relative; 
  padding-left:25px;*/
  color: #fff !important;
}

.btn-airtime-exchange { 
  background: #2753AD url('/img/ic_exchange.png') no-repeat 5px 50% !important; 
  position: relative; 
  padding-left:25px;
  color: #fff !important;
}

.btn-airtime-delete { 
  color: #fff !important;
  margin-top: .2em
}

.btn {
  font-size: 13px;
}

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

.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}

.remove-border-top{border-top: none !important;}

.card-color { 
  background-color: #eeeeee;
  border: 0.02px solid #ccd0d4;
}

.invoice table.vertical-scroll thead,
table.vertical-scroll tbody {
  display: block;
}

.invoice table.vertical-scroll tbody {
  overflow-y: auto;
  height: 155px;
}

.invoice table.vertical-scroll td,
.invoice table.vertical-scroll th {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 190px;
}

/* CL Icons */
.cl-icons {    
  margin-right: 5px;
  margin-left: 5px;
  width: 16px;
  margin-top: -3px; 
}

.background-color-disabled {background-color:#eeeeee}

.progress {width: 100%;}

.airtime-textarea {
  height: 100px !important;
}

/* Select2 */
.select2-container--bootstrap .select2-selection {
  border: 1px solid #ccd0d4;
}

.well {
    min-height: 20px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
   /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
}
.col-3-w {
  width: 15% !important;
}

.border-t-b {
  border-top: 1px solid #A3A3A3;
  border-bottom: 1px solid #c9c9c9;
  padding-top: 10px;
  padding-bottom: 10px;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.height-20 {
  height: 20rem;
}

.height-30 {
  height: 30rem;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0rem 0rem;
    background-color: #fff;
    border: 0px;
}

.cursor-pointer {
  cursor: pointer;
}

.tab-2 {
  /* set size of tab key to 2 white spaces */
  font-size: 0.895rem;
  -moz-tab-size: 2;
  tab-size: 2;
}

.small-50 {
  font-size: 50% !important;
}

.material-table tr th.upperTableHeaderLeft {text-align:center;border-left:1px solid #c9c9c9;}
.material-table tr th.upperTableHeaderRight {text-align:center;border-right:1px solid #c9c9c9;}

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

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

.text-readonly {
    background: #ECECEC;
    border: 1px solid #CECECE;
}

.diff-wrapper.diff {
  background: repeating-linear-gradient(-45deg, whitesmoke, whitesmoke 0.5em, #e8e8e8 0.5em, #e8e8e8 1em);
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ccc;
  color: black;
  empty-cells: show;
  font-family: monospace;
  font-size: 13px;
  width: 100%;
  word-break: break-all;
  background-color: #ccc;
}
.diff-wrapper.diff th {
  font-weight: 700;
}
.diff-wrapper.diff td {
  vertical-align: baseline;
}
.diff-wrapper.diff td,
.diff-wrapper.diff th {
  border-collapse: separate;
  border: none;
  padding: 1px 2px;
  background: #fff;
}
.diff-wrapper.diff td:empty:after,
.diff-wrapper.diff th:empty:after {
  content: " ";
  visibility: hidden;
}
.diff-wrapper.diff td a,
.diff-wrapper.diff th a {
  color: #000;
  cursor: inherit;
  pointer-events: none;
}
.diff-wrapper.diff thead th {
  background: #a6a6a6;
  border-bottom: 1px solid black;
  padding: 4px;
  text-align: left;
}
.diff-wrapper.diff tbody.skipped {
  border-top: 1px solid black;
}
.diff-wrapper.diff tbody.skipped td,
.diff-wrapper.diff tbody.skipped th {
  display: none;
}
.diff-wrapper.diff tbody th {
  background: #cccccc;
  border-right: 1px solid black;
  text-align: right;
  vertical-align: top;
  width: 4em;
}
.diff-wrapper.diff tbody th.sign {
  background: #fff;
  border-right: none;
  padding: 1px 0;
  text-align: center;
  width: 1em;
}
.diff-wrapper.diff tbody th.sign.del {
  background: #fbe1e1;
}
.diff-wrapper.diff tbody th.sign.ins {
  background: #e1fbe1;
}
.diff-wrapper.diff.diff-html {
  white-space: pre-wrap;
}
.diff-wrapper.diff.diff-html.diff-combined .change.change-rep .rep {
  white-space: normal;
}
.diff-wrapper.diff.diff-html .change.change-eq .old,
.diff-wrapper.diff.diff-html .change.change-eq .new {
  background: #fff;
}
.diff-wrapper.diff.diff-html .change .old {
  background: #fbe1e1;
}
.diff-wrapper.diff.diff-html .change .new {
  background: #e1fbe1;
}
.diff-wrapper.diff.diff-html .change .rep {
  background: #fef6d9;
}
.diff-wrapper.diff.diff-html .change .old.none,
.diff-wrapper.diff.diff-html .change .new.none,
.diff-wrapper.diff.diff-html .change .rep.none {
  background: transparent;
  cursor: not-allowed;
}
.diff-wrapper.diff.diff-html .change ins,
.diff-wrapper.diff.diff-html .change del {
  font-weight: bold;
  text-decoration: none;
}
.diff-wrapper.diff.diff-html .change ins {
  background: #94f094;
}
.diff-wrapper.diff.diff-html .change del {
  background: #f09494;
}

.table-message {
  /* display: block; */
  font-size: 12px;
  font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #707478;
  width: 100%;
  overflow-x: auto;
}

.margin-top-6 {
  margin-top: -6px !important;
}

.margin-top-7 {
  margin-top: -7px !important;
}

.margin-top-11 {
  margin-top: -11px !important;
}

.margin-top-12 {
  margin-top: -12px !important;
}

.list-group-item:first-child {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
.list-group-item {
    position: relative !important;
    display: block !important;
    padding: 0.75rem 1.25rem !important;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125) !important;
}