@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,500italic,500,700,100,100italic,700italic,400italic,900,900italic);
html {
    -webkit-font-smoothing: antialiased;
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Roboto', sans-serif!important;
    background-color: #E9E9E9;
    margin-bottom: 81px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif!important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.no-margin {
    margin: 0;
}

.m-b-30 {
margin-bottom:30px;
}

/* Header */

header {
    background-color: #F8F8F8;
}

header .navbar-default {
    background: #112927!important;
    margin-bottom: 0;
    border: none;
    border-radius: 0!important;
}

header .navbar-brand {
    height: auto;
}

.p-t-b-7 {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}

.pl-75 {
    padding-left: 75px;
}

header .navbar .nav li .btn-group {
    padding: 15px 0 0;
}

header .navbar .nav li .btn-group .btn {
    font-size: 16px;
}

header .navbar .nav li .btn-group .caret {
    border-bottom-color: #777;
    border-top-color: #777;
}

.text-uppercase {
    text-transform: uppercase;
}

.btn-logout {
    color: #fff;
    background-color: #A49FA0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.btn-logout:hover, .btn-logout:focus, .btn-logout:active, .btn-logout.active, .open .dropdown-toggle.btn-logout {
    color: #fff;
    background-color: #2F96F7;
}

.text-name {
    text-transform: capitalize!important;
    font-weight: 500;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.text-gray {
    color: #373A38!important;
}

.section-title-row {
    margin-bottom: 15px;
}

.section-title-row h5 {
    font-weight: 400;
    color: #A0A0A0;
}

.section-title-row .split-title.profile {
    margin-top: 45px;
}

.section-title-row h2.split-title span:first-child {
    color: #3097F7;
    font-weight: 500;
    margin-right: 10px;
}

.section-title-row h2.split-title span:last-child {
    color: #A0A0A0;
}

/* Listing table */

table.table-listing thead tr th {
    color: #A0A0A0;
    font-weight: 400;
    vertical-align: top;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}

table.table-listing .table-item td {
    color: #3097F7;
    padding: 3px 5px;
    vertical-align: middle;
    font-size: 20px;
    position: relative;
    text-align: center;
    background-color: #ffffff;
}

table.table-listing thead tr th:first-child:after, table.table-listing thead tr th:nth-child(2):after, table.table-listing .table-item td:first-child:after, table.table-listing .table-item td:nth-child(2):after, table.table-listing .table-item td.table_side_btn:after {
    content: initial;
}

.table_side_btn:hover {
    background-color: #46A8F9;
}

table.table-listing thead tr th:after, table.table-listing .table-item td:after {
    content: '';
    height: 50%;
    width: 1px;
    position: absolute;
    left: 0;
    top: 25%;
}

table.table-listing .table-item td:after {
    background-color: #E9E9E9;
}

table.table-listing tr.collapsed {
    padding: 0
}

table.table-listing tr.collapsed td {
    padding: 0;
}

table.table-timing thead tr th, table.table-aux thead tr th {
    color: #3097F7!important;
    font-weight: 600;
    background-color: #383838;
    text-align: center;
    border-bottom: none;
    padding: 6px 0!important;
    border-right: 2px solid #383838;
}

table.table-timing.table-fixed tbody, table.table-aux.table-fixed tbody {
    max-height: 120px;
}

table.table-timing tbody .violation td, table.table-timing tbody .violation_td td:nth-child(3), table.table-aux tbody .violation td {
    background-color: #F91662;
}

table.table-timing tbody tr td, table.table-aux tbody tr td {
    padding: 8px!important;
    background-color: #3097F7;
    color: #ffffff;
    text-align: center;
    border-top: 4px solid #383838;
    font-weight: 600;
    border-right: 2px solid #383838;
    /*position: relative;*/
}

tr.table-item {
    border-bottom: 4px solid #E9E9E9;
    height: 80px;
}

table.table-timing thead, table.table-aux thead {
    width: 100%
}

tr.table-item td img {
    width: 70px;
}

table.table-listing .table-item td.table_side_btn {
    background-color: #2F96F7;
    color: white;
    text-align: center;
}

.table_side_btn a:not(.collapsed) .fa {
    transform: rotate(180deg);
    -webkit-transition: transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
}

.table_side_btn a.collapsed .fa {
    -webkit-transition: transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
}

.table_side_btn .fa {
    font-size: 25px;
    color: #ffffff;
}

.table.table-agent-list tr.table-item td:first-child {
    width: 80px;
}

.table.table-agent-list tr.table-item td:nth-child(3) {
    width: 150px;
}

.table.table-agent-list tr.table-item td:nth-child(4) {
    width: 90px;
}

.table.table-agent-list tr.table-item td:nth-child(5) {
    width: 90px;
}

.table.table-agent-list tr.table-item td:nth-child(6) {
    width: 100px;
}

.table.table-agent-list tr.table-item td:nth-child(7) {
    width: 90px;
}

.table.table-agent-list tr.table-item td:nth-child(8) {
    width: 90px;
}

.table.table-agent-list tr.table-item td:last-child {
    width: 40px;
}

.violation_row td {
    cursor: pointer;
}

/*detailed*/

.table-detailed {
    margin-bottom: 0;
}

/*fixed table*/

.table-fixed {
    background-color: #383838!important;
}

.table-fixed thead {
    width: 97%;
}

.table-fixed thead tr th {
    color: #ffffff!important;
}

.table-fixed tbody {
    overflow-y: auto;
    width: 100%;
}

.table-fixed tbody tr td {
    background-color: #ffffff;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

.table-fixed tbody td, .table-fixed thead>tr>th {
    float: left;
    border-bottom-width: 0;
    padding: 8px!important;
}

.table-fixed.table-violations tbody {
    background: #ffffff;
}

.panel_bckground {
    background-color: #383838;
}

.panel-fit {
    border: none;
    box-shadow: none;
}

.panel-fit .panel-heading {
    background-color: #383838;
    color: #ffffff;
    padding: 8px 0;
    border: none;
    font-weight: bold;
    border-radius: 0;
}

.panel-fit .panel-body {
    padding: 0;
    background-color: #383838;
}

.panel-fit .panel-body video {
    display: block;
}

.fw-med {
    font-weight: 300;
}

.table-hover .violation_row:hover {
    cursor: pointer;
}

.table-hover .violation_row td, .table-violations tr td {
    float: none;
}

.img_size {
    width: 350px;
    height: 240px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.panel-default.panel-grouped {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #ffffff;
    background-image: url('../images/grad.jpg');
    background-repeat: repeat-x;
}

.panel-default.panel-grouped .panel-body {
    padding: 0;
}

.panel-default.panel-grouped .panel-body .table.table-fixed {
    margin-bottom: 0;
}

.panel-default.panel-grouped .panel-body .panel-fit .panel-body {
    background: #ffffff;
}

/*
Report page Shift time Caps ON */

.caps_shift {
    text-transform: capitalize;
}

/* new from pradeep */

a {
    color: #3097F7;
    outline: none!important;
}

.panel-grouped {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: #383838;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #383838 0%, #383838 10.5%, #ffffff 10.5%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383838), color-stop(10.5%, #383838), color-stop(10.5%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #383838 0%, #383838 10.5%, #ffffff 10.5%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #383838 0%, #383838 10.5%, #ffffff 10.5%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #383838 0%, #383838 10.5%, #ffffff 10.5%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #383838 0%, #383838 10.5%, #ffffff 10.5%, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#ffffff', GradientType=0);
}

.panel-grouped .panel-fit {
    margin-bottom: 0
}

.panel-grouped .panel-body {
    padding: 0;
    background-color: transparent;
}

.panel-grouped .panel-body .table-fixed {
    margin-bottom: 0;
}

/*login*/

.btn {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.btn-custom {
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    outline: none!important;
    border: 1px solid #3E938C;
    background-color: #3E938C!important;
}

.m-t-10 {
    margin-top:10px;
}

.m-b-20 {
   margin-bottom:20px;
}
.ml-20 {
  margin-left: 20%!important;
}
.mr-20 {
 margin-right: 20%!important;
}
.mt-5 {
 margin-top:5%!important;
}

.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open .dropdown-toggle.btn-custom {
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    outline: none!important;
    border: 1px solid #112927;
    background-color: #112927!important;
}

.btn-custom-cancel {
    color: black;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    outline: none!important;
    border: 2px solid black;
    background-color: #fff!important;
}

.panel-no-top {
    padding-top: 0!important;
    padding: 25px!important;
}

.pt-30 {
    padding-top: 30px;
}

.header-text {
    font-weight: bold;
    color: #4D4F5C;
}

.pad-5 {
    padding: 8px 0 0!important;
}

.btn-white {
    color: #fff!important;
    text-decoration: none!important;
}

.btn-custom-cancel:hover, .btn-custom-cancel:focus, .btn-custom-cancel:active, .btn-custom-cancel.active, .open .dropdown-toggle.btn-custom-cancel {
    color: black;
    border-radius: 20px;
    font-weight: 400;
    outline: none!important;
    font-size: 14px;
    border: 2px solid black;
    background-color: #fff!important;
}

.display-flex {
    display: flex!important;
    justify-content: center!important;
}

.head-color {
    color: #4D4F5C;
}

.context {
    color: #43425D;
    font-size: 16px;
    font-weight: 400;
}

.pt-10 {
    padding-top: 10px;
}

.mt-35 {
    margin-top: 35px;
}

.mb-10 {
    margin-bottom: 10px;
}

.no-pr {
    padding-right: 0!important;
}

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

.bg-blue {
    background: #F5F6FA!important;
    border: none!important;
    box-shadow: none!important;
}

.login-box {
    margin-top: 50px;
    width: 470px;
}

.login-box .panel-body {
    padding-top: 30px
}

.login-box .input-group {
    margin-bottom: 25px;
}

.login-box .form-group.has-feedback.has-error .input-group {
    margin-bottom: 5px;
}

.login-box ul {
    padding: 0;
}

/*----New CSS*/

a:hover {
    text-decoration: none;
}

.text-name:hover {
    color: #3097F7!important;
    cursor: pointer;
    text-decoration: none;
}

.navbar-default .navbar-nav.navbar-right>li:last-child>a {
    padding: 25px 0;
}

.section-title-row .ico-date {
    background: url('../images/ico-date.png') no-repeat;
    background-position: -5px -5px;
    width: 32px;
    height: 33px;
    display: inline-block;
    cursor: pointer;
    float: left;
}

.section-title-row .ico-date:hover {
    background: url('../images/ico-date1.png') no-repeat;
    background-position: -5px -5px;
    width: 32px;
    height: 33px;
    display: inline-block;
    cursor: pointer;
    float: left;
    color: #46A8F9;
}

.section-title-row .ico-date:hover .ico-label {
    color: #46A8F9
}

.section-title-row .ico-label {
    float: left;
    margin-top: 5px;
}

.section-title-row h5 .ico-date:hover {
    background-position: -5px -43px;
}

.scroll_gallery {
    padding-top: 15px;
    overflow: auto;
}

#date_session_btn, #view_onb {
    display: inline-block
}

.list-inline li {
    vertical-align: middle;
}

.list-inline>li:first-child {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    text-align: right;
}

.section-title-row .ico-label:hover {
    color: #46A8F9;
}

.desktop_err_txt {
    background-color: #3097f7;
    color: #ffffff;
    font-weight: 600;
    height: 35px;
    padding: 6px;
    text-align: center;
}

ul {
    list-style-type: none;
}

.desktop_area_white {
    background-color: #fff !important;
}

/* Marcela latest */

.videoController {
    background: #333;
    height: 22px;
    z-index: 100;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 15px;
}

.videoController .volumeMedia li {
    float: left;
    height: 12px;
    width: 3px;
    background: #ccc;
    margin: 0;
    margin-right: 1px;
    cursor: pointer;
}

.videoController .volumeMedia .on {
    background: #fff;
}

.videoController .progress {
    position: relative;
    border-radius: 0;
    height: 5px;
    margin-bottom: 0;
}

.videoController .progress .bar {
    transition: width 0.1s ease 0s;
    -moz-transition: width 0.1s ease 0s;
    -webkit-transition: width 0.1s ease 0s;
    -o-transition: width 0.1s ease 0s;
}

.videoController .progress .bar.bufferBar {
    position: absolute;
    left: 0;
    top: 0;
}

.videoController .playMedia {
    float: left;
    height: 14px;
    line-height: normal;
}

.videoController .timer {
    float: left;
    font-weight: normal;
    padding: 0;
    margin: 0 4px;
    line-height: 16px;
    font-size: 10px;
    width: 68px;
    color: #fff;
}

.videoController .mute {
    float: left;
    cursor: pointer;
}

.videoController .volumeMedia {
    float: left;
    margin: 2px 0 0;
}

.videoController .fullscreen {
    float: right;
    margin-right: 3px;
    cursor: pointer;
}

.session-count span {
    color: #A0A0A0;
}

.session-count .badge {
    background-color: #A0A0A0;
    color: #ffffff;
}

.padding_top_20 {
    padding-top: 20px;
}

.padding_top_5 {
    padding-top: 5px;
}

.table-detail td:after {
    content: '';
    height: 30%;
    width: 1px;
    position: absolute;
    left: 0;
    top: 25%;
}

.table-title th:after {
    border-right: 1px solid #C6C6C6;
}

.list-inline>li:first-child a:hover {
    color: #46A8F9;
}

/* Needed because the carousel overrides the position property */
.modal.and.carousel {
    position: absolute;
}

.box_gallery {
    height: 300px;
    overflow-y: scroll;
    z-index: 9999;
}

.img-circle {
    border-radius: 50%;
    height: 70px;
    width: 70px;
}

.desktop_no_img_margin {
    margin-top: 10px
}

.add_tbody_background {
    background-color: #fff;
}

.separator {
    margin: 5px 0;
    border-top: 5px solid #fff;
}

.padding_top_25 {
    padding-top: 25px;
}

.null-message {
    margin: 100px 0;
    color: #A0A0A0;
}

.cursor_default {
    cursor: default !important;
}

.table-violation-list thead {
    width: 97%;
}

.table-violation-list thead tr th {
    color: #ffffff!important;
    text-align: left!important;
}

.table-violation-list tbody {
    height: 268px;
    overflow: auto;
    overflow-y: auto;
    width: 100%;
    display: block;
}

.table-violation-list tbody tr td {
    background-color: #ffffff;
}

.table-violation-list tbody td, .table-violation-list thead>tr>th {
    border-bottom-width: 0;
    padding: 8px!important;
}

.table-violation-list.table-violations tbody {
    background: #ffffff;
}

.table-violation-list thead, .table-violation-list tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-violation-list tbody tr td:last-child, .table-violation-list thead tr th:last-child {
    width: 72px;
}

.table-violation-list tbody tr td:first-child, .table-violation-list thead tr th:first-child {
    width: 133px
}

.table-violation-list thead tr th:last-child {
    padding-left: 10px!important;
}

.table-violation-list {
    width: 100%;
    margin-bottom: 0;
    background-color: #383838!important;
}

/*==== Best Practices Page ====*/

.section-heading {
    margin-top: 25px;
}

.col-blue {
    color: #3097F7;
}

.col-gray {
    color: #989898;
}

.agreement {
    margin: 25px 0 0;
}

.agreement label {
    font-size: 16px;
    font-weight: 400!important;
}

.service-box, .service-inst {
    margin: 50px auto 0;
    max-width: 400px;
}

.service-inst p {
    width: 260px;
}

.service-inst h4 {
    margin-top: 15px;
}

.service-box img {
    max-width: 100px;
    margin: 0 auto;
}

.service-box p {
    margin-bottom: 0;
    color: #303333;
    text-align: center;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
    /* Adjust as needed */
}

/*=============================*/

.content-container {
    padding-bottom: 50px;
}

/* support chat css start */

.help-position-fixed-top {
    position: fixed !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 12px 10px 20px 20px;
    background-color: #223746;
    color: #fff;
    font-size: 14px;
    width: 260px;
    cursor: pointer;
}

.help-position-fixed-center {
    position: fixed;
    bottom: 0;
    right: 50px;
    padding: 4px;
    margin-left: -4px;
    z-index: 9998;
}

.support-modal-open {
    overflow: hidden;
}

.support-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
}

.support-modal.fade .support-modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.support-modal.in .support-modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.support-modal-dialog {
    position: relative;
    z-index: 1050;
    width: auto;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

.support-modal-content {
    position: relative;
    background-color: #ffffff;
    border: 0 solid #999999;
    border: 0 solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.support-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000000;
}

.support-modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.support-modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.support-modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 0;
}

.support-modal-header .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    margin-top: -8px;
    background-color: #a7a7a7;
    height: 30px;
    width: 30px;
    border-radius: 20px;
}

.support-modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.support-modal-body {
    position: relative;
    padding: 20px;
}

.support-modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.support-modal-footer:before, .support-modal-footer:after {
    display: table;
    content: " ";
}

.support-modal-footer:after {
    clear: both;
}

.support-modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.support-modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.support-modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .support-modal-dialog {
        width: 900px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .support-modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

div#SupportModal {
    z-index: 1050;
}

/*.help-position-fixed-top {
    background-color: #3197f6!important;
    width: 60px!important;
    height: 60px!important;
    bottom: 20px!important;
    right: 20px!important;
    border-radius: 34px 8px 34px 34px!important;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .26)!important;
    text-align: center!important;
    vertical-align: middle!important;
    font-size: 25px!important;
}*/

.help-position-fixed-top i {
    line-height: 50px;
}

/* support chat css ends */

.table-session-parent {
    width: 100%;
}

.table-session-parent>tbody>tr>td {
    vertical-align: top;
    background: white;
    padding: 0;
}

.table-session-parent>tbody>tr>td:first-child {
    width: 66%;
}

.table.table-session-details {
    margin-bottom: 0;
}

.table.table-session-details>thead>tr>th {
    background: #393939;
    color: #ffffff;
    text-align: left;
    border-bottom: none;
}

.table.table-session-details>tbody>tr>td {
    border-top: none;
    padding: 0;
}

.table.table-session-details.table-session-incidents>tbody>tr>td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    background-color: #ffffff;
}

.table.table-session-details.table-session-incidents>tbody>tr:last-child>td {
    border-bottom: none;
}

/*video section*/

.table.table-session-details.table-session-video video {
    display: block;
}

/*incidents section*/

.table.table-session-details.table-session-incidents {
    width: 100%;
    margin-bottom: 0;
    background-color: #383838!important;
}

.table.table-session-details.table-session-incidents>thead, .table.table-session-details.table-session-incidents>tbody>tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table.table-session-details.table-session-incidents>tbody {
    display: block;
    height: 360px;
    overflow: auto;
    background: #ffffff;
}

.table.table-session-details.table-session-incidents>tbody>tr>td:first-child {
    width: 133px;
}

.table.table-session-details.table-session-incidents>tbody>tr>td:last-child {
    width: 72px;
}

/*realtime incidents section*/

.section-realtime {
    margin-top: 15px;
    color: #fff;
}

.section-realtime p {
    margin-bottom: 0;
}

.form-control#search-input-student-details {
    display: inline;
    width: auto;
}

/* agent search box section */

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
    font-size: 14px;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    overflow: hidden;
    font-size: 14px;
}

.autocomplete-selected {
    background: #F0F0F0;
    font-size: 14px;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    font-size: 14px;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
    font-size: 14px;
}

.autocomplete-group strong {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #000;
}

.recaptcha-box {
    margin-left: 50px;
    margin-bottom: 30px;
}

.p-l-0 {
    padding-left: 0!important;
}

.fs-0 {
    font-size: 0!important;
}

.fs-14 {
    font-size: 14px;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default {
    border-color: #ddd;
}

.panel-body {
    padding: 15px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

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

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}



.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.fs-24 {
    font-size: 24px!important;
}

.fs-18 {
    font-size: 18px!important;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.reset-box {
    width: 400px!important;
}

.m-b-0 {
    margin-block-end: 0!important;
}

.custom-menu {
    position: absolute!important;
    top: 77%!important;
    right: 20px!important;
    left: unset!important;
    padding: .5rem 15px!important;
}

.transaction_key {
    display: none;
}

.custom-con-box {
    align-items: center;
    padding: 30px 20px;
    display: flex;
    justify-content: center;
    background: #EF8F06!important;
    border: 1px solid #D87A09;
    max-width: 66px;
}
.custom-alert-box {
    align-items: center;
    padding: 30px 20px;
    display: flex;
    justify-content: center;
    background: #EF8F06!important;
    border: 1px solid #D87A09;
    max-width: 66px;
}
.message-text-box {
    border: 1px solid #F2D6BB;
    color: #EF8F06!important;
    display: flex;
    background: #F7E1C9!important;
    align-items: center;
    text-align:left;
    padding-left:15px;
    padding-right:15px;
}
.message-icon {
    background: #DCDCDC;
    width: 50px;
    color: #fff!important;
    text-align: center;
    min-height: 50px;
    vertical-align: middle;
    font-size: 22px;
    }