html {scroll-behavior: smooth;}

body {background: #e7e9ed;color: #535b61;font-family: "Poppins", sans-serif !important;font-size: 14px !important;line-height: 22px;}

p {line-height: 1.9;}

h1, h2, h3, h4, h5, h6 {color: #0c2f54;font-family: "Poppins", sans-serif;}

a:hover{text-decoration: none !important;}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-top-right-radius: 40px !important;color: #ffffff !important;background-color: #0c2f54 !important;border-color: #dee2e6 #dee2e6 #fff;}

.nav-tabs .nav-link {background: white;margin-bottom: -1px;border: 1px solid #dfdbdb;border-top-left-radius: 15px;border-top-right-radius: 15px;/*width: 200px;*/text-align: center;color: #666565;}	

.bg-light01{background: #ededed;}

.shadoww{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px}

.tab-content{border: 1px solid #e5e5e5;padding: 15px 15px;background: #ffffff;}

.nav-tabs {border-bottom: none;}


.mid-section ul li{padding:5px 0px;}

.brs-50{border-radius: 50% !important;}



.ellipsis {

  width:90%;

  text-overflow:ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.card-title.text-6::before {;

 content: "";

    position: absolute;

    width: 5px;

    height: 29px;

    left: -1px;

    background: #0c2f54;

}



.zoom-in-animation1 {animation: zoom-in1 0.7s ease-out;}

@keyframes zoom-in1 {

0% {transform: scale(0);}

100% {transform: scale(1, 1);}

}

/* ========================= 

 Helpers Classes

 ================== */

.shadow-md {-webkit-box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4);}

.rounded-left-0 {border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important;}

.rounded-right-0 {border-top-right-radius: 0px !important;border-bottom-right-radius: 0px !important;}

.text-darkk{color:black;}

.checkfa{position: absolute;left: 22px;}

#secondTab .checkfa{left: 40px;}

.ffss{font-family: sans-serif;}

.w-65{width:65%;}

.w-80{width:80%;}

.payment-dateails{width:50%;}

hr {margin-top: 12px;margin-bottom: 12px;}

.text-2{font-size: 13px !important;}

.text-3 {font-size: 16px !important;font-size: 1rem !important;}

.text-4{
    display: flex !important;
    align-items: center !important;
    font-size: 28px !important;
    position: relative !important;
}
.text-5 {font-size: 21px !important;font-size: 1.3125rem !important;}

.text-6 {font-size: 24px !important;font-size: 1.50rem !important;}

.text-7 {font-size: 28px !important;font-size: 1.75rem !important;}

.text-8 {font-size: 32px !important;font-size: 2rem !important;}

.text-9 {font-size: 36px !important;font-size: 2.25rem !important;}

.text-10 {font-size: 40px !important;font-size: 2.50rem !important;}

.text-11 {font-size: 2.75rem !important;}

.text-12 {font-size: 3rem !important;}

.text-13 {font-size: 3.25rem !important;}

.text-14 {font-size: 3.5rem !important;}



.table td, .table th {border-top: none; padding:6px;}

.pay-invoice{width:30%;}



/* Font Weight */

.font-weight-400 {font-weight: 400 !important;}

.font-weight-600 {font-weight: 600 !important;}



/*  Layouts =================================== */

#main-wrapper {background: #f6f7f8;background-color: #e0e8f6 !important;}

#main-wrapper.boxed {max-width: 1200px;margin: 0 auto;  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}

.btn-primary {color: #fff;background-color: #0c2f54 !important;border-color: #0c2f54 !important;}



/*  Header/* =================================== */

#header {z-index: 999;background: #fff;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

#header .navbar {padding: 0px;}

#header.bg-transparent {position: absolute;z-index: 999;top: 0;left: 0;width: 100%;box-shadow: none;}

#header.header-border .header-row {border-bottom: 1px solid rgba(250, 250, 250, 0.3);}

#header .logo {position: relative;float: left;margin-right: 15px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-item-align: stretch;align-self: stretch;}

#header .header-row {position: relative;display: -webkit-box;display: -ms-flexbox;max-height: 100%;display: flex;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-item-align: stretch;align-self: stretch;}

#header .header-column {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-item-align: stretch;align-self: stretch;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}

#header .header-column .header-row {-webkit-box-pack: inherit;-ms-flex-pack: inherit;justify-content: inherit;}

.navbar-light .navbar-nav .active > .nav-link {color: #0c2f55;}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show {color: #0c2f55;}

.navbar-light .navbar-nav .show > .nav-link {color: #0c2f55;}

.primary-menu.navbar {position: inherit;}

.primary-menu, .login-signup {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;height: auto !important;-webkit-box-ordinal-group: 0;-ms-flex-item-align: stretch;align-self: stretch;}

.primary-menu ul.navbar-nav > li, .login-signup ul.navbar-nav > li {display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;}

.primary-menu ul.navbar-nav > li a, .login-signup ul.navbar-nav > li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.primary-menu ul.navbar-nav > li > a:not(.btn), .login-signup ul.navbar-nav > li > a:not(.btn) {height: 70px;padding-left: 0.85em;padding-right: 0.85em;color: #0c2e53;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;position: relative;}

.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li.active > a:not(.btn), .login-signup ul.navbar-nav > li:hover > a:not(.btn), .login-signup ul.navbar-nav > li.active > a:not(.btn) {color: #dc3545;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn), .login-signup ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) {padding: 7px 20px 7px 0px;background-color: transparent;color: #777;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) > i:not(.arrow), .login-signup ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) > i:not(.arrow) {font-size: .875rem;width: 18px;text-align: center;margin-right: 7px;}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn), .login-signup ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {color: #0071cc;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.primary-menu ul.navbar-nav > li.dropdown:hover > a:after, .login-signup ul.navbar-nav > li.dropdown:hover > a:after {clear: both;content: ' ';display: block;width: 0;height: 0;border-style: solid;border-color: transparent transparent #d02e40 transparent;position: absolute;border-width: 0px 7px 6px 7px;bottom: 0px;left: 50%;margin: 0 0 0 -5px;z-index: 1022;}



/* ===================== 

 Footer Styles

 =============== */
/*background-color: #fff;*/
#footer {color: #252b33;padding: 0px 0px 35px 0px;padding: 0 0 2rem 0;margin-top: 1.5rem;}

#footer .footer-copyright {border-top: 1px solid #0e7ec0;padding: 0px;margin-top: 2rem;margin-top: 32px;text-align: center;}



/* Social Icons */

.social-icons {margin: 0;padding: 0;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;}

.social-icons li {margin: 0px 2px 4px;padding: 0;border-radius: 100%;overflow: visible;}

.social-icons li a {background: #0e7ec0;border-radius: 100%;display: block;height: 34px;line-height: 34px;width: 34px;font-size: 16px;text-align: center;color: #fff;text-decoration: none;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.social-icons li:hover a {background: #171717;color: #333;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.social-icons li:hover.social-icons-twitter a, .social-icons.social-icons-colored li.social-icons-twitter a {background: #00ACEE;color: #fff;}

.social-icons li:hover.social-icons-facebook a, .social-icons.social-icons-colored li.social-icons-facebook a {background: #3B5998;color: #fff;}

.social-icons li:hover.social-icons-google a, .social-icons.social-icons-colored li.social-icons-google a {background: #DD4B39;color: #fff;}





/** * Success Animation */

.success-checkmark {width: 80px;height: 115px;margin: 0 auto;}

.success-checkmark .check-icon {width: 80px;height: 80px;position: relative;border-radius: 50%;box-sizing: content-box;border: 4px solid #4caf50;}

.success-checkmark .check-icon::before {top: 3px;left: -2px;width: 30px;transform-origin: 100% 50%;border-radius: 100px 0 0 100px;}

.success-checkmark .check-icon::after {top: 0;left: 30px;width: 60px;transform-origin: 0 50%;border-radius: 0 100px 100px 0;animation: rotate-circle 4.25s ease-in;}

.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {content: '';height: 100px;position: absolute;background: #e7e9ed;transform: rotate(-45deg);}

.success-checkmark .check-icon .icon-line {height: 5px;background-color: #4caf50;display: block;border-radius: 2px;position: absolute;z-index: 10;}

.success-checkmark .check-icon .icon-line.line-tip {top: 46px;left: 14px;width: 25px;transform: rotate(45deg);animation: icon-line-tip 0.75s;}

.success-checkmark .check-icon .icon-line.line-long {top: 38px;right: 8px;width: 47px;transform: rotate(-45deg);animation: icon-line-long 0.75s;}

.success-checkmark .check-icon .icon-circle {top: -4px;left: -4px;z-index: 10;width: 80px;height: 80px;border-radius: 50%;position: absolute;box-sizing: content-box;border: 4px solid rgba(76, 175, 80, .5);}

.success-checkmark .check-icon .icon-fix {top: 8px;width: 5px;left: 26px;z-index: 1;height: 85px;position: absolute;transform: rotate(-45deg);background-color: #e7e9ed;}

@keyframes rotate-circle {

0% {transform: rotate(-45deg);}

5% {transform: rotate(-45deg);}

12% {transform: rotate(-405deg);}

100% {transform: rotate(-405deg);}

}

@keyframes icon-line-tip {

0% {width: 0;left: 1px;top: 19px;}

54% {width: 0;left: 1px;top: 19px;}

70% {width: 50px;left: -8px;top: 37px;}

84% {width: 17px;left: 21px;top: 48px;}

100% {width: 25px;left: 14px;top: 45px;}

}

@keyframes icon-line-long {

0% {width: 0;right: 46px;top: 54px;}

65% {width: 0;right: 46px;top: 54px;}

84% {width: 55px;right: 0px;top: 35px;}

100% {width: 47px;right: 8px;top: 38px;}

}



/* ===================== 

Payment fail-Css

 =============== */



.failtext{font-size: 45px;border: 3px solid #dc3545;border-radius: 50%;padding: 10px 35px;}

.fail-text{color:#912d2b;}

.fail-box{border: 2px solid #912d2b;padding: 15px 22px;}

.fail-click{background:#d9d9d9;}





/*  Responsive =================================== */

@media (min-width: 1200px) {

.container {max-width: 1170px !important;}

}

@media (max-width: 475px) {

.nav-tabs .nav-link {/*width: 175px;*/font-size: 12px;}

.text-9{font-size:25px !important;}

}

@media (max-width: 992px) {

.rounded-left-0{border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;}

.rounded-right-0{border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;}

.verificationId .w-75{width:100% !important;}

.payment-dateails{width:100%;}

.w-65{width:100%;}

.py-5{padding:15px 0px !important;}

}

@media (max-width: 376px) {

/*.nav-tabs .nav-link {width: 172px;font-size: 12px;}*/
.input-group>.form-control, .input-group>.form-control-plaintext {
    width: 100% !important;
}

}

@media (max-width: 374px) {

.text-5{font-size:20px !important;}

.pay-invoice{width:100%;}

}

@media (max-width: 1292px) {

.div-response{margin-top:20px; margin-bottom:10px;}

}



@media (max-width: 991.98px) {

/* Mobile Menu Button */

.navbar-toggler {width: 25px;height: 30px;padding: 10px;margin: 18px 10px;position: relative;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;cursor: pointer;display: block;}

.navbar-toggler span {display: block;position: absolute;height: 2px;width: 100%;background: #3c3636;border-radius: 2px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}

.navbar-toggler span:nth-child(1) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}

.navbar-toggler span:nth-child(2) {top: 13px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}

.navbar-toggler span:nth-child(3) {top: 19px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}

.navbar-toggler.open span:nth-child(1) {top: 5px;left: 4px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.navbar-toggler.open span:nth-child(2) {width: 0%;opacity: 0;}

.navbar-toggler.open span:nth-child(3) {top: 21px;left: 4px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

#header .primary-menu {position: absolute;top: 99%;right: 0;left: 0;background: transparent;margin-top: 0px;z-index: 1000;}

#header .primary-menu:before {content: '';display: block;position: absolute;top: 0;left: 50%;width: 100vw;height: 100%;background: #fff;z-index: -1;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }

#header .primary-menu > div {overflow: hidden;overflow-y: auto;max-height: 65vh;margin: 18px 0;}

.primary-menu ul.navbar-nav li {display: block;border-bottom: 1px solid #eee;margin: 0;padding: 0;}

.primary-menu ul.navbar-nav li:last-child {border: none;}

.primary-menu ul.navbar-nav li.dropdown > .dropdown-toggle > .arrow.open:after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.primary-menu ul.navbar-nav > li > a:not(.btn) {height: auto;padding: 8px 0;position: relative; }

}





/* ===================== 

 Zoom-In Animation-Css

 =============== */



.zoom-in-animation {animation: zoom-in 0.3s ease-out;}

@keyframes zoom-in {

0% {transform: scale(0);}

100% {transform: scale(1, 1);}  

}

.error{color:red;margin-bottom:0px;}

#ticketid-error{position: absolute;top: 43px;font-weight: 600;}

#authormail-error {position: absolute;top: 58px;font-weight: 600;}



.display-none{display: none !important;}



.author_profile_img {
    width: 110px !important;
    height: 110px !important;
    border: 1px solid #ffc1c1;
    border-radius: 50%;
}
.author_change_img {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    position: absolute;
    background: #ffffff;
    padding: 3px 6px;
    font-size: 16px;
    border-radius: 50%;
  left: 95px;
    top: 10px;
}

.author_profile_img_edit{width: 250px;height: 250px;border: 1px solid #ffc1c1;border-radius: 50%;}

#userprofile .table td{padding: 7px 12px !important;vertical-align: baseline;}

#manuscript-view .table thead th {

   vertical-align: inherit;}



/*#ticketstatus .form-control::focus {}

#ticketstatus .form-control:focus .display-none  {display: block !important;

  background-color: yellow !important;

}*/



/*

#ticketstatus .form-control1:focus +  .d-none { display: block !important; }*/











.author_update_query .tox{height: 300px !important;}
#postarea .tox{height: 400px !important;}
#drag .tox{height: 400px !important;}

.br-0{border-radius: 0px !important;}




 .steps {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 20px;
   margin: 0px;
   list-style: none;
   font-family: sans-serif;
}
 .steps li {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%;
   padding: 0px 20px;
   position: relative;margin-bottom: 10px;
}
 .steps li div {
   position: relative;
   padding: 1px 0px;
   background: #ccc;
   box-sizing: border-box;
   transform: scale(0.999999);
   transition: all 0.3s ease;
   cursor: pointer;
}
 .steps li div span {
   display: block;
   transition: all 0.3s ease;
}
 .steps li div span:nth-child(1) {
   position: absolute;
   left: 100%;
   top: 0px;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 20px solid #ccc;
}
 .steps li div span:nth-child(2) {
   position: absolute;
   right: 100%;
   top: 0px;
   border-bottom: 20px solid transparent;
   border-right: 20px solid #ccc;
}
 .steps li div span:nth-child(3) {
   position: absolute;
   right: 100%;
   bottom: 0px;
   border-top: 20px solid transparent;
   border-right: 20px solid #ccc;
}
 .steps li div span:nth-child(4) {
   position: absolute;
   right: -20px;
   top: 50%;
   height: 12px;
   width: 12px;
   margin-top: -6px;
   border-radius: 100%;
   background: transparent;
   z-index: 2;
   border: 1px solid #ccc;
}
 .steps li div span:nth-child(5) {
   position: absolute;
   left: 100%;
   top: 1px;
   border-top: 19px solid transparent;
   border-bottom: 19px solid transparent;
   border-left: 19px solid white;
}
 .steps li div span:nth-child(6) {
   position: absolute;
   right: 100%;
   top: 1px;
   border-bottom: 19px solid transparent;
   border-right: 19px solid white;
   margin-right: -1px;
}
 .steps li div span:nth-child(7) {
   position: absolute;
   right: 100%;
   bottom: 1px;
   border-top: 19px solid transparent;
   border-right: 19px solid white;
   margin-right: -1px;
}
 .steps li div span:nth-child(8) {
   display: block;
    padding: 0px 10px;
    position: relative;
    height: 38px;
    text-align: center;
    line-height: 38px;
   width: max-content;
    background: white;
    color: black;
}
/* .steps li:hover div {
   background: #ddd;
}*/
 /*.steps li:hover div span:nth-child(1) {
   border-left-color: #ddd;
}
 .steps li:hover div span:nth-child(2), .steps li:hover div span:nth-child(3) {
   border-right-color: #ddd;
}
 .steps li:hover div span:nth-child(4) {
   background: white;
   border-color: #ddd;
}
 .steps li:hover div span:nth-child(5) {
   border-left-color: #ddd;
}
 .steps li:hover div span:nth-child(6), .steps li:hover div span:nth-child(7) {
   border-right-color: #ddd;
}
 .steps li:hover div span:nth-child(8) {
   background: #ddd;
   color: black;
}*/
 .steps li.active div {
   background: #2fbe6e;
}
 .steps li.active div span:nth-child(1) {
   border-left-color: #2fbe6e;
}
 .steps li.active div span:nth-child(2), .steps li.active div span:nth-child(3) {
   border-right-color: #2fbe6e;
}
 .steps li.active div span:nth-child(4) {
   background: white;
   border-color: #2fbe6e;
}
 .steps li.active div span:nth-child(5) {
   border-left-color: #2fbe6e;
}
 .steps li.active div span:nth-child(6), .steps li.active div span:nth-child(7) {
   border-right-color: #2fbe6e;
}
 .steps li.active div span:nth-child(8) {
   background: #2fbe6e;
   color: white;
}


 .steps li.active1 div {
   background: #ddd !important;
}
 .steps li.active1 div span:nth-child(1) {
   border-left-color: #ddd  !important;
}
 .steps li.active1 div span:nth-child(2), .steps li.active1 div span:nth-child(3) {
   border-right-color: #ddd  !important;
}
 .steps li.active1 div span:nth-child(4) {
   background: white;
   border-color: #ddd  !important;
}
 .steps li.active1 div span:nth-child(5) {
   border-left-color: #ddd  !important;
}
 .steps li.active1 div span:nth-child(6), .steps li.active1 div span:nth-child(7) {
   border-right-color: #ddd !important;
}
 .steps li.active1 div span:nth-child(8) {
   background: #ddd  !important;
   color: #000000;
}


.steps li.active2 div {
   background: #17a2b8 !important;
}
 .steps li.active2 div span:nth-child(1) {
   border-left-color: #17a2b8 !important;
}
 .steps li.active2 div span:nth-child(2), .steps li.active2 div span:nth-child(3) {
   border-right-color: #17a2b8 !important;
}
 .steps li.active2 div span:nth-child(4) {
   background: white;
   border-color: #17a2b8 !important;
}
 .steps li.active2 div span:nth-child(5) {
   border-left-color: #17a2b8 !important;
}
 .steps li.active2 div span:nth-child(6), .steps li.active2 div span:nth-child(7) {
   border-right-color: #17a2b8 !important;
}
 .steps li.active2 div span:nth-child(8) {
   background: #17a2b8 !important;
   color: white;
}




 .steps li:first-child {
   padding-left: 0px;
}
 .steps li:first-child div {
   padding-left: 1px;
}
 .steps li:first-child div span:nth-child(2), .steps li:first-child div span:nth-child(3), .steps li:first-child div span:nth-child(6), .steps li:first-child div span:nth-child(7) {
   display: none;
}
 .steps li:last-child {
   padding-right: 0px;
}
 .steps li:last-child div {
   padding-right: 1px;
}
/* .steps li:last-child div span:nth-child(1), .steps li:last-child div span:nth-child(5) {
   display: none;
}*/
 


.sactive{content: "";
    width: 10px;
    height: 10px;
    background: #2fbe6e;
    position: absolute;
    margin-left: 10px;
    top: 6px;}

    .sinfo{ background: #17a2b8 !important;}

    .sdanger{ background: #ddd !important;}
    
    .infonew{
      position: absolute;
    top: 0;
    right: 0;
    border-radius: 0px;
    border-bottom-left-radius: 10px;

    }

  
 .shake1 {
  position: absolute;border: 1px solid #3e3e3e;
    right: 0px;
    top: -8px;
    background: white;width: 24px;
    padding: 3px;
    border-radius: 50%;
   box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
   -webkit-animation-name: shake;
   animation-delay: 2s;
   -webkit-animation-duration: 0.8s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -webkit-transform-origin: 50% 100%;
}
 @-webkit-keyframes shake {
   0% {
     -webkit-transform: translate(2px,1px) rotate(0deg);
  }
   10% {
     -webkit-transform: translate(-1px,-2px) rotate(-2deg);
  }
   20% {
     -webkit-transform: translate(-3px,0px) rotate(3deg);
  }
   30% {
     -webkit-transform: translate(0px,2px) rotate(0deg);
  }
   40% {
     -webkit-transform: translate(1px,-1px) rotate(1deg);
  }
   50% {
     -webkit-transform: translate(-1px,2px) rotate(-1deg);
  }
   60% {
     -webkit-transform: translate(-3px,1px) rotate(0deg);
  }
   70% {
     -webkit-transform: translate(2px,1px) rotate(-2deg);
  }
   80% {
     -webkit-transform: translate(-1px,-1px) rotate(4deg);
  }
   90% {
     -webkit-transform: translate(2px,2px) rotate(0deg);
  }
   100% {
     -webkit-transform: translate(1px,-2px) rotate(-1deg);
  }
}

 .shake1:hover {
  -webkit-animation-iteration-count: 0;
}
 


.he-239{height: 239px;}
@media (max-width: 1200px) {
.he-239{height: auto !important;}}


.signinmoveright {
-webkit-animation: mover1 0.5s infinite  alternate;animation: mover1 0.5s infinite  alternate;}
@keyframes mover1 {
0% { transform: translateX(0); }
100% { transform: translateX(6px); }
}
@-webkit-keyframes mover1 {
0% { transform: translateX(0); }
100% { transform: translateX(6px); }
}
.curpointer{cursor: pointer;}

.subartdiv{position: fixed;bottom: 0px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;z-index: 9;}
.subartbtn{position: absolute;right: 0px;top:0px;margin-top:1px;border-2px solid white;}
.in-top {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-fill-mode: both;-webkit-animation-duration:1s;    animation-duration: 1s;}
@keyframes fadeInRight {
from {opacity:0;-webkit-transform: translatey(100px); transform: translatey(100px);}
to {opacity:1;-webkit-transform: translatey(0px);transform: translatey(0px);}}

.uparrow{ -ms-transform: rotate(180deg); / IE 9 /
  transform: rotate(180deg);}

  .signinmove {background: white;color: #000000; border-radius: 50%;padding: 4px 6px;font-size: 12px;
-webkit-animation: mover 1s infinite  alternate;animation: mover .5s infinite  alternate;}
@keyframes mover {
0% { transform: translateY(15); }
100% { transform: translateY(8px); }
}
@-webkit-keyframes mover {
0% { transform: translateY(15); }
100% { transform: translateY(6px); }
}
.signinmovedown{display: none !important;}..shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.query-form-control {
   height: calc(2.25rem + 2px) !important;
    padding: .5rem 1rem;
    border-radius: .3rem;
   border: 1px solid #ced4da !important;
}
textarea.query-form-control{
   height: 120px !important;
}

.query-refresh-btn{
   padding: 4px 10px;
   background-color: #fcfcfc;
   border-radius: 6px;
   font-size: 18px;
   color: #333 !important;
}
.article-side-content {
    padding: 15px;
    margin: 0;
}
.border_color_change {
    border: 1px solid #bfddee;
    border-radius: 10px;
    background-color: #fff;
}
.border_color_change_new_query {
    border: 1px solid #ededed;
    min-height: 60px;
    background-color: #ffffff;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.font-weight-bold {
    font-weight: 700!important;
    font-size: 18px !important;
}
.article-side-card-button {
    background-color: #e56031;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 12px;
    border-radius: 4px;
}
.article-side-content-para {
    color: #e56031;
    font-size: 12px;
    text-decoration: none;
}  
.home-page-topic-box{
    border-radius: 5px;
}
.home-page-topic-box ul {
    list-style: none;
    padding-left: 0px !important; 
}
.bg_change {
    background-color: #085582 !important;
}
.home-page-topic-box ul li {
    list-style-type: none;
}
.home-page-topic-box-links {
    background-color: #fff;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    padding: 15px;
    border-radius: 0px;
    border-top: 1px solid #ccc;
    display: flex;
    min-height: 60px;
    /* line-height: 18px !important; */
}
/*Accrodina Design in overview query page Start*/
.accordion_inner{
    border: 1px solid #ddd;
}
.right-card {
    display: block;
    border: 1px solid #bfddee;
    background-color: #fff;
    border-radius: 11px;
}
.card {
    border: 1px solid #fff;
    margin: auto;
    background-color: white;
    transition: transform 0.2s;
}
.each-accordionbox{
  position:relative;
}
.each-accordionbox::before {
    content: '+';
    position: absolute;
    top: 7px;
    left: -15px;
    background: #e52323;
    background-position: center;
    border-radius: 6px;
    font-size: 18px;
    color: #fff;
    padding: 2px 8px;
    transition: all .5s;
    transform-origin: center;
}
.query-card-body::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 30px 25px 0;
    border-color: transparent #d7dadd transparent transparent;
    z-index: 0;
    left: 20px;
}
.reverse::before {
    border-width: 20px 0 25px 30px;
    border-color: transparent transparent transparent #d7dadd;
    left: auto;
    right: 20px;
}
.query-inner::before{
    content: unset;
}
.curser-pointer{
    cursor: pointer;
}
.query-card-body {
    border: 1px solid #ddd;
    padding: 1.25rem;
    background-color: #d7dadd;
}
.accordion>.card {
    overflow: visible !important;
}
.h4_font_size{
    font-size: 16px !important;
}
.h2_font_size{
    font-size: 16px !important;
}
.query-profile-img{
    display:block;
    margin-left: auto;
    margin-right: auto;
    height: 150px;
    width: 150px;
}
/*Accrodina Design in overview query page End*/