@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.woff2') format('woff2'),
    url('../fonts/SegoeUI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
    url('../fonts/SegoeUI-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/*glyphicons*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
    src: url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff') format('woff'),	url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype'),	url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}


body{font-family: 'Century Gothic' !important;}

/* Afrivet application Color Start*/
.afrivet-background {
    background-color: #c10506 !important;
}


.afrivet-font-color {
    color: #c10506 !important;
}
.afrivet-table tr th{color: #c10506}
.afrivet-checkbox:checked~.custom-control-label::before{background-color: #c10506 !important; border: 1px solid #ffffff;}
.afrivet-checkbox::before {
    background: #c10506 !important;
}
.afrivet-nav-link.active{background-color:#c10506 !important; color: #ffffff !important;}
.afrivet-page-box-shadow h3 {
    color: #c10506 !important;
}
.afrivet-contactus-links> a{color:#c10506}
.afrivet-contactus-links > a:hover{background-color:#c10506;color:#f8f8f8;}
.afrivet-contactus-links a:focus{background-color:#c10506;color:#f8f8f8;}
.afrivet-default-language-content{
    border-color:  #c10506 !important;
    border-top-color:#c10506 !important;
}
.afrivet-language-radio.selected::before{
    background-color: #c10506;
}

.afrivet-pagination .pagination li.active a {
    background: #c10506 !important;
    border: 1px solid #c10506 !important;
}
/* Afrivet application Color End */

/* Resavet Application Color Start*/
.resavet-background {
    background-color: #243c06 !important;
}
.resavet-font-color {
    color: #243c06 !important;
}
.resavet-table tr th{color: #243c06}
.resavet-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: #243c06; border: 1px solid #ffffff;}
.resavet-checkbox::before {
    background: #243c06 !important;
}
.resavet-nav-link.active{background-color:#243c06 !important; color: #ffffff !important;}
.resavet-page-box-shadow h3 {
    color: #243c06 !important;
}
.resavet-contactus-links> a{color:#243c06}
.resavet-contactus-links > a:hover{background-color:#243c06;color:#f8f8f8;}
.resavet-contactus-links a:focus{background-color:#243c06;color:#f8f8f8;}
.resavet-default-language-content{
    border-color: #243c06 !important;
    border-top-color: #243c06 !important;
}
.resavet-language-radio.selected::before{
    background-color: #243c06 !important;
}
.resavet-pagination .pagination li.active a {
    background: #243c06 !important;
    border: 1px solid #243c06;
}
/* Resavet Application Color End*/

.redheader{ min-height: 60px; height: auto}

.redheaderMobile{ min-height: 60px; height: auto; position: fixed; width: 100%; top: 0; z-index: 999}

.navigation-logo{margin-top: 8px; margin-left: -20px; height: 46px; width: auto;}
.navigation-logo2{margin-top: 8px; margin-left: 0px; float: left; height: 54px; width: auto;}
.carticon{float: right; margin-top: 15px; margin-right: 10px; width: 30px!important;}
.newbadge .badge{color: #000000; background-color: #ffffff; margin-left: 5px; margin-top: 15px;}
.bannerimage{margin-top: 80px; background-image: url("../images/banner-image.jpeg");min-height: 715px;height: auto;background-repeat: no-repeat;background-size: cover; padding: relative;}
.redbox{ min-height: 52px; box-shadow: 0px 2px 5px #cccccc; margin-bottom: 4px;}
.redbox2{ min-height: 30px; box-shadow: 2px 2px 5px #cccccc; margin-bottom: 2px; color: #ffffff; border-radius: 0px; }
.whitebox{background-color: #ffffff; min-height: 52px; box-shadow: 2px 2px 5px #cccccc; margin-bottom: 4px; color: #333333!important;}

.complaintbtn{ height: 35px; border-radius: 20px; text-align: center;
    width: 90px!important; text-align: center!important; color: #ffffff!important; font-size: 13px!important;}

.complaintbtn a{ height: 35px; border-radius: 20px; text-align: center;
    width: 90px!important; text-align: center!important; color: #ffffff!important; font-size: 13px!important; cursor: pointer;}

.complaintbtn:hover{ height: 35px; border-radius: 20px; text-align: center;
    width: 90px!important; text-align: center!important; color: #ffffff!important; font-size: 13px!important; cursor: pointer;}

label{ font-size: 17px!important;}
.card-header {
    color: #ffffff!important;
    /* height: 20px; */
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px; padding-right: 0px;
}
.card-header2 {
    color: #ffffff!important;
    height: 40px;
    padding-top: 0px;
    padding-left: 0px; padding-right: 0px;
    width: 220px;
    border-radius: 0px;
    margin-bottom: 15px!important;
}

.whitebutton{background-color: #ffffff; box-shadow: 0px 2px 2px #cccccc; border-radius: 0px;}
.redbox .btn-link{color: #ffffff;}
.pageheading h3{margin-top: 50px; font-size: 20px; margin-left: -12px; font-weight: bold!important;}
.innerpageheading h3{margin-top: 25px; font-size: 20px; font-weight: bold;}
.innerpageheading2 h3{margin-top: 10px; font-size: 20px; font-weight: bold;}
.cataloguearea{height: 650px; display: block; overflow-y: auto}
.btn-link{color: #333333}

.btn:not(:disabled):not(.disabled){text-decoration: none; text-underline: none;}
.hoverbtn:hover{color: #333333}

.welcometextarea{margin-left: 50px; margin-top: 50px;}
.welcometextarea h3{font-size: 30px; color: #ffffff;}
.welcometextarea h2{font-size: 60px; color: #ffffff;}
.welcometextarea p{font-size: 16px; color: #ffffff;}
.fa{float: right;}
.fa-plus{
    margin-top: 5px;
    content: "\f067";
}
.fa-minus{
    margin-top: 5px;
    content: "\f068";
}

.searchicon{background-image: url("../images/loupe.svg"); background-repeat: no-repeat; background-size: 20px; margin-left: 15px; margin-top:8px;}
.iconsnew{width: 40px; height: 40px; cursor: pointer}
.catalogueIcons{width: 70px; height: 70px; cursor: pointer}


.btn:not(:disabled):not(.disabled){width: 100%; text-align: left; font-size: 15px;}

.corner-top-left-btn-training{width:40px!important;}
/*-------------catalogue css start--------------*/
.catalogueheading h3{font-size: 18px; color: #6f6f6f; margin-top: 0px; line-height: 20px;}
.catalogueheading hr{padding-top: 0px; padding-bottom: 0px;}
.cataloguesubheading{margin-top: -10px;}
.cataloguesubheading ul li{list-style: none!important; line-height: 25px;}
.cataloguesubheading ul li a{color: #6f6f6f; font-size: 15px; margin-left: -38px;}
.box{ float:left; overflow: hidden; background: #f0e68c;}
.box-inner{ width: 400px; padding: 10px; border: 1px solid #a29415;}
.cursorpointer{cursor: pointer}
.marginleftauto{margin-left: auto; margin-right: auto;}

.margintop5{margin-top: 5px;}
.margintop10{margin-top: 10px;}
.margintop15{margin-top: 15px;}
.margintop20{margin-top: 20px;}
.margintop25{margin-top: 25px;}
.margintop30{margin-top: 30px;}
.margintop35{margin-top: 35px;}
.margintop40{margin-top: 40px;}
.margintop50{margin-top: 50px;}
.margintop45{margin-top: 45px;}
.margintop60{margin-top: 82px;}
.margintop104{margin-top: 104px;}
.margintop24{margin-top: -24px;}


.textSize{
    font-size: 13px!important;
}
/*-------------------------catalogue css end--------------------------*/
/*---------------Thin red scrollbar Start For Catalogue---------------*/

::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background:#c10506;
 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c10506;
}
/*---------------Thin red scrollbar End----------------*/
.redbutton{ height: 35px; margin-top: 40px; border-radius: 20px; text-align: center;
    width: 120px!important; text-align: center!important; color: #ffffff; font-size: 14px!important;}

.form-control{box-shadow: 0px 2px 2px #cccccc; height: 45px;}

.redfooter{ min-height: 60px; margin-top: 50px;}
.btn.focus, .btn:focus{box-shadow: none}
.redsmalltext h5,.redsmalltext h5 a{ font-size: 10px;}
.breadcrumb li+li:before {content: '/';padding: 0 5px;}
.innerpage-whitebg{box-shadow: 0px 2px 5px #cccccc; min-height: 600px; height:auto; margin-bottom: 50px; display: block; overflow: auto}
.innerpage-whitebg-left{box-shadow: 0px 2px 5px #cccccc; min-height: 300px; height:auto; margin-bottom: 50px; display: block; overflow: hidden}
.has-search .form-control {padding-left: 2.375rem;}
.has-search .form-control-feedback {position: absolute;  z-index: 0;  display: block;  width: 2.375rem;  height: 2.375rem;  line-height: 2.375rem;  text-align: center;
    pointer-events: none;  color: #aaa; margin-top: 5px!important;}
.marginright10px{margin-right: 10px;}
table tr td{font-size: 15px;}

/* .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color:#c10506; color: #ffffff;} */

.nav-tabs .nav-link{box-shadow: 0px 1px 1px 1px #cccccc; color: #333333;font-size: 14px; background-color: #ffffff;}
.nav-tabs{border-bottom: 0px; margin-left: -18px!important; margin-bottom: 3px!important;}
.innerpagehr hr{margin-top: 10px;}
label{font-size: 13px;}
input{box-shadow: 0px 1px 1px #f9f9f9; height: 35px;}
.selectbutton{background-color: #6f6f6f; border-radius: 20px; text-align: center!important;; color: #ffffff; margin-bottom: 10px;}
.photoupload{width: 150px; height: 150px; border: 1px solid #cccccc;}
.plussign{font-weight: bold; font-size: 22px; cursor: pointer}
.innerheadtext{margin-top: 20px; margin-left: 10px;  }
.innerheadtext h3{font-size: 16px; font-weight: bold; margin-left: -5px;}
.leftsidenav{margin-top: -60px; margin-left: 0px;}

.modal-content{ border-radius: 15px; width: 100%; position: relative; margin-top:34%!important; font-family: 'Segoe UI'; font-weight: 600}
.close{color: #ffffff; opacity: 1;}
.close.closeButton{color: #c10506; opacity: 1;}
.close.closeButtons{color: #c10506; opacity: 1; margin-top: 20px; margin-right: 10px;}
.modal-header{border-bottom: 0px; height: 0px;}
.modal-footer{border-top: 0px; margin-left: auto; margin-right: auto}
.modaltexthead{color: #ffffff; font-size: 25px; margin-top: 10px;}

.animalfiltertext{margin-top: 20px;}
.animalfiltertext label{font-size: 17px; margin-bottom: 10px; color: #ffffff;}

.applybtn{background-color: #ffffff; height: 35px; margin-top: 0px; border-radius: 20px; text-align: center;
    width: 120px!important; text-align: center!important; font-size: 14px!important; margin-left: auto!important; margin-right: auto!important; font-weight: bold;}

.marginleft5px{padding-left: 2px; margin-right: 2px;}


/*--------------------------sidenav-------------------*/

.sidenav {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: -250px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: left linear;
    padding-top: 60px;
    box-shadow: 0px 2px 2px #cccccc;

}

.sidenav a {
    padding: 3px 0px 3px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #333333;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: black
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 67px;}
    .sidenav a {font-size: 18px;}
}

.sidebar-menu{list-style: none!important;}

/* dl, ol, ul{list-style: none} */
/* 
:not(.summetnoteContent)  ul, :not(.summetnoteContent)  ol, :not(.summetnoteContent)  dl, :not(.summetnoteContent)  li{
    list-style: none;
} */


.sidebar-menu{margin-left: 10px!important; }

.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
}


.sidebarheading h3 {font-size: 16px; line-height: 20px;}
.sidebarheading h3 a{font-size: 16px; line-height: 20px; margin-left: -30px;}


.sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
    display: inline-block;
    width: auto;
    text-decoration: none;
    position: relative;
    padding: 3px 10px 3px 10px;
    font-size: 14px!important;
}

.sidebar-wrapper .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: 10px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 25px;
    font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
}


.sidebar-menu{width: 100%; height: 20px; margin-top: 20px;}

.profileimage{width: 120px; height: 120px; border-radius:60px; background-color: #6f6f6f; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px; display: block; overflow: hidden}
/*--------------------------sidenav-------------------*/


.whitesidecatalogue{background-color: #ffffff; height: 590px; overflow-y: auto; box-shadow: 0px 2px 2px #cccccc;
    position: absolute; width: 350px; z-index: 999; margin-left: 25%; margin-top: 130px; padding: 20px;}

.whitesidecatalogue h3{font-size: 15px; font-weight: bold}
.whitesidecatalogue p{font-size: 10px; margin-bottom: 5px;}
.paddingmargin0{padding-left: 0px; padding-right: 0px;}
.productdesctext h4{font-size: 15px; margin-top: 5px;}

.comp-icon{width: 25px; height: 25px;}
.cataloguesearch{opacity: .4; margin-left: 5px; border-radius: 8px; width: 100%; height: 35px; border: 0px; margin-top: 3px;}
.marginbottom50px{margin-bottom: 80px;}
.yesnobtn{background-color: #6f6f6f; border-radius: 20px; text-align: center!important; color: #ffffff; width: 100px!important; margin-top: 10px; margin-bottom: 10px;}

.selectimgbtn{background-color: #6f6f6f; border-radius: 20px; text-align: center!important; color: #ffffff; width: 150px!important; margin-top: 10px; margin-bottom: 10px;}

.submitbtn{ width: 220px!important; height: 45px; border-radius: 20px; text-align: center!important; font-size:20px!important; color: #ffffff}
.profileSubmit{ width: auto !important; height: 45px; border-radius: 20px; text-align: center!important; font-size:20px!important; color: #ffffff;}
.mobilemargintop80 h1{margin-top: 20px; font-size: 25px;}
/*-------------Footer---------------*/

@media screen and (min-width: 0px) and (max-width: 992px)
{
    .displayindesktop{display: none!important}
    .mobileBackBtn{
        float: left;
        z-index: 999;
        position: absolute;
        left: 10px;
        font-size: 20px !important;
    }
    .displayinWeb{display: none}
}

@media screen and (max-width: 576px){
    .newPage{ top: -5px !important}
}

@media screen and (min-width: 0px) and (max-width: 1070px)
{
    .whitebox{height: auto;}
}

@media screen and (min-width: 992px) and (max-width: 4000px)
{
    .displayinmobile{display: none}
}

.redFooter{ min-height: 60px; position: fixed; bottom: 0!important; width: 100%;z-index: 999!important;}

/*-------------media query-----------*/
@media screen and (min-width: 550px) and (max-width: 823px)
{
    .modal-content{margin-top: 12%!important;}
}
@media screen and (min-width:0px) and (max-width: 823px) {
    .shoppingbtn{margin-top: 0px!important; width: 100%!important;}
    .bookbtn{float: left; margin-left: 12px; margin-top: 5px; margin-bottom: 5px;}
    .navigation-logo{margin-left: 17%}
    .innerheadtext h4{margin-left: 25px;}
    .pageheading h3{margin-top: 15px;}
    .modal-backdrop.show{opacity: 0!important;}
    .complaintbtn{margin-bottom: 10px;}
    .innerpageheading h3{margin-top: 80px!important;}
    .pageheading h3{margin-top: 80px;}
    .mobilemargintop80 h1{margin-top: 80px; font-size: 24px;}
    .rightsidebar{padding-left: 0px!important;}
    .productsidecatalogue{margin-top: -10px;}
    .catalogueheading h3{font-size: 13px;}
    .newmargintop{margin-top: 20px;}
    .contactinfo table{width: 800px;}
    .welcometextarea h3{font-size: 17px}
    .welcometextarea h2{font-size: 25px;}
    .bannerimage{background-size: cover;}
    .innerpage-whitebg{min-height: 200px; height:auto; padding-bottom: 20px;}
    .pageheading-complaintform h3{margin-top: 15px!important;}
    .submitnewbtn.btn{font-size: 16px!important;}
    .whitesidecatalogue3{margin-bottom: 60px!important;}
    .modal-content{margin-top: 19% !important;}
    #catalogueAccordion .card {margin-bottom: 10px;}
    .main-container-div {margin-bottom: 15px;}
    .mobileInvisble{display: none !important;}
    .payment-container{
        width: 95% !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 767px)
{
    .bannerimage{background-image: none; min-height: 0px; height: auto}
    .welcometextarea{display: none}
    .cataloguearea {
        height: 100%;
        display: block;
        overflow-y: unset;
    }
    .dosageCatalogue {
        height: 100% !important;
        overflow-y: unset !important;
    }
    .diseaseCatalogue {
        height: 100% !important;
        overflow-y: unset !important;
    }
    .bannerimage{
        margin-top: 0px !important;
    }
    .marginbottom-20px{margin-bottom: 0px !important;}
    /*.view_div{
        position: relative;
    }
    .product_description{
        position: absolute;
        top:20px;
        right:0;
        left:0;
        z-index: 100;
    }*/
    .rightsidebar {
        padding-bottom: 0px !important;   
    }
    .custom-breadcrumb,
    .custom-breadcrumb li a{
        font-size: 15px;
    }
    .productName{
        padding-top: 40px;
        font-size: 20px;
        font-weight: bold;
        color: #c10506;
        
    }
    .mobileTop0{
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 823px)
{
    .cataloguefont .btn:not(:disabled):not(.disabled){font-size: 15px!important;}
}
@media screen and (min-width: 823px) and (max-width: 1100px)
{
    .bannerimage{background-size: cover;}
}

.navShadow{ box-shadow: 2px 2px 2px #cccccc; border-radius: 0;}

.card-header3 {
    color: #ffffff!important;
    height: 40px;
    padding-top: 0px;
    padding-left: 0px; padding-right: 0px;
    width: 220px;
    border-radius: 0px;
}

.displayindesktop{color: #c10506!important}
.categoryname{font-weight: bold; font-size: 15px; float: left; margin-top: -20px;}

.select2-container--default .select2-selection--single{height: 45px; width: 100%; box-shadow: 0px 2px 2px #cccccc; padding-top: 5px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:12px;}


/*NAVBAR DD*/
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.languageListMenuInside>.dropdown>ul.dropdown-menu>li span {
    padding: 3px!important;
}
.customRadioButton {
    /* padding: 0 2px 3px;*/
    margin: 0!important;
    width: 49%;
    color: black;
}

.customRadioButton input[type=radio] {
    display: none;
}


.LanguageRadioBox > .customRadioButton label {
    padding-left: 20px;
}
.customRadioButton label {
    padding-left: 5px;
    margin: 0;
    font-size: 14px;
}
.customRadioButton label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.languageDropdown.collapsed .fa2:after {
    content: "\f0d7";
}
.languageDropdown .fa2:after {
    content: "\f0d8";
}

.profileDropdown.collapsed .fa2:after {
    content: "\f0d7";
}
.profileDropdown .fa2:after {
    content: "\f0d8";
}
.topnav{display: inline-flex;}
/* .languageDropdownContent .radio label::after{background-color: #d71921 !important;} */
.languageDropdownContent{
    position: absolute;
    top: 50px;
    right: 0px;
    width: 245px;
    background: #fff;
    border: 1px solid;
    border-top: 3px solid ;
    text-align: left;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 10px;
    z-index:99!important;
}

.profileContent{
    position: absolute;
    top: 50px;
    right: 0px;
    width: 275px;
    background: #fff;
    border: 1px solid;
    border-top: 3px solid ;
    text-align: left;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 10px;
    z-index:99!important;
}

.Font13px {
    font-size: 13px;
}
.MarginBottom15 {
    margin-bottom: 15px;
}
.OverflowHidden {
    overflow: hidden;
}
.radio {
    padding-left: 20px;
}
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.languageHeader .languageDropdownBox>.languageDropdown>span {
    padding: 0;
    cursor: pointer;
}
.languageHeader .languageDropdownBox>.languageDropdown>span {
    padding: 0;
}

.profileHeader .profileDropdownBox>.profileDropdownBox>span {
    padding: 0;
    cursor: pointer;
}
.profileHeader .profileDropdownBox>.profileDropdown>span {
    padding: 0;
}
/*NAVBAR DD*/


/*
@media
only screen
and (max-width: 760px), (min-device-width: 768px)
and (max-device-width: 1024px)  {


    .mytable table, .mytable thead, .mytable tbody, .mytable th, .mytable td, .mytable tr {
        display: block;
    }


    .mytable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .mytable tr {
        margin: 0 0 1rem 0!important;
    }

    .mytable tr:nth-child(odd) {
    }

    .mytable td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;

    }
    .mytable .table td, .mytable .table th{padding: 1.75rem}

    .mytable td:before {
        !* Now like a table header *!
        position: absolute;
        !* Top/left values mimic padding *!
        top: 0;
        padding-right: 10px;
        white-space: nowrap;
        color: #c10506!important;
    }

    .mytable .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 1);
    }

    .mytable td:nth-of-type(1):before { content: "Id"; }
    .mytable td:nth-of-type(2):before { content: "Farmer Name"; }
    .mytable td:nth-of-type(3):before { content: "Product Name"; }
    .mytable td:nth-of-type(4):before { content: "Agent Name"; }
    .mytable td:nth-of-type(5):before { content: "Complaint Date"; }
    .mytable td:nth-of-type(6):before { content: "Status"; }
    .mytable td:nth-of-type(7):before { content: "Image"; }
    .mytable td:nth-of-type(8):before { content: "Action"; }
}
*/
.headingtext h3{font-size: 22px; margin-top: 20px;}
.headingtext h4{font-size: 16px; margin-top: 10px;}
.productimage{margin-top: 20px;}
.qty{margin-top: 10px;}
.marginright20px{margin-right: 20px;}
.shoppingbtn{ height: 40px; margin-top: 40px; border-radius: 20px; text-align: center;
    width: 180px!important; text-align: center!important; color: #ffffff; font-size: 15px!important; margin-bottom: 20px;}
.selectfieldnew{width: 80px; height: 35px!important; margin-top: 4px; margin-bottom: 10px;}
.selectfieldnew2{height: 45px!important;}

.rightsidebar{z-index: 9; padding-left: 15px;
    padding-top: 25px; padding-bottom: 80px; float: left; position: absolute; width: 97.5%; }

.productsidecatalogue{background-color: #ffffff; height: 620px; overflow-y: auto; box-shadow:1px 2px 2px 2px #eeeeee;}
.whitesidecatalogue2{background-color: #ffffff; height: 620px; overflow-y: auto; box-shadow:1px 2px 2px 2px #eeeeee;}

.whitesidecatalogue3{background-color: #ffffff; height: 580px; overflow-y: auto; box-shadow:1px 2px 2px 2px #eeeeee;}

.redbutton2{ height: 35px;margin-top: 10px; border-radius: 20px; text-align: center;
    width: 120px!important; text-align: center!important; color: #ffffff; font-size: 14px!important;}

.calculatebtn{ height: 35px; border-radius: 20px; text-align: center;
    width: 100%!important; text-align: center!important; color: #ffffff; font-size: 14px!important;}

.bordernone .table td, .table th{border-top: 0px; padding: 2px; font-size: 13px;}

.DisplayOnClick{
    display: none;
}
.HideOnclick{
    display: block;
}
.productsidecatalogue h3{font-size: 15px; font-weight: bold}

.marginbottom5px{margin-bottom: 5px;}
.marginbottom15px{margin-bottom: 15px;}

/*Toggle Switch*/ /*FIRST ADD CLASS IN PARENT DIV class="custom-switch"*/
.custom-switch .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}

.custom-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.custom-switch .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

/* .custom-switch input:checked + .slider {
    background-color: #c10506;
} */

.custom-switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
.custom-switch input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.custom-switch .slider.round {
    border-radius: 16px;
}

.custom-switch .slider.round:before {
    border-radius: 50%;
}
/*Toggle Switch*/


.textarea-resizenone{resize: none; display:block; height: 60px; margin-bottom: 10px; margin-top: 5px;}
.selectfieldheight{height: 45px!important;}
.dosagehr hr{margin-top: 35px!important; margin-bottom: 14px; box-shadow: 0px 2px 2px #cccccc;}
.labeltopmar label{padding-top: 15px!important;}

.noimage{box-shadow:1px 2px 2px 2px #eeeeee; min-height: 300px; height: auto; width: 100%; margin: 20px;
padding: 10px; display: block; overflow: hidden}
.cartpageheading {margin-top: 20px;}
.cartpageheading h3{font-size: 14px!important; color: #333333; margin-top: 8px;}
.selectfieldnew3{height: 35px!important; width: 150px; margin-bottom: 15px;}

.dropzone {
    width: 100%;
    height: 100px;
    border: dashed 2px #d71921;
    border-radius: 10px;
}
.dropzone-title {
    text-align: center;
    color: #777;
    margin-top: 40px;
}
.previewImage {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}
.activeNav2 a{ color: #ffffff!important; border-radius: 0; padding-top: 9px;}
.activeNav2 { box-shadow: 2px 2px 5px #cccccc!important; color: #ffffff!important; border-radius: 0; background-color: #c1322c}
.cart-removebtn{width: 34px!important; height: 37px!important; background-color: #d71921!important; color: #ffffff!important;}
.cartprice h4{font-size: 15px!important; font-weight: bold!important;}
.table thead tr th{padding: 10px;}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active{color: #ffffff}
.carticonnew{ float: left; margin-left: 5px;}
.displayDosageMobileSection,
.displayDiseaseMobileSection,
.displayDosage{
    display: none;
}
.activeNav2 button{
    color: white!important;
}
.productsidecatalogue hr {
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)!important;
}
.catalogueicon{margin-left: -20px;}
.redheading h3{font-size: 18px; margin-top: 15px; margin-bottom: 15px;}
.whitebag{background-color: #ffffff;}
.border-radius0px{border-radius: 0px!important;}
.dosagehead h3{font-size: 20px; margin-top: 10px!important; margin-bottom: 10px!important; font-weight: bold;}
.contactAccordian{
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.contactAccordian .fa1:before {
    content: "\f068";
}
.contactAccordian .collapsed .fa1:before {
    content: "\f067";
}
/*Start         Toastr Notification Design*/
.toast {
    text-align: center !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 70px !important;
    opacity: 0.9 !important;
}
#toast-container > .toast-success {
    background-image: none !important;
}
#toast-container > .toast-error {
    background-image: none !important;
}
#toast-container{
    position:fixed;
    z-index:999999;
    pointer-events:none
}
#toast-container.toast-top-center > div {
    width: 480px !important;
    margin-left: auto;
    margin-right: auto;
}
#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}
@media all and (max-width: 240px) {
    #toast-container.toast-top-center > div {
        width: 11em !important;
    }
}
@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container.toast-top-center > div {
        width: 18em !important;
    }
}
@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container.toast-top-center > div {
        width: 25em !important;
    }
}
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}
/*Toastr Notification Design           End*/

/*Spinner Design Start*/
.spinner-container{position: fixed;top:0;left: 0;right: 0;bottom: 0; z-index: 9999;background-color: rgba(175, 175, 175, 0.48);}
@keyframes spinner-line-fade-more {
    0%, 100% {
        opacity: 0; /* minimum opacity */
    }
    1% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-quick {
    0%, 39%, 100% {
        opacity: 0.25; /* minimum opacity */
    }
    40% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-default {
    0%, 100% {
        opacity: 0.22; /* minimum opacity */
    }
    1% {
        opacity: 1;
    }
}
/*Spinner Notification Design           End*/
.downarrow{margin-left: 8px!important; margin-top: 2px!important;}
.contactinfo{display: block; overflow-x: auto}

.custom-breadcrumb{
    background: transparent;
    padding:0;
}

ol.custom-breadcrumb li:nth-last-child(1){
    color: #262626;
    pointer-events: none;
}
.allcordovabtn a{font-size: 16px!important; padding-top: 6px!important;}
.allpageboxshadow{box-shadow: 1px 1px 1px #cccccc!important; margin-bottom: 10px!important; border: 1px solid #cccccc;
    padding-bottom: 10px; display: block; overflow: hidden; line-break: normal }
.allpageboxshadow h3{font-weight: bold; font-size: 17px; line-height: 17px; margin-top: 10px;}
.DataTables_table{ width:75px;display: inline-block;margin:0px 5px;}

.pageheading-complaintform h3{margin-top: 50px; font-size: 20px; margin-left: -12px; font-weight: bold!important;}


.modal-header .close{padding-top: 5px!important;}

/* Style the Image Used to Trigger the Modal */
#zoomImage {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#zoomImage:hover {opacity: 0.7;}

/* The Modal (background) */
.imagezoom .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 60px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.imagezoom .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    margin-top: 0 !important;
    background-color: transparent !important;
    text-align: center;
    top: 10%;
    overflow: hidden;
}
img #modalImage {
    display: inline-block;
    transform: scale(1.5);
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
.imagezoom #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.imagezoom .modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.imagezoom .close {
    position: relative;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.imagezoom .close.closeButton:hover,
.imagezoom .close.closeButton:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
.imagezoom .close:hover,
.imagezoom .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .imagezoom  .modal-content {
        width: 100%;
    }
}
.activeAnimal{
    position: relative;
    -webkit-animation-name: flydown;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: flydown;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes flydown {
    from {left: 0px;}
    to {left: 20px;}
}

@keyframes flydown {
    from {left: 0px;}
    to {left: 20px;}
}

.dosageNav{background-color: #343a40; min-height: 640px; height: auto; box-shadow:1px 2px 2px 2px #eeeeee;}

.dosageTable .header .col {
    font-weight: bold;
}
.padding-left-offset{margin-left:-15px;}
.main-container-div{padding-bottom:90px;}

/*Dosage table Css*/

.dosagedetail-table {
    margin-top: 20px;
    border-collapse: collapse
}

.dosagedetail-table .column {
    padding-left: 5px;
    padding-right: 5px
}

.dosagedetail-table label {
    margin-bottom: 0px;
    line-height: 18px;
    font-size: 12px !important;
}

.dosagedetail-table-title {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 18px
}

.dosagedetail-table-subtitle {
    font-size: 12px;
    text-align: right;
    line-height: 18px
}

.dosagedetail-table-title2 {
    font-size: 12px;
    line-height: 18px
}

.dosagedetail-table-title3 {
    font-size: 12px;
    line-height: 18px
}

.dosagedetail-table-subtitle2 {
    font-size: 12px;
    text-align: right;
    line-height: 18px
}

.dosagedetail-table-calculation {
    margin-top: 4px;
    border: solid 1px #ccc;
    border-right-width: 0px;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    font-size:12px !important;
}

.dosagedetail-table-calculation .row {
    margin-left: 0;
    margin-right: 0
}

.dosagedetail-table-heading .column {
    border-right: solid 1px #ccc
}

.dosagedetail-table-maintenance-heading .column {
    border-top: solid 1px #ccc
}

.dosagedetail-table hr {
    margin: 0px;
    margin-bottom: 1px
}

.dosagedetail-table .dosagedetail-leftheadinglabel {
    line-height: 18px;
    display: block
}

.cart-removebtnForMobile{
    height: 40px; margin-top: 40px;
    border-radius: 20px; text-align: center;
    width: 180px!important; text-align: center!important;
    color: #ffffff; font-size: 15px!important; margin-bottom: 20px;
    margin-left: 15px;}
.dosagedetail-table .dosagedetail-leftsubheadinglabel {
    line-height: 16px;
    font-size: 11px;
    display: block
}

.dosagedetail-table .dosagedetail-headinglabel {
    line-height: 18px;
    display: block;
    text-align: center
}

.dosagedetail-table .dosagedetail-subheadinglabel {
    line-height: 16px;
    font-size: 11px;
    display: block;
    text-align: center
}

.dosagedetail-table-content .column {
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc
}

.dosagedetail-tablevalue {
    color: #6f6f6f;
    display: block;
    text-align: right
}
.dosagedetail-table-calculation label {
    font-size: 12px !important;
}
.cart-Mobilebtn{  color: #ffffff!important;}
.wrap-text{white-space: normal;}

.news-link p { width: unset; border: 1px solid; text-align: center; background: #414042; border-radius: 50px;}
.download-link p { width: unset; border: 1px solid; text-align: center; background: #414042; border-radius: 50px;}
.artical-link p { width: unset; border: 1px solid; text-align: center; background: #d71921; border-radius: 50px;}


.download-link p a {color: #fff;}

.download-link p a:hover {text-decoration: underline;}

.errormsg-Brouchers{padding: 5px 10px;}


.farmerpage-headings{color: #0b2e13!important; font-size: 20px; margin-left: auto!important; margin-bottom: 10px; margin-top: 5px;}

.marginbottom-20px{margin-bottom: -110px;}

.content-filter {margin-left: 1.5rem;}

.content-filter label::before {margin-left: 1.5rem;}

.content-filter label::after {margin-left: 1.5rem;}

.animal-filter-label {text-transform: capitalize !important; font-size: 12px !important;}

.product-overlay,
#custom-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    cursor: pointer;
}

.overflowHidden{
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.flex-center{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.btn-red {
    max-width: 110px;
    max-height: 35px;
    text-align: center;
    color: #fff;
}
.btn-red-text{
    justify-content: center;
}

.export-btn-div {
    height: 100%;
    justify-content: flex-end;
}
.btn-red-text i {
    padding-right: 10px;
}
.btn-red:hover{
    color:#fff;
}

.language-name{
    display: flex;
    align-content: center;
    align-items: center;
    cursor: pointer;
    color: #000000;
}

.language-name::before{
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 15px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    border-radius: 50%;
    margin-right: 10px;
}


.addToCartBorderDiv{
    display: flex;
    margin-left: 15px;
}
.productdesctext ul {
    padding: 0;
}

.removeItemFromCart{
    margin-left: 15px;
}

.account-form-sidediv{
    min-height: max-content;
    padding:15px 0px;
}

.account-form-sidediv .custom-checkbox{
    margin-top: 5px;
}
.afrivetlogo {
    margin-top: 50px;
    margin-bottom: 50px;
}

.messagetextbg {
    min-height: 50px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 50px;
}

.messagetextbg h4 {
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
}

.blinking{
    animation:blinkingText 2s infinite;
}

@keyframes blinkingText{
    0%{     color: #d71921;    }
    25%{    color: transparent; }
    50%{    color: #d71921; }
    75%{    color:transparent;  }
    100%{   color: #d71921;    }
}

.processtext h3
{
    font-size: 30px;
    text-align: center;
}
.processtext h4
{
    font-size: 22px;
    text-align: center;
}

.redirectionbg
{
    background-color: #ffffff;
    min-height: 100px;
    padding-bottom: 50px;
    padding-top: 10px;
    margin-top: 0px;

}
/* success and failure payment pages */
.payment-container {
    width: 40%;
    margin: 15px auto;
}
.paymentIcon .fa {
    float: none;
    font-size: 140px;
}
.payment-success{
    color: #00f089;
}
.payment-heading {
    font-size: 35px;
    color: #333;
    letter-spacing: 1px;
}
.payment-home{
    max-width: 170px;
    border-radius: 20px; 
}
.closeBtn {
    background: transparent;
    font-weight: bolder;
    font-size: 25px;
    z-index: 1000;
    border: transparent;
}
.closeBtnDosage {
    background: transparent;
    font-weight: bolder;
    font-size: 25px;
    z-index: 1000;
    border: transparent;
}
.redFooter{
    margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
    margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
}
body {
    padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
    padding-top: env(safe-area-inset-top); /* iOS 11.2 */
}

/*----------contact-us--new design------*/
.contactuslinks > a{background-color:#f8f8f8;font-size:32px;padding: 5px 5px;border-radius:0px; font-weight: bold}

.contact-map-border {border:10px solid #1c385f;}
.marginbottom40 {margin-bottom:40px;}

.contactus-category-text
{
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}

.contactus-category-plussign:after
{
    content: "\002b";
    font-size: 30px;
    font-weight: bold;
}

.contactus-category-box{
    margin-bottom: 10px;
}

.contactus-dna-bg
{
    background-color: #c1c1c1;
    height: auto;
    color: #000000;
    margin-top: 0px;

    padding-top: 10px;
    padding-bottom: 10px;
}

.paddingTop20{
    padding-top: 20px;
}

.category-collapse[aria-expanded="true"] .contactus-category-plussign:after {
    content: "\2212";
    font-size: 30px;
    font-weight: bold;
}

.contactus-category-plussign-text{
    font-size: 30px;
    font-weight: bold;
}

.defaultSelectSA{color:#f8f8f8!important; }
.redColorTheme{ color:#f8f8f8!important;}
.locatorBtn{margin-top:37px!important;background-color:#f8f8f8;width:180px;height:45px;padding: 5px 5px;border-radius:0px;font-weight: bold;}
.locatorBtn:hover{color:#f8f8f8;}

.height350{height: 350px;}

.teamName{text-align: center;font-weight: bold;}
.teamName{text-align: center;font-weight: bold;}
.btnCollapse{
    display: inline-block;
    margin-bottom: 6px;
}
.txtProductName{
    display: inline-block;
    margin-left: 15px;
}
/* product Collpase css */
.bottomBorder{
    border-bottom: 1px solid #000;
}
.bottomBorder .collapsed:before {
    content: "\002b";
}
/* span[aria-expanded="true"]:before{
    content: "\2212";
} */
.photobg
{
    height: 220px;
}

.contact-images{
    min-width: 158px;
    min-height: 236px;
}
.font-size14px{
    font-size: 14px;
}
.contactUsAccordian{
    color: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.contactUsAccordian .fa1:after {
    content: "\f068";
}
.contactUsAccordian .collapsed .fa1:after {
    content: "\f067";
}
.contactCard{
    min-height: 425px;
    min-width:10rem
}
.emailPhoneDiv .fa {
    float: none !important;
    margin-right: 10px;
}

@media (min-width: 481px) and (max-width: 767px) {
    .contactCard{
        min-height: 425px;
        min-width:20rem
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .contactCard{
        min-height: 425px;
        min-width:15rem
    }
}
.dashboardFooter{
    z-index:10 !important;
}
.marginbottom70px{
    margin-bottom: 70px;
}
.signInBtn{
    border-radius: 20px;
}
.swal-footer {
 text-align: center !important;
}

/* media query for the landscape desing popup */

/*@media screen and (min-width:637px) and (max-width:642px){
    .productsidecatalogue {
        height: 265px;
    }
}
@media screen and (min-width: 729px) and (max-width: 735px){
    .productsidecatalogue {
        height: 300px;
    }
}
@media screen and (min-width: 957px) and (max-width:962px){
    .productsidecatalogue {
        height: 400px !important;
    }
}
@media screen and (min-width:852px) and (max-width:856px){
    .productsidecatalogue {
        height: 320px !important;
    }
}
@media screen and (min-width:478px) and (max-width:482px){
    .productsidecatalogue {
        height: 230px;
    }
}
@media screen and (min-width:822px) and (max-width:825px){
    .productsidecatalogue {
        height: 305px !important;
    }
}
@media screen and (min-width:565px) and (max-width:570px){
    .productsidecatalogue {
        height: 210px;
    }
}
@media screen and (min-width:665px) and (max-width:670px){
    .productsidecatalogue {
        height: 290px;
    }
}
@media screen and (min-width:734px) and (max-width:740px){
    .productsidecatalogue {
        height: 330px;
    }
}
@media screen and (min-width:809px) and (max-width:815px){
    .productsidecatalogue {
        height: 265px;
    }
}

@media screen and (min-width: 0px) and (max-width:240px){
    .productsidecatalogue {
        max-height: 30%;
    }
    label,
    .setrespnsiveFontSize{
        font-size: 12px !important; 
    }
}
@media screen and (min-width: 241px) and (max-width: 320px){
    .productsidecatalogue {
        max-height: 50%;
    }
    label,
    .setrespnsiveFontSize{
        font-size: 12px !important; 
    }
}
@media screen and (min-width: 320px) and (max-width: 375px){
    label,
    .setrespnsiveFontSize{
        font-size: 12px !important; 
    }
}
@media screen and (min-width: 321px) and (max-width: 411px){
    .productsidecatalogue {
        max-height: 75%;
    }
}
@media screen and (min-width: 411px) and (max-width: 767px){
    .productsidecatalogue {
        max-height: 90%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
    .productsidecatalogue {
        max-height: 100%;
    }
    .productsidecatalogue {
        height: 700px;
    }
}
@media screen and (min-height: 830px) and (max-height: 950px){
    .productsidecatalogue {
        height: 700px;
    }
}
@media screen and (min-height: 951px) and (max-height: 1290px){
    .productsidecatalogue {
        height: 800px;
    }
}*/
/* media query for the changes related to lg-view */
@media (max-width: 992px){
    .cataloguearea {
        height: 100%;
        display: block;
        overflow-y: unset;
    }
    .dosageCatalogue {
        height: 100% !important;
        overflow-y: unset !important;
    }
    .diseaseCatalogue {
        height: 100% !important;
        overflow-y: unset !important;
    }
    .bannerimage{
        background-image: none; 
        min-height: 0px; 
        height: auto;
        margin-top: 0px !important;
    }
    .mobileInvisble{
        display: none !important;
    }
    .bannerimage{
        margin-top: 0px !important;
    }
    .marginbottom-20px{margin-bottom: 0px !important;}
    /*.view_div{
        position: relative;
    }
    .product_description{
        position: absolute;
        top:20px;
        right:0;
        left:0;
        z-index: 100;
    }*/
    .rightsidebar {
        padding-bottom: 0px !important;   
    }
    .custom-breadcrumb,
    .custom-breadcrumb li a{
        font-size: 15px;
    }
    .productName{
        font-size: 20px;
        font-weight: bold;
        color: #c10506;
    }
    .mobileTop0{
        margin-top: 0px !important;
    }
}

.paddingright0{
    padding-right: 0px;
}

.paddingleft0{
    padding-left: 0px ;
}

@media (max-width:300px){
    .smallMobComplainBtn {
        width: 70px !important;
        padding: 6px 0px;
    }
    .breakword{
        word-break: break-all;
    }
}
.light-qrey{
    color: #888888;
}
.greyBottomBorder{
    border-bottom: 1px solid #cecece;
}
.cataloguesubheading ul li a{
    text-decoration: none !important;
}
.categoryName{
    text-transform: capitalize;
    font-weight: bold;
}
.categoryNameBold{
    font-weight: bold;
}
.subCategoryName{
    font-size:15px;
}@media screen and (min-width: 300px) and (max-width: 786px){
    .productsidecatalogue {
        height: 100%!important;
        overflow-y: hidden!important;
    }
}
.fontSize12px{
    font-size: 12px!important;
}
.dosagedetail-tables{
    padding-bottom: 10px;
}
.custom-loader {
    position: absolute;
    left: 60%;
    top: 0px;
    width: 100%;
    height: 300px;
    transform: translateX(-50%);
}
.custom-loader .fa {
    font-size: 80px;
    top: 50%;
    right: 50%;
    z-index: 99;
    position: absolute;
}
.widthAuto{
    width: auto!important;
}
.cataloguesubheading a {
    width: unset !important;
}
.cataloguesubheading .slide-right,
.cataloguesubheading .slide-right:hover{
    color: #333333;
    
}
#statusDD,
#projectDD,
#langDD,
#transIB,
.reactive-table-navigation input,
#adminTranslationTable-filter input,
#adminUserId_filter input{
    margin-left: 10px;
}
.reactive-table-navigation input{
    margin: 0 10px;
}
#adminUserId_paginate a {
    margin: 0px 10px;
}

#zoomImageModal .image-container{
    padding-bottom: 20px;
}
.paginate_button {
    padding: 0px!important;
    cursor: pointer;
    color: #1d2124;
}

.pagination {
    display: inline-block;
}

.pagination>li>a {
    background: #fafafa;
    color: #666;
}

.pagination li {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 2px 8px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    border: 1px solid #ddd;
    font-size: 15px;
}

.pagination li.active a {
    z-index: 0;
    color: #fff;
    cursor: default;
}

.remove-pagination-padding-left{
    padding-left: 0px;
}

.remove-pagination-padding-right{
    padding-right: 0px;
}

.paginate_button.last,.paginate_button.first{
    display: none;
}
/* #viewComplaint{
    margin-bottom: 5px !important;
} */
table.table-bordered.dataTable tbody td{
    cursor: pointer;
}

@media screen and (min-width: 992px){
    .orderlistTable tr td:last-child, .orderlistTable tr th:last-child {
        display: none;
    }
}

@media screen and (max-width: 991px){
    .orderlistTable{
        border: none;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .orderlistTable th:last-child{
        border: none;
    }
    .orderlistTable tr td:last-child, .orderlistTable tr th:last-child {
        display: block;
        background-color: #fff;
        border: none;
    }
    .orderlistTable tr td:last-child, th:last-child div {
        padding: 0;
    }
    .orderlistTable tr td:not(:last-child), th:not(:last-child) {
        display: none;
    }

    .orderlistTable tr:nth-of-type(odd) {
        background-color: #fff !important;
    }
}
.diseaseList{
    cursor: pointer;
}
.diseaseList:hover{
    font-size: medium;
}
.displayDisease{
    display: none;
}
.diseaseNav{background-color: #343a40; min-height: 640px; height: auto; box-shadow:1px 2px 2px 2px #eeeeee;}

.competitionbg-web{margin-bottom:20px; border:1px solid #ccc; padding-bottom:5px; padding-left: 5px; padding-right: 5px; padding-top: 10px; background-color:#ffffff;
    min-height: 230px; height: auto; }
.competition-web-head{margin-top:10px; font-size:14px; min-height:30px; height:auto; color: #000000;}
.competition-web-text{margin-top:10px; font-size:14px; color: #000000;}

.afrivet-hoverBorder:hover { 
    border: 2px ridge #c10506;
}

.resavet-hoverBorder:hover { 
    border: 2px ridge #243c06;
}

@media screen and (min-width: 0px) and (max-width: 767px)
{
    .competition-img {
        min-height: 100px;
        height: auto;

    }
} 
.competition-img {
    height: 150px; 
    overflow: hidden;
    display: block;
    margin-top: 15px;
}

.catalogSelection .card {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    transition: 0.3s;
    width: 100%;
    min-height: 180px;
    cursor: pointer;
}
  
.catalogSelection .card:hover {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

/* .catalogSelection{ 
    display: none;
} */

#catalogueAccordion {
    display: none;
}

.newsListImage { max-height: 200px;}
.viewMore {color: white; cursor: pointer; height: 25px; border-radius: 20px; color: #9c3328}
.newsDetailImage {width: 100%; height: 500px}
.newsbg
{
    background-color: #f3f6f8;
    padding: 20px;
    box-shadow: 1px 1px 1px #cccccc;
}
.newsbg1
{
    background-color: #ffffff;
    padding: 5px;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
}
.newsdetailstext
{
    font-size: 14px;
    line-height: 24px;
    color: #545454;
    font-style: normal;
}

.newPage{
    float: right;
    z-index: 99;
    position: absolute;
    right: 10px;
    top: 4px;
    font-size: 20px !important;
}

.newPage i{
    font-size: 20px;
}

.icon {
    font-size: 30px;
    color: #c1322c;
}
footer{
    margin-top: auto;
    width: 100%;
}
.custom-container{
    min-height: 100vh;
    overflow: hidden;
}

.imgSrcIcons {
    height: 25px;
    width: 25px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #c1322c !important;
    opacity: 0.3;
    height: 25px;
    width: 25px;
    border-radius: 100%;
}

.carousel-indicators li.active {
    background-color: #c1322c;
}

.carousel-inner {
    height: 350px;
}
@media screen {
    .select2 {
        width: 100% !important;
    }
}
.MarketinMaterial{
    height: 35vh;
    width: 65vh;
    margin-left: 5vh;
}

.wordBreak{
    white-space: normal !important;
    display: flex;
    align-items: baseline;
}
.ourPartnerFonts{
    font-size: xx-large;
}

.exportBtnText{
    min-width: fit-content;
}

.news a:hover { text-decoration: none; }

.lineHeight{
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    -webkit-line-clamp: 1!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
}

.lineHeight1{
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    -webkit-line-clamp: 2!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
}

.lineHeight3{
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    -webkit-line-clamp: 3!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
}

.articalContainer{
    padding: 0px 100px;
}

.newsContainer{
    padding: 0px 200px;
}

.footerchange{
    min-height: calc()
}

.viewmore:hover{
    text-decoration: none;
}
.imagebox{
    width: 100px;
    /* height: 100px; */
}

.ourPartner{
    background-color: #dc3545;
}

.removePadding{
    padding: 0px !important;
}

.cardHeight{
    height: 225px;
}

.newLineContent {
    white-space: pre-line;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    /* word-wrap: break-word;       Internet Explorer 5.5+ */
    padding-top: 5px;
}

.staticPagesDetails{
    padding: 0px 50px;
}

@media screen and (max-width: 993px) {
    .custom-container{
        overflow: auto;
    }
    .newsContainer{
        padding: 0px 50px;
    }
    .news-title{
        font-size: 22px;
    }
}

@media screen and (max-width: 576px) {
    .news-title{
        font-size: 18px;
    }
    .newsContainer, .staticPagesDetails, .articalContainer{
        padding: 0px 20px;
    }
    .newsDetailImage { 
        width: 100%; 
        height: 200px
    }
}

.img-responsive  {
    max-width: 100%;
    height: auto;
}

.news-list-card {
    margin-bottom: 20px;
    padding: 20px;
    min-height: 205px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 4px;
}

.news-card-img {
    width: 230px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.news-doc-download-btn {
    text-align: center;
    background: #c10506;
    border-radius: 50px;
    padding: 4px;
    width: 250px;
    margin-bottom: 10px;
}

.news-doc-download-btn a {
    color: #ffffff !important;
    cursor: pointer;
}

@media (max-width: 1200px){
    .news-img-responsive{
        max-width: 100%;
        height: auto;
    }
}

.centerAlign {
    display: flex;
    justify-content: center;
    align-items: center;
}

.article-container {
    min-height: 400px; 
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
    border-radius: 4px;
}

.afrivet-background.askYourAfrivetDD button, .resavet-background.askYourAfrivetDD button {
    color: #fff;
}

.disclaimer-div {
    position: absolute;
    bottom: 4px;
    right: 20px;
    display: flex;
}

.disclaimer-div div {
    margin-left: 4px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 10px;
    padding: 4px 8px 4px 8px;
    background: #ffffff;
    box-shadow: rgb(2 6 16 / 20%) 0px 2px 16px;
}
.disclaimer-div div a, .disclaimer-div div a {
    color: #c10506;
}

.margin-top-30px{
    margin-top: 30px;
}