@charset "utf-8";

/* CSS Document */
* {
  box-sizing: border-box !important;
}

body {
  color: #374767 !important;
  background-color: #f1f3f6 !important;
}

.table thead th {
  vertical-align: middle !important;
}

.dt-button span{
  color: #fff;
}

.navbar-nav.mr-auto a,
.navbar-nav.mr-auto .dropdown button{
  padding: 1rem .5rem;
}

.navbar-nav.mr-auto a:hover,
.navbar-nav.mr-auto a.active,
.navbar-nav.mr-auto .dropdown button:hover,
.navbar-nav.mr-auto .dropdown button.active{
  background: #bf4b3d;
}

#myDropdown a.active {
  background-color: #e1e3e9 !important;
  color: #333 !important;
}

.navbar-brand{
  padding: 0;
}

.prev::after{
  content: '\f104'; 
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900; 
  margin-right: 4px;

}

 .next::after {
    content: "\f105"; 
    font-family: 'FontAwesome';
    font-weight: 400; 
    margin-right: 4px;
  }

.datetimepicker-days{
  padding: 5px;
}

.datetimepicker-days tbody tr td,
.datetimepicker-hours tbody tr td span,
.datetimepicker-minutes tbody tr td span{
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
  padding: .2em;
}

.datetimepicker-hours tbody tr td span,
.datetimepicker-minutes tbody tr td span{
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.datetimepicker-days thead tr th{
  font-size: 12px !important;
}

/* .datetimepicker-dropdown-bottom-right {
  min-width: 235px !important;
} */

.datetimepicker-dropdown-bottom-right .table-condensed{
  width: 100%;
}

.form-control:focus,
button:focus{
  outline: unset !important;
  box-shadow: unset !important;
}


.select2-container{
  font-size: 14px;
}

form label{
  font-size: 13px;
font-weight: 601;
}

.modal-header{
  background-color: #dd4b39 !important;
  color: #fff;   
}

.modal-header h4{
  font-size: 13px;
font-weight: 700;
}

.need-main-section .mb-4{
 display: flex;
 align-items: center;
}

.need-main-section .mb-4 img{
  width:70px;
  height:70px;
  float:right;
}

.need-main-section .mb-4 a{
  width:25%;
  float: left;
}

.ms-div-for-page-style table.dataTable.no-footer,
.ms-div-for-page-style table.dataTable thead th, 
.ms-div-for-page-style table.dataTable thead td {
  border-bottom: none !important;
  border-top: none !important;
}

.table thead th,
.table tbody td{
  font-size: 13px !important;
  width: max-content !important;
}

.table tfoot td{
  font-size: 20px !important;
  text-align: right !important;
}

.msdtbtns .dt-buttons{
  padding:2rem 1rem 0;
}

/* .ms-div-for-page-style table th,
.ms-div-for-page-style table td{
  text-align:left !important;
} */

.ms-div-for-page-style .tfoot-total{
  background-color: #fcf8e3;
  font-weight:500;
  width: 35% !important;
font-size: 20px;
font-weight: 600;
}

.ms-div-for-page-style .select2-selection__choice{
  background-color: #3c8dbc !important;
  border-color: #367fa9 !important;
  padding: 1px 10px;
  color: #fff;
  margin-top: 2px !important;
}

.ms-div-for-page-style .select2-selection__choice__remove span{
  color: rgba(255,255,255,0.7) !important;
  border:none !important;
}

.ms-div-for-page-style .select2-selection__choice__remove span:hover{
  color: #fff !important;
}

.ms-div-for-page-style .select2-selection__choice__remove{
  border:none !important;
  background-color: #3c8dbc !important;
  top:-1px !important;
}

.ms-div-for-page-style .select2-selection--multiple{
  padding-bottom: 2px !important;
}

.ms-div-for-page-style h3{
  font-size: 20px;
  font-weight: 700;
}

.ms-div-for-page-style h4{
  background-color: #d9edf7;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
}
.ms-div-for-page-style  .as-row{
    border-bottom: solid 1px gray;
  margin-bottom: 5px;
  margin-right: 1px;
  margin-left: 1px;
  }

  .ms-div-for-page-style .as-form button[type="submit"],.as-form a{
    background-color: #dd4b39;
    border-color: #d73925;
    outline: none;
  }

  .ms-div-for-page-style .box-body{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 50px 20px;
  }

  .ms-div-for-page-style .box{
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #337ab7;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    margin-top: 20px;
  }

  .ms-div-for-page-style  .as-form .col{
    max-width: 15%;
  }

  .ms-div-for-page-style  .as-form .asselectcol{
    max-width: 22%;
  }

  .ms-div-for-page-style   .as-submit-btn{
    width:20%;
    float: left;
    margin-top:39px;
  }

  .ms-div-for-page-style   .as-submit-btn .btn{
    width:48%;
    float: left;
    outline:none;
  }

  .ms-div-for-page-style  .as-form label{
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    font-weight: bold;
  }

  .ms-div-for-page-style  .as-row p{
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    font-weight: 500;
  }
  
  .ms-div-for-page-style  .as-form a:hover{
    background-color: #dd4b39 !important;
    border-color: #d73925 !important;
  }

.btn-primary{
  background-color: #dd4b39 !important;
  border: #dd4b39 !important;
}

.msform input {
  border-left: none;
  border-right: none;
  border-top: none;
  padding-left: 30px;
  font-size: 14px;
  outline: none;
  border-bottom: 1px solid;
}

.msul li a,
.msul a {
  color: #374767 !important;
}

.msul {
  padding: 7px 0px !important;
}

.msul:hover {
  background: #f1f3f6;
}

.ms-data .datatable_wrapper .row {
  margin: 0px;
}

.ms-data {
  overflow-y: scroll;
  height: 450px;
  padding: 0px 20px;
}

.msrow h6 {
  text-transform: uppercase;
}

.msbganchor {
  height: 500px;
}

.mstitle h6 {
  border-bottom: 1px solid #e5e6eb;
}

.msrow .msdata a,
.ms9row table th,
.ms9row table td {
  font-size: 12px;
}

.mscontainerdashboard span {
  font-size: 12px;
}

.mscontainerdashboard .msbgwhite {
  padding: 10px 20px;
}

.mscontainerdashboard .mssidebar {
  height: auto;
  background: #fff;
}

.mscontainerdashboard h3 {
  font-weight: 700;
  margin: 0px;
}

.mscontainerdashboard .msicon {
  font-size: 30px;
}

.mscontainerdashboard .fa-rotate-270 {
  font-size: 15px;
}

.mssidebar .display{
  height: 100vh;
  overflow-y: scroll;
  /* scrollbar-width: none;
  scrollbar-color: transparent transparent; */
}

.mspopupstyleindex,
.mspopupstyleindexd {
  top: 10%;
  left: 200px;
  display: block;
  position: absolute;
  z-index: 999;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  background-color: #fff;
  width: 250px;
  font-size: 13px;
}

table{
  background: #fff !important;
}

.mspopupdata {
  padding: 15px;
}

.mspopupdata span{
  font-size: 15px !important;
}

.mspopupstyleindex a,
.mspopupstyleindexd a {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  width: 100%;
  float: left;
}

#viewdetail,
#viewdetails {
  position: relative;
}

.dt-button {
  background-color: #3c8dbc !important;
  border-color: #367fa9 !important;
  color: #fff;
  padding: 0px 10px;
  border-radius: 5px;
}
.display{
  display: block !important;
}
.pagination li {
  padding: 0px !important;
}

.sl_popup {
  display: none;
}

.mspopupstyle {
  position: absolute;
  z-index: 9999;
  right: 225px;
}

/* .mspopupstyle table{
  background: blanchedalmond;
  padding: 20px;
} */
.mspopupstyle th,
.mspopupstyle td {
  font-size: 12px;
  padding: 20px 10px !important;

}

.mspopupstyle th {
  text-align: center;
  background: darkcyan;
  color: #fff;
}

.mspopupstyle td {
  background: #e5e6eb;
}

#web_img {
  background-image: url("../img/Home-Page-Hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px
}

#web {
  padding-top: 195px;
}

#web h2 {
  line-height: 7px !important;
}

#web h3,
#web b,
.ana b {
  color: #EB8B23;
  font-size: 52px;
  font-weight: 300;
  line-height: 100px;
  cursor: text;
  font-family: Brush Script MT;
  letter-spacing: -7px;
}

#web p {
  font-size: 20px;
  font-weight: 500;
  line-height: 35px
}

.foc h2,
.turn {
  font-size: 35px;
  letter-spacing: -3px;
  text-transform: uppercase;
  font-weight: 900;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
}

#sotry_box_12 .btn-group {
  position: absolute;
  bottom: 35px;
  left: 57px;
}

.foc .col-md-12 {
  padding: 0px 170px;
}

.head_h h2 {
  text-transform: uppercase !important
}

form .col label,
form .my-2 {
  margin-top: 15px !important;
  margin-left: 3px !important;
  margin-bottom: 3px !important;
}

#manage_img {
  background-image: url("../img/CPM20-0064_DDC_Product-Pages_Managed-Services_Hero-Image@2x.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px
}

.img_33 img {
  height: 210px
}

.img_33 h5 {
  font-size: 27px !important;
}

.img_33 p {
  font-size: 16px !important;
  line-height: 31px !important;
}

#digital_img {
  background-image: url("../img/CPM20-0064_DDC_Product-Pages_Digital-Retailing_Hero-Image-2_2841x1313_v1-scaled.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 450px
}

#simple {
  padding: 250px 340px;
}

.img_o {
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 450px
}

#advertising_img {
  background-image: url("../img/CPM20-0064_DDC_Product-Pages_Advertising_Hero-Image-1_2841x1313_v2-scaled-1.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 825px
}

#put_add h6 {
  color: #000000;
  font-size: 26px;
  font-weight: 600;
  font-style: normal;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 37px;
}

#anc a {
  color: #EB8B23;
  font-family: Smooch;
  font-size: 40px;
  font-weight: 300;
  line-height: 100px;
  cursor: text;
}

#put_add p {
  font-size: 20px;
  font-weight: 500;
  line-height: 29px
}

#put_add h2 {
  line-height: 27px
}

.d_down:hover {
  background: #000;
  color: #fff;
  transform: scale(1.2);
  transition: 1s ease;
}

.p_style {
  width: 50%;
  float: left;
  font-weight: 700 !important;
  font-size: 25px !important;
}

.p_style b {
  color: #EB8B23;
  margin-right: 15px;
  font-family: Brush Script MT;
  font-size: 40px;
}

#navbar {
  padding: 0px 17px;
}

.logo_img img {
  height: 40px;
}

a {
  text-decoration: none !important;
}

#nav {
  background: #000
}

#nav ul li {
  font-size: 17px;
  font-weight: 600;
}

#nav ul li a:hover {
  color: #FD9F03
}

.srch_login ul li a:hover {
  color: #fff !important;
}

/* .row input,.log input, select{border-left:none;border-right:none;border-top:none;outline:none;} */
#buyr_find,
#head_box4 {
  background: #f5f5f0
}

li {
  list-style: none !important
}

#solv ul li a {
  color: #000;
}

#solv ul li a:hover {
  color: #EB8B23;
}

#solv p a {
  color: #000;
}

#solv p a:hover {
  color: #EB8B23;
}

#solution,
#res_menu,
#about_menu {
  display: none;
  background: #f5f5f0;
  padding: 30px 0px;
  position: absolute;
  z-index: 1;
}

#solution .card img {
  height: 175px
}

#solution .card img:hover,
#res_menu .card img:hover {
  background: rgba(0, 0, 0, 0.5);
}

/*sharafat ali*/
.shmodal {
  width: 63%;
  margin: auto;
}

table td .btn {
  padding: 0.075rem 0.75rem !important;
}

.tpicker {
  z-index: 99 !important;
}

.site_sh_btn {
  margin-top: 35px;
}

.sh-scrol {
  width: 100% !important;
  overflow: auto;
}

.dropdown bg-info:hover {
  background-color: none !important;
  outline: none !important;
}

.dropdown bg-info:focus {
  background-color: none !important;
  outline: none !important;
}


/*sharafat ali*/
.form_styl .col-md-8,
.form_styl .col-md-6 {
  margin: 0 auto;
  box-shadow: 1px 1px 7px 4px grey;
  border-radius: 8px;
}

.srch form input {
  border-left: none;
  border-right: none;
  border-top: none;
  background: #000;
  border-bottom: 1px solid gray;
  color: aliceblue;
  padding-left: 15px;
  font-size: 18px;
  outline: none;
}

.srch form i {
  position: absolute;
  top: 22px;
  right: 15px;
  color: darkgray;
  font-size: 18px;
  cursor: pointer;
}

.pos_div .col-md-4 a {
  font-size: 13px;
  color: white;
  cursor: pointer;
  font-weight: 600
}

.pos_div .col-md-4 a:hover {
  color: #EB8B23;
}

.pos_div .col-md-4 ul li {
  list-style: inside !important;
  color: #fff;
  cursor: pointer
}

.pos_div {
  position: absolute;
  right: 473px;
  top: 63px;
  width: 26%;
  background-color: rgba(50, 50, 50, .9);
  z-index: 1;
}

.pos_div p {
  padding: 15px 0px 0px 20px;
  font-size: 14px;
  font-weight: 600;
}

#res_menu .card img,
#about_menu .card img {
  height: 215px
}

#res_menu .col-md-12,
#about_menu .col-md-12 {
  padding: 0px 200px;
}

#support_img {
  background-image: url("../img/SupportPartner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
}

#story_img2 {
  background-image: url("../img/DDC-blank-background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
}

.overlay {
  background: rgba(0, 0, 0, 0.5);
  padding: 175px 75px 140px !important
}

#st_p {
  padding: 0px 230px;
}

.overlay_s {
  background: rgba(0, 0, 0, 0.5);
  padding: 220px 75px 243px !important
}

#support {
  padding: 60px 200px
}

.overlay p {
  font-size: 19px;
  font-weight: 600;
}

.overlay_s p {
  font-size: 20px;
}

.footer h3 a {
  text-decoration: none;
  border-bottom: 2px solid #FD9F03;
  margin-right: 10px;
}

.imgg {
  background-image: url("../img/std5.jpg");
  height: 400px;
  background-size: cover;
  opacity: .2
}

.buyr {
  padding: 50px 100px !important;
}

.buyr .row h2 {
  font-size: 50px;
  font-family: Oswald Stencil;
  line-height: 60px;
}

.btn_edit {
  font-weight: 600;
  text-transform: uppercase;
  background-color: #f57224;
  border-radius: 4px 4px 4px 4px;
  padding: 14px 30px 14px 30px;
}

#generate h2 {
  color: #000000;
  font-size: 52px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
  padding-top: 50px;
}

.generate {
  padding: 0px 160px !important
}

#generate_img {
  padding-top: 80px
}

.generate_p p {
  letter-spacing: .01em;
  line-height: 180%;
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 25px;
  color: #000;
}

#box .col-md-12 {
  box-shadow: 1px 1px 7px 1px #e5e6eb;
}

#box4 {
  padding: 80px 40px 20px
}

#box4 h2 {
  padding-top: 50px;
  font-size: 25px;
  font-weight: 700;
}

#box4 p {
  padding-bottom: 100px
}

#box4 a {
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 24px;
  fill: #EB8B23;
  color: #EB8B23;
}

#box4 .h2 {
  padding-top: 55px
}

#box .col-md-12:hover {
  box-shadow: 1px 1px 10px 7px grey;
  border: 1px solid #EB8B23;
  transform: scale(1.1);
  transition: 1s ease;
}

#btry {
  background: #f57224;
}

#btry .row h2 {
  font-size: 50px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
}

#btry .row h1 {
  padding-top: 20px;
  font-size: 100px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
}

#btry .col-md-12 {
  padding: 50px 100px
}

#btry p {
  font-size: 28px;
  font-weight: bold;
  padding: 0px 80px;
}

#guided_tour {
  background: #000;
}

#guided_tour h2,
#web h2,
#simple h2 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
  color: #EB8B23;
  letter-spacing: -3px;
  text-transform: uppercase;
}

#guided_tour .col-md-12 {
  padding: 0px 230px
}

.shmodal {
  width: 100%;
  margin: auto;
  max-width: 700px;
}

#guided_tour p {
  color: #fff;
  letter-spacing: .01em;
  line-height: 180%;
  margin-bottom: 1rem;
  font-size: 20px;
}

#guided_tour a {
  font-weight: 700;
  background-color: #f57224;
}

#stories h2 {
  font-size: 40px;
  letter-spacing: -3px;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
}

#stories p,
.foc p {
  letter-spacing: .01em;
  line-height: 180%;
  margin-bottom: 1rem;
  font-size: 17px;
  color: #000;
}

#stories .col-md-12 {
  padding: 0px 225px
}

#stories {
  padding: 80px 15px
}

#metrics {
  background-color: #3A3A3C;
}

#metrics h2 {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -3px;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
  padding-top: 80px;
  margin-bottom: 0px
}

#metrics a {
  font-weight: 700;
  background-color: #f57224;
}

#metrics p {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 25px;
}

#resources h2 {
  font-size: 50px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
}

#st_p h2 {
  font-size: 85px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
}

#resources .r_p {
  font-size: 17px;
  color: #000;
  margin-bottom: 50px;
}

#resources {
  padding: 100px 0px;
}

#resources img {
  height: 260px
}

#resources h5 {
  font-weight: 600;
  font-size: 17px
}

#resources .card p {
  font-size: 15px;
  opacity: .8;
}

#resources a,
#registration button {
  font-weight: 700;
  background-color: #f57224;
  color: #fff;
}

#resources .card {
  border: 1px solid #EB8B23;
  border-radius: 0px;
}

#registration {
  background: #000;
  padding: 50px 50px;
}

#registration h2,
#support_img h2,
#support h2 {
  font-size: 50px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2em;
  font-family: Abril Fatface;
}

#registration p {
  font-size: 20px;
  font-weight: 600;
}

#registration form {
  border-radius: 8px
}

#registration img {
  padding: 0px 110px !important
}

#registration h5 {
  padding: 20px 0px 45px;
  color: #000000;
  font-weight: bold;
  font-family: "Oswald Stencil", Sans-serif;
  font-size: 17px;
}

#registration form select {
  background: #fff
}

#registration button {
  margin: 60px 0px;
}

#support a {
  font-weight: 700;
  background-color: #f57224;
  color: #fff;
  font-size: 14px;
  padding: 10px 18px;
}

#support a:hover {
  color: #000;
}

#demo {
  position: fixed;
  left: -40px;
  top: 57px;
  z-index: 1
}

#demo a {
  font-weight: 700;
  font-size: 14px;
  padding: 10px 42px;
  letter-spacing: 1px;
}

#sotry_box_12 {
  padding: 50px 43px 100px;
  background: #E6E6E6;
}

#sotry_box_12 h5 {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}

#sotry_box_12 a {
  font-weight: 600;
  background-color: #f57224;
  color: #fff;
  padding: 7px 44px;
  font-size: 17px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 95px;
  margin: 0px !important
}

#sotry_box_12 .btn-group a {
  font-weight: 500;
  background-color: #f57224;
  color: #fff;
  padding: 8px;
  font-size: 17px;
  text-transform: uppercase;
  position: initial;
  ;
  bottom: 0px;
  left: 0px;
  margin: 0px !important
}

#sotry_box_12 a:hover {
  color: #000;
}

#sotry_box_12 .col-md-12 {
  margin: 20px 0px
}

#sotry_box_12 .card {
  border: none;
  padding: 25px 20px;
  border-radius: 0px !important;
  height: 100%;
}

#sotry_box_12 .card img {
  border-radius: 0px !important;
}

#sotry_box_12 .card-text {
  padding: 0px 0px 65px;
  letter-spacing: .01em;
  line-height: 180%;
  margin-bottom: 1rem;
  font-size: 14px;
}

#sotry_box_12 .card-body {
  padding: 25px 0px
}

.pk1 .row .hr {
  width: 28% !important;
}

.log a {
  float: right;
}

.pagination .paginate_button:hover {
  background: none !important;
  border: none !important;
}

#datatable_filter {
  margin-right: 6px !important;
}

.h4 {
  background-color: #17a2b8;
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
}

/**************************/
.shadd {
  float: right;
}

.mscontainerdashboard{
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.ms2formbl{
  padding-right: 0.5rem;
}

.ms-bank-form{
  width: 60%;
margin: 0 auto;
background: #fff;
padding: 30px;
box-shadow: 0 0 10px 0 #e5e6eb;
}
.logo img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

@media only screen and (min-width:768px) and (max-width:2000px) {
.dataTables_wrapper .dataTables_length label{
  display: block ruby;
}

.dataTables_wrapper .dataTables_length select.custom-select{
  float: right;
}

}

@media only screen and (min-width:240px) and (max-width:700px) {

  .msrowreverse{
    flex-direction: column-reverse;
  }

  .msbganchor {
    min-height: auto !important;
    height: unset !important;
  }

  .shadd{
    max-width: 100px !important;
    padding: 0 !important;
  }

  .mssidebar .display {
    height: 70vh !important;
  }
  .need-main-section .mb-4{
    display: block !important;
  }

  .need-main-section .mb-4 img{
    float:unset !important;
    margin: 10px 0 30px;
  }
  
  .need-main-section .mb-4 a{
    width:100% !important;
    float: left;
    text-align: center;
  }

  .need-container .col-md-7{
    float: left;
  }

  .need-main-section span{
    font-size: 15px !important;
  }

  .ms-bank-form{
    width:100% !important;
  }
  .mscontainerdashboard{
    padding: 0 .7rem !important;
  }

  .msformbl{
    padding: 0 !important;
    margin-top: 1rem;
  }
  .msbgwhite h5{
    font-size: 12px;
  }

  .ms9row,
  .ms6boxformbl,
  .ms9formbl{
    margin-top: 1rem;
  }

  .dt-buttons {
    width: 100% !important;
    float: left;
  }

  .ms9row .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
  }

  .ms9formbl,
  .ms2formbl{
    padding: 0 !important;
  }

  .mscontainerdashboard .msicon {
    font-size: 18px;
    padding: 0px !important;
    position: absolute;
    bottom: 37px;
    right: 29px;
  }

  .mscontainerdashboard .msbgwhite {
    padding: 30px 8px;
  }

  .mscontainerdashboard h3{
    font-size: 19px;
  }


  .shadd {
    text-align: center !important;
    float: left !important;
  }

  .contedit {
    padding: 3px 7px !important;
  }

  .continactive {
    padding: 3px 10px !important;
  }

  form .col label {
    margin-left: 3px;
    margin-top: 0px !important;
  }

  form .col,
  form input,
  form textarea {
    width: 100% !important;
    flex: 100% !important;
    max-width: 100% !important;
  }

  form .h4 {
    font-size: 18px !important;
    margin-top: 25px !important;
  }

  form select {
    width: 100% !important;
  }

  form .col {
    padding: 5px !important;
    margin-top: 10px;
  }

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

  .hed_inpt input {
    width: 100% !important;
    float: left;
    padding: 0px;
    border-radius: 7px !important;
    margin-right: 15px
  }

  .hed_inpt .bb {
    padding-left: 15px !important;
    margin: 7px 0px;
    padding-right: 0px !important;
  }

  .hed_inpt .row {
    padding-right: 30px;
  }

  .account {
    background: red;
    border-radius: 8px;
    margin-left: 15px !important;
    width: 50%;
    text-align: center;
    margin-top: 30px
  }

  .account:hover {
    background: green;
  }
}

@media only screen and (min-width:200px) and (max-width:479px) {

  .navbar-toggler {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }

  .as-form .asselectcol {
    max-width: 100% !important;
  }

  .as-submit-btn {
    width: 100% !important;
  }

  .site_sh_btn {
    margin-top: 0px;
  }

  #navbar {
    padding: 5px 12px !important;
  }

  .log a {
    float: left !important;
    padding-left: 0px !important;
  }

  table td .btn {
    padding: 1px 7px !important;
  }

  .fa-xmark {
    padding: 1px;
  }

  .site-edit {
    margin-top: 5px;
    padding: 6px 20px;
  }

  /* .no-footer{width: 100%; overflow: scroll;} */
  .logo_img img {
    padding-left: 0px !important;
    margin-right: 0px !important;
  }

  .logo_img {
    margin-right: 0px !important;
  }

  form .form-control {
    width: auto;
  }

  .shmodal {
    width: 90%;
  }

  .shadd {
    padding-right: 0px !important;
  }

  /* #datatable_length,
  #datatable_filter {
    text-align: left !important;
  } */

}

@media only screen and (min-width:480px) and (max-width:767px) {
  .need-main-section .mb-4{
    display: block !important;
  }

  .need-main-section .mb-4 img{
    float:unset !important;
    margin: 10px 0 30px;
  }
  
  .need-main-section .mb-4 a{
    width:100% !important;
    float: left;
    text-align: center;
  }

  .need-container .col-md-7{
    float: left;
  }

  .need-main-section span{
    font-size: 15px !important;
  }

  .ms-bank-form{
    width:100% !important;
  }
  .navbar-toggler {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }

  .as-form .asselectcol {
    max-width: 100% !important;
  }

  .as-submit-btn {
    width: 100% !important;
  }

  .site_sh_btn {
    margin-top: 0px;
  }

  table td .btn {
    padding: 1px 10px !important;
  }

  .fa-xmark {
    padding: 2px;
  }

  .log a {
    float: left !important;
    padding-left: 0px !important;
  }

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

  #navbar {
    padding: 10px 15px !important;
  }

  /* .no-footer{width: 100%; overflow: scroll;} */
  .logo_img img {
    padding-left: 0px !important;
    margin-right: 0px !important;
  }

  .logo_img {
    margin-right: 0px !important;
  }
/* 
  form .form-control {
    width: auto;
  } */

  .shmodal {
    width: 90%;
  }

  .shadd {
    padding-right: 0px !important;
  }

  #datatable_length,
  #datatable_filter {
    text-align: left !important;
  }
}


.tuh_same_id {
  width: 100%;
  float: left;
  padding: 10px;
  background: #eeb1a8;
  margin: 2px;
}

.tuh_btn {
  padding: 10px 10px !important;
}

@media only screen and (min-width:767px) and (max-width:992px) {

  .need-main-section .mb-4{
    display: block !important;
  }

  .need-main-section .mb-4 img{
    float:unset !important;
    margin: 10px 0 30px;
  }
  
  .need-main-section .mb-4 a{
    width:100% !important;
    float: left;
    text-align: center;
  }

  .need-main-section span{
    font-size: 15px !important;
  }

  .ms-bank-form{
    width: 80% !important;
  }

  .navbar-toggler {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }

  .as-submit-btn {
    width: 25% !important;
  }

}