/*!
 * Start Bootstrap - Business Casual v5.0.10 (https://startbootstrap.com/themes/business-casual)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-business-casual/blob/master/LICENSE)
 */
 .everytabj{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom:15px;
    align-items: center;
}
.w-25{
    width: 25%;
  }
  .btn_hh{
    color:#ddd;
  }
  .btn_hh:hover{
   color: black !important;
  }
  .cl_a{  
        color: #000000 !important;
    border: 1px solid lightgrey;
    position: absolute;
    left: 10px;
  }
  div#permissions {
    display: flex;
}
div#permissions div {
    width: 30%;
}
  .h_auto .modal-body {
    height: 85vh;
    overflow: auto;
}
 .cstipsboxmain {text-align: center; margin: 50px 0px; display: block; }
.cstipsboxmain:hover .imgcstips{background-color:#ed7d31; }
.cstipsboxmain h4 {color: #ed7d31; display: flex; align-items: center; justify-content: center; }
.cstipsboxmain h4 strong{color:#000; margin-right:5px; }
.yourtipdata {font-size: 16px; padding: 15px 35px; margin-top: 24px; background: #f2f2f2; min-height: 90px; font-weight: 300; }
.yourtipdata p {margin-bottom:0px; }
.imgcstips{width:55px; height:55px; background:#002060 url(../img/iconsplit.png) no-repeat; border-radius:100px; display: inline-block; margin-right:10px; }
.imgcstips.analytics{background-position:-2px -1327px; }
.imgcstips.admin{background-position:-2px -1407px; }
.imgcstips.cms{background-position:-2px -1483px; }
.cstipsboxmain h4 a{ display: flex; align-items: center; justify-content: center; }


/* width */
.chatwindsystem::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.chatwindsystem::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
.chatwindsystem::-webkit-scrollbar-thumb {
  background: #ddd; 
  border-radius:10px;
}

/* Handle on hover */
.chatwindsystem::-webkit-scrollbar-thumb:hover {
  background: #f1f1f1; 
}


.chatformat {
    padding: 1px 17px 17px;

    background: transparent;
    border: #ddd 1px solid;
    border-radius: 6px;
}
.imghchat {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    max-width: 45px;
    display: flex;
    border-radius: 100px;
    margin-right: 20px;
}
.chattextpage {
    display: flex;
    flex: 0 0 95%;
    max-width: 95%;
    flex-wrap: wrap;
}
.chatwindsystem{
overflow: auto;
height:373px;
}
.chatonline {
    flex: 0 0 100%;
    max-width: 100%;
}
.chatonline p{
    margin-bottom:5px;
    font-size:14px;
}
.bottomchat {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.darker .chatonline {
    text-align: right;
    padding-right: 15px;
}
.chatwindowpage {
    border: 1px solid #dedede;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    margin: 17px 0;
    display: flex;
    align-items: end;
}
.darker {
    border-color: #ccc;
    background-color: #ddd;
    display: flex;
    flex-flow: row-reverse;
}
.darker.chatwindowpage {
    padding-right: 15px;
}
.darker .imghchat {
    margin-right: 0px;
    margin-left: 0;
}
.darker .chattextpage {
    display: inline-flex;
    flex-flow: row-reverse;
    flex-wrap: wrap;
}

.chatwindowpage::after {
  content: "";
  clear: both;
  display: table;
}

.chatwindowpage img {
  float: left;
  max-width: 60px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
}


.time-right {
    color: #aaa;
    margin-left: auto;
    font-size: 14px;
    padding-right: 15px;
}

.time-left {
    margin-right: auto;
  color: #999;
  font-size: 14px;
}
.chatsend textarea {
    width: 100%;
    border-radius: 5px;
    border: #bfbfbf 1px solid;
    padding: 15px 135px 15px 15px;
    font-size: 16px;
    height: 82px;
    outline: none;
    display: block;
}
.submitbthchat {
    background: #fa6801;
    color: #fff;
    border: none;
    position: absolute;
    right: 30px;
    top: 28px;
    padding: 15px;
    border-radius: 5px;
    width: 100px;
    z-index: 100;
}
.submitbthchat:hover{
    background:#dddddd;
    color:#000;
}
.dataTables_wrapper .dataTables_length label{

}
.dataTables_wrapper .dataTables_length select {

    width: 80px;
}
.chatsend {
    display: block;
    padding: 15px;
    background: #ddd;
    border-radius: 5px;
    position: relative;
}
.submitbthchat{

}



.bgdashmain.topnabquery .printtabl {
    padding: 10px 12px;
    position: relative;
    display: flex !important;
}
.bgdashmain.topnabquery .btn{
font-size:13px;
}
.form-group.printtabl {
    background: #f4f4f4;
        padding: 5px 10px;
        border-radius: 7px;
    }
.bgdashmain.topnabquery .navbar-nav.querynab li:last-child
{
margin-right:0px !important;
}
.bgdashmain.topnabquery {
    padding: 10px 15px;
}
.querynab.cstiptab {
    padding: 10px 12px 10px 10px;
    background: #f4f4f4;
    border-radius: 5px !important;
    margin-right: 10px;
    
} 
.dropdown.csmenudrop {
    display: table;
    margin: 0 auto;
    width: 60%;
}




.dropdown.csmenudrop .btn {
    max-width: 100%;
    width: 100%;
    background: transparent;
    color: #000;
}
.cstipiconmodal {
    width: 40px;
    height: 40px;
    display: table;
    background: url(../img/iconsplit.png) no-repeat;
    background-position: -13px -1567px;
    border-radius: 100px;
    border: #102a53 2px solid;
    margin: 12px auto;
}
.querynab.cstipfilter{
    padding: 10px 12px 10px 10px;
    background: #f4f4f4;
    border-radius: 5px !important;
    margin-right: 10px;
}
.querynab.last{
    padding: 10px 12px 10px 10px;
    background: #f4f4f4;
    border-radius: 5px !important;
}
 body {font-family: 'Poppins', sans-serif; color:#172730; font-size:17px; font-weight: 500; background:#f5f5f5; }
 img{ max-width:100%; }
 h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif; }

 li{font-family: 'Poppins', sans-serif; }
 p {line-height: 1.75; }
 strong{font-family: 'Poppins', sans-serif; }
 a{ color:#fa6801; }
 a:hover,a:focus,a:active{ color:#192e41; text-decoration:none;  }
 label {font-size: 14px; color: #6c6c6c; min-height: 17px; }
 .form-control{
     font-size:14px;
 }
.bgdashmain .nav-tabs .nav-link.active {
    color: #fa6801;
}
.flexbtn{
    display:flex;
    flex-wrap: wrap;
}
.flexbtn .btn{
   min-width:auto !important;
   margin-right:10px;
}

 ul.chatwin{
    list-style:none;
    margin:0px;
    padding:0px;
    }
    .allchat{
    list-style:none;
    display: block;
    margin:0px;
    padding:0px;
    }
    ul.sender{
    list-style:none;
    margin:0px 0px 15px;
    display: block;
    font-size:12px;
    padding:15px;
    border:#ddd 1px solid;
    border-radius:10px;
    }


    .postby{
        font-size:11px;
    }
    .datefor {
        font-size: 11px;
        min-height: auto;
        margin-bottom: 0px;
    }
    ul.sender li {
        display: flex;
        flex-wrap: wrap;
    }
    .chatuser{
        list-style:none;
        padding:0px;
        margin:0px;
        display: block;
    }
   .datefor {
    font-size: 11px;
    min-height: auto;
    margin-bottom: 0px;
}
    .userwindow {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
    }

    ul.sender li p{  margin-bottom:0px; }

 .userfaq p{ margin-bottom:0px; }
 .footer {background-color: #162730; color:#ffffff; }
 .footer p{ }
 .text-primary {color: #f1d000 !important; }
 .navbar-toggler:focus{outline:none; box-shadow:none;}
 .navbar-toggler.collapsed .navbar-toggler-icon { width: 15px; height: 30px; display: block; background: url(../img/iconsplit.png) no-repeat;  background-position: -13px -355px; }
 .navbar-toggler .navbar-toggler-icon { width: 15px; height: 30px; display: block; background: url(../img/iconsplit.png) no-repeat;  background-position: -67px -355px;}
 .sectiondivide {border: #ddd 1px solid; border-radius: 5px; padding: 15px; display: block; margin: 20px 0px; box-shadow: rgb(0 0 0 / 0.1) 0 0 30px 0; }
 .file-upload {position: relative; border: #ddd 1px solid; border-radius: 5px; display: flex; align-items: center; margin-bottom: 13px; }
 .file-upload .file-select-button {padding: 8px 20px; border-right: #ddd 1px solid; display: inline-block; }
 .file-upload .file-select-name {margin-left: 11px; font-size: 14px; opacity: 0.5; }
 .file-upload .chooseFile {position: absolute; top: 0px; opacity: 0; width: 100%; }
 .btn { box-shadow: none; border-radius: 5px; color:#ffffff;  }
 .addbtnpeo {font-size: 24px; min-width: 350px; }
 .btn-primary { color:#fff; background-color: #fa6801; border-color: #fa6801; }
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active {color:#ffffff; background-color:#192e41; border-color: #192e41;}
 .btn-secondary{ background: transparent; border-color:#ddd; color:#192e41; }
 .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{ background: #ddd ; border-color:#ddd; color:#192e41; }
 .loginbg {height: 100%; background-color:#ddd; }
 .loginbg .container-fluid .row { height: 100vh; }
 .formlogin .navbar-brand { margin-bottom: 10px; }
 .formlogin .btn{ padding: 7px 30px; font-size: 18px; }
 .formlogin { text-align: center; padding: 50px; border-radius: 7px; background: #fff; box-shadow: rgb(0 0 0 / 0.1) 0px 0px 35px 0px; }
 .formlogin .form-control { background: #f5f5f5; border: none; padding: 10px 15px; height: 50px; }
 .form-control { border: #ddd 1px solid; }
 .formlogin h1 { font-weight: 600; margin: 15px 0px; font-size: 30px; color: #192e41; }
 .forgotpass{ color:#192e41; }
 .formlogin .btn { min-width: 100%; padding: 13px; }
 input[type="file"].form-control { height: auto; padding: 3px; }
 .forgotpass:hover { color:#fa6801; }
 .nabdark {
    background: #102a53;
}
#mainNav .nav-link {

    color: #fff !important;
}


 .stopper { margin-left: auto; font-size: 20px; }
 .stopper a{ color:#192e41; }
 .iconmenu.setting { background: url(../img/iconsplit.png) no-repeat; width: 18px; height: 18px; background-position: -12px -86px; display: inline-block; }
.topnabquery button#settingiconbtn {
    background: transparent;
    border: none;
    color: #000;
    display: flex;
    align-items: center;
    padding: 7px 0px 10px 15px;
    border-radius: 5px;
    outline: none;
    font-size: 13px;
}
button#settingiconbtn {
    background: transparent;
    border: none;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 7px 0px 10px 15px;
    border-radius: 5px;
    outline: none;

}
 .settingbtn .dropdown-menu { right: 0px; left: -88px; box-shadow: rgb(0 0 0 / 0.1) 1px 0px 25px 0px; border: none; }
 .settingbtn .dropdown-menu:after {bottom: 100%; left: 75%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 8px; margin-left: -8px; }
 .menuicon { background: url(../img/iconsplit.png) no-repeat; width: 40px; height: 40px; background-position: -2px -112px; display: inline-block; border: #ddd 1px solid; outline: none; box-shadow: none; padding: 10px; border-radius: 5px; }
 .menuicon.menuside{ display: none; }

 button.menuicon:focus, button.menuicon:active{border: #9c9c9c 1px solid; outline: none; }
 .menuicon.addcls{background: url(../img/iconsplit.png) no-repeat;  background-position: -49px -112px;border: #9c9c9c 1px solid; }
 .nabdark .navbar-brand{ margin-right:50px; margin-left:15px }
 .dashboardpage{ margin:15px 0px; }
 .bgdashmain {padding: 20px; background: #ffffff; border-radius: 5px; min-height: 500px; }

 .sidebarleftmenu {border-radius: 5px; display: block; background: #ffffff; padding: 10px; display:none; }
 .sidebarleftmenu ul{list-style:none; padding:0px; margin:0px; }
 .sidebarleftmenu li{list-style:none; padding:0px; margin:5px 0px; }
 .sidebarleftmenu li a {padding: 0px 15px 0px 30px; color: rgb(0 0 0 / 0.5); position: relative; }
 .sidebarleftmenu li a:before { content: ""; position: absolute; left: 6px; background: url(../img/iconsplit.png); background-position: -15px -894px; width: 18px; height: 18px; display: block; top: 3px; }

 .leftfull.createleft{ width:100%; }
 .leftfull{width:100%; }
 .leftsidemenu { }
 .leftsidemenu .bgdashmain {box-shadow: rgb(0 0 0 / 0.1) 0 0 20px 0px; margin-bottom: 15px; padding: 10px; min-height: auto; }
 .leftsidemenu .bgdashmain .menu-b {font-size: 12px; text-align: center; display: block; height: 45px; width: 45px; margin: 0px; background: url(../img/iconsplit.png) no-repeat; border: none; }
 .rightside{display: none; }

 .bgdashmain h3.viewrequest {display: flex; font-size: 18px; align-items: center; }
 .viewrequest{}
 .backiconbtn {background: transparent url(../img/iconsplit.png) no-repeat; background-position: -13px -1167px; border: #fa6801 2px solid; margin-left: auto; border-radius: 100px; padding: 8px 12px 8px 12px; font-size: 15px; display: block; height: 32px; width: 32px; }
 .backiconbtn:hover{background-color:#192e41; border: #192e41 2px solid; color:#ffffff;}
 .backicon { background: transparent url(../img/iconsplit.png) no-repeat; background-position: -13px -1167px; border: #fa6801 2px solid; margin-left: auto; border-radius: 100px; width: 32px; height: 32px; display: block; font-size:0px; }
 .backicon:hover{ background-color:#192e41; border: #192e41 2px solid; }
 .addiconplus { background: transparent url(../img/iconsplit.png) no-repeat; background-position: -13px -1200px; border: #fa6801 2px solid; margin-left: auto; border-radius: 100px; width: 32px; height: 32px; display: block; font-size:0px; }
 .addiconplus:hover{ background-color:#192e41; border: #192e41 2px solid; }

 .dashboardpage.maincls{}
 .dashboardpage {display: flex; flex-wrap: wrap; }
 .dashboardpage.maincls .leftfull { width: 100%; }
 .dashboardpage.maincls .rightside .bgdashmain {display: flex; flex-wrap: wrap; min-height: auto; justify-content: space-between; }
 .dashboardpage.maincls .rightside {width: 100%; display: block; }
 .dashboardpage.maincls .rightside .bgdashmain .navbar-nav.querynab {display: flex; flex-wrap: wrap; flex-direction: row; margin-bottom: 0px; }
 .dashboardpage.maincls .rightside .bgdashmain .navbar-nav.querynab li {display: inline-block; margin-right: 10px; }

 .dashboardpage.maincls .rightside .bgdashmain .form-group {margin-right: 10px; margin-bottom: 0px; display: inline-block; }
 .lastdiv {margin-left: auto; }
 .dashboardpage.maincls .rightside .bgdashmain .form-group.last {margin-right: 0px; margin-left: auto; }
 /*.dashboardpage.maincls .rightside .bgdashmain .form-group.cancel-last {
     margin-right: 0px;
     margin-left: 10px;
 }*/
 .dashboardpage.maincls .bgdashmain .nav-tabs .nav-link{padding-left: 25px; padding-right: 25px; }
 .bgdashmain .nav-tabs .nav-link{

 }
 .dashboardpage.maincls .bgdashmain .nav-tabs .nav-link {
    padding-left: 25px;
    padding-right: 25px;

} 

.bgdashmain .nav-tabs .nav-link {
    border-color: #d3d3d3 #d3d3d3 #fff;
}

 .leftsidemenu .bgdashmain .menu-b.menutop { background-position: -1px -840px;}
 .leftsidemenu .bgdashmain .menu-b.menuside { background-position: -50px -798px; }
 .leftsidemenu .bgdashmain .menu-b.menuside.addcls{  background-position: -4px -798px; }
 .leftsidemenu .bgdashmain .menu-b.menutop.addcls{  background-position: -1px -840px;}

 .sidebarmenu { width: 230px; background:#192e41; position: absolute; top: 0px; display: none; z-index: 1; box-shadow: rgb(0 0 0 / 0.1) 15px 0px 15px 0px; left: 75px; border-radius: 0px 5px 5px 5px; min-height: 130px; }
 .sidebarmenu ul {list-style: none; padding: 0px; margin: 13px 0px 0px;}
 .sidebarmenu ul li{list-style:none; padding:0px; margin:0px; display: block; }
 .sidebarmenu ul li a {color: #ffffff; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 300; }
 .sidebarmenu ul li a:hover{color:#eb7037; }
 .sidebarmenu ul li ul li a { color: #9e9e9e; font-size: 14px; }

 .leftsidemenu .greymenu.maincls .sidebarmenu{ display: block; }
 .leftsidemenu .greymenu.maincls.bgdashmain{background:#192e41; border-radius: 5px 0px 0px 5px; }

 .rigpart {margin-left: -15px; }
 .rigpart .btn{ min-width:100%; }
 .querycls {
    line-height: 37px;
    font-weight: 700;
    color: #192e41;
    margin-bottom: 0px;
}
.queryparth3{
    display:flex;
}

.recipients h3.queryparth3 {
    display: flex;
    justify-content: space-between;
}
.qbtn{

}
.qbtn .btn{
    cursor:pointer !important;
}

.cancelbtn {
    background: #102a53 !important;
    border-color: #102a53 !important;
}
 .bgdashmain h3{ color:#fa6801; }
 .bgdashmain select { background-image: url(../img/arrowri.png); background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; padding-right: 30px; outline: none; background-position: center right; }
 .bgdashmain .tab-content { padding: 15px 0px; }
 
 .bgdashmain .nav-tabs { border-bottom: #d3d3d3 1px solid; }
 .bgdashmain .nav-tabs .nav-item {
    text-align: center;
    margin-right: 5px;
}
 .bgdashmain .nav-tabs .nav-link { color: #192e41; font-size: 16px; padding-left: 30px; padding-right: 30px; position: relative; }
 .bgdashmain .nav-tabs .nav-link:focus, .bgdashmain .nav-tabs .nav-link:hover { border-color: #192e41 #192e41 #ffffff; }
 .bgdashmain .nav-tabs .nav-link.active{ border-color: #192e41 #192e41 #fff; }

 .message { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; position: absolute; top: 0px; right: 0px; background-position: -9px -206px; flex: 0 0 20px; }
 .staricon { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position: -11px -242px; display: inline-block; margin-right: 5px;  flex:0 0 20px; }
 .infoicon { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position: -11px -398px; display: inline-block; margin-left: 5px;  flex:0 0 20px; }
 .filtericon { background: url(../img/iconsplit.png) no-repeat; width: 24px; height: 24px; background-position: -9px -436px; display: inline-block; margin-right: 5px;  flex:0 0 24px; }
 .editicon { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position: -11px -511px; display: inline-block; margin-left: 5px; float: right;  flex:0 0 20px; }
 .closeicon { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position: -11px -545px; display: inline-block; margin-left: 5px; float: right; }
 .userfaq { border: #ddd 1px solid; padding: 15px; display: inline-flex; align-items: center; margin-bottom: 15px; background: #f5f5f5; }
 .usertext { margin-left: 15px; }

 .usericon { width: 40px; height: 40px; overflow: hidden; border: #000 2px solid; border-radius: 100px; display: flex; align-items: center; justify-content: center; flex:0 0 40px; }
 .usericon span { background: url(../img/iconsplit.png) no-repeat; width: 30px; height: 30px; background-position: -6px -470px; display: inline-block; margin-left: 0; flex:0 0 30px; }
 .redcircle { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position: -11px -731px; display: inline-block; margin-right: 0px; flex:0 0 20px; }
 .updatedtip { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position: -11px -759px; display: inline-block; margin-right: 0px; flex:0 0 20px;}
 .readby { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position: -12px -580px; display: inline-block; margin-right: 0px; flex:0 0 20px;}
 .userred { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position: -12px -660px; display: inline-block; margin-right: 0px; flex:0 0 20px;}
 .userblack { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position:-12px -696px; display: inline-block; margin-right: 0px; flex:0 0 20px;}

 .iconset span{ margin-right:5px; }
 .readbyuser { background: url(../img/iconsplit.png) no-repeat; width: 20px; height: 20px; background-position:-12px -616px; display: inline-block; margin-right: 5px; }

 .faqpage h4{ font-size:20px; }
 .faqpage ul.iconset { list-style: none; padding: 0px 15px; margin: 0px; display: block; }
 .faqpage ul.iconset li{display: flex; align-items: center; margin-bottom: 10px; }
 .filterpart{}
 .filterpart tr td:first-child{width:25%; }
 .modal-title {display: flex; align-items: center; }
 .staricon.active {background-position: -57px -242px;}
 .table td .btn{ min-width:100%; }

 .table td .btn.editiconbtn {background: url(../img/iconsplit.png) no-repeat; width: 24px; height: 24px; background-position: -13px -928px; display: inline-block; border: none; min-width: auto; font-size: 0px; border-radius: 6px; float: left; margin-right: 20px; }

 .table td .btn.editiconbtn:focus, .table td .btn.editiconbtn:active{ background-color: #192e41; }

 .table td .btn.viewiconbtn {
    background: url(../img/iconsplit.png) no-repeat;
    width: 24px;
    height: 24px;
    background-position: -58px -509px;
    display: inline-block;
    border: none;
    min-width: auto;
    font-size: 0px;
    border-radius: 6px;
    float: left;
    margin-right: 20px;
}
.uploadiconbtn {
    position: relative;
    display: flex;
}
.uploadiconbtn:before {
    content: "";
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../img/iconsplit.png) no-repeat;
    background-position: -58px -541px;
    display: block;
    margin-right: 5px;
}


 .table td .btn.deleteiconbtn{ background: url(../img/iconsplit.png) no-repeat; width: 24px; height: 24px; background-position: -14px -973px; display: inline-block; margin-right: 0; border: none; min-width: auto; font-size: 0px; border-radius: 6px; }

 .table td .btn.deleteiconbtn:focus, .table td .btn.deleteiconbtn:active{ background-color: #192e41; }
 .listingpre th:last-child {width: 150px; }
 .listingpre th:first-child {width: 80px; }
 .listingpre td {padding: 10px 15px; color: rgb(0 0 0 / 0.5); border-top: none; }
 .classictab {  }
 .classictab td {
     font-size: 14px;
     padding: 10px;
 }
 .classicbox{
     height:400px;
     overflow: auto;
 }
  ul.listingtable{
     list-style:none; margin:2px; padding:2px;
   display: block;
     font-size:12px;
 }
  ul.listingtable li{
     list-style:none; margin:0px; padding:2px 2px;

     display:block;

     font-size:12px;
 }
  ul.listingtable li a{
     display: block;
     color:#000;
 }

 .classictab th {
    background: #dddddd;
    color: #192e41;
    border-bottom: none;
    font-weight: 600;
    padding: 10px;
}

 #query.tab-pane h6 { padding: 13px 15px; border: rgb(0 0 0 / 0.1) 1px solid; border-radius: 4px; background: #f5f5f5; margin-bottom: 15px; margin-top: 0; color: rgb(0 0 0 / 0.6); }
 #query.tab-pane h4{margin-bottom:15px; }
.modal-title{
    margin-bottom:0px !important;
}

 /*table*/
 table {border-collapse: separate; border-spacing: 0; min-width: 350px; }
 table tr th, table tr td {border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 5px; }
 table tr th:first-child, table tr th:last-child{ border-top:solid 1px #dddddd;}
 table tr th:first-child, table tr td:first-child { border-left: 1px solid #dddddd; }
 table tr th:first-child, table tr td:first-child {border-left: 1px solid #dddddd; }
 table tr th { background: #eee; text-align: left; }
 table.Info tr th, table.Info tr:first-child td { border-top: 1px solid #dddddd; }
 /* top-left border-radius */
 table tr:first-child th:first-child, table.Info tr:first-child td:first-child {border-top-left-radius: 5px; }

 /* top-right border-radius */
 table tr:first-child th:last-child, table.Info tr:first-child td:last-child {border-top-right-radius: 5px; }
 /* bottom-left border-radius */ table tr:last-child td:first-child {border-bottom-left-radius: 5px; }
 /* bottom-right border-radius */ table tr:last-child td:last-child {border-bottom-right-radius: 5px; }
 /*end table*/

 .recipients {padding: 0; border: #ddd 1px solid; border-radius: 5px; }
 .recipients h3 {background: #ddd; color: #192e41; padding: 0px 15px; font-size: 16px; border-radius: 5px 5px 0px 0px; display: flex; align-items: center; min-height: 43px; margin-bottom: 0px; }
 .recipients .form-control {}
 .puget {display: flex; align-items: center; }
 .photoupload p {margin-bottom: 0px; }
 .querynab{}
 .navbar-nav.querynab {border-radius: 6px; border:none; margin-bottom: 15px; display: flex;  }
 .navbar-nav.querynab.last{ margin-bottom:0px; }
 .navbar-nav.querynab .nav-link {color: #192e41; padding: 7px 10px; text-align: center; font-size: 13px; font-weight: 500; display: inline-block; border: #ddd 1px solid; background: transparent; border-radius: 5px; }
 .navbar-nav.querynab .nav-link:hover {color: #192e41; border: #ddd 1px solid; background:#ddd; }
 .navbar-nav.querynab .nav-item:first-child .nav-link {  color: #192e41; }
 .navbar-nav.querynab .nav-item:last-child .nav-link {  color: #192e41;  }
 .cardpost {padding: 10px; min-height: 320px;  overflow-y: auto;
     height: 10px;}
 .searchri {display: flex; margin-left: auto; }
 .searchri select{width:70px; }
 .cardpost ul {list-style: none; padding: 0; margin: 0px; display: flex; align-items: normal; border-bottom: #ddd 1px solid; border-right: #ddd 1px solid; border-left: #ddd 1px solid;}
 .cardpost ul:first-child {border-top: #ddd 1px solid; border-radius:5px 5px 0px 0px; }
 .cardpost ul:last-child {border-bottom: #ddd 1px solid; border-radius:0px 0px 5px 5px; }
 .cardpost li{list-style:none; padding:0px; margin:0px;}
 .cardpost li p{margin-bottom:0px; }
 .cardpost li:first-child {flex: 0 0 85%; max-width: 85%; border-right: #ddd 1px solid; padding: 10px 10px; }
 .cardpost li:last-child {display: flex; flex-wrap: wrap; flex: 0 0 15%; max-width: 15%; padding: 10px; }
 .dated {float: right; font-size: 12px; }
 .cardpost li:last-child .btn {min-width: 100%; margin-bottom: 8px; }
 .cardpost li:last-child .btn:last-child{margin-bottom:0px; }
 .startdate {display: flex; align-items: center; }
 .startdate label{margin-bottom:0px; }
 .startdate .form-control {width: 157px; font-size: 12px; margin-left: auto; }

 /*@keyframes glowing {
   0% { background:#192e41; color:#ffffff; }
   40% { background:#ddd; color:#192e41; }
   60% { background:#192e41; color:#ffffff; }
   100% { background:#ddd; color:#192e41; }
 }

 .button-glow { animation: glowing 2000ms infinite; }*/
 .fullhometab { flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; }
 .fullhometab{}
 .homefulldesign { display: flex; flex-wrap: wrap; width: 100%; }

 .moreaccordion .card {margin-bottom: 20px; border: none; box-shadow: rgb(0 0 0 / 10%) 0 0 30px 0; }
 .moreaccordion .card-header {padding: 5px; border-radius: 5px; background: #fff; }
 .moreaccordion .card-header div.btn.btn-link {padding: 10px 16px; color: #333333; width: 100%; text-align: left; text-decoration: none; font-size: 18px; position: relative; outline: none; box-shadow: none; border: none; border-radius: 7px; font-weight: 500; }

 .moreaccordion .card-header div.btn.btn-link.collapsed:before {content: ""; position: absolute; right: 15px; top: 8px; background: url(../img/iconsplit.png) no-repeat; width: 30px; height: 30px; background-position: -11px -1241px; }
 .moreaccordion .card-header div.btn.btn-link:before {content: ""; position: absolute; right: 15px; top: 8px; background: url(../img/iconsplit.png) no-repeat; width: 30px; height: 30px; background-position: -11px -1241px; }

 .moreaccordion .card-header div.btn.btn-link .dropdown {position: absolute; right: 60px; top: 7px; }
 .moreaccordion .dropdown .btn.dropdown-toggle {box-shadow: 0px 3px 3px 0px rgb(33 37 41 / 10%); border-radius: 100px; }

 /*.moreaccordion.shot .card-body{
       height: 500px;
     overflow: auto;
 }*/
 /*media*/
 @media (min-width: 1600px){
   .leftsidemenu {width: 4.5%; }
 }
 @media (min-width: 1200px){}

 @media (min-width: 319px){
     .leftsidemenu .nav-item .dropdown-menu{ display: none; position: relative; float: none; background: transparent; box-shadow:none; }
     .leftsidemenu .nav-item:hover .dropdown-menu{ display: block; }
     .leftsidemenu .nav-item .dropdown-menu {margin-top: 0; box-shadow:none; border: none; }
     .leftsidemenu .nav-item:hover .dropdown-menu{display: none; position: relative !important; top:0px !important; transform:none !important; }
     .leftsidemenu .nav-item.show:hover .dropdown-menu.show{display: block; }
 }
 @media (max-width: 1199px){
.dashboardpage.maincls .bgdashmain .nav-tabs .nav-link {
    padding-left: 10px;
    padding-right: 10px;
}
     .leftsidemenu {width: 8%; }
     .leftfull {width: 92%; }
     .dashboardpage.maincls .leftfull {width: 92%; }
     .navbar-nav.querynab .nav-link {padding-left: 7px; padding-right: 7px; font-size: 14px; line-height: 22px; }
     .dashboardpage.maincls .rightside .bgdashmain .form-group {margin-bottom: 10px; display: inline-block; }
     .bgdashmain .nav-tabs .nav-link {padding-left: 15px; padding-right: 15px; font-size: 14px; }
     label {font-size: 14px; }
     .form-control {font-size: 14px;}
     .table td, .table th {font-size:14px; }
     .cardpost li p {font-size: 14px; }
     .cardpost li:first-child {flex: 0 0 80%; max-width: 80%;}
     .cardpost li:last-child {flex: 0 0 20%; max-width: 20%;}
     .status-d {width: 100%; display: block; }
     .dated {width: 100%; display: block; float:none; font-size: 12px; }
     .sidebarleftmenu li a { font-size: 12px; }
     .dashboardpage.maincls .rightside .bgdashmain .lastdiv .form-group {margin-bottom: 0px; }
     .dashboardpage.maincls .rightside .bgdashmain .navbar-nav.querynab { margin-bottom: 10px; }
 }

 @media (max-width: 1200px){}
 @media (max-width: 992px){
     .leftsidemenu {width: 10%; }
     .leftfull {width: 90%; }
     .tablewid {overflow-x: auto; overflow-y: hidden; }
     .dashboardpage.maincls .rightside {}
     .dashboardpage.maincls .rightside .bgdashmain .navbar-nav.querynab {margin-bottom: 10px; margin-top: 0px; }
     .dashboardpage.maincls .leftfull {width: 90%; }
     .bgdashmain .nav-tabs .nav-link {padding-left: 8px; padding-right: 8px; font-size: 13px; }
     /*menuleft*/
.navbar-collapse {
    position: fixed;
    top: 0;
    left: -250px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
    width: 250px;
    transition: all 0.3s ease;
    display: block;
    background: #000000;
    height: 100%;
    overflow: auto;
    z-index: 100;
    padding-top: 15px;
    box-shadow: rgb(0 0 0 / 10%) 0 0 50px 0;
}
button#settingiconbtn {

    padding: 7px 0px 10px 0px;
  
}
     .navbar-collapse.show {left: 0%; }
     .navbar-collapse.collapsing {height: 100% !important;  transition: all 0.3s ease; display: block; }
     .navbar-nav {margin-top: 20px; flex-direction: column-reverse; }
     /*end menu left*/
     .nabdark .navbar-brand {margin-right: 50px; margin-left: 0; }
     /*
     .navbar-nav.querynab .nav-item:first-child .nav-link { border-radius: 0px 0px 5px 5px; }
     .navbar-nav.querynab .nav-item:last-child .nav-link { border-radius: 5px 5px 0px 0px;  }
     */
      .navbar-nav.querynab {flex-direction: column; }
      .darker .imghchat {

    margin-left: 15px;
}
.chattextpage {

    flex: 0 0 89%;
    max-width: 89%;

}
 }
 @media (max-width: 767px){
    .chatformat {padding: 1px 12px 15px;}
    .chatwindowpage {margin: 11px 0; }
     .sidebarleftmenu {width: 29%; margin-left: 2%; }
     .leftfull.createleft {width: 69%; }
     table tr th:first-child, table tr td:first-child , table tr td:last-child ,table tr td {border-left: none; border-right: none; }
     .leftsidemenu .container-fluid {padding-right: 0px; }
     .rigpart .btn {min-width: 100%; font-size: 12px; }
     .rigpart .form-control {font-size: 12px; }
     .leftsidemenu {width: 12%; }
    .dashboardpage.maincls .leftfull {width: 100%; }
     .leftfull {width: 88%; }
     .navbar-nav.querynab .nav-link {font-size: 12px; }
     .bgdashmain {padding: 15px;}
     .table td .btn {min-width: auto; }
     .classictab td:before {content: attr(data-th); font-weight: 600; display: block; width: 40%; }
     .classictab thead th {display: none; }
     .classictab td {display: flex; }
     .classictab {border:none;}
     .classictab tr:nth-child(even){background:#ddd;}
     .classictab tr:nth-child(odd){}
     .menuicon {margin-left: auto; }
     .bgdashmain .nav-tabs {border-bottom: none; }
    /*    .bgdashmain .nav-tabs .nav-link.active {border-bottom: #192e41 3px solid; border-radius: 0px; border-left: none; border-right: none; border-top: none; }*/
     .filterpart .classictab td:before{display: none; }
 }
 @media (max-width: 650px){
    .chattextpage {flex: 0 0 75%; max-width: 75%; }
     .sidebarleftmenu {width: 93%; margin-left: auto; margin-bottom: 15px; margin-right: auto; }
     .leftfull.createleft {width: 100%; }
     .bgdashmain h3 {color: #fa6801; display: block; text-align: center; }
     .sidebarmenu ul {margin: 13px 0px 13px; }
     table tr th:first-child, table tr td:first-child {border-left: none; border-right: none; }
     .classictab td {border-left: none; border-right: none; }
     .classictab {min-width: 100%; }
     .sidebarmenu {width: 230px;}
     .leftind {display: flex; flex-wrap: wrap;}
     .leftsidemenu .bgdashmain {margin-right: 15px; }
     .leftsidemenu {width: 100%; }
     .leftfull {width: 100%; }
     .filterpart tr td:first-child {width: 100%; }
     .usertext span{ font-size:12px; }
     .bgdashmain .nav-tabs {/* justify-content: center; */ /* flex-direction: column; */ flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; padding-bottom: 0px; border-bottom: #192e41 1px solid; }
     .bgdashmain .nav-tabs .nav-link {padding-left: 20px; padding-right: 20px; min-width: 128px; border-bottom: 3px transparent solid; }
     .message {top: 4px; right: 0px;}
     label {min-height: auto; }
     .recipients {margin-bottom: 15px; }
     .properytext{text-align: center; }
     .staricon {flex: 0 0 20px; }
     .cardpost li:first-child { flex: 0 0 75%; max-width: 75%; }
     .cardpost li:last-child { flex: 0 0 25%; max-width: 25%; }
     /*    .dashboardpage.maincls .rightside {width: 50%; position: absolute; right: 0px; }*/
     .dashboardpage.maincls .rightside .bgdashmain {box-shadow: rgb(0 0 0 / 10%) 0px 0px 30px 0px; flex-wrap: nowrap; overflow: scroll; }
         .dashboardpage.maincls .leftfull {width: 100%; }
     /*    .dashboardpage.maincls .rightside .bgdashmain:after { right:91%; top: 5%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ffffff; border-width: 10px; margin-top: -10px; }*/
     .dashboardpage.maincls .rightside .bgdashmain .lastdiv .form-group {margin-bottom: 0; }
     .dashboardpage.maincls .rightside .bgdashmain .navbar-nav.querynab li {margin-bottom: 0; }
     .dashboardpage.maincls .rightside .bgdashmain .navbar-nav.querynab {flex-wrap: nowrap; margin-bottom: 0; }
     .navbar-nav.querynab .nav-link {font-size: 14px; min-width: 90px; white-space: nowrap; }
     .lastdiv {display: flex; flex-wrap: nowrap; }
     .dashboardpage.maincls .rightside .bgdashmain .lastdiv .form-group.navpart{}
     .dashboardpage.maincls .rightside .bgdashmain .lastdiv .form-group {margin-bottom: 0; margin-right: 10px; }

     .dashboardpage.maincls .rightside .bgdashmain .form-group {margin-bottom: 0px; }
     .leftsidemenu .container-fluid.pr-md-0 {padding-right: 15px; }
     .moreaccordion.shot .card-body {height: auto; overflow: visible; }
     .moreaccordion .card-header div.btn.btn-link { font-size: 14px; }
     .dashboardpage.maincls .rightside .bgdashmain .lastdiv .form-group.navpart {width: 200px; }


     .dashboardpage.maincls .rightside .bgdashmain .form-group {
    display: flex;
    align-items: center;
}

.querycls {

    min-width: 70px;
}
 }

 #tip-details { float: left; width: 1000px; overflow-y: auto; height: 500px; padding-top: 20px; padding-bottom: 20px; }

 @media screen and (min-width: 576px){
    .delete_modal  .modal-dialog {
        max-width: 500px;
        margin: 12.75rem auto;
    }
    
 }


 @media (max-width: 767px) {
    .supportpart h4{
           margin-right: 0 !important;
       }  
   }
   
   
   
   
    /*ipad*/
   @media only screen 
     and (min-device-width: 768px) 
     and (max-device-width: 1024px) 
     and (-webkit-min-device-pixel-ratio: 1) {
      
        .d-anriod a {
       margin: 0 10px 15px !important;
   }
     .supportpart h4 p{
           line-height: normal !important;
       }
     }
   


     .pr_btn{
        width: 34px;
        height: 34px;
        background: inherit;
        margin-left: 15px;
        margin-right: 10px;
        border: 1px solid black;
        color: black;
    }
    
    .nxt_btn{
    width:34px;
        height: 34px;
        background: inherit;
        margin-left: 15px;
        margin-right: 10px;
        border: 1px solid black;
        color: black;
    }
    .next_prev_div li a:hover{
       background-color: #333333;
       color: #fff;
    }
    .next_prev_div li span:hover{
        background-color: #333333;
        color: #fff;
     }
     .next_prev_div .disabled{
        pointer-events: none;
        cursor: default;
        opacity: 0.6;
        background-color: lightgrey;
        color: #fff;
     }