/* CSS for the loader while uploading File in table */

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    
}

.spinner {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    margin-right: 10px;
    
}

.role-info {

    color: red;
    text-align: center;

    margin-top: 10px;

}

    
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
    
/* Additional styles for loader text or other customization */
.loader div {
    color: #f3f3f3;
    font-size: 16px;
    
}

/*==== Color Themes ====*/

.green {
    color: #589c0b;
}

.yellow {
    color: #f5a623;
}

.maroon {
    color: #bd2235;
}

.light-grey {
    color: #dfdfdf;
}

.medium-blue {
    color: #5388be;
}

.aqua {
    color: #63c5af;
}

.orange {
    color: #ec763f;
}

.sky-blue {
    color: #2096f3
}

.purple {
    color: #672f9b
}

.medium-blue{
    color:#5388be;
}


/*=====Custom Css=====*/
.clear{
    clear: both;
}
.switch,
.switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch label {
    cursor: pointer
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #ccc
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #4ee0e3;
    left: 45px
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 50px;
    height: 5px;
    background-color: #ccc;
    border-radius: 15px;
    margin-right: 10px;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px
}

.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #d0021b;
    border-radius: 21px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    left: -5px;
    top: -4px;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease
}

.addressSec label {
    display: block;
}

.addressSec address {
    margin: 0 0 0 28px;
}
input::-moz-placeholder{color: #a8a8a8;}
input::-webkit-input-placeholder {color: #a8a8a8;}  
input:-ms-input-placeholder {color: #a8a8a8;}  

/*====Switch Disabled=====*/

.switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #4ee0e3;
}

input[type=checkbox]:checked:not(:disabled)~.lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1)
}

input[type=checkbox]:not(:disabled)~.lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus~.lever::after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08)
}

.switch input[type=checkbox][disabled]+.lever {
    cursor: default
}

.switch label input[type=checkbox][disabled]+.lever:after {
    background-color: #d0021b;
}

.switch label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #4ee0e3;
}


/*========= General Classes ============*/

@font-face {
    font-family: 'AvenirNextLTPro';
    src: url('../fonts/AvenirNextLTPro-Regular.eot');
    src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Material Design Icons';
src: url('../fonts/materialdesignicons-webfont.eot');
src: url('../fonts/materialdesignicons-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/materialdesignicons-webfont.woff2') format('woff2'),
url('../fonts/materialdesignicons-webfont.woff') format('woff'),
url('../fonts/materialdesignicons-webfont.ttf') format('truetype'),
url('../fonts/materialdesignicons-webfont.svg#MaterialDesignIcons') format('svg');
font-weight: normal;
font-style: normal;
}

body {
    background: #eef4f9;
    font-family: 'BebasNeueRegular';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.mt3 {
    margin-top: 3px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt75 {
    margin-top: 75px !important;
}

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

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.p20 {
    padding: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.p30 {
    padding: 30px !important;
}

.p10 {
    padding: 10px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.w25 {
    width: 25%
}

.w50 {
    width: 50%
}

.w75 {
    width: 75%
}

.w100 {
    width: 100%
}

.mr15 {
    margin-right: 15px !important;
}

.pr {
    position: relative !important;
}

.mh0 {
    min-height: 0 !important
}

.bb {
    border-bottom: 1px solid #eee;
}

.b0 {
    border: 0 !important;
}

.form-group span {
    color: red;
    font-size: 12px;
    display: block;
    margin: 5px 0 0 0;
}

.lblPaddingLeft {
    padding-left: 10px;
    letter-spacing: 1px;
}
.lblmargin  {
    margin: 10px 0px 10px 0px;
}
.fileType label{   
    font-weight: normal !important;
}
.fileType span {
    color: #007ed1 !important;
}
.noMargin{
    margin:0px !important;
}
.spanPaddingBtm{
    padding-bottom: 10px;
}
.addCntSchema .form-group span {
    color: black !important;
}

ul {
    margin: 0;
    padding: 0;
}

.switch label input[type=checkbox] {
    display: none;
}

form label {
    margin-top: 10px !important;
}

#password {
    padding-left: 30px;
}

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

.disabled {
    cursor: not-allowed;
    background: #efefef;
}

.fixheight {
    min-height: 150px;
    padding-bottom: 50px;
}

.allign input,
.allign select,
.allign textarea {
    border: 1px solid #ccc !important;
    padding: 10px !important;
}

pre code {
    font-size: 14px;
    color: #c7254e;
    white-space: pre-line;
    line-height: 20px;
}

.allign label {
    margin: 8px 0 0 0;
}

.minh65 {
    min-height: 65vh;
}

.minh88 {
    min-height: 88vh;
}

.minh58 {
    min-height: 58vh;
}

.minh78 {
    min-height: 78vh;
}

a.help {
    position: absolute;
    left: 0;
    top: 12px;
}

a.goBack {
    font-size: 18px;
    color: #ccc;
}

.deleteIcoSet {
    position: absolute;
    right: -135px;
    font-size: 20px !important;
    color: #666;
    top: 5px;
}

.fixedRadio {
    position: absolute !important;
    top: 0px;
    right: -105px;
}

.checkbox label {
    margin: 0 !important;
}

.alert {
    background: #d9e4ec;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
}

.glyphicon-search:before {
    content: "\F349";
    font-family: "Material Design Icons";
    font-size: 23px;
    color: #999;
    display: none;
}

.alert a {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    color: #fff;
}

.refBtn {
    margin: -20px 0 0 0;
    font-weight: 600;
}

.actionBar .input-group input {
    border: 1px solid #ccc;
    padding: 10px;
    margin: -12px 0 0 0;
}

p {
    margin: 0;
}

.form-control:not(.fc-alt) {
    padding: 10px !important;
    border: 1px solid #ccc !important;
    line-height: 15px;
    height: 40px !important;
}

textarea.form-control:not(.fc-alt) {
    height: auto !important;
}

pre {
    overflow: hidden;
    background: #0b2638;
    color: #ff0059;
    line-height: 1;
    margin: 10px 0 0 0;
}

h4.heading {
    color: #379adb;
}

.br {
    border-right: 1px solid #ccc;
}

.editIco {
    color: #666;
    font-size: 20px;
}

.borderRed {
    border: 1px solid #d0021b;
}


/*=====fixed heights========*/

.height575 {
    height: 540px !important;
}

.height530 {
    height: 530px !important;
}

.height590 {
    height: 590px !important;
}

.height637 {
    height: 610px !important;
}

.height652 {
    height: 650px !important;
}

.height710 {
    height: 710px !important;
}

.height540 {
    height: 540px !important;
}

.height420 {
    height: 420px !important;
}

.height340 {
    height: 340px !important;
}

.height365 {
    height: 365px !important;
}

.height662 {
    height: 662px !important;
}

.height749 {
    height: 749px !important;
}

.height380 {
    height: 312px !important;
    overflow-y: auto;
}

.btnfix {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}


/*====Select Customize Arrow=*/

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: "";
    appearance: none;
}

select.form-control {
    -moz-appearance: window;
    background-image: url('../img/down_arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    appearance: none;
}

select.langSelect {
    background-image: none !important;
}


/*==== COLORS =====*/

.cyan {
    color: #4ee0e3 !important;
}

.gray {
    color: #a5b3b5 !important;
}

.blue {
    color: #379adb !important;
}

.red {
    color: #d0021b !important;
}


/*====MAIN CONTENT ========*/

.mainCont {
    margin-top: 35px;
}


/*===== HEADER SECTION =======*/

.top-menu #toggle-width {
    display: none;
}

#header {
    background: #fff;
    height: 50px;
    z-index: 999;
}

#sidebar {
    top: 50px;
}

#header strong {
    position: absolute;
    text-align: center;
    left: 40%;
    top: 14px;
    color: #379adb;
    font-size: 16px;
    letter-spacing: 1px;
}

.header-inner .logo a {
    color: #666;
}

.top-menu>li>a {
    color: #8ca0b3;
    font-size: 22px;
    padding: 3px 0 0 15px;
}

#chat-trigger {
    position: relative;
    top: -8px;
    height: 42px;
}

.top-menu img {
    height: 35px;
    border-radius: 50%;
    display: block;
    margin: -2px 10px 0 0;
}

.top-menu>li>a>.tmn-counts {
    padding: 3px 7px;
    border-radius: 10px;
    right: 3px;
    top: -6px;
}

.header-inner {
    list-style: none;
    padding: 13px 0;
}

.top-menu.left {
    margin-left: 8vw;
}

.top-menu>li:first-child>a>.tmn-counts {
    background: #4ee0e3;
}

.top-menu>li:last-child>a>.tmn-counts {
    background: #09acf8;
}

.header-inner .logo a {
    width: 111px;
    height: 46px;
    padding: 0;
    margin-top: -13px;
    margin-left: 50px;
}

.header-inner .logo a img {
    width: 100%;
    max-width: 100%;
}

#menu-trigger .line-wrap .line {
    background-color: #000;
}


/*===== LEFT MENU SECTION ==*/

.menuBtn {
    width: 90%;
    margin: 0 auto;
    display: block;
    position: fixed;
    bottom: 15px;
    left: 12px;
    font-size: 16px;
    font-weight: 600;
    white-space: normal;
    text-align: center;
}

.menuBtn button {
    width: 90%;
    margin: 0 0 10px 0;
}

.main-menu>li.active>a {
    color: #ffffff;
    background-color: #2196f3;
}

.main-menu>li>a {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: 600;
}

.main-menu>li>a:hover {
    color: #262626;
    background-color: #f7f7f7;
}


/*===== RIGHT MENU SECTION ==*/

.avatar {
    text-align: center;
    margin: 5px 0;
    margin-top: 0;
}

.avatar figure {
    height: 50px;
    width: 50px;
    display: block;
    margin: 0 auto;
}

#chat {
    padding-top: 5px;
    top: 50px;
    z-index: 999;
}

.avatar figcaption {
    font-size: 18px;
    font-weight: 600;
    color: #2196f3;
    margin: 0px 0;
}

.avatar figure img {
    width: 100%;
    border-radius: 50%;
    max-width: 100%;
}

aside#chat {
    overflow: auto;
    height: 100%;
    padding: 5px 0 100px 0;
}


/*==== App List Section ======*/

.appList {
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.appList .roundIco {
    font-size: 18px;
    color: #a5b3b5;
    margin: 4px 0 0 0;
}

.appList .settingIco {
    font-size: 22px;
    color: #a5b3b5
}

.appList .media-body {
    padding-top: 0 !important;
}

.appList .media-body p {
    color: #272727;
    font-size: 14px;
    margin: 2px 0 0 0;
    font-weight: 600;
}

.media a.mdi {
    color: #222;
}

.modal-body .tab-nav {
    box-shadow: none !important;
}

.appList .media-body strong {
    margin: 5px 0 0 0;
    display: block;
}

.media strong {
    margin: 5px 0 0 0;
    display: block;
}

.tbCnt .media strong {
    display: initial;
}

.appList .lv-header {
    margin: 0;
    background: #00233C;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 0;
    line-height: 33px;
    height: 32px;
}

.appList .lv-item {
    border-bottom: 1px solid #eee;
    cursor: pointer;
    padding: 2px 20px !important;
}

.appList .lv-item:last-child {
    border: 0;
}

.btnList {
    width: 100%;
    border-top: 1px solid#ccc;
    position: fixed;
    bottom: 0;
}

.fixedHeight {
    min-height: 400px;
}

.btnList button.btn {
    width: 135px;
    box-shadow: none;
    padding: 10px 0;
    border-right: 1px solid #ccc;
    color: #272727;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    float: left;
    border-radius: 0;
}

.btnList button.btn:last-child {
    border-right: 0;
}

button.click {
    background: #fff;
    padding: 2px 12px;
    border: 1px solid #ccc;
    border-bottom: 0;
}


/*====card Widget=====*/

.cardList {
    margin: 0;
    padding: 0;
    position: relative;
    top: -2px;
}

.cardList li {
    margin: 0 7px 0 0;
    padding: 0;
    display: inline-block;
}

.cardList li.active a>i {
    color: #2196f3;
    /*color: #037ea9;*/
}

.cardList li.active {
    color: #2196f3;
    font-weight: bold;
}

.cardList li img {
    height: 16px;
}

.cardList2 {
    margin: 0;
    padding: 0;
    position: relative;
    top: -2px;
}

.cardList2 li {
    margin: 25px 20px 0 0;
    padding: 0;
    display: inline-block;
}

.cardWidget {
    text-align: center;
    min-height: 161px;
}

.cardWidget h3 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1.3px;
    color: #a5b3b5;
}

.cardWidget .card-body.card-padding {
    padding: 40px 26px;
}

.cardWidget:hover {
    background: #379adb;
    color: #fff;
}

.cardWidget .hid {
    display: block;
}

.cardWidget:hover .hid {
    display: none;
}

.cardWidget .sho {
    display: none;
}

.cardWidget:hover .sho {
    display: block;
}

.cardWidget:hover h3,
.cardWidget:hover h5 a,
.cardWidget:hover .cardList a {
    color: #fff;
}

.cardWidget h5 a {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #4ee0e3;
    display: block;
    margin: 4vh 0 0 0;
}

.cardList a {
    font-size: 20px;
    color: #272727;
}

.addnewBtn {
    top: -4px;
    position: absolute;
    right: 6px;
}

.footer{
    padding-left: 10px;
}

/*===Release notes=====*/


.releasenotes .card-header {
    padding: 15px 25px !important;
    background-color: #fff;
    position: relative;
    margin-left: 40px;
    margin-top: 40px;

}

.releasenotes .card{
    
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    text-align: left;
    width: 100%;
    margin: 0 auto;
    width: 50%;
    padding-top: 0px;
    position: relative;
    padding-bottom: 20px;
}

.releasenotes .card-header h3 {
    top: 30px;
    color: black;
    font-size: 18px;
    margin-left: 0px;
}

.releasenotes .card-body.card-padding.long {
    min-height: 80vh;
}

.releasenotes hr{
    
    height: 1px;
    background-color: black;
    border: none;
}

.releasenotes li{
    color: #000;
    margin-left: 20px;
}

/*===Settings Widget=====*/

.settingsWidget .card-header {
    padding: 15px 25px !important;
    background-color: #00233C;
    position: relative;
}

.settingsWidget .card-header a {
    position: absolute;
    right: 16px;
    top: 18px;
    color: #fff;
    font-size: 14px;
}

.settingsWidget .card-body {
    border: 1px solid #c3c3c3;
}

.settingsWidget .card-body.card-padding.long {
    min-height: 80vh;
}

.settingsWidget .card-header h3 {
    margin: 5px 0 0 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: left;
    color: #ffffff;
}

.settingsWidget .card-header strong {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #ffffff;
    display: block;
    margin: 9px 0 0 0;
}

.card table td strong {
    font-size: 15px;
    font-weight: 500;
}

.settingsWidget .table>tbody>tr>td:last-child {
    padding-right: 20px;
}

.testing{
    margin-left: 200px;
}

.testing2{
    margin-left: 200px;
}
.settingsWidget .table>tbody>tr>td:FIRST-child {
    padding-left: 20px;
}

.appviewList .media p {
    font-size: 15px;
    letter-spacing: 0.7px;
    color: #272727;
    line-height: 30px;
    padding: 0 0 0 12px;
    position: relative;
    top: -5px;
}

.appviewList .media a.settingIco {
    color: #272727;
    font-size: 20px;
    display: block;
    margin: 3px 0;
}

.appviewList .lv-item:hover {
    background: rgba(71, 181, 219, 0.66);
}

.appviewList .lv-item {
    padding: 10px 0px 0px 0px !important;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

.appviewList .lv-item:hover p {
    color: #222;
}

.appviewList .lv-item:hover .cardList li.active a>i {
    color: #055a77;
}

.appviewList .lv-item:hover a {
    color: #fff;
}

.card td a {
    color: #666;
}


/*=========Modal Section=========*/

.modal .modal-header {
    position: relative;
    border-bottom: 1px solid #eee;
}

.modal .modal-header a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #666;
    font-size: 16px;
}

.modal .modal-header .modal-title {
    color: #379adb;
    margin: 5px 0;
}

.modal-body {
    max-height: calc(105vh - 210px);
    overflow-y: auto;
}

.modal-body .tab-nav>li.active>a {
    color: #4ee0e3;
}

.modal-body {
    float: left;
    width: 100%;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 25px;
}

.modal-footer {
    clear: both;
    border-top: 1px solid #ccc;
}

.modal-body.addTransactionHeight {
    min-height: 350px;
}

.modal-body {
    min-height: 450px;
}

.modal .modal-body {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.modal:not([data-modal-color]) .modal-footer .btn-link {
    font-weight: 600;
}

.modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
    margin-right: 5px;
}

.modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*=======Card Default =========*/

.cardDefault .card {
    position: relative;
    min-height: 25vh;
    border-radius: 10px;
    overflow: hidden;
}

.cardDefault .users {
    background-color: #3ebda0;
    background-image: url(../img/icons/dashboard/user.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.cardDefault .wallet {
    background: #e1723e;
    background-image: url(../img/icons/dashboard/wallets.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.cardDefault .content {
    background: #3a85d2;
    background-image: url(../img/icons/dashboard/content.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.cardDefault .coupons {
    background: #dc4255;
    background-image: url(../img/icons/dashboard/coupons.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.cardDefault .communicator {
    background: #8fc84f;
    background-image: url(../img/icons/dashboard/communicator.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.cardDefault .referrals {
    background: #ffbd4e;
    background-image: url(../img/icons/dashboard/referrals.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.cardDefault .helpdesk {
    background: #d46392;
    background-image: url(../img/icons/dashboard/helpdesk.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.cardDefault .reviews {
    background: #672f9b;
    background-image: url(../img/icons/dashboard/reviews.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.cardDefault .card h4 {
    font-size: 20px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 10vh;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.cardDefault .card p {
    color: #eee;
    font-size: 14px;
    text-align: right;
    margin: -5px 0 0 0;
}

.cardDefault .card small {
    color: #272727;
    position: absolute;
    bottom: 25px;
    /*line-height: 10px;*/
    font-size: 14px;
}

.setLink {
    font-size: 16px !important;
    position: absolute !important;
    top: -25px;
    right: 0;
    min-width: 20vw !important;
    text-align: right;
    padding: 0 !important;
    text-align: right;
}

.setLink i {
    margin: 0 0 0 10px;
}


/*=======Card Fluid ========*/

.cardFluid .card {
    text-align: center;
}

.cardFluid .card h4 {
    color: #2196f3;
    margin: 5px 0;
}

.cardFluid .card p {
    color: #a5b3b5;
    font-size: 14px;
}

.headerTitle {
    margin: 0;
    padding: 0;
}

.headerTitle li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.headerTitle li a {
    color: #aaa;
    font-size: 22px;
    position: relative;
    top: 2px;
}

.tabWidget .tab-nav>li.active>a {
    color: #fff;
    background: #379adb;
    font-weight: 800;
}

.tabWidget .tab-nav>li>a {
    font-weight: 800;
}

.tabWidget .tab-nav {
    box-shadow: none;
}

.tabWidgets ul {
    clear: both;
    float: right;
    border-bottom: 0;
}

.tabWidgets .nav-tabs>li.active>a,
.tabWidgets .nav-tabs>li.active>a:hover,
.tabWidgets .nav-tabs>li.active>a:focus {
    background: #2196f3;
    color: #fff;
    cursor: pointer;
}

.tabWidgets .nav-tabs>li>a,
.tabWidgets .nav-tabs>li>a:hover,
.tabWidgets .nav-tabs>li>a:focus {
    font-weight: 600;
    cursor: pointer;
}

.tabWidget .tab-content{
    padding: 15px;
}
.tabWidget .tab-content .addUser{
    font-size: 28px;
    display: block;
    text-align: center;
}
.tabWidget .tab-content .commSearchOut .angucomplete-dropdown{
    width: 100%;
}

.table>thead>tr>th,
.table>tbody>tr>td {
    text-align: center;
}

.table {
    margin-bottom: 20px;
}

.table>thead>tr>th:first-child {
    padding-left: 10px;
}

.disabled {
    background: none;
}

.settingsWidget .table>thead>tr>th,
.settingsWidget .table>tbody>tr>td {
    text-align: left;
}

.settingsWidget.left .table>thead>tr>th,
.settingsWidget.left .table>tbody>tr>td {
    text-align: center;
}

.tbCnt input.form-control,
.tbCnt select.form-control {
    border: 1px solid #ccc !important;
    padding: 0 10px !important;
}

.table>tbody>tr>td {
    text-align: center;
    padding-left: 0 !important;
}

.table>tbody>tr:last-child>td,
.table>tfoot>tr:last-child>td {
    padding-bottom: 10px;
}

.tbCnt label {
    margin: 10px 0;
}

.table a.delete {
    font-size: 22px;
    color: #666;
}

.table a.edit {
    font-size: 20px;
    color: #666;
}

.table a strong {
    font-size: 20px;
}

.table .checkbox {
    margin: 0 !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    margin: 0 !important;
}


/*===========data table=======*/

.bootgrid-header .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    display: none;
}

.couponList {
    margin: 0;
    padding: 0;
}

.couponList.mt15 li {
    margin: 0 95px 0 0;
}

.couponList.rightAlign li {
    margin: 0 5vw 0 0;
}

.couponList li {
    margin: 0 3vw 0 0;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.couponList li h4 {
    margin: 0;
    color: #379adb;
    position: relative;
    top: -11px;
}

.couponList li p {
    margin: 0;
    font-size: 16px;
}

.searchTop {
    margin: 0;
    padding: 0;
}

.searchTop li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.searchTop.right a {
    font-size: 16px;
    font-weight: 600;
}

.searchTop.right {
    text-align: right;
    margin: 4px 0 0 0;
}

.searchTop input {
    border-radius: 2px;
    background-color: #f9f9f9;
    border: 1px solid #ccc !important;
    padding: 10px !important
}

.searchTop a {
    font-size: 30px;
    color: #666;
    display: block;
    margin: 0px 0 0 11px;
    font-weight: 500;
    position: relative;
    top: 6px;
    right: -9px;
}

.listview {
    position: relative;
}

.listview button {
    width: 60%;
}

.listview .btnfix {
    position: absolute;
    bottom: 0;
    margin: 11px auto;
    display: block;
    width: 100%;
    left: 21%;
}


/*============ TABLE CONTENT LIST ===============*/

.tblContList {
    padding: 0;
    margin: 0;
    display: table;
}

.tblContList li {
    display: table-row;
}

.tblContList li strong {
    display: table-cell;
    padding: 15px 30px 0 0;
}

.tbCnt {
    padding-top: 0;
    /*border: 1px solid #2196f3;*/
}

.tbCnt .bootgrid-footer,
.tbCnt .bootgrid-header {
    margin-top: 0;
}

.tblContList li span {
    display: table-cell;
}


/*======= Chat Widget ===*/

.chatWidget h4 {
    line-height: 25px;
}

.chatWidget .addPlus {
    font-size: 19px;
    color: #aaa;
}

.chatWidget .listview:not(.lv-lg):not(.lv-message) .lv-item {
    padding: 0;
}

.chatWidget .listview:not(.lv-message) .lv-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.chatWidget p.subHeading {
    font-size: 12px;
    text-align: left !important;
    color: #212121;
}

.chatWidget .listview:not(.lv-lg):not(.lv-message) .lv-item {
    padding: 0;
    margin: 7px 0 0 0;
}

a.chatLink {
    display: block;
    margin: 0px 0 0 0;
    font-weight: 600;
    color: #fff;
    position: relative;
    top: 1px;
}

.chatWidget .listview .lv-item .lv-small {
    color: #3e3e3e;
}

.chatWidget .media-body {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}

.chatWidget .media-body span {
    font-size: 10px;
    color: #3e3e3e;
}

.chatWidget .media-body small {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding: 8px 0px 5px 0px;
    background: #f44336;
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

.chatWidget .lv-avatar {
    position: relative;
}

.chatWidget .lv-avatar span {
    position: absolute;
    background: #529eb8;
    height: 18px;
    width: 18px;
    font-size: 10px;
    line-height: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: -5px;
    right: -3px;
}

.chatWidget .settingBottom {
    padding: 15px 0 0 0;
    margin: 0 -3.3vh;
    position: relative;
    top: 30%
}

.chatWidget .settingBottom a {
    font-size: 15px;
    color: #a5b3b5;
    font-weight: 600;
    text-align: center;
    display: block;
}

.paddingLess {
    padding: 23px 5px !important;
}

.chatWidget .settingBottom a i {
    font-size: 20px;
    margin: 0 5px 0 0;
}

.chatWidget .headerTitle img {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    margin: -2px 5px 0 0;
}

.chatWidget .media strong {
    font-size: 16px;
}

.chatWidget .time p {
    font-size: 11px;
    margin: 5px 0 0 0;
}

h3.default {
    color: #a5b3b5;
    font-size: 16px;
}

.imgList li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.imgList li img {
    width: 35px;
    height: 35px;
}

.media label {
    margin: 0
}


/*=====  Chat List Cont =========*/

#chatList {
    padding: 10px 15px 30px 15px;
}

#chatList ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

#chatList li {
    margin: 0 0 10px 0;
    display: block;
    list-style: none;
}

#chatList li.endUser {
    background: #eee;
    box-shadow: 0 2px 4px #ccc;
    border-radius: 10px 10px 10px 0;
    position: relative;
    width: 90%;
    clear: both;
}

#chatList li.endUser ul {
    width: 93%;
    padding: 15px 10px 5px 10px;
    border-bottom: 1px solid #ccc;
    float: left;
}

#chatList li.endUser ul li {
    width: 50%;
    margin: 0;
    float: left;
}

#chatList li.endUser ul li strong {
    color: #3fa2ac;
}

#chatList li.endUser ul li span {
    color: #666;
    float: right;
}

#chatList li.endUser p {
    color: #666;
    padding: 10px;
    margin: 0;
    clear: both;
    text-align: left;
}

#chatList li.Destini {
    background: #3fa2ac;
    box-shadow: 0 2px 4px #ccc;
    border-radius: 10px 10px 0 10px;
    position: relative;
    width: 90%;
    float: right;
    clear: both;
}

#chatList li.Destini ul {
    width: 93%;
    padding: 15px 10px 5px 10px;
    border-bottom: 1px solid #fff;
    float: left;
}

#chatList li.Destini ul li {
    width: 50%;
    margin: 0;
    float: left;
}

#chatList li.Destini ul li strong {
    color: #fff;
}

#chatList li.Destini ul li span {
    color: #fff;
    float: right;
}

#chatList li.Destini p {
    color: #fff;
    margin: 0;
    padding: 10px;
    clear: both;
    text-align: left;
}

.typeText {
    position: absolute !important;
    bottom: 0;
    width: 100%;
    left: 0;
    outline: 0;
}

.typeText input {
    height: 50px;
    border: 0;
    border-top: 1px solid #ccc;
    width: 100%;
    padding: 0 0 0 20px;
    color: #3fa2ac;
}

.typeText input:focus {
    outline: 0
}

.flagIco {
    font-size: 20px !important;
    color: #666;
    position: absolute;
    right: -11vw;
    top: 45%;
}

.switch strong {
    font-size: 12px;
}

.chatWidget .switch label .lever {
    background-color: #ccc;
}

.chatWidget .switch label .lever:after {
    background-color: #d0021b;
}

.chatWidget .switch label input[type=checkbox]:checked+.lever {
    background-color: #ccc;
}

.chatWidget .switch label input[type=checkbox]:checked+.lever:after {
    background-color: #4ee0e3;
    left: 40px;
}

.notifyMe {
    position: absolute;
    z-index: 999;
    bottom: 70px;
    right: 20px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background-color: #ccc;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.notifyMe i {
    font-size: 22px;
    color: #505050;
}

.notifyMe .round {
    display: inline-block;
    height: 26px;
    width: 26px;
    line-height: 26px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: #222;
    color: #FFF;
    text-align: center;
}

.notifyMe .round.green {
    background-color: #42A129;
    position: absolute;
    top: -20px;
    left: -15px;
    font-size: 8px;
}

.round {
    display: inline-block;
    height: 26px;
    width: 26px;
    line-height: 26px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: #222;
    color: #FFF;
    text-align: center;
}

.round.green {
    background-color: #42A129;
    font-size: 12px;
    font-style: normal;
    top: 0px;
    position: absolute;
    right: 0;
}


/*===Scroll Content ========*/

.scrollCont {
    float: none;
    width: 100%;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 25px;
}

.scrollCont {
    height: auto;
}

.scrollCont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.scrollCont::-webkit-scrollbar {
    width: 5px;
    margin-right: 5px;
}

.scrollCont::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.scrollCont::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.paddingLess {
    padding: 23px 5px !important;
}


/*=====Flag List Badwords =========*/

ul.flagList li {
    display: inline-block;
    margin: 0 5px 0 0;
}

ul.flagList li span {
    color: #fff;
    background: #a5b3b5;
    font-size: 14px;
    border-radius: 8px;
    padding: 5px;
    display: block;
    margin: 0 0 10px 0;
}

ul.flagList li span a {
    color: #fff;
    margin: 0 0 0 10px;
}

.sendIco {
    font-size: 22px !important;
    position: absolute;
    top: 12px;
    right: 20px;
    color: #529eb8;
}


/*========= UI Grid Table Section ===========*/

.tabGrid a.mdi {
    color: #666;
    font-size: 18px;
    line-height: 32px;
    margin: 0 20px 0 0;
}
.tabGrid .grid3{
    height: auto !important;
}     
.showDelIcon a.mdi {
    margin: 0 0 0 0 !important;
}

.ui-grid-menu-mid {
    max-height: 100% !important;
}

.ui-grid-top-panel {
    background: #fff !important;
    padding: 5px 0 6px 10px;
    text-align: center;
}

.ui-grid-header-cell {
    border-right: 0 !important
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 0 !important;
}

.ui-grid-menu-button {
    right: -1px;
    top: -1px;
    background: #fff !important;
    height: auto !important;
    padding: 3px !important;
    border: 0 !important;
}

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>button {
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    box-shadow: none !important;
}

.grid1479451481840 .ui-grid-menu-mid {
    max-height: 100% !important;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
    text-align: left !important;
    padding: 8px 20px !important;
    /* height: 45px !important; */
    border-right: 0 !important;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    text-align: left !important;
    padding: 8px 20px !important;
    height: 45px !important;
    border-right: 0 !important;
}

/* .customGridone .ui-grid-row {
    height: auto !important;
    display: table !important;
}

.customGridone .ui-grid-row:nth-child(even) {
    background: #f3f3f3 !important;
}

.customGridone .ui-grid-row:nth-child(even) .ui-grid-cell,
.customGridone .ui-grid-row:nth-child(odd) .ui-grid-cell {
    height: auto !important;
    display: table-cell !important;
}

.customGridone .ui-grid-cell-contents {
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
} */

.insideTemp p {
    line-height: 18px;
    ;
}

.insideTemp img {
    height: 50px;
    width: 50px;
    border: 1px solid #555;
    border-radius: 50%;
    margin-top: 10px;
}

/* .customGridone .grid3 {
    max-height: 1000px !important;
    height: 100% !important;
    overflow: hidden;
}

.customGridone .grid3 .ui-grid-render-container {
    max-height: 1000px !important;
    height: 100% !important;
}

.customGridone .grid3 .ui-grid-viewport {
    max-height: 1000px !important;
    height: 100% !important;
}

.customGridone .grid3 .ui-grid-canvas {
    max-height: 1000px !important;
    height: 100% !important;
} */

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
    vertical-align: middle !important;
    font-size: 16px !important;
}

.ui-grid-pager-control button {
    margin: 0 7px 0 0 !important;
}

.ui-grid {
    border: 0 !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    /*-webkit-appearance: none;*/
    margin: 0;
}

.ui-grid-pager-control input,
.ui-grid-pager-control select {
    text-align: center !important;
}

.ui-grid-menu-mid {
    max-height: 100% !important;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell,
.ui-grid-row:nth-child(even) .ui-grid-cell {
    line-height: 30px !important;
}

.ui-grid-cell-contents {
    padding: 0 !important;
}

.ui-grid-menu-button .ui-grid-menu {
    right: 0;
    height: 230px !important;
}

.grid3 .watermark {
    position: absolute;
    top: 40px;
    left: 40%;
    font-size: 16px;
    color: red;
    font-weight: 600;
}


/*========= CONTENT SYSTEM ======*/


/*====== Drag Icon List =========*/

.dragIcoList {
    margin: 0 auto;
    border-right: 1px solid #ccc;
}

.dragIcoList span {
    display: block;
    text-align: center;
}

.dragIcoList li {
    display: block;
    list-style: none;
    width: 80px;
    height: 80px;
    background: #4ee0e3;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    margin: 0 auto 10px auto;
}

.dragIcoList li a {
    color: #fff;
}

.dragIcoList li a figcaption {
    font-size: 14px;
    font-weight: 600;
}

.dragIcoList li a figure {
    margin: 0 auto 13px auto;
    line-height: 0;
    height: 30px;
    width: 30px;
}

.dragIcoList li a figure img {
    width: 100%;
    max-width: 100%;
}

.dragIcoList li a p {
    margin: 0 0 13px 0;
    line-height: 20px;
    font-size: 25px;
    font-weight: 600;
    min-height: 30px;
}


/*========= Content Drop Widget ========*/

.contentDropWidget {
    border: 1px solid #a5b3b5;
    padding-bottom: 5px;
    border-radius: 3px;
    margin: 0 0 10px 0;
}

.contentDropWidget .deleteIco {
    position: relative;
    top: 3px;
}

.bibButton button {
    border-radius: 2px;
    background-color: #a5b3b5;
    border: solid 1px #8ca0b3;
    width: 100%;
}

.bibButton button i {
    display: block;
    color: #fff;
    font-size: 22px;
    padding: 26px 0;
}


/*====Card Basic =====*/

.cardBasic {
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #a5b3b5;
}


/*===Language List =====*/

.langList li {
    display: block;
    text-align: center;
    list-style: none;
    margin: 20px 0;
}

.langList li a {
    text-decoration: none;
    color: #b8b8b8;
}

.langList li:last-child a {
    color: #379adb;
}

.gapstrip {
    height: 30vh;
}

.langSelectList {
    border-bottom: 1px solid #ccc;
    padding: 15px 30px;
    margin: 0 -26px;
}

.langSelectList li {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}

.langSelectList li:last-child {
    border: 0;
}

.langSelectList li a {
    color: #7f8c8d;
    font-size: 13px;
    text-decoration: none;
}

.langSelectList li.active a {
    color: #4ee0e3;
}


/*====== editor Content =*/

.jqte_tool.jqte_tool_1 .jqte_tool_label {
    height: auto;
}

.jqte {
    margin: 0 !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}

.mapPoints li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.mapPoints li a span {
    color: #a5b3b5;
    font-size: 16px;
    margin: 0 0 0 5px;
}

.mapPoints li a i {
    font-size: 16px;
    color: #979797;
}

.form-control.border1 {
    border: 0 !important;
    border-bottom: 1px solid #ccc !important;
}


/*====Check box Content ========*/

.checkBoxCont .topCont p {
    margin: 0 0 0 30px;
    color: #b7b6b6;
}

.checkBoxCont .bottomCont {
    margin: 0 0 0 30px;
}

input.static {
    height: 35px;
    padding: 10px;
}

input.static.width {
    float: left;
    width: 40%;
    margin: 0 15px 0 0;
}

span.static {
    margin: 0 10px;
}

.checkBoxCont .bottomCont span {
    margin: 0 10px;
}

.checkBoxCont .bottomCont p {
    margin: 0;
}

.checkBoxCont .checkbox {
    margin-bottom: 0;
}


/*=======Custom Tab ======*/

.customTab li.active {
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) inset, -2px -2px 6px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) inset, -2px -2px 6px rgba(0, 0, 0, 0.1) inset;
    margin: 0 10px 0 0;
    border: 1px solid #d6dce4;
}

.customTab li {
    margin: 0 10px 0 0;
    border: 1px solid #d6dce4;
}

.customTab li a {
    width: 100px;
    height: 120px;
    margin-right: 0.95em;
    margin-bottom: 1em;
    padding: 0.5em;
    padding-top: 0.7em;
    text-align: center;
}

.tab-nav.customTab:not([data-tab-color])>li>a:after {
    background: none !important;
}

.lable label {
    font-size: 12px;
}

.signUpGridContainer .ui-grid-viewport {
    height: auto !important;
    overflow-y: scroll !important;
}
.signUpGridContainer .grid3{
    height: auto !important;
}

.signUpGridContainer .ui-grid-canvas{
    height: auto !important;
}

/* .signUpGridContainer .ui-grid-viewport {
    overflow-y: scroll !important;
}

.signUpGridContainer .grid3{
    height: auto !important;
}
.signUpGridContainer .ui-grid-contents-wrapper{
    overflow: hidden;
} */


.minheight100 {
    min-height: 100px;
}

.modulesContainer {
    position: relative;
}

.modulesContainer .col-md-6 {
    position: static;
}

.modulesContainer .form-control-feedback {
    position: absolute;
    top: 0;
}

.reset_logo {
    padding: 20px 0 0 0;
}

.dateBtn {
    padding: 4px 10px 4px 10px;
    box-shadow: none !important;
    margin: 0 0 12px 0 !important;
    height: 40px;
}

.dateBtn i {
    font-size: 19px;
}

.calBtn {
    margin: -5px 0 12px 0 !important;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #333;
    top: -5px;
}

.fixedWidth .couponDate {
    width: 83% !important;
}


/* Helpdesk*/

#chatList li.helpdeskDestini {
    background: #3fa2ac;
    box-shadow: 0 2px 4px #ccc;
    border-radius: 10px 10px 0 10px;    
    width: 98%;
    margin: 0 0 10px 30px;
}



#chatList li.helpdeskDestini ul {
    width: 100%;
    padding: 15px 10px 5px 10px;
    border-bottom: 1px solid #fff;
    float: left;
}

#chatList li.helpdeskDestini ul li {
    width: 100%;
    margin: 0;
    float: left;
}

#chatList li.helpdeskDestini ul li strong {
    color: #fff;
}

#chatList li.helpdeskDestini ul li span {
    color: #fff;
    float: right;
}

#chatList li.helpdeskDestini p {
    color: #fff;
    margin: 0;
    padding: 10px;
    clear: both;
    text-align: left;
}
#chatList li.helpdeskDestini .messageFileContainer, #chatList li.helpdeskendUser .messageFileContainer{
    clear:both;
    padding:10px;
}
#chatList li.helpdeskDestini .messageFileContainer .messageFileImageUrl, #chatList li.helpdeskendUser .messageFileContainer .messageFileImageUrl{
    width: 100px;
    height: 100px;
    overflow: hidden;
}
#chatList li.helpdeskDestini .messageFileContainer .messageFileImageUrl img, #chatList li.helpdeskendUser .messageFileContainer .messageFileImageUrl img{
    width: 100%;
    max-width: 100%;
}

#chatList li.helpdeskDestini .chatContainer, #chatList li.helpdeskendUser .chatContainer{
    padding: 10px;
    clear: both;
}
#chatList li.helpdeskDestini .chatContainer .contents,  #chatList li.helpdeskendUser .chatContainer .contents{
    border-bottom:none;
}
#chatList li.helpdeskDestini .chatContainer .contents li{
    color: #fff;
}

#chatList li.helpdeskDestini .chatContainer .chatImg, #chatList li.helpdeskendUser .chatContainer .chatImg{
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0;
    
}
#chatList li.helpdeskDestini .chatContainer .chatImg img, #chatList li.helpdeskendUser .chatContainer .chatImg img{
    width: 100%;
    max-width: 100%;
}

#chatList li.helpdeskendUser {
    background: #eee;
    box-shadow: 0 2px 4px #ccc;
    border-radius: 10px 10px 10px 0;
    position: relative;
    width: 95%;
    clear: both;
}

#chatList li.helpdeskendUser ul {
    width: 100%;
    padding: 15px 10px 5px 10px;
    border-bottom: 1px solid #ccc;
    float: left;
}

#chatList li.helpdeskendUser ul li {
    width: 100%;
    margin: 0;
    float: left;
}

#chatList li.helpdeskendUser ul li strong {
    color: #3fa2ac;
}

#chatList li.helpdeskendUser ul li span {
    color: #666;
    float: right;
}

#chatList li.helpdeskendUser p {
    color: #666;
    padding: 10px;
    margin: 0;
    clear: both;
    text-align: left;
}

.chatWidget .collapse h5 {
    max-height: 60px;
    min-height: auto;
    font-weight: 500;
    font-size: 14px;
    margin: 0;
    overflow: auto;
    line-height: 20px;
    margin-bottom: 10px;
    padding-right: 10px;
}

.chatWidget .media-body span i {
    font-size: 22px;
    position: relative;
    top: 4px;
    margin: 0 0 0 5px;
    color: #000;
}

.panel-collapse .panel-heading:before {
    display: none;
}

.chatWidget .panel-collapse .panel-heading .panel-title>a {
    padding: 0;
    cursor: pointer;
}

.chatWidget .lv-avatar {
    position: relative;
}

.chatWidget .media-body {
    border-bottom: 0;
    min-height: 70px;
}

.highLight {
    padding: 5px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}

.highLight .active {
    margin: -5px !important;
    padding: 10px 0px 0px 10px !important;
    background: #d9e4ec;
}

.chatacc {
    padding: 5px;
    min-height: 60px;
    margin: 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
}

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

.chatacc li.first {
    width: 60%;
    float: left;
}

.chatacc li.first p {
    text-align: left;
    margin: 5px 0 0 0;
    word-break: break-all;
    line-height: 20px;
    font-size: 13px;
    font-weight: normal;
    color: #6d6d6d
}

.chatacc li.first h5 {
    margin: 5px 0 2px 0;
    font-size: 15px;
}

.chatacc li.last {
    width: 40%;
    float: right;
    position: relative;
}

.chatacc li.last span {
    font-size: 12px;
    font-weight: normal;
    color: #6d6d6d;
}

.chatacc li.last i {
    position: absolute;
    right: -18px;
    top: 2px;
    font-size: 22px;
}

.bs {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    background: rgb(245, 246, 247);
}

.bl {
    border-left: 1px solid #ccc;
}

.p0 {
    padding: 0;
}

.chatContList {
    position: relative;
}

.chatContList .top {
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 4px 0;
}

.chatContList h4 {
    font-size: 15px !important;
    color: #333 !important;
    margin: 10px 0 5px 0 !important;
    margin: 0;
}

.chatContList p {
    font-size: 12px !important;
    text-align: left !important;
    margin: 0 0 12px 0;
    margin: 0 0 10px 0
}

.chatContList h6 {
    font-size: 13px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    top: 0px;
}

.chatContList span {
    font-size: 12px;
    font-weight: 600;
    margin: 5px 0 10px 0;
    color: #909090;
}

.chatContList a {
    color: #4a4a4a;
    font-size: 20px;
}

.chatMsg {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chatMsg li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.chatIcoList {
    font-size: 22px !important;
    color: #bbb;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    text-decoration: none;
}

.typeText.top input {
    height: 30px;
    border: 0;
    font-size: 14px;
}

.bb2 {
    border-bottom: 2px solid #eee;
}

.starColor {
    color: #FFD76E !important;
}

.bgLight {
    background: rgb(217, 228, 236);
}

span.countNo {
    position: absolute;
    top: 40px;
    right: 0;
    background: #2196f3;
    color: #fff;
    padding: 6px 4px 1px 3px;
    text-align: center;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    font-size: 12px;
    margin: 0;
}

.form-control.heightAuto {
    height: auto !important;
}

div#facility_select_location {
    width: 100%;
    height: 300px;
    /* If you change this don't forget to change the crosshair position to match */
}

div#crosshair {
    position: absolute;
    top: 142px;
    height: 19px;
    width: 19px;
    left: 50%;
    margin-left: -8px;
    display: block;
    background: url(../img/crosshair.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.chatWidget .lv-avatar>img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    vertical-align: top;
    position: absolute;
    top: 0px;
    left: -5px;
}

.nav-tabs {
    border-bottom: 1px solid #e2e6e8;
}

.nav-tabs>li.localization.active>a,
.nav-tabs>li.localization.active>li.localization a:hover,
.nav-tabs>li.localization.active>li.localization a:focus {
    color: #fff;
    background-color: #379adb;
    border: 1px solid #ccc;
    border-bottom-color: transparent;
    cursor: default;
}

#listGrid .ui-grid-row:nth-child(odd) .ui-grid-cell {
    cursor: pointer !important;
}

#listGrid .ui-grid-row:nth-child(even) .ui-grid-cell {
    cursor: pointer !important;
}


/*======Bread Crumb====*/

.breadcrumb {
    padding: 0 !important;
    font-size: 14px;
}

.breadcrumb>li+li:before {
    content: "\F13E";
    padding: 0 5px;
    color: #000;
    font-family: "Material Design Icons";
    padding: 0;
    top: 1px;
    position: relative;
}

.breadcrumb>li>a {
    color: #015598;
    margin: 0 3px 0 3px;
}

.breadcrumb>.active {
    color: #040404;
}

body.sw-toggled #content {
    padding-top: 0px;
}

.mainCont {
    margin-top: 10px;
}

.tabWidget .tab-nav {
    overflow: hidden;
}

.contentListDrag {
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 4px 0 #d6dce4;
    padding: 9px 15px;
    border-left: 10px solid #2196f3;
    margin: 0;
    height: 75px;
    cursor: pointer;
}

.contentListDrag .contLine.left {
    width: 60%;
    text-align: left;
    float: left;
    position: relative;
    list-style: none;
}
.contentListDrag .contLine, .contentListDrag .contLine.left ul li{
    list-style: none;
}
.contentListDrag .contLine.left ul li:first-child {
    position: relative;
    top: 2px;
}

.contentListDrag .contLine.left ul li:nth-child(2) {
    position: absolute;
    top: -3px;
    left: 75px;
}

.contentListDrag .contLine.left ul li:nth-child(2) p i {
    color: #2196f3;
    font-size: 17px;
}

.contentListDrag .contLine.center {
    width: 20%;
    text-align: left;
    float: left;
    position: relative;
    top: -5px;
}

.contentListDrag .contLine.center strong {
    font-size: 15px;
}

.contentListDrag .contLine.right {
    width: 20%;
    float: right;
    text-align: right;
    margin: 7px 0 0 0
}

.contentListDrag .contLine ul li {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    position: relative;
    top: 5px
}

.contentListDrag .contLine ul li span {
    border: 1px solid #2196f3;
    color: #2196f3;
    padding: 4px 0 1px 0;
    font-weight: 600;
    border-radius: 5px;
    display: block;
    text-align: center;
    width: 35px;
    font-size: 18px;
}

.fieldDate {
    padding: 0 0px 15px 0;
}

.fieldDate .dateBtn i {
    font-size: 22px;
    padding: 3px 0;
    color: #333;
}

.helpTextSpan {
    color: #979797 !important;
    font-style: italic;
}


/*=====Tabs Link Widget =======*/

.tabsLinkWidget ul {
    margin: 0;
    padding: 0;
}

.tabsLinkWidget ul li {
    padding: 0;
    display: inline-block;
    height: 140px;
    width: 120px;
    margin: 0 15px 0 0;
    border: 1px solid #d6dce4;
    position: relative;
}

.tabsLinkWidget ul li svg {
    position: absolute;
    top: 40%;
    left: 20%;
}

.tabsLinkWidget ul li.active {
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) inset, -2px -2px 6px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) inset, -2px -2px 6px rgba(0, 0, 0, 0.1) inset;
    margin: 0 15px 0 0;
    border: 1px solid #d6dce4;
}

.tabsLinkWidget ul li a {
    display: block;
    color: #555;
    font-weight: 600;
    text-align: center;
    padding: 10px 0 0 0;
    min-height: 100px;
}

.tabsLinkWidget ul li.active a {
    color: #2196f3;
}

.tabsLinkWidget ul li i {
    display: none;
}

.tabsLinkWidget ul li.active i {
    position: absolute;
    right: -7px;
    font-size: 22px;
    bottom: -7px;
    color: #0896f3;
    display: block;
}

.customTab li {
    margin: 0 10px 0 0;
    border: 1px solid #d6dce4;
    position: relative;
}

.customTab li label {
    position: absolute;
    bottom: 20px;
    right: -14px;
}

.card-header {
    padding: 15px 25px !important;
    background-color: #00233C;
    position: relative;
    color: #fff !important;
}

.card-header h4 {
    color: #fff !important;
    margin: 0px 0 0 0;
    font-size: 16px;
}

.card-header h3 {
    margin: 9px 0 0 0;
    font-size: 20px;
    color: #fff;
}

.card-header p {
    margin: 5px 0 0 0;
    position: relative;
    top: 2px;
}

.card-body {
    padding: 20px;
}

.card-body.pd3020 {
    padding: 50px 20px !important;
}

.creditPointsOut .col-md-3:nth-child(2) {
    border-right: 1px solid #ccc;
}

.creditPointsOut .img {
    margin: 0 0 20px 0;
    display: block;
}

.singleWalletView {
    margin: 0;
    padding: 0;
}

.singleWalletView .profilePic {
    width: 150px;
    height: 150px;
    display: block;
    border-radius: 50%;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 13px auto 0 auto;
}

.singleWalletView .profilePic img {
    max-width: 100%;
    border: 3px solid #fff;
    border-radius: 50%;
    height: 100%;
}

.singleWalletView .profileDetails {
    margin: 0;
    padding: 0;
}

.singleWalletView .profileDetails h3 {
    font-size: 38px;
    color: #555555;
    font-weight: normal;
}

.singleWalletView .profileDetails p {
    color: #555555;
    font-weight: normal;
    font-size: 18px;
}

.singleWalletView .profileDetails button {
    margin: 20px 0 0 0;
    text-transform: uppercase;
    font-size: 16px;
}

.singleWalletView label {
    font-size: 15px;
    color: #555555;
}

.singleWalletView .total {
    font-size: 17px;
}

.singleWalletView strong {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    display: block;
}

.singleWalletView label,
strong {
    margin: 0 0 15px 0;
}

.singleWalletView hr {
    border-top: 1px solid #9b9b9b;
}

.singleWalletView h1 {
    font-size: 40px;
    color: #555555;
    margin: 0;
    font-weight: normal;
}

.singleWalletView input[type="text"] {
    width: 100%;
    height: 40px;
    border: solid 1px #c2ccd2;
    padding: 0 0 0 37px;
}

.singleWalletView .searchIcon {
    position: absolute;
    left: 0;
    font-size: 25px;
    padding: 2px 7px;
    color: #9b9b9b;
}
.singleWalletView .transactionReportGrid .trTime{
    font-size: 13px;
    display: block;
    font-weight: normal;
    margin:0;
}

.singleWalletView .transactionReportGrid .trTransAmount, .singleWalletView .transactionReportGrid .trClosingBalance{
    text-align: center;
}

.newWalletOut {
    margin: 0;
    padding: 0;
}

.newWalletOut h1 {
    font-size: 26px;
    color: #555555;
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
}

.newWalletOut h4 a {
    color: #00233c;
    text-transform: uppercase;
    font-size: 20px;
}

.newWalletOut h4 p {
    color: #9b9b9b;
    font-weight: normal;
    margin: 10px 0 0 0;
}

.newWalletOut .panel-default>.panel-heading {
    background-color: transparent;
    border-color: transparent;
}

.newWalletOut .panel-group .panel {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

.newWalletOut .panel-title>a {
    padding: 0;
}

.newWalletOut .panel-heading,
.newWalletOut .panel-body {
    padding: 20px;
}

.newWalletOut .panel-body label, .couponsAdd .panel-body label{
    font-size: 15px;
    color: #555555;
    text-transform: uppercase;
    font-weight: 600;
}

.newWalletOut .panel-body input[type="text"],
.newWalletOut .panel-body input[type="number"],
.newWalletOut .panel-body input[type="tel"] {
    border: solid 1px #ccc !important;
    height: 40px !important;
    padding: 0 0 0 10px;
    width: 100%;
}

.newWalletOut .panel-body textarea {
    border: solid 1px #ccc !important;
    width: 100%;
    resize: none;
}

.newWalletOut .panel-body select {
    width: 100%;
    height: 40px;
    border: solid 1px #ccc;
}

.newWalletOut .panel-body .hint {
    font-style: italic;
    margin: 2px 0 0 0;
    text-align: left;
}

.newWalletOut .panel-body {
    border-top: solid 1px #c2ccd2 !important;
}

@media (min-width: 768px) {
    .newWalletOut .form-horizontal .control-label, .couponsAdd .form-horizontal .control-label {
        text-align: left;
        margin-bottom: 0;
        padding-top: 0;
    }


}

.newWalletOut .dpOut {
    position: relative;
}

.newWalletOut .dpOut i {
    position: absolute;
    font-size: 25px;
    color: #3a9cdd;
    right: 0;
    padding: 5px 5px 0 0;
}

.newWalletOut .dpOut .datePicker {
    border: solid 1px #c2ccd2;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0;
}

.walletCampaignDashboard {
    margin: 0;
    padding: 0;
}

.walletCampaignDashboard h1 {
    font-size: 26px;
    color: #555555;
    margin: 0;
    font-weight: normal;
}

.walletCampaignDashboard .activeInactive {
    font-size: 18px;
    font-weight: 900;
    display: block;
    text-transform: uppercase;
    margin: 0;
}

.btn-wobg {
    background: transparent;
    border: solid 1px #3a9cdd;
    color: #3a9cdd;
    box-shadow: none !important;
    font-size: 16px;
    padding: 6px 20px;
}

.btn-wbg {
    background: #3a9cdd !important;
    border: solid 1px #3a9cdd;
    color: #fff;
    box-shadow: none !important;
    font-size: 16px;
    padding: 6px 20px;
}

.walletCampaignDashboard .iconOut {
    border-radius: 50%;
    border: 2px solid #68299d;
    width: 0.8em;
    height: 0.8em;
    font-size: 80px;
    position: relative;
    margin: 0 auto;
}

.walletCampaignDashboard .iconOut i {
    font-size: 30px;
    color: #68299d;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.walletCampaignDashboard .iconOut.icon2 {
    border-radius: 50%;
    border: 2px solid #63c5af;
    width: 0.8em;
    height: 0.8em;
    font-size: 80px;
    position: relative;
    margin: 0 auto;
}

.walletCampaignDashboard .iconOut.icon2 i {
    font-size: 30px;
    color: #63c5af;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.walletCampaignDashboard .points {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.walletCampaignDashboard .points1 {
    color: #000;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}

.walletCampaignDashboard .title1 {
    color: #555555;
    font-size: 15px;
    text-transform: uppercase;
}

.walletCampaignDashboard .title2 {
    color: #555555;
    font-size: 14px;
    text-transform: uppercase;
}

.walletCampaignDashboard .title3 {
    color: #00233c;
    font-size: 18px;
    text-transform: uppercase;
}

.walletCampaignDashboard .content1 {
    color: #9b9b9b;
    font-size: 14px;
}

.walletCampaignDashboard .dpOut {
    position: relative;
}

.walletCampaignDashboard .dpOut i {
    position: absolute;
    font-size: 20px;
    color: #3a9cdd;
    right: 0;
    padding: 3px 5px 0 0;
}

.walletCampaignDashboard .dpOut .datePicker {
    border: solid 1px #c2ccd2;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0;
}

.walletCampaignDashboard .dpTitle {
    color: #555555;
    font-size: 18px;
}

.walletCampaignDashboard .bcContent {
    margin: 20px 0 0 0;
}

.walletCampaignDashboard .bcContent p {
    margin: 0 0 20px 0;
}

.walletCampaignDashboard .bcContent P i,
.walletCampaignDashboard .bcContent span {
    color: #555555;
    font-size: 16px;
    font-weight: 600;
}

.walletCampaignDashboard .bcContent P i {
    font-size: 18px;
    margin: 0 2px 0 0;
}

.walletCampaignDashboard .bcContent span {
    margin: 0 0 0 5px;
}

.walletCampaignDashboard .list {
    margin: 0;
    padding: 0;
    width: 100%;
}

.walletCampaignDashboard .list li {
    float: left;
    width: 16.66%;
    text-align: center;
    list-style: none;
}

.walletCampaignDashboard .list li i {
    font-size: 30px;
}

.walletCampaignDashboard .list li h6 {
    color: #555555;
    font-size: 16px;
}

.walletCampaignDashboard .list li p {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.walletCampaignDashboard .list li:nth-child(1) {
    border-top: 10px solid #fab849;
    color: #fab849;
}

.walletCampaignDashboard .list li:nth-child(2) {
    border-top: 10px solid #92d546;
    color: #92d546;
}

.walletCampaignDashboard .list li:nth-child(3) {
    border-top: 10px solid #5388be;
    color: #5388be;
}

.walletCampaignDashboard .list li:nth-child(4) {
    border-top: 10px solid #eb5d5d;
    color: #eb5d5d;
}

.walletCampaignDashboard .list li:nth-child(5) {
    border-top: 10px solid #7ce1ca;
    color: #7ce1ca;
}

.walletCampaignDashboard .list li:nth-child(6) {
    border-top: 10px solid #ec763f;
    color: #ec763f;
}


/*
=========== Toggle CSS Button ==========*/

.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #34A7C1;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #e3e3e3;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.searchOut {
    margin: 0;
    padding: 0;
    position: relative;
}

.searchOut input[type="text"] {
    height: 35px;
    padding: 0 0 0 10px;
    border: solid 1px #c2ccd2;
}

.searchOut .searchIcon {
    color: #2096f3;
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 25px;
    padding: 0px 10px;
}

.searchOut .impersonateList{
    margin: 0 auto;
    padding: 0px 10px 10px 10px;
    width: 300px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.searchOut .impersonateList li{
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
.searchOut .impersonateList li i{
    margin: 0;
    padding: 0;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.searchOut .impersonateList li i img{
    width: 100%;
    height: 100%;
}
.searchOut .impersonateList li p{
    margin: 0;
    padding: 0;
    float: left;
}
.searchOut .impersonateList li p span{
    margin: 0 0 0 8px;
    display: block;
    text-align: left;
}
.commSearchOut input[type="text"]{
    margin: 0 0 10px 0;
}

.commSearchOut .impersonateList{
    margin: 0 auto;
    padding: 0px 10px 10px 10px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.commSearchOut .impersonateList li{
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
.commSearchOut .impersonateList li i{
    margin: 0;
    padding: 0;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.commSearchOut .impersonateList li i img{
    width: 100%;
    height: 100%;
}
.commSearchOut .impersonateList li p{
    margin: 0;
    padding: 0;
    float: left;
}
.commSearchOut .impersonateList li p span{
    margin: 0 0 0 8px;
    display: block;
    text-align: left;
}


.noBG {
    background: transparent !important;
}

.noBG h4 {
    color: #2196f3 !important;
}

.tabWidget .tab-nav>li>a {
    padding: 5px 10px;
}

.tabWidget .csGridTitle{
    padding: 0;
    margin: 0;
    
}
.tabWidget .csGridTitle li{
    display: inline-block;
    list-style: none;
}
.tabWidget .csGridTitle li .backBtn{
    font-size: 23px;
    color: #ccc;
    
}
.tabWidget .csGridTitle li .csTitle{
    text-transform: capitalize;
    float: left;
}
.card-header .searchTop.right {
    margin: 0;
}

.card-header .searchTop.right a {
    color: #fff;
    position: relative;
    top: 0;
}

.card-header .headerTitle {
    line-height: 18px;
}


/*====Empty Code Desc=====*/

.emptyDescription {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    background: #eee;
    padding: 20px;
    box-shadow: 0 2px 4px #ccc;
}

.emptyDescription h2 {
    margin-top: 0;
    color: #333;
}

.emptyDescription h5 {
    font-size: 16px;
    color: #555;
}

.emptyDescription p {
    font-size: 14px;
}

button.passWord {
    padding-top: 7px;
    display: block;
    text-align: center;
    margin: auto;
}

.card .btn-primary,
.card .btn-primary:hover {
    background: #FF9F00;
}

.card .btn-success,
.card .btn-sueeess:hover {
    background: #FF9F00;
}

.form-control.h0 {
    height: auto !important;
}

.tabWidget .card-header .tab-nav>li>a {
    color: #fff !important;
}

.userLists{
    margin: 0;
    padding: 15px 0 0 0;
}
.userLists li{
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}
.userLists li .userPic{
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.userLists li .userPic img{
    width: 100%;
    max-width: 100%;
}
.userLists li p{
    color: #999 !important;
    text-align: left !important;
    margin: 0 0 3px 0 !important;
}
.chatWindowOut{
    margin: 0;
    padding: 0;
}
.chatWindowOut li{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.chatWindowOut li .chatWindowPic{
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    margin:0 13px 0 0;
}
.chatWindowOut li .chatWindowPic img{
    width: 100%;
    max-width: 100%;
}

.chatWindowOut li h4{
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: left !important;
    line-height: normal !important;
}
.chatWindowOut li p{
    text-align: left !important;
    margin: 0 0 0 0 !important;
    font-size: 13px !important;
}

@media(max-width: 1200px) {
    body.sw-toggled #content {
        padding: 10px 0 30px 40px;
    }
}

div.jsoneditor-menu {
    display: none !important;
}

div.jsoneditor {
    border: 1px solid #ccc !important;
}

.listCont {
    position: relative;
    top: -2px;
}

.listCount p {
    font-size: 14px;
    margin: 0;
}

.listCount.set p {
    margin: 0 0 15px 0;
}

.listCount.set p span {
    text-transform: capitalize;
}

.transList {
    text-align: right;
    /*margin: -47px 0;*/
}

.transList li {
    display: inline-block;
    margin: 0 0px 0 0;
    padding: 0 10px 0 5px;
    list-style: none;
    border-right: 1px solid #222;
}

.transList li:last-child {
    border: 0;
}

.transList li a {
    color: #7a7a7a;
    font-weight: 600;
    text-decoration: underline;
    font-size: 14px;
}

.transList.chSty li {
    border-right: 1px solid #fff;
}

.transList.chSty li a {
    color: #fff;
    font-weight: 300;
    text-decoration: underline;
    font-size: 14px;
}
.transList.chSty li .searchIcon{
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 7px;
    font-size: 19px;
}
.transList.chSty li .searchOut input[type="text"]{
    border: none;
    color: #000;
}

.transList.chSty li .customSelect{
    height: 35px !important;
    width: 120px;
}
.transList.chSty li:last-child{
    border-right:none;
}

.transList li.active a {
    color: #379adb;
}

.memList li {
    display: block;
    margin: 0 0px 5px 0;
    list-style: none;
}

.memList li a {
    font-size: 14px;
    color: #fff;
    display: block;
    text-decoration: none;
}

.tab-nav.listWall>li>a {
    padding: 15px;
    font-weight: 600;
    font-size: 16px;
}

.tab-nav.listWall>li.active>a {
    color: #379adb;
    font-weight: 600;
    font-size: 16px;
}

.staticCol {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    z-index: 8;
    top: 0;
    bottom: 0;
    width: 93%;
}

.staticBtn {
    position: absolute;
    top: 50%;
    z-index: 9;
    left: 30%;
}

.toggleDate {
    position: absolute;
    width: 235px;
    right: 0;
    background: #fff;
    z-index: 99;
    top: 28px;
    padding: 15px;
    box-shadow: 0 2px 4px #ccc;
    border: 1px solid #ddd;
    display: none;
}

.toggleDate label {
    display: block;
    text-align: left;
    color: #333;
    margin: 5px 0 0 0;
}

.toggleDate .arroTop {
    font-size: 32px;
    position: absolute;
    top: -27px;
    right: 53px;
    height: 0;
    width: 0;
    color: #ccc;
    display: none;
}

.toggleDate:before {
    top: -10px;
    right: 27px;
}

.toggleDate:after {
    top: -8px;
    right: 28px;
}

.toggleDate:before {
    content: '';
    display: inline-block;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
}

.toggleDate:after {
    content: '';
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-top: 0;
    position: absolute;
}

.toggleDate .dateBtn {
    top: -5px;
}

.toggleDate .couponDate {
    width: 75%;
}

.toggleDate .form-group i {
    color: #333;
}

.toggleDate .datepicker {
    left: auto !important;
    right: 75px !important;
}


/*============== MEDIA QUERIES ================*/

@media(min-width: 320px) and (max-width: 767px) {
    /*=====header=======*/
    #header strong {
        left: 10px;
    }
    #menu-trigger {
        display: block;
    }
    .top-menu.left {
        margin-left: 3vw !important;
    }
    .top-menu>li>a {
        min-width: 30px !important;
    }
    .top-menu>li>a>.tmn-counts {
        right: 0px !important;
        top: -6px;
    }
    .top-menu>li>a {
        padding: 3px 0 0 0px !important;
    }
    .top-menu img {
        margin: -10px 10px 0 0px;
    }
    /*===//header ends======*/
    .couponList li {
        display: block;
    }
    .searchTop.right {
        text-align: center;
    }
    .searchTop a {
        margin: 0px 0 0 0px;
        top: 0;
        right: 0;
    }
    .headerTitle {
        text-align: center;
    }
    .form-group img {
        margin: 0 0 15px 0;
    }
    .tab-nav>li {
        display: block;
        text-align: center;
    }
    .refBtn {
        margin: 20px 0 0 0;
    }
    .tab-nav>li:last-child {
        margin: 0 0 15px 0;
    }
    .headerTitle .pb20 {
        padding: 0 !important;
    }
    .col-md-4.text-right,
    .col-md-5.text-right {
        text-align: center !important;
    }
    .langSelectList li {
        display: block;
        border-right: 0;
        padding: 0;
        margin: 10px 0;
        text-align: center;
    }
    .card-header p {
        margin: 0 0 0px 0;
        text-align: center;
    }
    .bibButton button {
        margin: 0 0 15px 0;
    }
    .cardDefault .card p {
        margin: -5px 0 0 0;
    }
    .cardDefault .card h4 {
        font-size: 12px;
        text-align: left;
    }
    .ui-grid-viewport {
        overflow-x: auto !important;
    }
    /*======new update========*/
    #chat-trigger {
        position: relative !important;
        top: -10px;
    }
    .card-header {
        padding: 15px 15px !important;
        text-align: center;
    }
    .card-header h3 {
        margin: 0 0 5px 0 !important;
        font-size: 16px !important;
    }
    .ui-grid-pager-control button {
        margin: 0 5px 0 0 !important;
    }
    .ui-grid-pager-control button {
        height: 23px !important;
        padding: 6px 8px !important;
        margin-bottom: 10px !important;
    }
    .cardList a {
        margin: 0 0 0 15px;
    }
    .settingsWidget .card-header strong {
        margin: 0 0 5px 0;
    }
    .card-header .text-right {
        text-align: center !important;
    }
    .modal .modal-header {
        text-align: center;
    }
    .tab-nav>li:last-child {
        margin: 0 0 0px 0;
    }
    .card-header h4 {
        margin: 0 0 5px 0 !important;
    }
    #chatList li.helpdeskendUser {
        width: 75%;
    }
    #chatList li.helpdeskDestini {
        width: 75%;
    }
    .chatWidget .card-header .text-right {
        text-align: right !important;
    }
    .chatWidget .headerTitle {
        text-align: left;
    }
    .closeChatBtn{
        padding: 5px;
        font-size: 20px;
        color: #fff;
        display: block;
    }
    .line-wrap {
        margin: 5px 20px;
    }
    .card-header .btn-primary {
        margin: 5px 0 0 0;
    }
    .watermark {
        top: 35px;
        left: 15%;
    }
    a.help {
        position: static;
    }
    .emptyDescription {
        width: 100%;
    }
    .deleteIcoSet {
        right: -4px;
    }
    .contentListDrag .contLine.right {
        margin: 0;
    }
    .tabsLinkWidget ul li {
        margin: 0 auto 10px auto;
    }
    .addnewBtn {
        top: -30px;
        position: absolute;
        right: 0px;
    }
}

.viewBtn {
    top: 8px;
    position: absolute;
    right: 30px;
}

.viewBtn.btn-primary {
    background: #FF9F00;
}

.delBtn {
    width: 100%;
    position: absolute;
    left: 0;
    top: 125px;
}

.delBtn.btn-primary,
.delBtn.btn-primary:hover {
    background: red;
}

.darkClass {
    background-color: white;
    filter: alpha(opacity=50);
    /* IE */
    opacity: 0.5;
    /* Safari, Opera */
    -moz-opacity: 0.50;
    /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
}


/*=======Media Queries for Tab View=========*/

@media(min-width: 768px) and (max-width: 1024px) {
    .ui-grid-viewport {
        overflow-x: auto !important;
    }
}

@media screen and (min-width: 768px) {
    .card .card-body.moduleDesBody.card-padding {
        padding: 0px 26px 0 26px;
    }
}

.moduleDesTable {
    display: table;
    height: 120px;
    width: 100%;
}

.moduleDes {
    color: #ffffff;
    font-weight: 500;
    position: absolute;
    height: auto;
    font-size: 14px;
    z-index: 99;
    padding: 10px;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
}

.main-menu>li>a>i {
    top: -3px;
}


/*=======new grid Layout======*/

.icons {
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
}

.icons li {
    margin: 0;
    padding: 0 5px;
    height: auto;
    width: auto;
    display: inline-block;
    background: transparent;
    box-shadow: none;
}

.icons li i {
    font-size: 18px;
}

.gridView {
    background: transparent;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.gridView li {
    margin: 15px 12px;
    box-shadow: 0 2px 4px #ccc;
    float: left;
    background: #999;
    height: 200px;
    width: 238px;
    border: 0px solid #ccc;
    list-style-type: none;
    position: relative
}


/* Common style */

.grid {
    margin: 0;
    max-width: 1000px;
    width: 100%;
    box-shadow: 0px 5px 5px #333;
    border-bottom: 1px solid #000;
}

.grid a {
    float: none;
    max-width: 250px;
    height: 200px;
    overflow: hidden;
    width: 100%;
    color: #333;
}

.grid a:nth-child(odd) {
    margin: 0;
}

.grid figure {
    position: relative;
    overflow: hidden;
    margin: 0px;
    background: #333;
}

.grid figure img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 0.7;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    height: 200px;
    overflow: hidden;
}

.grid figcaption {
    position: absolute;
    top: 0;
    z-index: 11;
    padding: 5px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.grid figcaption h2 {
    margin: 7px 0 5px 0;
    color: #00233c;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 130%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.grid figcaption p {
    padding: 0 20px;
    color: #222;
    font-weight: 300;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.grid figcaption h2,
.grid figcaption p {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.grid figure .gridiconList {
    position: absolute;
    padding: 4px 15px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    bottom: 0px;
    width: 100%;
    left: 0;
    height: 40px;
    background: #fff;
    display: none;
}

.grid figure:hover .gridiconList {
    bottom: 0px;
    display: block;
}

.grid figcaption,
.grid figcaption h2,
.grid figcaption p,
.grid figure .gridiconList {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/* Style for SVG */

.grid svg {
    position: absolute;
    top: -1px;
    /* fixes rendering issue in FF */
    z-index: 10;
    width: 100%;
    height: 145%;
}

.grid svg path {
    fill: #fff;
}


/* Hover effects */

.grid a:hover figure img {
    opacity: 1;
}

.grid a:hover figcaption h2,
.grid a:hover figcaption p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.grid a:hover figcaption p {
    opacity: 0;
}


/* Individual styles */

.demo-1 body {
    background: #3498db;
}

.demo-1 .grid figure .gridiconList,
.demo-3 .grid figure .gridiconList {
    top: 50%;
    left: 50%;
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.25);
    transform: translateY(-50%) translateX(-50%) scale(0.25);
}

.demo-1 .grid a:hover figure .gridiconList,
.demo-3 .grid a:hover figure .gridiconList {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.demo-2 body {
    background: #e74c3c;
}

.demo-2 .grid figcaption h2 {
    color: #e74c3c;
}

.demo-2 .grid figcaption p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.demo-2 .grid figure .gridiconList {
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    background: #fff;
    color: #333;
    font-weight: 300;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.demo-2 .grid a:hover figure .gridiconList {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.demo-2 .grid figcaption h2,
.demo-2 .grid figcaption p,
.demo-3 .grid figcaption h2,
.demo-3 .grid figcaption p {
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
}

.demo-2 .grid a:hover figcaption p,
.demo-3 .grid a:hover figcaption p {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.demo-3 body {
    background: #52be7f;
}

.demo-3 .grid figcaption h2 {
    color: #52be7f;
}

.demo-3 .grid a:hover figcaption h2 {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.gridListImg {
    height: 20px !important;
    width: 20px !important;
    position: absolute !important;
    right: 10px;
    top: 10px;
}

.icons {
    margin: 5px 0 0 0px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.icons li {
    margin: 0;
    padding: 0 5px;
    height: auto;
    width: auto;
    display: inline-block;
    background: transparent;
    box-shadow: none;
}

.icons li.active i {
    font-size: 18px;
    color: #379adb;
}

.icons li i {
    font-size: 18px;
    color: #bbb;
}

.icons li.active i.big {
    font-size: 20px
}

.accorWidget .panel-collapse .panel-heading .panel-title>a {
    padding: 16px 5px 16px 30px;
    color: #000;
    position: relative;
}

.accorWidget .panel-heading {
    background: #00233C;
    color: #fff;
    cursor: pointer;
}

.accorWidget .panel-body {
    background: #eef4f9;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.accorWidget .panel-heading h4 a {
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
}

.accorWidget .topBtn {
    background: #FF9F00;
    position: absolute;
    top: 11px;
    right: 11px;
    padding: 2px 8px;
}

.topBtn1,
.topBtn1:hover {
    font-size: 20px;
    color: #FF9F00;
    position: absolute;
    top: 9px;
    right: 70px;
}

.topBtn2,
.topBtn2:hover {
    font-size: 20px;
    color: #FF9F00;
    position: absolute;
    top: 9px;
    right: 40px;
}

.topBtn3,
.topBtn3:hover {
    font-size: 20px;
    color: #FF9F00;
    position: absolute;
    top: 9px;
    right: 10px;
}

.walletCampLbl {
    font-size: 14px;
    color: #379adb;
}

input[type="text"] {
    width: 100%;
}

.gridiconList .tooltip.in {
    top: -35px !important;
    left: -32px !important;
    width: 140px;
    text-align: left;
}

.gridiconList .icons li:first-child .tooltip.top .tooltip-arrow {
    left: 31.6429% !important;
}

.gridiconList .icons li:last-child .tooltip.top .tooltip-arrow {
    left: 32.2857% !important;
}

.gridiconList .icons li:last-child .tooltip .tooltip-inner {
    text-align: left !important;
}

li.staticApp {
    background: #fff;
    border: 2px dashed #999;
    box-shadow: none;
}

li.staticApp a {
    display: block;
    height: 100%;
}

li.staticApp:hover {
    background: #f1f1f1;
}

li.staticApp a i {
    font-size: 50px;
    color: #aaa;
    display: block;
    position: relative;
    top: 31%;
    left: 40%;
}

li.staticApp a p {
    font-size: 18px;
    color: #222;
    position: relative;
    top: 20%;
    left: 30%;
    display: none;
}

li.staticApp:hover a i {
    display: block;
    top: 23%;
    left: 40%;
}

li.staticApp:hover a p {
    display: block;
    top: 15%;
    left: 30%;
}

.staticOrg {
    background: #fff;
    border: 2px dashed #999;
    box-shadow: none;
}

.staticOrg a {
    display: block;
    height: 100%;
}

.staticOrg a i {
    font-size: 30px;
    color: #aaa;
    text-align: center;
}

.staticOrg a span {
    color: #AAAAAA;
    font-weight: 600;
    position: relative;
    top: -7px;
}

.staticOrg a p {
    text-align: center;
}

.panel-heading .tooltip.in {
    position: absolute !important;
    top: -20px !important;
    right: -20px !important;
    width: 100px !important;
    text-align: left;
}

.panel-heading .tooltip.top .tooltip-arrow {
    left: 65.6429% !important;
}

.ui-grid-pager-panel {
    position: static !important;
}

.editOrgBtn {
    top: 10px;
    position: absolute;
    right: 17px;
}

.checkBoxWidget ul li {
    display: inline-block;
    margin: 5px;
    padding: 0 10px 10px 10px;
}

.roleSection {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 20px 0 0 0;
    padding: 10px 15px;
}

.roleSection .roleList li {
    color: #333;
    list-style: none;
    margin: 0 0 10px 0;
    text-decoration: underline;
    width: 25%;
    float: left;
}

.roleList li .checkbox-inline {
    cursor: default !important;
}

.roleSection .roleList li.mdi-check:before {
    content: "\F12C";
    color: green;
    font-size: 18px;
}

.roleList .checkbox .input-helper:before {
    border: 0;
}

.checkBoxWidget ul li .tooltip.top.in {
    top: -275% !important;
    left: -28.875px !important;
    display: block;
}

.checkBoxWidget ul li .tooltip .tooltip-inner {
    max-width: 240px;
    height: 100px;
    display: table-cell !important;
    vertical-align: middle;
}

#addUserGroup select.h100 {
    height: 100px !important;
}

.fixedHeightWidget {
    height: 400px !important;
}
.customFixedHeightWidget {
    height: 434px;
}
.chatWidget .card{
    border-radius: 10px;
}

.chatWidget .card-header{
    border-radius:10px 10px 0 0; 
}
.locationSearch {
    position: absolute;
    top: 0;
    right: -64px;
    height: 40px;
    background: #2196f3 !important;
    font-weight: 600;
    padding: 2px 15px 0 15px;
}

.walletPages .card .btn-primary,
.walletPages .card .btn-primary:hover {
    background: #2196f3 !important;
    padding: 5px;
    margin: -5px 0 15px 0;
}

.walletPages .panel-heading {
    background: #00233C;
    color: #fff;
    cursor: pointer;
}

.walletPages .panel-heading .panel-title>a {
    color: #fff;
    position: relative;
    top: 4px;
    font-size: 18px;
    border: 0;
}

.codeView {
    overflow: hidden;
    background: #0b2638;
    color: #fff;
    line-height: 1;
    margin: 10px 0 0 0;
}

.codeView pre {
    background: transparent;
    color: #fff;
    margin: 0;
    border: 0;
}

.wrap {
    white-space: normal;
}

.wrap .label {
    display: inline-block;
}

.tagsListCont {
    margin: 0;
    padding: 0;
    width: 100%;
}

.tagsListCont li {
    display: inline-block;
    list-style: none;
    margin: 0 0 7px 7px;
    padding: 0;
}

.tagsListCont li span {
    text-align: center;
    color: #2096f3;
    border: 1px solid #2096f3;
    line-height: normal;
    padding: 1px 4px;
    font-weight: normal;
}
.typeTag {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.typeTag li {
    color: #2096f3;
    border: 1px solid #2096f3;
    line-height: normal;
    padding: 3px;
    list-style: none;
    width: 100px;
    margin: 0 auto;
}

.rowAutoResize .ui-grid-row:nth-child(odd) .ui-grid-cell {
    text-align: center !important;
    padding: 8px 20px !important;
    height: auto !important;
    border-right: 0 !important;
}

.rowAutoResize .ui-grid-row:nth-child(even) .ui-grid-cell {
    text-align: center !important;
    padding: 8px 20px !important;
    height: auto !important;
    border-right: 0 !important;
}

.rowAutoResize .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #f3f3f3 !important;
}

.rowAutoResize .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #f3f3f3 !important;
}

.rowAutoResize[role] {
    background-color: red !important;
}

.rowAutoResize [ui-grid-row] {
    display: table-row;
}

.rowAutoResize .ui-grid-row,
.ui-grid-cell {
    height: auto!important;
}

.rowAutoResize .ui-grid-cell {
    float: none;
    display: table-cell;
}

.rowAutoResize .ui-grid-header-cell,
.ui-grid-cell-contents {
    white-space: normal;
    padding: 2px;
    word-break: break-word;
}

.gallaery .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-frame {
    margin: 3px !important;
    width: 100px !important;
    height: 100px !important;
    padding: 2px !important;
}

.gallaery .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-frame>img {
    height: 100px !important;
    width: 100px !important;
}

.gallaery .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-x {
    margin-bottom: 0px !important;
}

.gallaery .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag-text-container {
    height: 125px !important;
}

.gallaery .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-brower {
    height: 63px !important;
}

.gallaery .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-x {
    margin: 0px !important;
}

.gallaery span {
    margin: 0px 0px 0px 0px !important;
}

.gallaery .md-button {
    min-height: 0px !important;
    min-width: 0px !important;
    line-height: 21px !important;
}

.gallaery .lf-ng-md-file-input .lf-ng-md-file-input-container {
    width: 100% !important;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 100%;
    text-align: center;
    padding: 30px 10px;
    margin-left: 10px;
}

.galaryImgList {
    margin: 0;
    padding: 0;
}

.galaryImgList li {
    display: inline-block;
    list-style: none;
    margin: 0 15px 15px 0;
    padding: 5px 1px 5px 5px;
    border: 1px solid #ccc;
    position: relative;
}

.galaryImgList li div {
    display: table;
}

.galaryImgList li figure {
    height: 110px;
    width: 150px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.galaryImgList li figure i {
    position: absolute;
    top: 0px;
    right: -7px;
    font-size: 15px;
    color: red;
    cursor: pointer;
    line-height: 0;
}

.galaryImgList li figure img {
    width: 100%;
    max-width: 100%;
    height: 110px;
}

.tableIco {
    font-size: 30px;
    position: relative;
    top: -10px;
}

.tblIco {
    font-size: 25px;
    margin: 0 0 0 10px;
}

.note-box {
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 6px 12px 6px 12px;
    color: #536171;
    line-height: 1.5;
    background-color: #e8f7ff;
    border: 1px solid #c5d2d8;
    font-size: 14px;
}

.note-box i {
    font-size: 18px;
    position: relative;
    top: 2px;
}

.radio-toolbar {
    padding: 0;
}

.radio-toolbar li {
    list-style: none;
    display: block;
}


/*==========Custom Radio Button Select==============*/

.radio-toolbar input[type="radio"] {
    display: none;
}

.radio-toolbar label {
    display: block;
    background-color: transparent;
    padding: 5px 5px 5px 5px;
    font-family: Arial;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    font-weight: 400;
    border: 1px solid #ccc;
}

.radio-toolbar .mailIco {
    font-size: 60px;
    line-height: 0;
    position: relative;
    top: 20px;
}

.radio-toolbar p {
    margin-bottom: 5px;
}

.clrBlue {
    color: rgb(91, 159, 239);
}

.accordianGroup a {
    cursor: pointer;
}

.radio-toolbar input[type="radio"]:checked+label {
    background-color: #bbb;
}

.radio-toolbar img {
    height: 20px;
}

.whatever {
    background-color: transparent;
    display: block;
    width: 100%;
    ;
}

#checkboxes input[type=checkbox] {
    display: none;
}

#checkboxes input[type=checkbox]:checked+.whatever {
    background-color: #bbb;
}

#checkboxes label {
    display: block;
    background-color: transparent;
    padding: 5px 5px 5px 5px;
    font-family: Arial;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    font-weight: 400;
    border: 1px solid #ccc;
}

#checkboxes .mailIco {
    font-size: 60px;
    line-height: 0;
    position: relative;
    top: 20px;
}

#checkboxes img {
    height: 20px;
}

.addCntSchema .panel-body {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.cke_button_label {
    display: none !important;
}

.cke_voice_label {
    display: none !important;
}

.cke_top {
    border-bottom: 1px solid #b6b6b6;
    padding: 6px 8px 2px;
    margin: 0 !important;
    white-space: normal;
    box-shadow: 0 1px 0 #fff inset;
    background: #f8f8f8 !important;
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
    padding: 15px !important;
}

.cke_bottom {
    background: #f8f8f8 !important;
    background-image: none !important;
}

.cke_combo_label {
    display: none !important;
}

.cke_reset_all,
.cke_reset_all *,
.cke_reset_all a,
.cke_reset_all textarea {
    margin: 0 !important;
}

.cke_combo {
    position: relative !important;
}

.cke_combo_arrow {
    position: absolute !important;
    right: 5px !important;
    top: 13px !important;
}

.cke_toolgroup {
    float: left;
    margin: 0 6px 5px 0;
    border: 0 !important;
    border: 0 !important;
    border-radius: 3px;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
}

.cke_combo_button {
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

.cke_combo_text {
    border: 0 !important;
}

.cke_combo_arrow {
    position: absolute !important;
    top: 11px !important;
    right: 0 !important;
}

.imgClosse {
    position: absolute;
    right: -9px;
    top: -13px;
    font-size: 20px;
}

.mandatory {
    color: #f00;
}

.refList {
    display: inline !important;
    margin: 0 0 0 5px !important;
}

.closeBtn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    font-size: 20px;
    color: #f00;
}

.closeBtn:hover {
    color: #f00;
}

.addCustomBtn {
    box-shadow: 1px 2px 4px #666 !important;
}

.reviewDashboardWidget {
    background: #00233C;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    padding: 10px;
    position: relative;
}

.inActive {
    opacity: 0.3;
}

.inactiveCard {
    background: #e2e2e2;
}

.active {
    opacity: 1;
}

.reviewDashboardWidget .owl-carousel .item,
.reviewDashboardWidget .reviewSchema {
    padding: 15px;
    border: 1px solid #033e68;
}

.reviewDashboardWidget .reviewSchema {
    margin: 0 0 10px 0;
}

.reviewDashboardWidget .owl-carousel .owl-item,
.reviewDashboardWidget .owl-carousel .owl-item.active {
    margin: 0 10px 10px 0;
}

.reviewDashboardWidget .owl-carousel .owl-item .item a,
.reviewDashboardWidget .owl-carousel .owl-item .item a:hover {
    color: #fff;
}

.reviewDashboardWidget .reviewSchema p {
    font-size: 15px;
    margin: 0 0 10px 0;
    color: #fff;
}

.reviewDashboardWidget .reviewSchema p:last-child,
.reviewDashboardWidget .rsParamaeter p:last-child {
    margin: 0;
}

.reviewDashboardWidget .bx-wrapper {
    margin-bottom: 0px;
    box-shadow: none;
    border: 0;
    background: transparent;
}

.reviewDashboardWidget .rsParamaeter {
    padding: 15px;
    border: 1px solid #033e68;
    margin: 0 10px 0 0;
}

.reviewDashboardWidget .bxslider ul li {
    width: 200px;
    float: left;
}

.reviewDashboardWidget .rsParamaeter p {
    font-size: 15px;
    margin: 0 0 15px 0;
    color: #fff;
}

.owl-stage,
.owl-item {
    width: auto !important;
}

.ratingsModal .modal-body {
    min-height: auto;
}

.ratingsModal.modal .modal-header {
    padding: 10px;
}

@media (min-width: 768px) {
    .ratingsModal .modal-dialog {
        width: 400px;
        margin: 10% auto 30px auto;
    }
}


/*=========== Coupons New Page ============*/

.color-SkyBlue {
    color: #2096f3 !important;
}

.color-green {
    color: #589c0b !important;
}

.color-Lightgreen {
    color: #63c5af !important;
}

.color-Darkred {
    color: #8b1826 !important;
}

.color-orange {
    color: #f5a623 !important;
}

.color-Default {
    color: #00233c;
}

.color-lightGray {
    color: #dfdfdf !important;
}

.color-gray-x {
    color: #9b9b9b !important;
}

.border-green {
    border-color: #589c0b !important;
}

.border-Lightgreen {
    border-color: #63c5af !important;
}

.border-Darkred {
    border-color: #8b1826!important;
}

.border-orange {
    border-color: #f5a623 !important;
}

.customBtn {
    box-shadow: none !important;
    background: transparent;
    margin: 0 0px 0px 20px;
    font-size: 18px;
    font-weight: bold;
}

.border-top {
    border-top: 5px solid;
}

.w-100 {
    width: 100%;
    display: block;
}

.cust-margin-left {
    margin: 0px 11px 0px -11px !important;
}

.cust-margin-right {
    margin: 0px -11px 0px 11px !important;
}

.newCouponDashboard h2 {
    font-size: 26px;
    font-weight: 300;
    color: #2096f3;
    margin: 5px 0px;
}

.newCouponDashboard .card h3 {
    font-size: 18px;
    color: #00233c;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
}

.newCouponDashboard .card small {
    font-size: 14px;
    font-weight: 500;
    font-style: oblique;
    color: #9b9b9b;
    display: block;
    position: static;
}

.newCouponDashboard .card strong {
    font-size: 18px;
    font-weight: 900;
    display: block;
    text-transform: uppercase;
}

.newCouponDashboard p {
    margin: 0;
    text-align: left !important;
}

.newCouponDashboard p span {
    color: #555555;
    font-size: 16px;
    position: relative;
    top: -4px;
    left: 7px;
}

.newCouponDashboard p i {
    color: #555;
    font-size: 25px;
}

.newCouponDashboard footer {
    margin-top: 20px;
}

.newCouponDashboard .statusCount {
    clear: both;
    float: left;
    margin: 15px 0 0 15px;
}

.newCouponDashboard .statusCount .left {
    float: left;
}

.newCouponDashboard .statusCount .right {
    float: left;
    margin: 0 0 0 10px;
}

.newCouponDashboard .statusCount .left i {
    font-size: 30px;
    display: block;
    border: 4px solid;
    border-radius: 50%;
    padding: 0;
    line-height: 38px;
    height: 45px;
    width: 45px;
    text-align: center;
}

.newCouponDashboard .statusCount .right strong {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.4px;
    text-align: left;
    color: #000000;
    display: block;
}

.newCouponDashboard .statusCount .right p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-align: left;
    color: #555555;
    margin: 0;
}

.newCouponDashboard .searchIco {
    position: absolute;
    font-size: 20px;
    top: 6px;
    right: 6px;
}



.descBox {
    border: 1px solid #ccc;
    background: #f2f2f2;
    margin: 16px 0;
    padding: 15px;
}

.couponsAdd .panel {
    padding: 15px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #c2ccd2;
    margin-bottom: 20px;
}

.couponsAdd .panel .panel-heading {
    background: #fff;
}

.couponsAdd .panel .panel-heading h4 {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.4px;
    color: #00233c;
    margin: 0;
    text-transform: uppercase;
}

.couponsAdd .panel .panel-heading small {
    display: block;
    margin: 10px 0;
    color: #9b9b9b;
    font-style: oblique;
}

.couponsAdd .panel .panel-body {
    border-top: 2px solid #c2ccd2 !important;
}

.couponsAdd .mdi-dots-horizontal {
    color: #f5a623;
    font-size: 20px;
}

.couponsAdd .mdi-check {
    color: #589c0b;
    font-size: 20px;
    display: none;
}

.couponsAdd .glyphicon-ok {
    color: #4caf50;
}

.couponsAdd .glyphicon-remove {
    color: #f44336;
}

.couponsAdd .fv-form-bootstrap .help-block {
    color: red;
}

.couponsAdd label .left {
    width: 125px;
    display: inline-block;
}

.couponsAdd .defaultBack {
    font-size: 35px;
    color: #555;
    margin: 7px 15px 0px 0px;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.userGrid .ui-grid-header-cell {
    text-align: left !important;
}

.usersGrid .ui-grid-render-container {
    margin: 0px !important;
}

.newCouponDashboard .card-body {
    cursor: pointer;
}

.newCouponDashboard .couponBack {
    font-size: 40px;
    font-weight: 300;
    color: #555;
    position: relative;
    top: 7px;
    cursor: pointer;
}

.centerTxt p {
    text-align: center !important;
    margin: 5px 0;
}

.centerTxt i {
    height: 55px;
    width: 55px;
    border: 3px solid;
    display: block;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    font-size: 33px;
}

.centerTxt strong {
    color: #000;
}

.couponSummaryDashboard .card-body {
    cursor: auto;
}

.couponSummaryDashboard .card-body strong {
    font-size: 22px;
}

.couponSummaryDashboard .statusCount {
    margin: 0;
}

.leftCard .card-body {
    cursor: auto;
}

.leftCard h4 {
    color: #00233c;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
}

.leftCard strong {
    font-size: 14px !important;
    text-transform: none !important;
    margin: 9px 0 10px 0;
    color: #000;
}

.leftCard label {
    font-size: 14px;
    text-transform: uppercase;
    margin: 9px 0 10px 0;
}

.saveEdit {
    background: #4caf50 !important;
    display: none;
}

.newCouponDashboard .card {
    min-height: 0;
}

.newCouponDashboard .card-header {
    background-color: #fff;
    position: relative;
    color: #4a4a4a !important;
    padding: 20px 25px;
    margin-bottom: 10px;
}

.bt1 {
    border-top: 1px solid #666;
}

.innercardSection {
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0;
    margin-bottom: 20px;
}

.reviewList p strong {
    width: 48%;
    display: inline-block !important;
    font-size: 14px !important;
    color: #000;
}

.reviewList p {
    width: 100%;
}

.reviewList p label {
    width: 48%;
    display: inline-block;
    font-size: 16px;
}

.reviewList strong {
    color: #000 !important;
    font-size: 14px;
}

.reviewList label {
    margin-top: 3px !important;
}

.reviewList p {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.testClass {
    display: block !important;
}

.nav-pills.graphList>li.active>a,
.nav-pills.graphList>li.active>a:hover,
.nav-pills.graphList>li.active>a:focus {
    color: #000;
    background-color: transparent;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 3px solid #3196f3;
    border-radius: 0;
}

.nav-pills.graphList>li>a {
    border-radius: 2px;
    color: #000;
    font-size: 18px;
    cursor: pointer;
}

.customBorder {
    border-left: 1px solid #bbb;
    height: 150px;
    margin: -23px 0 -23px 0;
    padding: 22px 0 0 15px;
}

.card-footer h4 {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}

.searchIcoNew {
    font-size: 20px;
    position: absolute;
    top: 30px;
    right: 10px;
    color: #3196f3;
}

.campaignDetailsOut {
    margin: 0;
    padding: 0;
}

.campaignDetailsOut i {
    font-size: 40px;
}

.campaignDetailsOut h6 {
    color: #555555;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
}

.campaignDetailsOut p {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    margin: 6px 0 3px 0;
}

.campaignDetailsOut h5 {
    color: #00233c;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.campaignDetailsOut .generalInfo {
    margin: 0;
    padding: 0;
}

.campaignDetailsOut .generalInfo p {
    color: rgba(85, 85, 85, 0.7);
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 6px 0;
}

.campaignDetailsOut .generalInfo strong {
    color: #555555;
    font-size: 16px;
}

.switchCustom {
    background: #fff;
    border: 1px solid #dfdfdf;
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    overflow: visible;
    width: 52px;
    height: 30px;
    padding: 0px;
    margin: 0px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    top: -1px;
}


/*adding a wide width for larger switch text*/

.switchCustom.wide {
    width: 80px;
}

.switchCustom small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
}

.switchCustom.checked {
    background: rgb(100, 189, 99);
    border-color: rgb(100, 189, 99);
}

.switchCustom.checked small {
    left: 22px;
}


/*wider switch text moves small further to the right*/

.switchCustom.wide.checked small {
    left: 52px;
}


/*styles for switch-text*/

.switchCustom .switch-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.switchCustom .off {
    display: block;
    position: absolute;
    right: 10%;
    top: 25%;
    z-index: 0;
    color: #A9A9A9;
}

.switchCustom .on {
    display: none;
    z-index: 0;
    color: #fff;
    position: absolute;
    top: 25%;
    left: 9%;
}

.switchCustom.checked .off {
    display: none;
}

.switchCustom.checked .on {
    display: block;
}

.switchCustom.disabled {
    opacity: .50;
    cursor: not-allowed;
}

.campaignCode {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

footer {
    text-align: center;
}


/*
  ================ Push Menu =================*/

@media (min-width: 1200px) {
    body.sw-toggled #content {
        padding: 0px 0 30px 50px;
    }
}

.primary-nav {
    position: fixed;
    z-index: 999;
    top: 0;
    height: 100%;
}

.menu {
    position: relative;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.open-panel {
    border: none;
    background-color: #fafafa;
    padding: 0;
}

.hamburger {
    background: #fff;
    position: relative;
    display: block;
    text-align: center;
    padding: 0;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    z-index: 1000;
    cursor: pointer;
}

.hamburger:before {
    content: "\2630";
    /* hamburger icon */
    display: block;
    color: #000;
    line-height: 32px;
    font-size: 16px;
}

.openNav .hamburger:before {
    content: "\2715";
    /* close icon */
    display: block;
    color: #000;
    line-height: 32px;
    font-size: 16px;
}

.hamburger:hover:before {
    color: #777;
}

.primary-nav .menu li {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}

.menu .icon {
    position: absolute;
    top: 12px;
    right: 13px;
    pointer-events: none;
    width: 24px;
    height: 24px;
    color: #333;
    font-size: 20px;
}

.menu,
.menu a,
.menu a:visited {
    color: #333;
    text-decoration: none!important;
    position: relative;
}

.menu a {
    display: block;
    white-space: nowrap;
    padding: 1em;
    font-size: 14px;
}

.menu a:hover {
    color: #08a9e4;
}

.menu-dropdown li .icon {
    color: #666;
}

.menu-dropdown li:hover .icon {
    color: #4bb5dc;
}

.menu label {
    margin-bottom: 0;
    display: block;
}

.menu label:hover {
    cursor: pointer;
}

.menu input[type="checkbox"] {
    display: none;
}

input#menu[type="checkbox"] {
    display: none;
}

.sub-menu-dropdown {
    display: none;
}


/* .new-wrapper {
position: absolute;
left: 50px;
width: calc(100% - 50px);
transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
} */

#menu:checked+ul.menu-dropdown {
    left: 0;
    -webkit-animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);
    animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);
}

.sub-menu-checkbox:checked+ul.sub-menu-dropdown {
    display: block!important;
    -webkit-animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
    animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
}

.openNav .new-wrapper {
    position: absolute;
    transform: translate3d(200px, 0, 0);
    width: calc(100% - 250px);
    transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
}

.downarrow {
    background: transparent;
    position: absolute;
    right: 50px;
    top: 12px;
    color: #777;
    width: 24px;
    height: 24px;
    text-align: center;
    display: block;
}

.downarrow:hover {
    color: #fff;
}

.menu {
    position: absolute;
    display: block;
    left: -200px;
    top: 50px;
    width: 250px;
    transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    background-color: #fff;
    z-index: 999;
    height: 100%;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
}

.menu-dropdown {
    top: 0;
    overflow-y: auto;
}

.overflow-container {
    position: relative;
    height: calc(100vh - 50px)!important;
    overflow-y: auto;
    border-top: 0px solid #fff;
    z-index: -1;
    display: block;
}

.menu a.logotype {
    position: absolute!important;
    top: 0;
    left: 55px;
    display: block;
    padding: 10px;
    height: 45px;
    width: 135px;
}

.menu a.logotype img {
    width: 100%;
    max-width: 100%;
}

.menu a.logotype:hover {
    color: #777;
}

.sub-menu-dropdown {
    background-color: #333;
}

.menu:hover {
    position: absolute;
    left: 0;
    top: 50px;
}

.openNav .menu:hover {
    position: absolute;
    left: -200px;
    top: 50px;
}

.openNav .menu {
    top: 50px;
    transform: translate3d(200px, 0, 0);
    transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
}


/* look and feel only, not needed for core menu*/

@-webkit-keyframes grow {
    0% {
        display: none;
        opacity: 0;
    }
    50% {
        display: block;
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes grow {
    0% {
        display: none;
        opacity: 0;
    }
    50% {
        display: block;
        opacity: 0.5;
    }
    100% {
        opacity: 1
    }
}

.singleWalletView .transactionReportGrid .trTime {
    display: block;
    font-size: 13px;
    font-weight: normal;
}

.singleWalletView .transactionReportGrid .trTypeAmount {
    text-align: center;
}

.singleWalletView .transactionReportGrid .ui-grid-row:nth-child(odd) .ui-grid-cell,
.singleWalletView .transactionReportGrid .ui-grid-row:nth-child(even) .ui-grid-cell {
    line-height: normal !important;
}


.singleWalletView  .nav-tabs > li.active > a, .singleWalletView  .nav-tabs > li.active > a:hover, .singleWalletView  .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #2196f3;
    border: none;
    border-bottom-color: transparent;
    cursor: default;
}

.singleWalletView .nav-tabs > li > a {
    margin-right: 0;
    line-height: 1.42857143;
    border: none;
    border-radius: 5px 5px 0 0;
    color: #555555;
    background: #dddddd;
}

.singleWalletView .tab-content {
    padding: 5px 0;
}

/*
============== UI Grid auto height ===========*/
[ui-grid-row] {
    display: table-row;
}
    
.ui-grid-cell {
    float: none !important;
    display: table-cell;
}

.ui-grid-row, .ui-grid-cell, .ui-grid-cell .ui-grid-vertical-bar{
    height: auto !important;
}
.singleWalletView .ui-grid-viewport, #customGridone .ui-grid-viewport{
    overflow-y: scroll !important;
}
.communicatorDashbordOut{
    margin: 0;
    padding: 0;
}
.communicatorDashbordOut .searchOut input[type="text"], .communicatorDashbordOut .searchOut input[type="number"]{
    width: 300px;
    margin: 0 auto 10px auto;
    height: 35px;
    border: 1px solid #e7e7e7 !important;
    padding: 0 0 0 10px;
}
.communicatorDashbordOut .impHead{
    color: #767676;
    margin: 0 0 20px 0;
}
.communicatorDashbordOut .impDesc{
    margin: 0 0 10px 0;
}

.communicatorDashbordOut .searchOut{
    margin: 0;
    padding: 0;
    position: static;
}

/* .communicatorDashbordOut .searchOut .angucomplete-dropdown{
    width: 300px;
} */

.usersGrid .userPic{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}
.usersGrid .userPic img{
    width: 100%;
    max-width: 100%;
}
.usersGrid .ui-grid-cell-contents{
    height: auto;
}
.usersGrid .ui-grid-viewport, .walletUserListGrid .ui-grid-viewport{
    overflow-y: scroll !important;
}

.communicatorDashbordOut .iconOut {
    border-radius: 50%;
    border: 2px solid #ccc;
    width: 1.2em;
    height: 1.2em;
    font-size: 80px;
    position: relative;
    margin: 0 auto;
}

.communicatorDashbordOut .iconOut i {
    font-size: 45px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.communicatorDashbordOut .iconOut .onlineUsers{
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #72d107;
    top: 12px;
    right: 3px;
    left: auto;
}

.communicatorDashbordOut .iconOut.aqua{
    border: 2px solid #63c5af; 
}
.communicatorDashbordOut .iconOut.purple{
    border: 2px solid #672f9b; 
}
.communicatorDashbordOut .iconOut.medium-blue{
    border: 2px solid #5388be; 
}
.communicatorDashbordOut .iconOut.orange{
    border: 2px solid #ec763f; 
}
.communicatorDashbordOut .title2{
    font-size: 17px;
    color: #7e7e7e;
    font-weight: 600;
}
.communicatorDashbordOut .points1{
    font-size:15px;
    font-weight: 600;
    color: #515151;
}
.searchOut .angucomplete-holder, .searchOut .angucomplete-dropdown {
    width: 300px;
    margin: 0 auto;
}
.searchOut .angucomplete-row{
    text-align: left;
}
.highlight{
    color:red;
}

.loadWithdrwaOut .modal-body{
    min-height: auto;
    padding: 20px;
    margin: 0;
}

.loadWithdrwaOut .modal-body input[type="text"], input[type="number"]{
    height: 40px;
    padding: 0 0 0 10px;
}
.loadWithdrwaOut .modal-body input[type="text"], input[type="number"], textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    resize: none;
}
.loadWithdrwaOut .modal-body textarea {
    padding: 5px 0 0 10px;
}
.loadWithdrwaOut .modal-footer{
    border-top: 1px solid #eee;
}
.loadWithdrwaOut .tagsOut{
    width: 100%;
    margin: 0 0 10px 0;
}

.loadWithdrwaOut .customTags{
    padding: 2px 0px;
    font-size: 25px;
    display: block;
    position: absolute;
    right: 6px;
}
.loadWithdrwaOut .removeRow{
    padding: 2px 0px;
    font-size: 25px;
    display: block;
    text-align: center;
}

.loadWithdrwaOut .autoGenBtn{
    width: 100%;
    font-size: 12px;
    padding: 10px 12px;
}
.campaignStartDate span, .campaignEndDate span{
    color:#000;
    margin: 0;
    font-size: 15px;
}

.campaignStartDate .input-group-addon, .campaignEndDate .input-group-addon{
    padding: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.walletTransListIcon{
    width: 30px;
}
.walletTransListGrid .ui-grid-row:nth-child(odd) .ui-grid-cell, .ui-grid-row:nth-child(even) .ui-grid-cell {
    line-height: 18px !important;
}

.walletTransListGrid .ui-grid-viewport, .walletTransListGrid .ui-grid-canvas, .walletTransListGrid .grid3{
    height: auto !important;
}

.contentSystemGrid .ui-grid-render-container{
    margin: 0 !important;
}
.contentSystemGrid .ui-grid, .ui-grid-viewport, .ui-grid-canvas{
    height: auto !important;
}

.usersListGrid .ui-grid-row:nth-child(even) .ui-grid-cell, .usersListGrid .ui-grid-row:nth-child(odd) .ui-grid-cell{
    padding: 5px !important;
}

.usersListGrid .ui-grid-header-cell-row {
    text-align: left !important;
}

.usersListGrid .ui-grid-top-panel {
    padding: 0 !important;
}

.impersonateList  li {
    cursor: pointer;
}
.walletTransListIcon{
    width: 30px;
}
.walletTransListGrid .ui-grid-row:nth-child(odd) .ui-grid-cell, .ui-grid-row:nth-child(even) .ui-grid-cell {
    line-height: 18px !important;
}

.walletTransListGrid .ui-grid-viewport, .walletTransListGrid .ui-grid-canvas, .walletTransListGrid .grid3{
    height: auto !important;
}

.contentSystemGrid .ui-grid-render-container{
    margin: 0 !important;
}
.contentSystemGrid .ui-grid, .ui-grid-viewport, .ui-grid-canvas{
    height: auto !important;
}

.saveStateBtn{
    color: #4a4a4a;
}
.saveStateBtn i{
    font-size: 17px;
}
.saveStateBtn span{
    font-size: 15px;
}


.addUserGroup .ui-grid-row:nth-child(odd) .ui-grid-cell, .addUserGroup .ui-grid-row:nth-child(even) .ui-grid-cell{
    padding: 10px !important;
    background: transparent;
}

.addUserGroup .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{
    background-color:transparent;
    border-bottom:none;
}
.calendarIcons span.input-group-addon{
    display: table-cell;
    padding: 0 0 0 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    vertical-align: middle;
}

.calendarIcons span.glyphicon{
    color: #666;
    font-size: 15px;
}

.ellipsis{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.campaignDetailsGrid .grid3, .walletUserListGrid .grid3, .transactionReportGrid .grid3{
    height: auto !important;
}

/* .campaignDetailsGrid .ui-grid-canvas{
    height: auto !important;
} */
/* .campaignDetailsGrid .ui-grid-viewport{
    overflow: auto !important;
    height:inherit !important;
} */

.ui-grid-selectable .ui-grid-disable-selection {
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    cursor:auto !important;
}
.userLists li .notification{
    position: absolute;
    top: 18px;
    right: 30px;
    padding: 7px 8px;
    border-radius: 50%;
    background: #62b5d6;
    width: 30px;
    height: 30px;
    text-align: center !important;
    margin: 0;
    color: #fff !important;
}

.contentSystem .nav-tabs li.disabled { color: grey; }
.contentSystem .nav-tabs li.disabled a:hover { border-color: transparent; }