*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div,a,body,button,h1,h2,h3,h4,h5,h6,input,ol,ol li,p,select,table,td,textarea,ul,ul li,label,div{margin:0;padding:0;font-family:'Inter', sans-serif !important; outline: 0px !important;}ul{list-style:none;list-style-image:none}ul li{list-style:none;list-style-image:none}a{text-decoration: none;outline:0;-webkit-font-smoothing:antialiased;}button,input,select,textarea{outline:0;box-shadow:none}.noborder{border:0 !important}.nobT{border-top:0px}.nobB{border-bottom:0px}.nobL{border-left:0px}.nobR{border-right:0px}.position-relative{position:relative}.position-absolute{position:absolute}.float-left{float:left}.float-right{float:right}.clearfix{clear:both}.d-flex{ display: flex}.flex-column{flex-direction: column;}.flex-wrap{flex-wrap: wrap;}.justify-content-start{justify-content: flex-start;}.justify-content-end{justify-content: flex-end;}.justify-content-between{justify-content: space-between;}.justify-content-center{justify-content: center;}.align-items-center{ align-items: center;}.align-items-start{ align-items: flex-start;}.d-block{display:block}.d-inline{display: inline;}.d-inline-block{display:inline-block}a,a:focus,a:hover{text-decoration:none}.cursor-pointer{cursor:pointer}.vertical-middle{vertical-align:middle}.vertical-top{vertical-align:top}.vertical-bottom{vertical-align:bottom}.break_word{word-break: break-word;}.uppercase{text-transform:uppercase}.mAuto{margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-5{font-size:5px}.text-8{font-size:8px}.text-10{font-size:10px}.text-12{font-size:12px!important}.text-14{font-size:14px!important}.text-15{font-size:15px!important}.text-16{font-size:16px!important}.text-18{font-size:18px!important}.text-20{font-size:20px!important}.text-22{font-size:22px!important}.text-24{font-size:24px!important}.text-26{font-size:26px!important}.text-30{font-size:30px!important}.text-40{font-size:40px!important}.lh-14{line-height:14px}.lh-16{line-height:16px}.lh-20{line-height:20px}.lh-22{line-height:22px}.lh-24{line-height:24px}.lh-26{line-height:26px}.lh-28{line-height:28px}.lh-30{line-height:30px}.lh-40{line-height:40px}.lh-50{line-height:50px}.bRadius5{ border-radius: 5px;}.bRadius8{ border-radius: 8px;}.bRadius10{ border-radius: 10px;}.bRadius20{ border-radius: 20px;}.wt600{font-weight:600}.wt500{font-weight:500}.wt400{font-weight:400}.wt300{font-weight:300}.wt100{font-weight:100}.vh100{height: 100vh;}.w-0{width:0}.w-3{width:3%}.w-5{width:5%}.w-7{width:7%}.w-8{width:8%}.w-10{width:10%}.w-12{width:12%}.w-13{width:13%}.w-15{width:15%}.w-20{width:20%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-27{width:27%}.w-30{width:30%}.w-32{width:32%}.w-33{width:33%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-68{width:68%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-82{width:82%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-100{width:100%}.w-250px{ width:250px;}.w-300px{ width:300px;}.w-500px{ width:500px;}.w-600px{ width:600px;}.noM{margin:0}.noMT{margin-top:0}.noMB{margin-bottom:0}.noML{margin-left:0}.noMR{margin-right:0}.mT0{margin-top:0px}.mT5{margin-top:5px}.mT10{margin-top:10px}.mT15{margin-top:15px}.mT20{margin-top:20px}.mT25{margin-top:25px}.mT30{margin-top:30px}.mT35{margin-top:35px}.mT40{margin-top:40px}.mT45{margin-top:45px}.mT50{margin-top:50px}.mT60{margin-top:60px}.mT70{margin-top:70px}.mT80{margin-top:80px}.mT90{margin-top:90px}.mT100{margin-top:100px}.mB5{margin-bottom:5px}.mB10{margin-bottom:10px}.mB15{margin-bottom:15px}.mB20{margin-bottom:20px}.mB25{margin-bottom:25px}.mB30{margin-bottom:30px}.mB35{margin-bottom:35px}.mB40{margin-bottom:40px}.mB45{margin-bottom:45px}.mB50{margin-bottom:50px}.mB60{margin-bottom:60px}.mB70{margin-bottom:70px}.mB80{margin-bottom:80px}.mB90{margin-bottom:90px}.mB100{margin-bottom:100px}.mL5{margin-left:5px}.mL10{margin-left:10px}.mL15{margin-left:15px}.mL20{margin-left:20px}.mL25{margin-left:25px}.mL30{margin-left:30px}.mL35{margin-left:35px}.mL40{margin-left:40px}.mL45{margin-left:45px}.mL50{margin-left:50px}.mL60{margin-left:60px}.mL70{margin-left:70px}.mL80{margin-left:80px}.mL90{margin-left:90px}.mL100{margin-left:100px}.mL110{margin-left: 110px}.mL120{margin-left: 120px}.mR5{margin-right:5px}.mR10{margin-right:10px}.mR15{margin-right:15px}.mR20{margin-right:20px}.mR25{margin-right:25px}.mR30{margin-right:30px}.mR35{margin-right:35px}.mR40{margin-right:40px}.mR45{margin-right:45px}.mR50{margin-right:50px}.mR60{margin-right:60px}.mR70{margin-right:70px}.mR80{margin-right:80px}.mR90{margin-right:90px}.mR100{margin-right:100px}.noP{padding:0}.noPT{padding-top:0}.noPB{padding-bottom:0}.noPL{padding-left:0}.noPR{padding-right:0}.pT5{padding-top:5px}.pT10{padding-top:10px}.pT15{padding-top:15px}.pT20{padding-top:20px}.pT25{padding-top:25px}.pT30{padding-top:30px}.pT35{padding-top:35px}.pT40{padding-top:40px}.pT45{padding-top:45px}.pT50{padding-top:50px}.pT60{padding-top:60px}.pT70{padding-top:70px}.pT80{padding-top:80px}.pT90{padding-top:90px}.pT100{padding-top:100px}.pB5{padding-bottom:5px}.pB10{padding-bottom:10px}.pB15{padding-bottom:15px}.pB20{padding-bottom:20px}.pB25{padding-bottom:25px}.pB30{padding-bottom:30px}.pB35{padding-bottom:35px}.pB40{padding-bottom:40px}.pB45{padding-bottom:45px}.pB50{padding-bottom:50px}.pB60{padding-bottom:60px}.pB70{padding-bottom:70px}.pB80{padding-bottom:80px}.pB90{padding-bottom:90px}.pB100{padding-bottom:100px}.pL5{padding-left:5px}.pL10{padding-left:10px}.pL15{padding-left:15px}.pL20{padding-left:20px}.pL25{padding-left:25px}.pL30{padding-left:30px}.pL35{padding-left:35px}.pL40{padding-left:40px}.pL45{padding-left:45px}.pL50{padding-left:50px}.pL60{padding-left:60px}.pL70{padding-left:70px}.pL80{padding-left:80px}.pL90{padding-left:90px}.pL100{padding-left:100px}.pR5{padding-right:5px}.pR10{padding-right:10px}.pR15{padding-right:15px}.pR20{padding-right:20px}.pR25{padding-right:25px}.pR30{padding-right:30px}.pR35{padding-right:35px}.pR40{padding-right:40px}.pR45{padding-right:45px}.pR50{padding-right:50px}.pR60{padding-right:60px}.pR70{padding-right:70px}.pR80{padding-right:80px}.pR90{padding-right:90px}.pR100{padding-right:100px}.p5{padding:5px}.p10{padding: 10px;}.p15{padding: 15px;}.p20{padding: 20px;}.p30{padding: 30px;}.text-cap{text-transform: capitalize;}.border_ddd{ border:1px solid #ddd;}.box_shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);}.word_break{ word-break: break-word;}.break_all{ word-break: break-all;}.text_dec_none{ text-decoration:none; }
::-webkit-scrollbar { width: 5px;  height: 5px;}
::-webkit-scrollbar-button {  background: #ccc}
::-webkit-scrollbar-track-piece {  background: #eee}
::-webkit-scrollbar-thumb {  background: #eee}
.material-symbols-outlined { font-variation-settings: 'wght' 300;}

.color_666{color: #666}
.color_ccc{ color:#ccc }
.color_fff{ color: hsl(0, 0%, 100%);}
.color_444{ color: #444;}
.color_57606F{ color:#57606F; }
.color_A8A8A8{ color:#A8A8A8 }
.color_A0A0A0{ color:#A0A0A0 }
.color_475467{ color:#475467 }
.color_848484{ color:#848484 }
.color_101828{ color:#101828 }
.color_9B9B9B{ color:#9B9B9B }
.color_718096{ color:#718096 }
.color_0B57D0{ color:#0B57D0 }
.color_blue_primary{ color:#2563EB }
.bg_gray{ background-color:#F3F3F3}
.bg_white{ background-color:#FFF !important}
.inner_bg_color{ background-color:#F8F9FA; }
.min-100vh{ min-height:100vh; }
.min-h-450px{ min-height:450px; }
.main_wrapper{ width: 100%; margin: 0px auto; padding: 0px 20px;}
.login_template{ display:flex; justify-content:center; align-items:center;  min-height:100vh; overflow:visible; padding: 2px 0; }
.login_wrap{ width:100% }
.login_container{background-color:#fff; border-radius:20px; width:550px; max-width: 600px; margin:0 auto; padding:50px 50px 2px 50px; min-height: 620px; display: flex; flex-direction: column; justify-content: start;}
.login_template .login_form {
  flex: 1;
  max-height: none;
  /* overflow-y: visible; */
}
/* Full-page wrapper */
.discovery_template {
  background-color: #F3F3F3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding: 2px 0;
}

.discovery_container {
  background-color: #fff;
  border-radius: 20px;
  width: 610px;
  max-width: 620px;
  margin: 0 auto;
  padding: 50px 50px 10px 50px;
  min-height: 590px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  font-family: "Inter", sans-serif !important;
}

.discovery_form {
  flex: 1;
}

.discovery_details {
  width: 100%;
  margin-top: 30px;
}

.discovery_footer {
  width: 550px;
  margin: 0 auto 0;
  color: #505050;
  font-size: 12px;
}

.discovery_footer a {
  margin-left: 15px;
  background-color: transparent;
  padding: 8px 12px;
  border-radius: 8px;
  color: #505050;
  text-decoration: none;
  font-size: 12px;
  line-height: 18px;
}

.discovery_footer a:hover {
  background-color: #d9d9d9;
}

.discovery-header{max-width: 1200px; margin: 0 auto}
.discovery_logo {width: 100%; padding: 45px 32px;}
.discovery_logo img{ width:130px; max-width: 1200px; }


.login_logo { width:50%; }
.login_header_text{ width:50%; }
.login_logo img{ width:160px; }
.login_header_text p { font-size:24px; line-height: 29px; color:#000; margin:0px; padding:0px; text-align:right; font-weight:500 }
.login_header_text p span{ display:block; font-weight:800; }
.sign_in_text p{ font-size:28px; line-height: 44px; color:#000; font-weight:600; text-align:left; margin:0px; padding:0  }
.sign_in_text p span{ font-size:24px; display:block; }
.form_field_container{ width:100%; margin-bottom:25px; }
.form_field_container label{ font-size:16px; color:#444444; text-align:left; margin-bottom:12px; display:block; font-weight:500; }
.form_input_field{ width:100%; position:relative; }
.form_input{border-radius:40px; border:1px solid #C5C5C5; height:44px; padding:10px 20px; width:100%; text-align:left; font-size:14px; color:#000; display: flex; align-items: center; justify-content: flex-start;}
.form_input input{ border: 0; width: 90%;}
.form_input span{ color:#9B9B9B; font-size:20px; margin-right:7px; }
.form_input:focus-within{ border-color:#0B57D0 !important; }
.form_input:focus-within span{ color:#0B57D0; }
.form_input:has(input:not(:placeholder-shown)) {border-color: #0B57D0;}
.form_input:has(input:not(:placeholder-shown)) span{border-color: #0B57D0;}
.form_input:has(select:not(:placeholder-shown)) {border-color: #0B57D0;}
.form_input:has(select:not(:placeholder-shown)) span{border-color: #0B57D0;}
.error_show .form_input{ border-color:#FF3932; }
.error_show .form_input span{ color:#FF3932; }
.password_show_hide{ position:absolute; color:#9B9B9B; font-size:14px; top:12px; right:20px; cursor:pointer; z-index:1; }
.password_show_hide:hover{ color:#000; }
.password_show_hide span{ font-size:20px; }
.error_msg{ display:flex; align-items:center; justify-content:flex-start; color:#FF3932; font-size: 12px; margin-top: 10px;}
.error_msg img{ width: 18px; margin-right: 10px;}
.forgot_pass a{ text-decoration:none; border-bottom: 1px solid #0B57D0; font-size:12px; line-height: 16px; }
.forgot_pass a:hover{ border-bottom: 1px solid transparent; }
.login_template .mx_btn, .welcome_template .mx_btn{ font-size:18px; width:200px; padding:8px }
.mx_btn{ background-color:#0B57D0; border:0; border-radius:40px; text-align:center; font-size:16px; font-weight:600; width:180px; color:#fff; padding:10px; height:44px; transition: all ease-out .2s; transition: all ease-out .2s;}
.mx_btn:hover{ background-color: #084ab4; transition: all ease-in .2s; transition: all ease-in .2s;}
.mx_text_btn{ background-color:transparent; border:0; border-radius:40px; text-align:center; font-size:18px; font-weight:600; width:200px; color:#0B57D0; padding:10px 20px; height:44px; transition: all ease-out .2s; text-decoration:none; }
.mx_text_btn:hover{ background-color: #eee; transition: all ease-in .2s;}
.link_text{color:#0B57D0; font-weight:600; transition: all ease-out .2s;}
.link_text:hover{ color:#084ab4; transition: all ease-in .2s;}
.login_footer{width:550px; margin:20px auto 0; color: #505050; font-size: 12px;  font-family: "Inter", sans-serif;}
.login_footer a{ margin-left: 6px; background-color: transparent; padding: 8px 6px; border-radius: 8px; color:#505050; text-decoration:none; font-size:12px; line-height: 18px;}
.login_footer a:hover{ background-color:#d9d9d9 }
.welcome_template .login_container{ width:800px; }
.welcome_msg h1{ font-size:22px; font-weight:600; margin:0px 0 20px; padding:0px; text-align:left; }
.welcome_msg h1 span{ font-weight:800 }
.welcome_msg p{ font-size: 16px; line-height: 25px; text-align: left; margin: 0px; padding: 0px; color:#57606F }
.welcome_box{ width: 49%; border:1px solid #CECECE; border-radius:15px; padding:25px 20px; margin-bottom:2%; min-height:212px; }
.welcome_box b{ background-color:#E5E8F2; display:flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:50%;  color:#5A5A5A; }
.welcome_box h2{ font-size: 18px; font-weight: 800; margin: 20px 0 15px; padding: 0px; color:#2F3542 }
.welcome_box p{font-size: 14px; line-height: 24px; margin: 0px; padding: 0px; color:#57606F}
.mx_btn_sec{ background-color:transparent; border:1px solid #CECECE; color: #7B7B7C; border-radius:40px; text-align:center; font-size:16px; font-weight:normal; padding:5px 30px; height:44px; transition: all ease-out .2s; }
.mx_btn_sec:hover{ background-color: #f1f1f1; transition: all ease-in .2s;}
header{ width:100%; height: 75px; position: fixed; top: 0; left: 0; right: 0; padding: 0 30px 0 280px; display:flex; align-items:center; justify-content:flex-start; background-color:#fff; border-bottom:2px solid #EAECF0; z-index:10 }
.header_logo{ width:100%; padding:30px 0;}
.header_logo img{ width:120px; }
.header_nav{ width:100%; height: 100%; text-align:right; padding:0; display: flex; align-items: center; justify-content: flex-end; }
.sidebar_nav{width: 250px; background-color: #F8F9FA; position: fixed; top: 0px; left: 0; height: 100vh; padding: 0px 20px 0; z-index: 20; border-right:2px solid #DDDDDD; }
.sidebar_nav ul{ padding:0; margin:10px 0 0; }
.sidebar_nav ul li{ margin-bottom:12px; font-size:16px; }
.sidebar_nav ul li a{ display: flex; align-items: center; justify-content: flex-start; color:#424242; text-decoration:none; transition: all ease-out .2s;  padding:10px 6px; border-radius:8px; font-weight:400; }
.sidebar_nav ul li a:hover{ background-color:#EBEDF1; color: #000; transition: all ease-in .2s; }
.sidebar_nav ul li a.active{background-color:#EBEDF1; color: #000; font-weight: 500}
.sidebar_nav ul li i{ margin-right: 10px;}
.sidebar_nav ul li ul{ padding-left:40px; }
.sidebar_nav ul li ul li{ font-size:14px; }
.db_container{ width:100%; padding:5.5% 2% 3% 290px; }
.sender_tab .nav-pills .nav-link.active, .sender_tab .nav-pills .show>.nav-link{ background-color:transparent; color:#0B57D0; border-bottom:2px solid #0B57D0; border-radius:0; font-weight:600; }
.sender_tab .nav-pills .nav-link{ color:#1D2939; font-size:14px; font-weight:400; padding:5px 20px;margin-bottom:-2px }
.sender_tab .nav-pills{ border-bottom:1px solid #ccc; }
.badge_green_light{ background-color:#F0F9FF; color:#026AA2; padding:4px 12px; display:inline-block; text-align:center; font-size:14px; border-radius:40px; font-weight:normal; }
.badge_blue_light{ background-color:#F4F3FF; color:#5925DC; padding:4px 10px; display:inline-block; text-align:center; font-size:14px; border-radius:40px; font-weight:normal; }
.badge_grey_light{ background-color:#F2F4F7; color:#475467; padding:4px 16px; display:inline-block; text-align:center; font-size:14px; border-radius:40px; font-weight:normal; }
.badge_pink_light{ background-color:#FAF3D8; color:#767F84; padding:4px 10px; display:inline-block; text-align:center; font-size:14px; border-radius:40px; font-weight:normal; }
.badge_warning{ background-color:#F4D5D5; color:#4A2414; padding:8px 30px; display:inline-block; text-align:center; font-size:14px; border-radius:40px; font-weight:normal; }
.dns_record table{width: 100%; box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.07); border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px;}
.dns_record table th:first-child { border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0;}
.dns_record table th:last-child { border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0;}
.dns_record table tr:last-child td:first-child {-moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;}
.dns_record table tr:last-child td:last-child { -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;} 
.dns_record table thead{ border-bottom:1px solid #EAECF0;}
.dns_record table tr{ background-color:#fff; border-bottom:1px solid #EAECF0; }
.dns_record table tr:last-child{ border:0 }
.dns_record table tr th {background-color:#F9FAFB; color: #475467; font-size: 14px; font-weight: 500; padding: 12px 20px;}
.dns_record table tr td {color: #475467; font-size: 14px; padding: 20px 20px; word-break: break-word;}
.dns_record table tr td .material-symbols-outlined{ font-size:20px; color:#98A2B3; }
.dns_record table tr td .material-symbols-outlined:hover{ color:#666 }
.tab_inner_white{ background-color:#fff; border-radius:8px; padding:25px; width:100%; }
.success_box{ background-color:#E7F6F2; border:1px solid #10A37F; padding:40px; text-align:center; border-radius:4px; width:70%; margin:10px auto; }
.success_box img{ width:60px; margin:0 auto; }
.sidebar_bottom{border-top: 2px solid #ddd; padding-top: 20px !important; position: fixed; bottom: 0; left: 20px; width: 210px; margin: 0 auto;}
.user_dd{ width:35px; height:35px; border-radius:50%; display:flex; align-items:center; justify-content: center; text-align:center; color:#fff; font-weight:400; font-size:16px; background-color:#0B57D0 }
.dropdown-toggle::after{ display:none !important; }
.header_icons{ border-radius: 50%; cursor: pointer; height: 42px; width: 42px; display:flex; align-items:center; justify-content:center; margin: 0px 3px; transition: all ease-out .2s; }
.header_icons:hover{ background-color: rgba(60, 64, 67, 0.08); transition: all ease-in .2s;}
.header_icons span{ font-size:24px; color:#828282 }
.noti_cont{ background-color: #00A97F; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 10px; position: absolute; top: 0px; right: 1px; font-weight: 500; line-height: 12px; }
.domain_input .form_input{ background-color:#F3F3F3; border-radius: 8px;}
.suppression_search_fields .form_input{ border-radius: 8px; border-color:#CCCCCC; padding:10px 15px }
.suppression_search_fields .form_input:focus-within{ border-color:#0B57D0; }
.suppression_search_fields .form_input:focus-within span{ color:#0B57D0; }
.suppression_search_fields .form_input input{ font-size:14px; }
.suppression_search_fields .form_input input::placeholder{ color:#999999 }
.suppression_search_fields .form_input span{ color:#ccc }
.suppression_search_fields .filter_btn{ font-size: 14px; font-weight: 400;  }
.detailed_form_fields .filter_btn{border: 0; padding: 5px 0; font-size: 14px; font-weight: 400; height: 90%; width: 100%; color:#999999; justify-content: space-between;}
.detailed_form_fields .filter_btn .material-symbols-outlined{ margin-right:0 }
.detailed_form_fields .form_input.text_active .filter_btn{ color:#000 !important }
/*.detailed_form_fields .form_input.text_active span.material-symbols-outlined{ color:#000 !important }*/
.filter_btn {border: 1px solid #ccc; height: 44px;  width: 100%; text-align: left; font-size: 14px; color: #7B7474; display: flex; align-items: center; justify-content: flex-start; border-radius: 8px;  padding: 10px 15px; background-color: #fff; font-weight: 500; min-width:100px; }
.dropdown-menu{ width: 100%; padding:8px !important; box-shadow: 0px 2px 8px 0px rgba(16,24,40,0.12); border: 1px solid #E1E1E1 !important; }
.dropdown-menu a, .dropdown-menu a:active{ border-radius:5px; font-size:14px; font-weight:normal; text-align:left; color:#666; padding:6px 8px; }
.dropdown-menu a:hover{background-color:#F3F4F6;}
.modal_btn .mx_btn{ width:auto; padding:12px 40px; font-weight:500; height:auto; font-size:16px; }
.mx_btn_white{ background-color:#fff; border:1px solid #0B57D0; border-radius:40px; text-align:center; font-size:16px; font-weight:500; color:#0B57D0; padding:12px 40px; transition: all ease-out .2s; transition: all ease-out .2s; display: inline-block;}
.mx_btn_white:hover{ background-color: #f1f1f1; transition: all ease-in .2s; transition: all ease-in .2s;}
.mx_pagination{ display:flex; align-items:center; justify-content:flex-end; }
.prev_next_pgn{ border-radius:8px; border:2px solid #E2E2E2; width:36px; height:36px; display:flex; justify-content:center; align-items:center; color:#475467; cursor:pointer; font-size:24px; }
.prev_next_pgn:hover{ color:#667085; border-color:#667085; }
.prev_next_pgn.active{ color:#667085;}
.number_pgn{ margin:0 25px; color:#344054; font-weight: 500; font-size:14px;  }
.form-select{ border:0 !important; padding:0 !important;}
.form-select:focus{ box-shadow:none !important; }
.disabled_btn, .disabled_btn:hover{ border-color:#E8E8E8; background-color:#DFDFDF; color:#fff; }
.dash_card ul{ display:flex; justify-content:space-between; align-items:self-start; padding: 0}
.dash_card ul li{ width:15.5%; border:1px solid #F0F0F0; border-radius: 8px; padding:12px 8px 18px;}
.dash_card ul li p { color:#1D2939; font-size: 28px; line-height: 28px; font-weight: 700; margin: 0px; padding: 0px 0 0px 10px; text-align: left;}
.dash_card_badge{border-radius:16px; padding:4px 10px; font-size:12px; font-weight:500; }
.dash_card_blue{background-color: #E7F3FF;}
.dash_card_blue .dash_card_badge{background-color:#d9ecff;  color:#344054;}
.dash_card_green{background-color: #DFFDF2;}
.dash_card_green .dash_card_badge{background-color:#c9f4e4;  color:#026AA2;}
.dash_card_peach{background-color: #FDEBDE;}
.dash_card_peach .dash_card_badge{background-color:#fad6bc;  color:#6C3710;}
.dash_card_pink{background-color: #FFE0E0;}
.dash_card_pink .dash_card_badge{background-color:#ffc4c4;  color:#C05A5A;}
.dash_card_purple{background-color: #FAEAFF;}
.dash_card_purple .dash_card_badge{background-color:#f6d9ff;  color:#C11574;}
.sub_head{ color:#101828; font-size:16px; text-align:left; font-weight:600; }
.border_E2E2E2{ border:1px solid #E2E2E2; }
.dashboard_cards .dash_card_blue, .dashboard_cards .dash_card_green, .dashboard_cards .dash_card_peach, .dashboard_cards .dash_card_pink, .dashboard_cards .dash_card_purple{ background-color:#fff; border-color:#E2E2E2 }
.dashboard_cards .dash_card_blue .dash_card_badge{background-color:#F2F4F7;}
.dashboard_cards .dash_card_green .dash_card_badge{background-color:#F0F9FF;}
.dashboard_cards .dash_card_peach .dash_card_badge{background-color:#FDEBDE;}
.dashboard_cards .dash_card_pink .dash_card_badge{background-color:#FFE0E0;}
.dashboard_cards .dash_card_purple .dash_card_badge{background-color:#FDF2FA;}
.file_input{opacity:0; position: absolute; z-index: -1; left: 0; right: 0;}
.profile_form .form_field_container label{  font-size:14px; color:#101828; }
.profile_form .form_input{ border-radius:8px; border-color:#CCCCCC }
.form-check-input{ border-color:#ddd !important }
.dns_record hr{ border-color:#9D9D9D !important}
.badge_success{ background-color:#cdf1e7; color:#475467; padding:8px 30px; display:inline-block; text-align:center; font-size:14px; border-radius:40px; font-weight:500; }
.login_form { height:250px; }
.welcome_template .login_footer{ width:100%; padding:0px 130px; margin-top:30px; }
.welcome_wrap{ max-width:1500px;  margin: 0px auto;}
.mR3{ margin-right:3px; }
.mB32{ margin-bottom:32px; }
.suppression_search_fields .form_input span.material-symbols-outlined{ font-size:20px !important; }
#notifications { display:none; width:350px; position:absolute; top:40px; right:0; background:#fff; padding: 0px; box-shadow: 0px 2px 8px 0px rgba(16, 24, 40, 0.12); border: 1px solid #E1E1E1 !important; height: 300px; border-radius:8px; overflow-y:scroll; }
#notifications ul{ margin:0px; padding:0px; width:100%; }
#notifications ul li{ border-bottom:1px solid #eee; padding:12px 16px; text-align:left; }
#notifications ul li h3{ font-size:12px; font-weight: 600; color:#000; text-align: left; margin: 0px 0 5px; padding: 0px;}
#notifications ul li p{ font-size:12px; color:#666; text-align: left; margin: 0px; padding: 0px;}
#notifications ul li.new_noti{ background-color:#F0F9FF; }


/*Skeleton*/
.headline_skltn { font-size: 1.25em; font-weight: bold;}
.post_meta { font-size: 0.85em; color: #6b6b6b;}
.o-media { display: flex;}
.o-media__body { flex-grow: 1; margin-left: 1em;}
.o-vertical-spacing > * + * { margin-top: 0.75em;}
.o-vertical-spacing--l > * + * { margin-top: 2em;}
.skeleton-box { display: inline-block; height: 1em; position: relative; overflow: hidden; background-color: #e2e1e1;}
.skeleton-box::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); -webkit-animation: shimmer 5s infinite; animation: shimmer 5s infinite; content: "";}

@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
/*Skeleton*/


@media only screen and (min-width: 1600px){
  .db_container{ width: 100%; margin:0 auto; }
}

@media only screen and (max-width: 767px) {
  .db_container {
    padding: 5.5% 1.5% 2.4% 1.5% !important; /* more compact padding for mobile */
    width: 0 !important;
  }
}

/* For large monitors (22+ inch, Full HD and above) */
@media only screen and (min-width: 1920px) {
    .db_container {
        padding-left: 300px;
        max-width: 1900px;
        margin: 0 auto;
    }
}

/* For extra large monitors (2K and above) */
@media only screen and (min-width: 2560px) {
    .db_container {
        padding-left: 340px;
        max-width: 2500px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1400px){
.sidebar_nav{ overflow-y:scroll;}
.sidebar_bottom{ position:static; width:100%; margin-top:100px !important; }
.mx_btn_white { padding:12px 30px; }
}
@media only screen and (max-width: 1200px){
.sidebar_bottom{margin-top:50px !important; }
}