@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    background: #f3f3f3;
}
.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.no-margin {
    margin-left: 0px;
    margin-right: 0px;
}

#header {
    background: #fff;
    box-shadow: 1px 1px 25px #00000020;
    padding: 10px 20px;
}

.header-title {
    display: block;
    font-size: 28px;
    color: #000;
    text-align: center;
    margin:0px;
    
}

.rgt-logo {
    height: 35px;
    float: right;
}

.logo {
    height: 35px;
}

.main-content {
    margin-top: 50px;
    display: block;
    
}

.lft {
    width: 425px;
    height: 500px;
    padding: 85px 0px 0px 20px;
    font-size: 15px;
    color: #000;
    line-height: 24px;
    background: url(../images/side.png) no-repeat left top;
    margin-top: 8px;
}

.lft img {
    display: block;
    width: 60px;
    margin-bottom: -10px;
}

.count {
    font-size: 17px;
    font-weight: 600;
    width: auto;
    text-align: center;
    background-color: #005189;
    padding: 7px;
    border-radius: 8px;
    color: #fff;
    float: left;
    margin-right: 15px;
    margin-top:15px;
}
.count strong {
    font-size: 22px;
}

.rgt {
    padding-left:36px;
}

.box-outer {
    width: 100%;
    padding:14px 15px 0px 0px;
    background: #333;
    border-radius: 8px;
    margin-bottom: 40px;
    
}
.bt {
    padding:14px 0px 0px 15px;
    margin-bottom: 10px;
}

.box-inner {
    border-radius: 8px;
    font-size: 15px;
    color:#000;
    background:#fff;
    padding:4px;
}

.heading {
    display: block; 
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 10px;
    
}
.heading a:hover {
    text-decoration: none;
}

.in {
    float: right;
    margin-top: 7px;
    margin-right: 5px;
    color: transparent;
    

}

.heading img {
    margin-right: 0px;
}

.heading span {
margin-top:5px;

}

.rgt .popupTable{
    width:100%;
    border-collapse:collapse; 
    font-size: 13px;
    margin-bottom: 25px;
}
.rgt .popupTable td{ 
    padding:4px 10px; 
    width: auto;
}
/* provide some minimal visual accomodation for IE8 and below */
.rgt .popupTable tr{
    background: #fff;
}
/*  Define the background color for all the ODD background rows  */
.rgt .popupTable tr:nth-child(odd){ 
    background: #f1f1f1;
}
/*  Define the background color for all the EVEN background rows  */
.rgt .popupTable tr:nth-child(even){
    background: #fff;
}
.rgt .red {
    background: none;
}

.rgt .owl-nav {
    top: 84%;
    color: #fff;
}

.rgt .owl-theme .owl-nav .disabled {
    opacity: 0;
}

.rgt .owl-prev {
   
    width: 22px !important;
    height: 22px !important;
    margin-left: 0px !important;
    color: #fff !important;
    border: solid 1px #fff !important;
    font-size: 15px !important;
}

.rgt .owl-next {
   
    width: 22px !important;
    height: 22px !important;
    margin-right: 0px !important;
    color: #fff !important;
    border: solid 1px #fff !important;
    font-size: 15px !important;
}

.rgt .blue {
    background: none;
}

.rgt .yellow {
    background: none;
}

.rgt .purple {
    background: none;
}

.rgt .orange {
    background: none;
}

.rgt .green {
    background: none;
}
.red .box-outer {
    background: rgb(230,43,43);
background: linear-gradient(360deg, rgba(230,43,43,1) 0%, rgba(252,155,155,1) 100%);
}
.red .owl-prev {
    background: #e62929 !important;
}

.red .owl-next {
    background: #e62929 !important;
}

.red .heading a {
    color:#e62929;
} 




.blue .box-outer {
    background: rgb(19,133,212);
    background: linear-gradient(360deg, rgba(19,133,212,1) 0%, rgba(139,207,254,1) 100%);
}

.blue .heading a {
    color:#1284d4;
} 

.blue .owl-prev {
    background: #1284d4 !important;
}

.blue .owl-next {
    background: #1284d4 !important;
}

.yellow .box-outer {
    background: rgb(223,168,18);
background: linear-gradient(360deg, rgba(223,168,18,1) 0%, rgba(255,216,111,1) 100%);
}

.yellow .heading a {
    color:#dfa711;
} 

.yellow .owl-prev {
    background: #dfa711 !important;
}

.yellow .owl-next {
    background: #dfa711 !important;
}

.purple .box-outer {
    background: rgb(205,82,223);
background: linear-gradient(360deg, rgba(205,82,223,1) 0%, rgba(243,165,255,1) 100%);
}

.purple .heading a {
    color:#cd51df;
} 

.purple .owl-prev {
    background: #cd51df !important;
}

.purple .owl-next {
    background: #cd51df !important;
}

.orange .box-outer {
    background: rgb(248,128,30);
background: linear-gradient(360deg, rgba(248,128,30,1) 0%, rgba(255,185,128,1) 100%);
}

.orange .heading a {
    color:#f87f1d;
} 

.orange .owl-prev {
    background: #f87f1d !important;
}

.orange .owl-next {
    background: #f87f1d !important;
}
.green .box-outer {
    background: rgb(29,215,82);
background: linear-gradient(360deg, rgba(29,215,82,1) 0%, rgba(134,255,168,1) 100%);
}

.green .heading a {
    color:#1cd751;
} 

.green .owl-prev {
    background: #1cd751 !important;
}

.green .owl-next {
    background: #1cd751 !important;
}

.carousel-control.right {
    background:none;
    font-size: 15px !important;
    right: -10px;
}
.carousel-control.left {
    background:none;
    font-size: 17px;
    left: 74% !important;
}

.carousel-control {
    bottom: 12px;
    top: auto;
    
    
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 17px;
    text-shadow: none;
}

.infoic {
    width: 30px;
    height: 30px;
    background: #1362aa;
    color: #fff;
    text-align: center;
    padding: 5px 5px 5px 4px;
    border-radius: 100px;
    font-size: 14px;
    margin-left: 90px;
    margin-top: 1px;
    display: inline-block;
    cursor: pointer;
}

.infoic:hover {
    color: #fff;;
}

/* Detail Css */
.dt_count {
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #5b9bd5;
    padding:10px 0px;
    border-radius: 5px;
    margin:10px 0px;
   width: 100%;

}

.dt_count strong {
    font-size: 20px;
    display: block;
}

.lft_content {
    width: 100%;
    display: block;
    margin-left: -15px;
    background: #e2e2e6;
    padding: 15px;
    line-height: 22px;
}

.lft_content strong {
    width: 45%;
    display: inline-block;
    margin-bottom: 10px;
}
.rgt_content {
    background: #e2e2e6;
    text-align: center;
    margin-bottom: 25px;
}


.popupTable-bottom {
    background: #f1f1f1;
    font-size: 13px;
    color: #000;
    width: 100%;
    margin: 10px 0;
}
.popupTable-bottom td {
    padding: 6px;
    text-align: center;
    border-right: 2px solid #fff;
}
.check1 {
font-size: 12px;
float: left;
display: block;
width: 100%;

}

.check1 input {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.select-type {
   margin-top: -24px;
    margin-bottom: 10px;
}

.poweredby {
  margin-top: 40px;
  display: block;
}
.vdetails {
    display: block;
    position: absolute;
    right: 20px;
    top: 90%;
    font-size: 12px;
    color: #707070;
}


@media only screen and (max-width: 769px) {

#header {
    text-align: center;
}

#header img {
    max-width: 140px;
    margin-top: 0px !important;
}
.rgt-logo {
    float: none;
}
.bt {
    margin-bottom: 30px;
}
.rgt {
    padding-left: 0px;
}

.lft {
    width: 100%;
    height: auto;
    background: none;
    text-align: center;
    padding: 25px;
}

.lft img {
    display: inline-block;
}
.count {
    display: inline-block;
    float: none;
}


}