* {
      text-transform: capitalize;
      font-size: 15px;
      font-family: "Open Sans";
      box-sizing: border-box;
      list-style: none;
}

html {
      height: 100%;
      width: 100%;
}

body {
      background: white;
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
}

.ui-menu {
      background-color: grey;
      border: solid 2px black;
      width: 473px !important;
      padding: 0;
}

.ui-menu li:hover, .ui-menu li:active {
      background-color: lightgrey;
}

.ui-helper-hidden-accessible {
      display: none !important;
}


/*****************************
******TABULATOR STYLES*******
******************************/

/*Theme the Tabulator element*/
#example-table {
    background-color:#ccc;
    border: 1px solid #333;
    width: 100%;
    display: inline-block;
    height: 91%;
}

/*Theme the header*/
#example-table .tabulator-header {
    background-color:#333;
    color:#fff;
    border-bottom: 3px solid limegreen;
}

/*Allow column header names to wrap lines*/
#example-table .tabulator-header .tabulator-col,
#example-table .tabulator-header .tabulator-col-row-handle {
    white-space: normal;
}

/*Color the table rows*/
#example-table .tabulator-tableHolder .tabulator-table .tabulator-row{
    color:#fff;
    background-color: #666;
}

/*Color even rows*/
    #example-table .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
    background-color: #444;
}

/*Title section background color*/
.tabulator .tabulator-header .tabulator-col {
      background: #333;
}

#example-table .tabulator-tableHolder .tabulator-table .tabulator-row:hover {
      background-color: #629afc;
      border: solid 1px white;
}

.tabulator-cell:hover {
      background-color: orange;
}

/*****************************
******TABULATOR STYLES*******
******************************/

/*Refresh button*/

.top-buttons {
      padding: 5px 0 5px 12px;
}

.db-page {
      background-color: black;
}

.buttons {
      color: white;
      font-weight: 600;
      display: inline-block;
      width: auto;
      padding: 5px 7px 5px 7px;
      margin: 3px 0 3px 0;
      background-color: #2996CC;
      border-radius: 3px;
      transition: background-color 0.5s, color 0.5s;
      cursor: pointer;
      margin-right: 10px;
}

/*Refresh button hover*/
.buttons:hover {
      background-color: black;
      color: white;
}

.popup {
	visibility: hidden;
	text-transform: none;
	background-color: green;
	cursor: default;
	border-radius: 0px;
}

.popup:hover {
	background-color: green;
}

/* Show emails in normal casing */
[tabulator-field="email_address"] {
      text-transform: none;
}

.right-col {
      float: right;
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: #444444;
      border-left: solid 10px black;
}

/* Update icon style */

.upd {
      font-weight: bold;
      color: blue;
}

fieldset {
      color: black;
      border: none;
}

fieldset input {
      width: 100%;
      padding: 3px;
      margin: 0;
}

#send-twiml {
      padding: 0 0 0 0;
}

.field-titles {
      color: white;
      font-weight: 600;
      padding: 10px 0 4px 0;
}

.submit-button {
      color: white;
      background-color: #2996CC;
      border: none;
      padding: 8px 12px 8px 12px;
      transition: background-color .5s, color .5s;
      cursor: pointer;
      font-weight: 600;
      width: 100px;
      margin-left: 38%;
}

.left-title {
      color: white;
      text-align: center;
      height: 36px;
      background-color: #2996CC;
      margin: 0;
      padding-top: 6px;
      border-bottom: 5px solid black;
}

.right-title {
      color: white;
      text-align: center;
      height: 36px;
      background-color: #2996CC;
      margin: 0;
      padding-top: 6px;
      border-bottom: 5px solid black;
}

.radio-button {
      width: auto;
}

.radio-box {
      color: white;
}

#check-box {
      width: auto;
}

.custom_msg_title {
      color: white !important;
}

#custom-msg-box {
      height: 160px;
      width: 470px;
}

.send_page {
      background-color: darkgrey;
}

.form_box {
      background-color: #1F2428;
      width: auto;
      height: auto;
      width: 500px;
      text-transform: none;
      margin: 50px auto 0 auto;
}

#to-contacts-page {
      margin-top: 30px;
      padding: 15px 13px 15px 13px;
}

.to-contacts-div {
      width: 100%;
      text-align: center;
}

input[type="radio"] {
    -ms-transform: scale(1.9); /* IE 9 */
    -webkit-transform: scale(1.9); /* Chrome, Safari, Opera */
    transform: scale(1.9);
    margin-top: 10px;
    margin-left: 15px;
}

input[type="email"] {
      text-transform: none;
}