.hide{display: none;}
.center{text-align: center!important;}
.right{text-align: right!important;}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1030;
    background: url('../images/preload.png') center no-repeat #000;
    background-size: auto 60%;
}

.bg-mine {
    /*background-color: #eae7fb!important;*/
    background-color: #7145d6!important;
}
header.bg-primary {
    background-color: #ff5cb210!important;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px -400px;
}
.text-mine{
    color: #44307a;
}

.logoBg{
    position: absolute;
    width: 120px;
    height: 120px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 46%;
}

.btn-primary{
    background-color: #7145d6;
    border-color: #7145d6;
}
.btn-primary:hover{
    background-color: #9364FF;
    border-color: #9364FF;
}
.btn-primary:disabled{
    background-color: #9a8cba;
    border-color: #9a8cba;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background-color: #9887C1;
    border-color: #9887C1;
}
.icoSocialMedia{margin: 2px 3px; border-radius: 8px;}

a.payForm.active, a.serviceForm.active{background: #e00292!important;}
.bold{font-weight: bold;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    header.bg-primary {background-position: 0px 0px;}
    .logoBg{left: 35%;top: 159px;}
    .se-pre-con{background-size: 50%;}
    #form-search input {padding: 2px;}
    #lastItem{margin: auto;width: 100%;}
    #modalPayEnd{margin: auto 2%;width: 96%;}
    div.btnsend>button{margin-top: 5px;}
}
@media only screen and (min-width: 768px) {
    .btnTopLabel{margin-top:22px!important;}
    #lastItem{margin: auto 20%;width: 60%;}
    #modalPayEnd{margin: auto 30%;width: 40%;}
    div.btnsend>button{margin-top: 30px;}
}
#content{padding-top: 67px;}
.lblMarginButon{margin-bottom: 0; font-size: 0.7rem;}
.divMarginButon{margin-bottom: 5px;}
.sides-padding{padding: 15px;}
.grids-items{width: 100%;overflow: auto;max-height: 274px;min-height: 274px;padding: 1px;border-top: solid 1px #0d306a;border-bottom: solid 1px #0d306a;}
.grid-item{box-shadow: 0.5px 0.5px 0px 1px #dc3545;border-radius: 4px;height: 38px;margin: 5px 5px 0 0;min-width: 49%;font-size: 0.7rem;}
.my-row{width: 100%;margin-left: 0;display: flex;flex-wrap: wrap;}
#lastItem{position: fixed;top: 0px;z-index: 1030;text-align: center;color: #dc3545;text-shadow: 1px 1px #ffced2;}
#modalPayEnd{position: fixed;top: 100px;z-index: 1032;background-color: #fff;border: solid 1px #ccc;border-radius: 5px;}
#modalPayEnd .payHead{background-color: #eae7fb;}
#modalPayEnd .payHead span{font-weight: bold;font-size: 0.75rem}
#modalPayEnd .payBody{margin: 15px auto;}
#modalPayEnd .payFoot{margin: 5px auto;}
.noPdMg{margin-left: 0;margin-right: 0; padding: 0;}
#background{position: fixed; z-index: 1031; background-color: #1d56f9; opacity: 0.5; width: 100%; height: 100%; top: 0;}
.text1{color:#920808;font-size: 1.3rem;}
.text2{color:#036700 ;font-size: 1.3rem;}
.ui-widget.ui-widget-content{background-color: #e1ebf2;overflow-x: auto;font-size: 0.85rem;}
.closeIcon{margin-top: 8px;color: #d50303;cursor: pointer;}
li.nav-item.active.selected {background-color: #d617e3; border-radius: 11px;}
li.nav-item.active.selectedDev {background-color: #ff7038; border-radius: 11px;}
li.nav-item.active.selectedBanc {background-color: #246e38; border-radius: 11px;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color:#FFFFFF;}
.navbar-dark .navbar-nav .nav-link{color: #006666}
.dishes-table {margin: 0.3rem auto;}
.form-npd{padding: 0.1rem;}
.oddrow{background-color: rgba(255, 255, 255, 0.5)}
.evenrow{background-color: rgba(194, 115, 222, 0.6)}
.fomr-border{border-left:solid 1px #fff;border-right: solid 1px #fff;}
form .pd2{margin: 1rem auto 2rem auto;}
.backgroundpage{position: fixed; top:30px; width: 100%; height: 100%; background-image: url('/images/backgroundlist.jpeg'); background-repeat: no-repeat, repeat; opacity: 0.2;z-index: -1; background-position: 0% 7%; background-size: cover;}
.answer{border:solid 1px #aaaaaa; border-radius: 5px; margin-bottom: 5px;}
.answer:hover{background-color: #f3f3f3;}
.answer.resended {background-color: #ccffe3;}
.progress-bar{background-color: #7145d6; text-align: left;}
.txtProgress{position: absolute; min-width: 140px; padding: 0; margin: 0 0 0 3px; font-size: 0.75rem;}
#preloaderView {width:100%; height:100%; position:fixed; z-index:9999; background-color: #FFFFFF; top: 0;}
.spinner-border {display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite;}
@keyframes spinner-border {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.table.npdmg td{padding: 5px 9px;}
thead.npdmg th, thead.npdmg td{padding: 5px 9px;}