input[type=search] {
    width: auto !important;
}
.modal-lg{ width: 90%;}
.datepicker{ z-index: 999999 !important}

.chat-container {
border: 2px solid #dedede;
background-color: #f1f1f1;
border-radius: 5px;
padding: 10px;
margin: 10px 0;
width: 100%;
}

/* Darker chat container */
.darker {
border-color: #ccc;
background-color: #ddd;
}

/* Clear floats */
.chat-container::after {
content: "";
clear: both;
display: table;
}

/* Style images */
.chat-container img {
float: left;
max-width: 60px;
width: 100%;
margin-right: 20px;
border-radius: 50%;
}

/* Style the right image */
.chat-container img.right {
float: right;
margin-left: 20px;
margin-right:0;
}

/* Style time text */
.time-right {
float: right;
color: #aaa;
}

/* Style time text */
.time-left {
float: left;
color: #999;
}

.chat-custom-container {
  height: 400px;
  overflow-y: auto;
}

.custom-message pre {
  padding: 0;
  overflow: hidden;
  border: none;
  background-color: transparent;
  word-break: break-word !important;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 14px;
}

/*=================================
Login page Design 
==================================*/
.login-page {
        background: url(../../img/login-banner.jpg) no-repeat;
    height: 100vh;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.login-page:before {content: "";position: absolute;width: 100%;height: 100%;    background: #171717;opacity: 0.9;}
.login-box {
    max-width: 450px;
    background: #fff;
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 40px 40px;
    text-align: center;
    border-radius: 9px;
   box-shadow: 2px 6px 14px rgb(19, 19, 19);
}
.login-box p.login-box-msg {
    font-size: 24px;
    margin: 20px 0;
    color: #6f6f6f;
}

.login-box form input {
    padding: 24px 13px;
    font-size: 17px;
    border: 1px solid #a4a4a4;
}

.login-box form button:hover {
    background: #0779a0 !important;
}

.login-box form button {
    font-size: 17px;
    padding: 10px;
    background: #27a9e1;
    transition: all 0.5s ease;
    margin-bottom: 18px;
}
.login-box a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

/*=================================
Dashboard page Design 
==================================*/
.skin-blue .main-header .logo:hover,
.skin-blue .main-header .logo{
    background-color: #e1f2fe;
}
.skin-blue .main-header .navbar{
  background-color: #3c8dbc;
}
.skin-blue .main-header .logo span.logo-lg img {
    width: 130px;
}
.skin-blue .sidebar-menu>li.header {
    color: #ffffff;
    background: #3c8dbc;
    font-size: 16px;
}
.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #3c8dbc;
}
.skin-blue .sidebar-menu>li:hover>a,
 .skin-blue .sidebar-menu>li.active>a,
  .skin-blue .sidebar-menu>li.menu-open>a {
    color: #fff;
    background: #76c8ee;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
    color: #004f7c;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px;
    font-size: 15px;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #3c8dbc !important;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #3c8dbc;
}
.table>thead>tr>th {
    border-bottom: 2px solid #3c8dbc;
}
.table-hover>tbody>tr:hover {
    background-color: #c1e5ff;
}
.box-body.box-profile {
    background: #fff;
}
.box-body i.fa.fa-star.text-red {
    font-size: 6px;
    position: relative;
    left: 4px;
    top: -7px;
}
.box-body .form-control{
height: 45px;
}
input.form-control[type="file"] {
    padding: 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #2075a5;
    padding: 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #ffffff;
    background: #fc8b61;
    border: 0;
    border-radius: 5px;
    text-transform: uppercase;
}
.box-body p {
    font-size: 16px;
    line-height: 28px;
}