@font-face {
    font-family: Montserrat;
    /*src: url('/PDMPSystemApp/fonts/Montserrat-Medium.ttf');*/
    src: url('../../fonts/Montserrat-Medium.ttf');
}

.table-asap{
    width:100%;
    table-layout: fixed;
}
.tbl-header{
    background-color: silver;
    color: white;
    font-size: 8px;
}
.tbl-content{
    height:400px;
    overflow-x:auto;
    margin-top: 0px;
    border: 1px solid rgba(255,255,255,0.3);
}
.th-asap{
    padding: 10px 5px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: black;  
}
.td-asap{
    padding: 5px;
    text-align: left;
    vertical-align:middle;
    font-weight: 400;
    font-size: 14px;
    color: black;
    border-bottom: solid 1px rgba(255,255,255,0.1);
}

.topnav {
    overflow: hidden;
    background-color: #333;
    width: 100%;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

.topnav .icon {
    display: none;
}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}
/* for custom scrollbar for webkit browser*/

::-webkit-scrollbar {
    width: 13px;
} 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 136px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 13px rgba(0,0,0,0.3); 
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 13px;
    z-index: 1200;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3); 
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 6px;
    background: #BEDCFF; 
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #BEDCFF; 
}


html, body {
    height: 100%;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0px solid;
}

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

.fix {
    overflow: hidden;
}

p {
    margin: 0 0 15px;
    color: #002138;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 15px;
    color: #002138;
    font-weight: 500;
}

h1 {
    font-size: 48px;
    line-height: 50px;
}

h2 {
    font-size: 38px;
    line-height: 40px;
}

h3 {
    font-size: 30px;
    line-height: 32px;
}

h4 {
    font-size: 24px;
    line-height: 26px;
}

h5 {
    font-size: 20px;
    line-height: 22px;
}

h6 {
    font-size: 16px;
    line-height: 20px;
}

a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

a:hover {
    color: #3EC1D5;
    text-decoration: none;
}

a:active, a:hover {
    outline: 0 none;
}

body {
    background: #fff none repeat scroll 0 0;
    color: #002138;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    text-align: left;
    overflow-x: hidden;
    line-height: 22px;
}

.container {
    /* width: 1350px !important; */
    width: 95% !important;
}

/* Back to top button */
.back-to-top {
    position: fixed;
    display: none;
    background: #3EC1D5;
    color: #fff;
    padding: 6px 12px 9px 12px;
    font-size: 16px;
    border-radius: 2px;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 10;
}

@media (max-width: 768px) {
    .back-to-top {
        bottom: 15px;
    }
}

.back-to-top:focus {
    background: #3EC1D5;
    color: #fff;
    outline: none;
}

.back-to-top:hover {
    background: #3cd6ed;
    color: #fff;
}

.clear {
    clear: both;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
    -moz-appearance: auto;
    box-shadow: none;
}

div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url('loading_preloader.gif') no-repeat center center;
    background-color: #ECF0F1;
}

::-moz-selection {
    background: #3EC1D5;
    text-shadow: none;
}

::selection {
    background: #3EC1D5;
    text-shadow: none;
}

.area-padding {
    padding: 70px 0px 80px;
}

.area-padding-2 {
    padding: 70px 0px 50px;
}

.padding-2 {
    padding-bottom: 90px;
}

.section-headline h2 {
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 70px;
    position: relative;
    text-transform: capitalize;
}

.section-headline h2::after {
    border: 1px solid #333;
    bottom: -20px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 40%;
}

.sec-head {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0 0 10px;
    //text-transform: uppercase;
    transition: all 0.4s ease 0s;
}

/*--------------------------------*/

/*  2. Header top Area
/*--------------------------------*/

.header-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: linear-gradient(to bottom right, #005c39, #007bff);
    z-index: 9;
}

.navbar-header a.navbar-brand {
    display: inline-block;
    height: 70px;
    padding: 15px 0;
}

.main-menu ul.navbar-nav li {
    display: inline-block;
    padding: 0px 13px;
}

.main-menu ul.navbar-nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 24px 0px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.main-menu ul.navbar-nav li.active > a::after {
    border: 1px solid #fff;
    bottom: 0px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.main-menu ul.navbar-nav li.active a:hover {
    background: none;
    color: #fff;
}

.main-menu ul.navbar-nav li.active a:focus {
    color: #fff;
}

.main-menu ul.navbar-nav li.active a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    position: relative;
}

.main-menu ul.navbar-nav li a:hover {
    color: #3EC1D5;
}

.navbar {
    border: medium none;
    margin-bottom: 0;
}

.navbar-default {
    background: linear-gradient(to bottom right, #005c39, #007bff);
}

.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background: none;
    color: #333;
}

.navbar-default .navbar-toggle {
    background: linear-gradient(to bottom right, #005c39, #007bff);
    border: medium none;
    border-radius: 0;
    padding: 25px 0px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 30px;
    height: 2px;
}

.top-right.text-right {
    float: right;
    position: relative;
    top: 24px;
    margin-left: 20px;
}

.top-right.text-right>li {
    float: right;
    margin: 0px 8px;
}

.top-right.text-right li a {
    color: #fff;
}

.main-menu .dropdown ul {
    background: #000;
}

.main-menu .dropdown ul li {
    display: block;
}

/*--------------------------------*/

/* 2.1. Stick menu
/*--------------------------------*/

.header-area.stick {
    background-color: rgba(0, 0, 0, 1);
    height: 70px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.stick .navbar-header a.navbar-brand {
    display: inline-block;
    height: 70px;
}

.stick .navbar-brand>img {
    display: none;
}

.stick .navbar-brand.sticky-logo>img {
    display: block;
}

.sticky-logo h1 {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.sticky-logo h1 span {
    color: #3ec1d5;
}
.stick .main-menu ul.navbar-nav li.active > a::after {
    border: 1px solid #fff;
    bottom: 0px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.stick .main-menu ul.nav>li>a:hover {
    color: #fff;
}

.stick .main-menu ul.navbar-nav li.active a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    position: relative;
}

.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
    background-color: #f5f5f5;
    color: #fff;
    outline: medium none;
}

.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
    color: #fff;
}

.stick .logo {
    height: 20px;
}

.stick .logo a {
    margin-top: 0px;
}

.stick .main-menu ul.nav>li>a {
    color: #fff;
    line-height: 22px;
    padding: 24px 0px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.stick .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 30px;
    height: 2px;
}

.stick .navbar-default .navbar-toggle {
    padding: 10px 0px;
}

/*------------------------------
  3. About Area
--------------------------------*/

.about-area {
    background-color: #f9f9f9;
}

.single-well>a {
    display: block;
}

.single-well ul li {
    color: #002138;
    display: block;
    padding: 5px 0;
}

.single-well ul li i {
    color: #3EC1D5;
    padding-right: 10px;
    font-size: 12px;
}

.single-well p {
    color: #002138;
}

/*--------------------------------*/

/* 4.Services Area
/*--------------------------------*/

.services-icon {
    color: #002138;
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
}

.section-headline.services-head>h2 {
    margin-bottom: 25px;
}

.services-details {
    padding-top: 40px;
    transition: all 0.5s ease 0s;
}

.services-details:hover h4, .services-details:hover .services-icon {
    color: #3EC1D5;
}

.row.second-row {
    margin-top: 40px;
}

.section-head>h2 {
    color: #333;
}

.single-services>h4 {
    color: #002138;
    font-size: 24px;
    font-weight: 500;
}

.single-services>p {
    color: #333;
    font-size: 13px;
}

/*----------------------------------------
  5.Skill Area
----------------------------------------*/

.our-skill-area {
    position: relative;
}

.our-skill-area {
    background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg") no-repeat fixed center top / cover;
}

.test-overly {
    background: rgba(0, 0, 0, 0.80);
    position: absolute;
    width: 100%;
    height: 100%;
}

.progress-h4 {
    color: #fff;
    font-weight: 500;
}

/*----------------------------------------
  6.Faq Area
----------------------------------------*/

.faq-details .panel-heading {
    padding: 0;
}

.panel-default>.panel-heading {
    background-color: transparent;
    border: medium none;
    color: #333;
}

.faq-details h4.check-title a {
    color: #333;
    display: block;
    font-weight: 700;
    letter-spacing: 2px;
    margin-left: 40px;
    padding: 6px 10px;
    text-decoration: none;
}

.panel-body {
    padding: 15px 15px 0px 50px;
}

.faq-details h4.check-title {
    color: #002138;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.faq-details a span.acc-icons {
    position: relative;
}

.faq-details a span.acc-icons::before {
    color: #333;
    content: "";
    font-family: fontawesome;
    font-size: 24px;
    height: 40px;
    left: -51px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 42px;
}

.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
    color: #3EC1D5;
}

.faq-details a.active span.acc-icons::before {
    content: "";
    font-family: fontawesome;
    font-size: 24px;
    height: 40px;
    left: -51px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 42px;
}

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

.event-content.head-team h4 {
    background: transparent none repeat scroll 0 0;
    color: #333;
    padding: 30px 0 10px;
    font-weight: 500;
    text-transform: capitalize;
}

.tab-menu .nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.tab-menu {
    display: block;
    text-align: center;
}

.tab-menu ul.nav {
    margin: 0;
    padding: 0;
}

.tab-menu ul.nav li {
    border: medium none;
    display: inline-block;
}

.tab-content {
    border: 1px solid #8F8F8F;
    padding: 0 15px 15px;
}

.tab-menu ul.nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #002138;
    display: block;
    font-weight: 500;
    margin-right: 5px;
    padding: 10px 20px;
    font-size: 13px;
    /* font-family: raleway; */
}

.tab-menu ul li.active a, .tab-menu ul li.hover a, .tab-menu ul li.focus a {
    border-bottom: 1px solid #fff;
    color: #146EBD !important;
}

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

.tab-main-img a {
    position: relative;
    display: block;
}

.tab-main-img a:hover span.events-offer {
    height: 20%;
}

.tab-main-img a span.events-offer {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    content: "";
    font-size: 20px;
    font-weight: 700;
    height: 0%;
    left: 0;
    line-height: 70px;
    padding: 0;
    position: absolute;
    text-align: left;
    transition: all 0.5s ease 0s;
    width: 100%;
    padding: 0px 10px;
}

/*----------------------------------------
 7.Wellcome Area Css
----------------------------------------*/

.wellcome-area {
    background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.well-bg {
    position: relative;
}

.wellcome-text {
    margin: 70px 0;
    padding: 30px 40px;
}

.well-text>h2 {
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    line-height: 50px;
}

.well-text p {
    font-size: 18px;
    font-style: italic;
    color: #fff;
}

.wellcome-text .section-headline p {
    margin-bottom: 0;
}

.subs-feilds {
    border: 1px solid #fff;
    display: inline-block;
    height: 52px;
    margin-top: 30px;
    width: 60%;
    border-radius: 30px;
    overflow: hidden;
}

.suscribe-input input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: left;
    font-size: 15px;
    line-height: 24px;
    padding: 11px 15px;
    width: 70%;
    height: 50px;
}

.suscribe-input button {
    background: #3ec1d5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 20px 20px 0;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 700;
    padding: 14px 20px;
    width: 30%;
}

.suscribe-input button:hover {
    background: #fff none repeat scroll 0 0;
    color: #3ec1d5;
}

/*----------------------------------------
 8.Team Area Css
----------------------------------------*/

.team-member {
    background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
    display: block;
    margin-right: -15px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.team-member::before {
    background: rgba(0, 0, 0, 0) url("../img/team/team01.jpg") repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin-right: -15px;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    transition: 5s;
    transform: scale(1);
}

.team-member:hover.team-member::before {
    transform: scale(1.2);
}

.single-team-member {
    border: 1px solid #ddd;
}

.team-left-text h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    //text-transform: uppercase;
}

.team-left-text p {
    color: #fff;
    font-size: 17px;
    line-height: 26px;
}

.email-news {
    display: block;
    margin: 30px 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.email-news .email_button input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 13px;
    padding: 8px;
    width: 81%;
}

.email-news .email_button>button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 16px;
    padding: 8px 12px;
    text-align: center;
}

.email-news .email_button>button:hover {
    background: #3EC1D5;
    border: 1px solid #fff;
    color: #fff;
}

.team-left-icon ul li {
    display: inline-block;
}

.team-left-icon ul li a:hover {
    color: #3EC1D5;
    background: #fff;
    border: 2px solid #fff;
}

.team-left-icon ul li a {
    border: 2px solid #fff;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 37px;
    margin: 0 3px;
    width: 40px;
}

.team-member-carousel .single-team-member {
    overflow: hidden;
    width: 100%;
}

.single-team-member:hover .team-img a:after {
    opacity: 1;
}

.single-team-member:hover .team-social-icon {
    top: 45%;
    opacity: 1;
}

.team-img {
    position: relative;
}

.team-img>a {
    display: block;
}

.team-img>a::after {
    background: rgba(0, 0, 0, 0.70);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 100%;
    opacity: 0;
}

.team-social-icon {
    left: 50%;
    margin-left: -61px;
    opacity: 0;
    position: absolute;
    top: 30%;
    transition: 1.3s;
}

.team-social-icon ul li {
    display: inline-block;
}

.team-social-icon ul li a {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 34px;
    line-height: 35px;
    margin: 0 3px;
    width: 34px;
}

.team-social-icon ul li a:hover {
    color: #fff;
    border: 1px solid #3EC1D5;
    background: #3EC1D5;
}

.team-content {
    padding: 10px 0px;
}

.team-content>h4, .team-content>p {
    color: #002138;
    margin-bottom: 5px;
}

.team-content.head-team p {
    margin-bottom: 0;
}

.team-left-icon.text-center {
    margin-bottom: 20px;
}

.head-team h4 {
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px;
    //text-transform: uppercase;
}

/*--------------------------------*/

/*  9.review Area
/*--------------------------------*/

.reviews-area {
    background: url(../img/background/bg1.jpg);
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative;
}

.work-left-text {
    background: #3EC1D5 none repeat scroll 0 0;
}

.work-left-text {
    width: 50%;
}

.work-right-text {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    float: right;
    height: 100%;
    overflow: hidden;
    padding: 71px 0;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.work-right-text h2 {
    color: #fff;
    //text-transform: uppercase;
    font-size: 24px;
}

.work-right-text h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    //text-transform: uppercase;
}

.work-right-text .sus-btn {
    margin-left: 0;
    margin-top: 20px;
}

.single-awesome-4 {
    display: block;
    float: left;
    overflow: hidden;
    width: 33.33%;
}

.single-awesome-4 .add-actions {
    padding: 10px 20px;
}

/*----------------------------------------
 10.Portfolio Area Css
----------------------------------------*/

.pst-content {
    padding-left: 10px;
}

.project-menu {
    margin-bottom: 40px;
    text-align: center;
}

.project-menu li {
    display: inline-block;
}

.project-menu li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #002138;
    border-radius: 20px;
    color: #002138;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 0 4px;
    padding: 6px 15px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.project-menu li a.active, .project-menu li a:hover {
    border-color: #3EC1D5;
    background: #3EC1D5;
    color: #fff;
    text-decoration: none;
}

.single-awesome-portfolio {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 25%;
    position: relative;
}

.single-awesome-project {
    overflow: hidden;
    margin-bottom: 30px;
}

.first-item {
    margin-bottom: 30px;
}

.awesome-img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.awesome-img>a {
    display: block;
    position: relative;
}

.single-awesome-project:hover .awesome-img>a::after {
    opacity: 1;
}

.single-awesome-project:hover .add-actions {
    opacity: 1;
    bottom: 0;
}

.awesome-img>a::after {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: 0.4s;
}

.add-actions {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 30px;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 10px 15px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.project-dec {
    display: block;
    height: 100%;
    width: 100%;
}

.project-dec a {
    display: block;
    height: 100%;
    width: 100%;
}

.project-dec h4 {
    margin-bottom: 5px;
}

.project-dec h4:hover {
    color: #fff;
}

.project-dec h4 {
    color: #ddd;
    font-size: 24px;
    margin-top: -45px;
    padding-top: 50%;
    text-decoration: none;
    //text-transform: uppercase;
    font-weight: 800;
}

.project-dec span {
    color: #ddd;
    font-size: 13px;
}

.project-action-btn {
    display: block;
    height: 100%;
    text-align: center;
    transition: all 1s ease 0s;
    width: 100%;
}

.project-action-btn li {
    display: block;
    height: 100%;
    width: 100%;
}

.project-action-btn li a {
    display: block;
    height: 100%;
    width: 100%;
}

/*----------------------------------------*/

/* 11. Pricing Area
/*----------------------------------------*/

.pricing-area {
    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}

.pri_table_list {
    border: 1px solid #ccc;
    text-align: center;
    transition: all 0.4s ease 0s;
    background: #fff;
}

.pri_table_list h3 span {
    font-size: 16px;
}

.pri_table_list ol li {
    border-bottom: 1px solid #ccc;
    color: #666;
    padding: 12px 15px;
    position: relative;
    text-align: left;
}

.pri_table_list li.check.cross::after {
    content: "\f00d";
    font-family: fontawesome;
    font-size: 13px;
    position: absolute;
    right: 50px;
    top: 12px;
    color: indianred;
}

.pri_table_list li.check::after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 13px;
    position: absolute;
    right: 50px;
    top: 12px;
    color: #3EC1D5;
}

.pri_table_list button {
    background: #002138 none repeat scroll 0 0;
    border: 1px solid #002138;
    color: #fff;
    margin-bottom: 25px;
    padding: 10px 35px;
    //text-transform: uppercase;
    transition: all 0.4s ease 0s;
    border-radius: 30px;
}

.pri_table_list>h3 {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    padding: 30px 0 20px;
    //text-transform: uppercase;
    transition: all 0.4s ease 0s;
}

.pri_table_list ol {
    list-style: outside none none;
    margin: 0;
    padding: 0 0 25px;
}

.pri_table_list.active {
    transition: all 0.4s ease 0s;
    position: relative;
    overflow: hidden;
}

.saleon {
    background: #3EC1D5 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    left: -26px;
    padding: 2px 25px;
    position: absolute;
    //text-transform: uppercase;
    top: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.pri_table_list>button:hover {
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
}

.active>h3 {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #333;
    transition: all 0.4s ease 0s;
}

.active>button {
    background: #3EC1D5 none repeat scroll 0 0;
    border: 1px solid #3EC1D5;
    color: #fff;
    transition: 0.4s;
}

.active>button:hover {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    color: #fff;
    transition: 0.4s;
}

/*----------------------------------------
 12.Testimonial Area Css
----------------------------------------*/

.testimonials-area {
    background: rgba(0, 0, 0, 0) url("../img/background/slider1.jpg") no-repeat fixed center top / cover;
    height: auto;
    width: 100%;
}

.testi-inner {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}

.testi-overly {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.quate {
    border: 1px dotted #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    width: 70px;
}

.quate:hover {
    color: #fff;
}

.testi-img img {
    border: 1px dotted rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    height: 80px;
    margin: 0 auto;
    padding: 5px;
    transition: background 0.6s ease-out 0s;
    width: 80px !important;
}

.testi-text p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    margin: 20px 0;
    letter-spacing: 1px;
}

.testi-text h6 {
    color: #fff;
    font-size: 20px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    height: 8px;
    width: 8px;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
    bottom: -30px;
    display: block;
    left: 50%;
    margin-left: -20px;
    position: absolute;
}

.testimonial-content {
    margin-bottom: 15px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
    display: inline-block;
    margin: 0 3px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
    background: #3EC1D5;
}

.testi-text.text-center>h6 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    //text-transform: uppercase;
}

.guest-rev {
    color: #ddd;
    font-size: 16px;
}

.guest-rev>a {
    color: #3EC1D5;
    font-size: 13px;
}

/*--------------------------------*/

/*  13.Blog Area
/*--------------------------------*/

.blog-area {
    height: auto;
    width: 100%;
}

.blog-text h4 a {
    color: #002138;
    text-decoration: none;
}

.blog-text h4 {
    color: #002138;
    margin-bottom: 15px;
}

.blog-btn {
    border-bottom: 1px dotted #002138;
    color: #002138;
    text-decoration: none;
}

.blog-btn {
    border-bottom: 1px dotted #002138;
    color: #002138;
    display: inline-block;
    padding: 0 1px 5px 0;
    position: relative;
    text-decoration: none;
}

.blog-btn {
    position: relative;
}

.blog-btn::after {
    content: "\f178";
    font-family: fontawesome;
    position: absolute;
    right: -20px;
    top: 1px;
    transition: all 0.3s ease 0s;
}

.blog-btn:hover::after {
    right: -30px;
}

.blog-btn:hover {
    color: #333;
    text-decoration: none;
}

.blog_meta span.date_type i {
    margin-left: 5px;
}

.blog-meta span.comments-type {
    margin-left: 5px;
}

.blog-meta span i {
    padding-right: 10px;
}

.blog-content .blog-meta {
    border-bottom: 1px dotted #333;
}

.blog-meta {
    border-bottom: 1px dotted #fff;
    padding: 10px 0;
}

.comments-type>a, .date-type, .blog-meta span.comments-type {
    color: #333;
    letter-spacing: 1px;
    margin-right: 5px;
}

.blog-meta .comments-type i {
    padding-right: 0 !important;
}

.blog-content-right .comments-type>a, .blog-content-right .date-type, .blog-content-right .blog-meta span.comments-type, .blog-content-right .blog-text p {
    color: #fff;
    letter-spacing: 1px;
}

.single-blog .ready-btn {
    border: 1px solid #002138;
    border-radius: 30px;
    color: #002138;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    padding: 10px 20px;
    text-align: center;
    //text-transform: uppercase;
    transition: all 0.4s ease 0s;
}

.single-blog .ready-btn:hover {
    border: 1px solid #3EC1D5;
    color: #fff;
}

/*------------------------------
  13. Quote area
--------------------------------*/

.suscribe-area {
    background: #3EC1D5 none repeat scroll 0 0;
    padding: 30px 0;
}

.suscribe-text {
    display: block;
    padding: 10px 0;
}

.suscribe-text h3 {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    //text-transform: uppercase;
    letter-spacing: 2px;
}

.sus-btn {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #3EC1D5;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-left: 100px;
    padding: 10px 20px;
    text-decoration: none;
    //text-transform: uppercase;
    border-radius: 30px;
}

.sus-btn:hover {
    background: #3EC1D5 none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;
}

/*--------------------------------*/

/*  14.Contact Area
/*--------------------------------*/

.contact-area {
    height: auto;
    width: 100%;
}

.contact-content {
    padding: 100px;
    background: #000 none repeat scroll 0 0;
}

.contact-content-right {
    padding: 100px;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #002138;
    height: 40px;
    margin-bottom: 16px;
    padding-left: 20px;
    width: 100%;
}

.contact-form textarea  {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #002138;
    height: 140px;
    padding: 20px;
    width: 100%;
}

.contact-form button[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #002138;
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    padding: 12px 30px;
    //text-transform: uppercase;
    transition: all 0.3s ease 0s;
    border-radius: 30px;
}

.contact-form button[type=submit]:hover {
    color: #fff;
    border: 1px solid #3EC1D5;
    background: #3EC1D5;
}

.contact-form  #sendmessage {
    color: #3EC1D5;
    border: 1px solid #3EC1D5;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-form #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-form #sendmessage.show, .contact-form #errormessage.show, .contact-form .show {
    display: block;
}

#contact .form .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

.single-icon i {
    font-size: 24px;
    width: 50px;
    height: 50px;
    border: 1px solid #002138;
    line-height: 46px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.single-icon p {
    font-size: 16px;
    line-height: 30px;
}

.contact-icon {
    margin-bottom: 40px;
}

#google-map {
    height: 370px;
    margin-bottom: 20px;
}

/*----------------------------------------*/

/*  15. Footer Area
/*----------------------------------------*/

.footer-area {
    padding: 15px 0;
    background: #f9f9f9;
}

.footer-head p {
    color: #002138;
}

.footer-head h4 {
    color: #002138;
    font-size: 16px;
    letter-spacing: 2px;
    /*padding-bottom: 10px;*/
    //text-transform: uppercase;
}

.footer-logo {
    padding-bottom: 20px;
}

.footer-logo h2 {
    color: #222;
    padding: 0;
    margin: 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.footer-logo h2 span {
    color: #3ec1d5;
}

.footer-icons ul li {
    display: inline-block;
}

.footer-icons ul li a {
    border: 1px solid #002138;
    color: #002138;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    margin-right: 5px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
}

.flicker-img>a {
    float: left;
    padding: 1px;
    width: 33.33%;
}

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

.footer-contacts p span {
    color: #3EC1D5;
    font-weight: 700;
}

.popular-tag ul li {
    display: inline-block;
}

.footer-content {
    display: block;
    overflow: hidden;
}

.popular-tag ul li a:hover, .footer-icons ul li a:hover {
    background: #3EC1D5;
    border: 1px solid #3EC1D5;
    color: #fff;
}

.popular-tag ul li a {
    border: 1px solid #002138;
    border-radius: 30px;
    color: #002138;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 3px;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
    width: 70px;
    text-align: center;
}

.footer-area-bottom {
    background: #415470 none repeat scroll 0 0;
    padding: 20px 0;
}

.footer-area-head {
    background-color: #415470 !important;
}

.copyright-text a:hover {
    text-decoration: underline;
    color: #3EC1D5;
}

.copyright-text a {
    color: #002138;
}

.copyright>p {
    margin-bottom: 0;
    color: #002138;
}

.copyright a, .credits a {
    /*  color: #3EC1D5;*/
}

.credits {
    padding-top: 5px;
    text-align: center;
}

/*----------------------------------------*/

/*  16.Home Page 2  CSS
/*----------------------------------------*/

.header-bg {
    background: url(../img/slider/slider1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}

.header-bg.home-2 {
    width: 100%;
    height: 100%;
    position: relative;
}

.home-overly {
    background: rgba(0, 0, 0, 0.50);
    height: 100%;
    position: absolute;
    width: 100%;
}

.home-2 .layer-1-3, .home-3 .layer-1-3 {
    margin: 10px 0 0;
}

/*----------------------------------------*/

/*  17.Home Page 3  CSS
/*----------------------------------------*/

.home-video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.header-image.home-3 {
    width: 100%;
    height: 100%;
    position: relative;
}

.table {
    width: 100%;
    height: 100%;
    display: table;
}

.table-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

/*----------------------------------------
  18. Blog page
----------------------------------------*/

.page-area {
    position: relative;
}

.blog-page .banner-box {
    margin-bottom: 40px;
}

.search-option input {
    border: medium none;
    padding: 6px 15px;
    width: 80%;
}

.search-option {
    border: 1px solid #ccc;
    height: 42px;
    margin-bottom: 30px;
}

.search-option button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 20px;
    padding: 8px 23px;
}

.search-option button:hover {
    color: #3ec1d5;
}

.left-blog h4 {
    border-bottom: 1px solid #ddd;
    color: #002138;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 15px 10px;
    //text-transform: uppercase;
}

.left-blog {
    background: #f9f9f9 none repeat scroll 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
}

.left-blog li {
    border-bottom: 1px solid #ddd;
    display: block;
}

.left-blog ul li a:hover {}

.left-blog ul li a {
    color: #002138;
    display: block;
    font-size: 13px;
    padding: 10px;
    text-transform: capitalize;
}

.recent-single-post {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
    padding: 15px 10px;
}

.ready-btn {
    border: 1px solid #3EC1D5;
    color: #666;
    border-radius: 30px;

    /*  border: 1px solid #fff;
      border-radius: 30px;
      color: #fff;*/

    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    margin-top: 30px;
    padding: 12px 40px;
    text-align: center;
    //text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
}

.remove-deligate {
    border: 1px solid #3EC1D5;
    color: white;
    border-radius: 30px; 
    cursor: pointer;
    display: inline-block;
    background-color: grey;
    font-style:  initial ;
    /*  font-size: 2px;
      font-weight: 600;
      margin-top: 30px;
      padding: 12px 40px;
      text-align: center;
      //text-transform: uppercase;
      transition: all 0.4s ease 0s;
      z-index: 222;*/
}

.remove-deligate:hover {
    color: #fff;
    background: #3EC1D5;
    border: 1px solid #3EC1D5;
    text-decoration: none;
}

.validate_deligateMail {
    border: 1px solid #3EC1D5;
    color: white;
    border-radius: 30px; 
    cursor: pointer;
    display: inline-block;
    background-color: grey;
    font-style:  initial ;
    /*font-size: 20%;*/
    /*font-weight: 600;*/
    margin-top: 20px;
    padding: 8px 22px;
    text-align: center;
    /*text-transform: uppercase;*/
    /*transition: all 0.4s ease 0s;*/
    /*z-index: 222;*/
}

.validate_deligateMail:hover {
    color: #fff;
    background: #3EC1D5;
    border: 1px solid #3EC1D5;
    text-decoration: none;
}

.ready-btn:hover {
    color: #fff;
    background: #3EC1D5;
    border: 1px solid #3EC1D5;
    text-decoration: none;
}

.post-img {
    display: inline-block;
    float: left;
    padding: 0 5px;
    width: 35%;
}

.pst-content {
    display: inline-block;
    float: left;
    width: 65%;
}

.pst-content p a:hover, .left-blog ul li a:hover {
    color: #3EC1D5;
}

.blog-page .single-blog {
    margin-bottom: 40px;
}

.pst-content p a {
    color: #002138;
    font-size: 15px;
}

.header-bottom h1, .header-bottom h2 {
    color: #fff;
}

.blog-tags {
    padding: 1px 0;
}

.left-blog li:last-child {
    border-bottom: 0;
}

.popular-tag.left-blog ul li a:hover {
    color: #fff;
}

.popular-tag.left-side-tags.left-blog ul {
    padding: 0 10px;
}

.blog-1 .banner-box {
    margin-bottom: 30px;
}

.left-tags .left-side-tags ul li {
    border-bottom: 0;
}

.left-tags .left-side-tags ul li a {
    padding: 3px 10px;
    width: auto;
}

.left-side-tags h4 {
    margin-bottom: 15px;
}

/*----------------------------------------*/

/*  19.	Blog Details css
/*----------------------------------------*/

.post-information h2 {
    color: #363636;
    font-size: 22px;
    //text-transform: uppercase;
}

.post-information {
    padding: 20px 0;
}

.post-information .entry-meta span a {
    color: #002138;
    display: inline-block;
    padding: 10px 0;
}

.entry-meta span a:hover {
    color: #3EC1D5;
}

.post-information .entry-meta {
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}

.post-information .entry-meta span i {
    padding: 0 10px;
}

.entry-content>p {
    color: #002138;
}

.entry-meta>span {
    color: #002138;
}

.entry-content blockquote {
    background: #fff none repeat scroll 0 0;
    border-left: 5px solid #3EC1D5;
    font-size: 17.5px;
    font-style: italic;
    margin: 0 0 20px 40px;
    padding: 22px 20px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #3EC1D5;
    border-color: #3EC1D5;
    color: #fff;
    cursor: default;
    z-index: 3;
}

.social-sharing {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: block;
    margin: 30px 0;
}

.social-sharing>h3 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 20px 10px;
}

.sharing-icon {
    display: inline-block;
    float: right;
    padding: 13px 10px;
}

.sharing-icon a {
    border: 1px solid #002138;
    color: #002138;
    display: block;
    float: left;
    font-size: 18px;
    height: 34px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    width: 34px;
}

.sharing-icon a:hover {
    color: #3EC1D5;
    border: 1px solid #3EC1D5;
}

.single-blog .author-avatar {
    float: left;
    margin-right: 10px;
}

.single-blog .author-description h2 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 5px;
}

.author-info {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 30px 0;
    padding: 15px;
    width: 100%;
}

.single-post-comments {
    margin-bottom: 60px;
    max-width: 650px;
}

.comments-heading h3, h3.comment-reply-title {
    border-bottom: 1px solid #e8e8e9;
    color: #002138;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    //text-transform: uppercase;
}

.comments-list ul li {
    margin-bottom: 25px;
}

.comments-list-img {
    float: left;
    margin-right: 15px;
}

.comments-content-wrap {
    color: #42414f;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 15px 80px;
    padding: 10px;
    position: relative;
}

.author-avatar {
    display: inline-block;
    float: left;
    width: 10%;
}

.author-description h2 {
    color: #777;
    font-size: 20px;
    //text-transform: uppercase;
}

.author-description h2 a {
    color: #000;
}

.comments-content-wrap span b {
    margin-right: 5px
}

.comments-content-wrap span a:hover {}

span.post-time {
    margin-right: 5px
}

.comments-content-wrap p {
    color: #909295;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}

li.threaded-comments {
    margin-left: 50px
}

.comment-respond {
    margin-top: 60px;
}

h3.comment-reply-title {}

span.email-notes {
    color: #42414f;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

.comment-respond p {
    color: #002138;
    margin-bottom: 5px;
}

.comment-respond input[type=text], .comment-respond input[type=email] {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 32px;
    margin-bottom: 15px;
    padding: 0 0 0 10px;
    width: 100%;
}

.comment-respond textarea#message-box {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    max-width: 100%;
    padding: 10px;
    height: 130px;
    width: 100%;
}

.comment-respond input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #3ec1d5;
    border-radius: 20px;
    box-shadow: none;
    color: #002138;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 14px;
    margin-top: 20px;
    padding: 10px 15px;
    text-shadow: none;
    //text-transform: uppercase;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
}

.comments-content-wrap span a {
    color: #000;
}

.comments-content-wrap span a:hover {
    color: #3EC1D5;
}

.comment-respond input[type=submit]:hover {
    border: 1px solid #3EC1D5;
    color: #fff;
    background: #3EC1D5;
}

.single-blog .blog-pagination {
    border-top: 1px solid #e5e5e5;
    margin: 0;
    padding-top: 30px;
}

/*
 * Component: Timeline
 * -------------------
 */
.timeline {
    position: relative;
    margin: 0 80px 30px 0;
    padding: 0;
    list-style: none;
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px;
}
.timeline > li {
    position: relative;
    margin-right: 100px;
    margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #002138;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}
.timeline > li > .timeline-item > .time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px;
}
.timeline > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1;
}
.timeline > li > .timeline-item > .timeline-header > a {
    font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
    padding: 10px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}
.timeline > .time-label > span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
}
.timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.timeline-inverse > li > .timeline-item > .timeline-header {
    border-bottom-color: #ddd;
}

/*----------------------------------------
Start Custom CSS
----------------------------------------*/

/*  older CSS */



/* .container {
    width: 100%;
    height: 100%;
} */

/* .form-container {
    display: block;
    margin: 0 auto;
    margin-top: 15%;
    width: 30%;
    perspective: 1000;
} */

.login-form {
    background: rgba(0, 90, 120, 0.7);
    border: 4px solid rgba(0, 90, 120, 0.9);
    border-radius: 8px;
}

.title {
    background: rgba(0, 90, 120, 0.9);
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 110%;
    padding: 10px 10px 10px 20px;
    margin-top: 0;
    margin-bottom: 15px;
}

.form-input {
    padding: 5px;
    min-width: 50%;
    height: 20px;
    border-radius: 4px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

textarea:focus, input:focus, button:focus {
    outline: 0;
}

.tooltip {
    width: 35%;
    background: rgba(6, 41, 61, 1);
    font-size: 0.8em;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    margin-left: 10px;
    padding: 7px;
    border-radius: 5px;
}

.form-group {
    padding: 6px 6px 6px 12px;
}

.login-button {
    width: 100px;
    height: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    background-size: 500% 100%;
    background: rgba(6, 41, 61, 1);
    box-shadow: inset 0 0 0 0 rgba(20, 196, 148, 1);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;

    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 0.8em;
}

.login-button:hover {
    box-shadow: inset 0 40px 0 0 rgba(20, 196, 148, 1);
}

.remember-checkbox {
    display: inline;
    position: relative;
    margin-left: 30px;
}

.remember-p {
    display: inline;
    position: relative;
    margin-left: 5px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 0.8em;
}

.loading {
    background: rgba(0, 90, 120, 0.7);
    border: 4px solid rgba(0, 90, 120, 0.9);
    border-radius: 8px;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.login-form,
.loading {
    position: absolute;
    width: 400px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 2s;
    transition: transform 2s;
}

.loading-spinner-large {
    margin-left: 130px;
    margin-top: 55px;
    font-size: 10px;
    position: fixed;
    text-align: center;
    display: none;
    border-top: 10px solid rgba(255, 255, 255, 0.2);
    border-right: 10px solid rgba(255, 255, 255, 0.2);
    border-bottom: 10px solid rgba(255, 255, 255, 0.2);
    border-left: 10px solid rgba(20, 196, 148, 1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spin-clockwise 1.1s infinite linear;
    animation: spin-clockwise 1.1s infinite linear;
}
.loading-spinner-small {
    margin-left: 160px;
    margin-top: 85px;
    font-size: 10px;
    position: fixed;
    text-align: center;
    display: none;
    border-top: 10px solid rgba(255, 255, 255, 0.2);
    border-right: 10px solid rgba(255, 255, 255, 0.2);
    border-bottom: 10px solid rgba(255, 255, 255, 0.2);
    border-left: 10px solid rgba(20, 196, 148, 1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spin-counter-clockwise 1.1s infinite linear;
    animation: spin-counter-clockwise 1.1s infinite linear;
}

.loading-spinner-large,
.loading-spinner-large:after {
    border-radius: 50%;
    width: 120px;
    height: 120px;
}

.loading-spinner-small,
.loading-spinner-small:after {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.center-box{
    margin-left: 25%;
}

.disabled-box{
    width: 100%;
    text-align: center;    
    border: #000 solid 1px;
    height: 50px;
    margin-top: -5px;
    padding: 15px;
    background:  #d6dbdf;   
    border-radius: 2.5px;
    font-size: 18px;
    font-family: fantasy;
}

.error-msg{
    color: #AD0B33;
    font-size: 10px;
}

.close-icn {
    color: #ff3333;
}

.fa-plus-circle
{
    color:#151515;
    font-size: 35px;
    cursor: not-allowed;
    pointer-events: none;
}
.fa-times
{
    color:red;
    font-size: 15px;
    cursor: pointer;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #1E88E5;
    width: 98%;
}
.delete_button
{
    display: inline-flex;
    width:85%;
}

.btn-bs-file{
    position:relative;
}

.btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
}

.pad-top-10{
    padding-top: 10px;
}

.float{
    position:fixed;	
    bottom:100px;
    right:40px;
    background-color: #000000; background-image: linear-gradient(147deg, #000000 0%, #434343 74%);;
    color:#FFF;	
    text-align:center;
    box-shadow: 2px 2px 3px #999;
}

.floating-suggestion-list {
    max-height: 200px;
    overflow-y: scroll;
    padding: 1rem 0.5rem 1rem 0.5rem;
    box-shadow: 0px 2px 2px 0px silver;
    position: absolute;
    background-color: white;
    width: 81%;
}
.floating-suggestion-list li {
    padding: 0.2rem 0px 0.2rem 0px;
    transition: 0.3s;
}
.floating-suggestion-list li:hover {
    cursor: pointer;
    transition: 0.4s;
    color: #2931AD;
    transform: translateX(5px);
}

#searching_case #DataTables_Table_1_filter.dataTables_filter {
    display: none;
}

.dataTables_filter {
    float: right;
}
.dataTables_paginate{
    float: right;
}

.modal-width{
    width: 100%;
}

.modal-content-width{
    width: 80%;
}

.lg-modal .modal-dialog {
    position: absolute;
    top: 25%;
    /*half of the modal height*/
    margin-top: -100px;
    left: 25%;
    /*half of the modal width*/
    margin-left: -180px;
    margin-bottom: 25%;
}

.fileList ul{min-height: 250px; max-height: 250px; width:100%;}
.fileList ul{overflow:hidden; overflow-y:scroll;}
.fileList ul li {  word-break: break-all; }

.userListing {min-height: 250px; max-height: 250px; width:83%; overflow: hidden; position: absolute;z-index: 999}
.userListing ul{ 
    overflow:hidden; 
    overflow-y:scroll;
    position: absolute; 
    top: 0;
    /*bottom: 0;*/
    left: 0;
    right: -15px; /* Increase/Decrease this value for cross-browser compatibility */   
}
.userListing ul li {  word-break: break-all; border: none; border-left: 1px solid #d2d6de; border-bottom: 1px solid #d2d6de; border-right: 1px solid #d2d6de; }

.trash_files {
    font-size: 13px !important;
    color:  #c0392b;
    margin-left: 4px;
}

.trash_files_circle {
    font-size: 20px !important;
    color:  #c0392b;
    margin-left: 4px;
}

.asterisk {
    font-size: 12px !important;
    color:  #c0392b;
    margin-left: 4px;
}

.noteValidation {
    font-size: 10px !important;
    color:  #3d3f40;
    margin-left: 5px;
}

.margin-top {
    margin: 25px 0px 0px 0px;
}

.downloadFile {
    color: #151515;    
}
.downloadFile:hover {
    color:  #154360;   
}

textarea {
    resize: none;
}

.reportSummary {
    text-align: justify;
    text-justify: inter-word;
    font-size: 13px;
    padding-top: 10px;
}

.createASAPreport_form .col-md-4 {
    height: 94px;
}
.createASAPreport_form .col-md-3 {
    height: 94px;
}

.select_box_lbl {
    margin-top: 9px;
}
.btn-research {
    margin-top: -11px;
}

.btnAction{
    font-size: 10px;
}

.nopadding{
    padding-left: 0px;
    padding-right: 0px;
}

.text-center{
    text-align: center;
}

.mrg-t-8{
    margin-top: 8px;
}

.mrg-t-10{
    margin-top: 10px;
}		 

.icon-size-28{
    font-size: 28px;
}

.icon-size-18{
    font-size: 18px;
}

.pad-l-10 {
    padding-left: 10px;
}
.pad-l-24{
	padding-left: 24px;
}
.footer-background-color{
    background-color: #b8c6db;
    background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
}

.mrg-b-15{
    margin-bottom: 15px
}

.mrg-t-15{
    margin-top: 15px
}

.mrg-r-minus18{
    margin-right: -18px
}

.video-section {
    margin-bottom: 20px;
    min-height: 335px !important;
}

.pad-0 {
    padding: 0px !important;
}

.guide-img {
    width: 100%;
}
.border-add-info{
    min-height: 256px;
    border-radius: 2px;
    text-align: center;
    border: 2px solid #d2d6de;
}

.plus-icon-size{
    font-size: 62px;
    padding-top: 80px;
    color: #d2d6de;
}

.video-title-size{
    font-size: 16px;
    font-weight: bold;
}

.pad-l-5{
    padding-left: 5px;
}

.pad-r-5{
	padding-right: 5px;
}

.pointer {
    cursor: pointer;
}



/* .modal-header {
    border-bottom-color: #f4f4f4;
    background-color: #000000;
    color: #ffffff;
    background-image: linear-gradient(147deg, #000000 0%, #434343 74%);
    border-color: #151515;
    padding: 8px 8px 0px 8px !important;
} */


.fa-times{
    color: #ffffff;
    position: relative;
    top: -26px;
}

.doc-img-alignment{
    padding-top: 78px;
    padding-left: 129px;
}

.img-size{
    width:100%; 
    height: 100%;
}

.gallery_block {
    border: 1px solid #fff;
    width: 100%;
    min-height: 250px;
}

.font-size-24{
    font-size: 24px;
}

.font-size-18{
    font-size: 18px;
}

.font-size-14{
    font-size: 13px;
}

.pad-t-4{
    padding-top: 4px;
}

.pad-r-20{
    padding-right: 20px;
}

.width-100{
    width: 100% !important; 
}

.word-break {
    word-break:break-all;
}

.custom-uk-position-cover-doc {
    position: absolute;
    top: 0;
    bottom: 5px;
    left: 0;
    right: 0;
}


/* comment width for makeing pop width short*/
.modal-dialog {
    position: relative;
    /* width: auto; */ 
    margin: 10px;
}

@media (min-width: 768px){
    .modal-dialog {
        /* width: 1200px !important;*/
        margin: 30px auto;
    }
}

/* added by hemraj */

.sidebar-menu {
    background: #f9f9f9 none repeat scroll 0 0 !important;
    /* 	margin-bottom: 30px !important; */
    overflow: hidden !important;
    /* padding-bottom: 20px !important; */
}

.sidebar-menu ul {
    list-style: outside none none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sidebar-menu li {
    border-bottom: 1px solid #ddd !important;
    display: block !important;
}

.content-wrapper {
    background-color: #ffffff !important;
}

.main-sidebar{
    top: 20px;
    left: 20px;
}

/* added by hemraj */


/*  older CSS */


.card-stats {
    font-size: 16px;
    font-weight: 900;
    margin-left: 8px;
}


.margin-1{
    margin: 1rem 1rem 1rem 1rem;	
}
.margin-2{
    margin: 2rem 2rem 2rem 2rem;	
}
.margin-3{
    margin: 3rem 3rem 3rem 3rem;	
}
.margin-4{
    margin: 4rem 4rem 4rem 4rem; 	
}
.margin-5{
    margin: 5rem 5rem 5rem 5rem;	
}


.padding-1{
    padding: 1rem 1rem 1rem 1rem;	
}
.padding-2{
    padding: 2rem 2rem 2rem 2rem;	
}
.padding-3{
    padding: 3rem 3rem 3rem 3rem;	
}
.padding-4{
    padding: 4rem 4rem 4rem 4rem;	
}
.padding-5{
    padding: 5rem 5rem 5rem 5rem;	
}


.mt-1{
    margin-top: 1rem;	
}

.mt-2{
    margin-top: 2rem;	
}
.mt-3{
    margin-top: 3rem;	
}
.mt-4{
    margin-top: 4rem;	
}
.mt-5{
    margin-top: 5rem;	
}

.ml-1{
    margin-left: 1rem;	
}
.ml-2{
    margin-left: 2rem;	
}
.ml-3{
    margin-left: 3rem;	
}
.ml-4{
    margin-left: 4rem;	
}
.ml-5{
    margin-left: 5rem;	
}

.mr-1{
    margin-right: 1rem;	
}
.mr-2{
    margin-right: 2rem;	
}
.mr-3{
    margin-right: 3rem;	
}
.mr-4{
    margin-right: 4rem;	
}
.mr-5{
    margin-right: 5rem;	
}


.mb-1{
    margin-bottom: 1rem;	
}

.mb-2{
    margin-bottom: 2rem;	
}
.mb-3{
    margin-bottom: 3rem;	
}
.mb-4{
    margin-bottom: 4rem;	
}
.mb-5{
    margin-bottom: 5rem;	
}

.btn{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
    border-radius: 25px;
     display: inline-block !important;
}

.customBtn{
    height: 40px;
    border: 2px solid #ccc !important;
    border-radius: 4px !important;
}
.btn-theme {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
    transition: 0.3s;
}

.btn-theme:hover,.btn-theme:focus {
    color: #fff;
    /* background-color: #343a40; */
    background: linear-gradient(to bottom right, #005c39, #007bff);
    border-color: #343a40;
    transition: 0.4s;
}



.browse_btn.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-bs-file{
    position:relative;
}

.btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
}

.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0,0,0,0.2);
}

.browse_btn.btn-file > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.word-break {
    word-break:break-all;
}


/*
 * Component: Products List
 * ------------------------
 */
.products-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.products-list > .item {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    background: #fff;
}
.products-list > .item:before,
.products-list > .item:after {
    content: " ";
    display: table;
}
.products-list > .item:after {
    clear: both;
}
.products-list .product-img {
    float: left;
}
.products-list .product-img img {
    width: 50px;
    height: 50px;
}
.products-list .product-info {
    margin-left: 60px;
}
.products-list .product-title {
    font-weight: 600;
}
.products-list .product-description {
    display: block;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product-list-in-box > .item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #f4f4f4;
}
.product-list-in-box > .item:last-of-type {
    border-bottom-width: 0;
}

/*
 * Component: Box
 * --------------
 */
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
    border-top-color: #151515;
}
.box.box-info {
    border-top-color: #00c0ef;
}
.box.box-danger {
    border-top-color: #dd4b39;
}
.box.box-warning {
    border-top-color: #f39c12;
}
.box.box-success {
    border-top-color: #00a65a;
}
.box.box-default {
    border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
    display: none;
}
.box .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}
.box .nav-stacked > li:last-of-type {
    border-bottom: none;
}
.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}
.box .border-right {
    border-right: 1px solid #f4f4f4;
}
.box .border-left {
    border-left: 1px solid #f4f4f4;
}
.box.box-solid {
    border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
    background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
    background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
    border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
    color: #002138444;
    background: #d2d6de;
    background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
    color: #002138444;
}
.box.box-solid.box-primary {
    border: 1px solid #151515;
}
.box.box-solid.box-primary > .box-header {
    color: #ffffff;
    background: #151515;
    background-color: #151515;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-info {
    border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
    color: #ffffff;
    background: #00c0ef;
    background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-danger {
    border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
    color: #ffffff;
    background: #dd4b39;
    background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-warning {
    border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
    color: #ffffff;
    background: #f39c12;
    background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-success {
    border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
    color: #ffffff;
    background: #00a65a;
    background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
    color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
    border: 0;
    box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
    color: #fff;
}
.box .box-group > .box {
    margin-bottom: 5px;
}
.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}
.box-header {
    color: #002138;
    display: block;
    padding: 10px;
    position: relative;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
    border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}
.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
    position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84;
}
.btn-box-tool.btn:active {
    box-shadow: none;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-body > .table {
    margin-bottom: 0;
}
.box-body .fc {
    margin-top: 5px;
}
.box-body .full-width-chart {
    margin: -19px;
}
.box-body.no-padding .full-width-chart {
    margin: -9px;
}
.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}
.img-circle {
    border-radius: 50%;
    width: 50px;
}

.danger {
    background-color: #CD5C5C !important;
}

.danger_mdfy{
    background-color: #CD5C5C !important;
}

.custom-logo {
    width: 270px;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.custom-logo-reg {
    width: 270px;
    height: auto;
}

/*----------------------------------------
 Created by Hargun
----------------------------------------*/
.font-size-18{
    font-size: 18px;
}

.pad-l-5{
    padding-left: 5px;
}

.pointer {
    cursor: pointer;
}

.font-size-24{
    font-size: 24px;
}

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

.font-size-22{
    font-size: 22px;
}

.border-bottom{
	border-bottom: 2px solid #ccc;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0px 10px 10px 10px;
}

.mrg-b-22{
    margin-bottom: 22px
}

.text-align-r{
    text-align: right;
    padding-bottom: 40px;
}



.cross-icon-compliance-modal{
    color: #ffffff;
    position: relative;
    top: -26px;
}

.cross-icon{
    color: red;
    font-size: 20px;
    padding-left: 38px;
}

.check-icon{
    color: green;
    font-size: 20px;
    padding-left: 38px;
}

.minus-icon{
    padding-left: 40px;
    color: #777272fc;
}

.fa-times{
    color: #ffffff;
    position: relative;
    top: -26px;
}

.text-center{
    text-align: center;
}

.mrg-t-8{
    margin-top: 8px;
}

.mrg-t-10{
    margin-top: 10px;
}		 

.icon-size-28{
    font-size: 28px;
}

.icon-size-18{
    font-size: 18px;
}

.pad-l-10{
    padding-left: 10px;
}

.footer-background-color{
    background-color: #b8c6db;
    background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
}

.float-right{
    float: right;
}

.mrg-b-15{
    margin-bottom: 15px
}

.mrg-r-minus18{
    margin-right: -18px
}

.doc-section {
    margin-bottom: 20px;
    min-height: 370px !important;
}

.pad-0{
    padding: 0px !important;
}

.guide-img {
    width: 100%;
}
.border-add-info{
    min-height: 256px;
    border-radius: 2px;
    text-align: center;
    border: 2px solid #d2d6de;
}

.plus-icon-size{
    font-size: 62px;
    padding-top: 80px;
    color: #d2d6de;
}

.video-title-size{
    font-size: 16px;
    font-weight: bold;
}

.doc-img-alignment{
    padding-top: 78px;
    padding-left: 129px;
}

.doc-img-size{
    width: 334px;
    height: 250px;
}

.gallery_block {
    border: 1px solid #fff;
    width: 100%;
    min-height: 216px;
}

.font-size-24{
    font-size: 24px;
}

.font-size-18{
    font-size: 18px;
}

.font-size-15{
    font-size: 15px;
}

.pad-r-20{
    padding-right: 20px;
}

.width-100{
    width: 100% !important; 
}

.word-break {
    word-break:break-all;
}

.custom-uk-position-cover-doc {
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
}
.custom-modal-dialog-guide{
    position: relative;
    width: auto; 
    margin: 10px;
}

.graphSpecTitle{
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
}

.graphSpecValue{
    color: #4a89c7;
    font-weight: bold;
    font-size: 13px;	
}

@media (min-width: 768px){
    .custom-modal-dialog-guide {
        width: 1300px !important;
        margin: 30px auto;
    }
}
.noBorder{
    border: 0px !important;
}

.displayNone{
    display:none;
}
.custom-modal-header {
    color: #ffffff;
    background: linear-gradient(to bottom right, #005c39, #007bff);
    padding: 12px 12px 18px 12px !important;
}

.btn-height-36{
	height: 36px;
}

.btn-width-45{
	width: 45px;
}

/*----------------------------------------
 end by Hargun
----------------------------------------*/
.custom-btm-sheet {
    left: 45%;
    /* min-height:65vh; */
    right: 25px;
    border-radius: 8px;
}

@media (min-width: 1368px){
    /*	.custom-btm-sheet {
                    
                     left: 50%; 
            }*/
}


.box-shadow{

    -webkit-box-shadow: 0px 0px 2px 0.5px rgba(192,192,192,1);
    -moz-box-shadow: 0px 0px 2px 0.5px rgba(192,192,192,1);
    box-shadow: 0px 0px 2px 0.5px rgba(192,192,192,1);
}

.swal-wide{
    width: 70% !important;;
    min-height: 50% !important;;
}

/*.fa-close{
        font-size: 21px;
        color: #ffffff
}*/

.bottomsheet-head {
    background: linear-gradient(to bottom right, #005c39, #007bff);
    margin: -1px -25px 0 -25px;
    height: 40px;
    border-radius: 5px;
    padding-top: 8px;
}

.bottomsheet-head>div>h4 {
    color: #ffffff;
}





/*  table, th, td {
        border-bottom: 0.5px solid grey;
        border-collapse: collapse;
        padding: 5px;
}

table tr:nth-child(odd) {
        background-color: #f9f9f9;
}

table tr:nth-child(even) {
        background-color: #ffffff;
}

table {
        width: 100%;
}

table>thead>tr{
        background: transparent !important;
} */


.modal.fade:not(.in).left .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}

.modal-title {
    color: #fff !important;
}

.close {
    color: #fff !important;
}

.collapes-header{

    display: block;
    width: 100%;
    text-align: left;
    height: 50px;
    background: transparent;
    color: #000;
    font-size: 18px;
    border: none;
    border-radius: 5px;

}

.collapes-body {
    padding: 15px;
    /* margin-top: 1px; */
    border-radius: 5px;
}

.content-md {
    background-color: #fff !important;
}

.icn-action {
    font-size: 20px;
}

.user-logo {
    font-size: 40px;
    color: #1864b5;
    margin-left: 20%;
}

.user-caption {
    margin-left: -15px;
}

.message-text {
    padding: 0px 25px 25px 25px;
    text-align: justify;
}

.btnCC {
    position: absolute;
    top: 1px;
    right: 15px;
    height: 95%;
    color: #0077e4;
    font-size: 16px;
}

.custom-model{
    width: 70% !important;
}

.custom-header{
    background: linear-gradient(to bottom right, #005c39, #007bff);
}

.custom-md-input {
    margin: 13px 0 !important;
}

.remove-default-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/* Tooltip container */ .uibTooltip {
    position: relative;
    display: inline-block; }

/* Tooltip text */ .uibTooltip .uibTooltiptext2 {
    visibility: hidden;
    /* width: 120px; */
    width: 200px;
    /* background-color: #555; */
    background-color: #373d3f;
    color: #fff;
    text-align: left;
    /* padding: 5px 0; */
    padding: 10px 10px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 10;
    /*    bottom: 110%;*/
    top: 110%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s; }

/* Tooltip arrow */ .uibTooltip .uibTooltiptext2::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left:  -5px;
    border-width: 5px;
    border-style: solid;
    /*border-color: #555 transparent transparent transparent;*/ 
}

/* Show the tooltip text when you mouse over the tooltip container */ .uibTooltip:hover .uibTooltiptext {
    visibility: visible;
    opacity: 1; 
}

/* Show the tooltip text when you mouse over the tooltip container */ .uibTooltip:hover .uibTooltiptext2 {
    visibility: visible;
    opacity: 1; 
}

.info-icn {
	font-size: 19px;
	cursor: help;
}

.info-icn-font {
	font-family: 'Helvetica', 'Arial', sans-serif;
}

.info-icn-header {
	display: block;
	font-size: 14px;
}

.info-icn-text {
	font-size: 12px;
}

/* *********** Added by Suhana *** STARTED *********** */

.pres-details {
    font-size: initial;
}
.h4-hdr {
    display: inline-block; float:left;
}
.mltpl-dea-drpdwn {
    display: inline-block; width: 20%;
}
.mltpl-dea-drpdwn1 {
    display: inline-block; width: 45%;
}
.only-inln-blk {
    display: inline-block;
}
table-cntr, th-cntr, td-cntr {
    text-align: center;
}
.tbl-left, .th-lft, .td-lft {
    text-align: left;
}
.t-header1{
    height: 75px;
}
.t-header {
    height: 56px;
}
.t-header3 {
    height: 4rem;
}
.td-more-thrsld {
    width: 20% !important;
    background: bisque;
}
.alert-icn1 .glyphicon-icn1{
    display:table-cell;
}
.alert-icn2 {
    color: red;
}
.alert-icn1 div,
.alert-icn1 span{
    padding-left: 5px;
    display:table-cell;
}
.threshold-td {
    text-align: center;
}
.highlt {
    /*    padding: 2px 2px 2px 2px;*/
    border: 5px solid whitesmoke;
    background: paleturquoise;
}
.sml-headers{
    /*margin-left: .4rem;*/
    padding: 0.01rem;
    background-color: #dedede;
}
.sml-hdrs-txt{
    margin-top: 0.7em; 
    margin-bottom: 0.7em;
    padding-top: inherit;
}
.wo-bdr-table, .wo-bdr-tr, .wo-bdr-td {
    text-align: left;
}
.wo-bdr-table{ 
    border-collapse:separate; 
    border-spacing: 0 1em;
} 
.wo-bdr-tr {
    height: 6rem;
}
.wo-bdr-th{ 
    background-color: #4287f5; 
    color: white; 
} 
.wo-bdr-th, .wo-bdr-td{ 
    /*width: 150px;*/ 
    /*text-align: center;*/ 
    /* 66afe9 */
    border: 1px solid #ccc; 
    border-top: 1px solid #ccc !important;
    border-radius: 4px;
    padding: 5px;
    /*color: #66afe9;*/
}
.tbl-ancr {
    color: #66afe9;
}
.data-lft-span, .data-rgt-span {
    font-weight: 550;
}
.data-lft-span {
    float: left;
    width: 70%;
}
.data-rgt-span {
    float: right;
    font-size: large;
}
.tbl-col1 {
    width: 20%;
}
.tbl-col2 {
    width: 5%;
}
.tbl-col5 {
    width: 15%;
}
.tbl-col8 {
    width: 17%;
}
.tbl-col9 {
    width: 18%;
}
.shtble-table-hdr {
    text-decoration: none !important;
    color: #002138444;
}
.ancr-btn {
    display: inline-block;
    text-decoration: none !important;
}
.ancr-btn2 {
    display: block;
    text-decoration: none !important;
}
.ancr {
    text-decoration: none !important;
}
.psc-row{
    margin-left: initial;
    margin-right: .4rem;
}
.deaFont{
    font-family: monospace;
}
.fld_sec {
    display: none;
}
.error-txt {
    color: #E60000;
}

.search-box-field { 
    /*width: 100%;*/ 
    /*padding: 10px;*/ 
    text-align: center;
    width: 20em;
} 
.round-search-box {
    width: 100%;
    border-radius: 15px;
    /*border: 1px #000 solid;*/
    padding: 5px 5px 5px 25px;
    /*position: absolute;*/
    top: 0;
    left: 0;
    z-index: 5;
}

.border-none {
    border: none;
}

.modal-hdr-clr{
    background: linear-gradient(to bottom right, #005c39, #007bff) !important;
}

.pwd-ul, .pwd-li {
    margin:0;
    padding:0;
    list-style-type:none;
}

#pswd_info {
    position:absolute;
    /*bottom:-75px;*/
    /*bottom: -115px\9;*/ 
    /* IE Specific */
    /*right: 9%;*/
    /*left: -68px;*/
    min-width: max-content;
    width: auto;
    padding:15px;
    background:#fefefe;
    font-size: 1em;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
    z-index: 1;
}

#pswd_info h6 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
    font-size: 13px;
}

#pswd_info::before {
    content: "\25B2";
    position:absolute;
    top:-14px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}

.invalidPwd {
    line-height:24px;
    color:#ec3f41;
}

.validPwd {
    line-height:24px;
    color:#3a7d34;
}

#pswd_info {
    display:none;
}

.country-code-addon {
    padding: 0px 0px;
    border: transparent;
}

.country-code-width {
    width: 12rem !important;
}

.icon-green {
    color: mediumseagreen;
}

.countLoaderIcnCss {
	font-size: 1.2em;
}

.errorDetailsIcon {
    font-size: 1.4em;
}

.errorIconForPresc {
	color: #E00000;
}

.warningIconForPresc {
	color: #946F00;
}

.section-divider {
  height: 0;
  border-top: 1px solid #DDD;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-divider > span {
  background: #FAFAFA;
  display: inline-block;
  position: relative;
  padding: 0 17px;
  top: -11px;
  font-size: 15px;
}

.li-header {
	background-color: #E4E4E4;
}

.li-header2 {
	background-color: darkgrey;
}

.errorStaticHeader {
	/* background: linear-gradient(0deg, rgba(2,139,68,1) 0%, rgba(58,185,205,1) 100%); */
	background: #17a2b8 !important;
	color: white;
}

.fw-bold {
    font-weight: 700!important;
}

.d-block {
    display: block!important;
}

.inline-block {
    display: inline-block;
}

.alert2-info {
	color: #31708f;
    background-color: #d9edf7 !important;
}

.alert2-danger {
    color: #a94442;
    background-color: #f2dede !important;
}

.ring2 {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: linear-gradient(0deg, rgba(55,169,205,0.9279061966583508) 0%, rgba(216,235,255,1) 100%);
    border: 3px solid rgba(45,80,126,0.8);
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    font-family: sans-serif;
    font-size: 20px;
    color: #fff000;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #fff000;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
  
.ring2:before {
	content: '';
	position: absolute;
	top: -3px;
	left: -3px;
	width: 106%;
	height: 106%;
	border: 3px solid transparent;
	border-top: 3px solid #fea366;
	border-right: 3px solid #fe7418;
	border-radius: 50%;
	animation: animateC 2s linear infinite;
}
  
.badge-info {
	background-color: #117C8D;
}

.card {
  box-shadow: 2px 2px 2px 2px rgba(10,100,200,0.4);
  transition: 1.3s;
  border-radius: 5px; /* 5px rounded corners */
  height: auto;
  /* min-height: 55px; */
  min-height: 150px;
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 15px;
  margin-top: 5px;
}

.card-info {
    background: floralwhite;
    color: black;
}

.font16 {
	font-size: 14px; 
}

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

.content-bg-clr-1 {
    background: #fafafa;
    margin: 0px 0px 0px 13px !important;
    padding-top: 12px;
    width:73%;
}

.content-bg-clr-2 {
    background: #fafafa;
    padding-top: 12px;
}

@media (max-width: 768px) {
	.content-bg-clr-1 {
    width:100%;
	}
}

/* *********** Added by Suhana  *** ENDED *********** */

/* started */
/* increasing table header width and height (dharmvir) */
.patientLinkTr{
    height: 5em;
}
.patientLinkTd{
width: 30%;
word-break: break-word;    
}
/* ended */
/* ***********Chosen JS css Added by Hargun  ************** */
/* ***********Chosen JS css Added by Hargun  ************** */ 
.chosen-container{
    width:100% !important;
    line-height: 2.428571;
    font-size:14px !important;
} 

.chosen-container-multi .chosen-choices {
    border-radius: 4px;
    border: 1px solid #ccc !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    width:100% !important;
}   
/* ***********Chosen JS css Added by Hargun  **END************ */   
.check-box-alignment{
    text-align: center;
    padding-top: 14px !important;
}

.fullpage-loader {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: url('../img/loading.gif') no-repeat center center;
    background-color: rgba(255, 255, 255, 0.4);
    background-blend-mode: hard-light;
}
.fullpageloading {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999999999999999;
    background: url('../../img/loading.gif') no-repeat center center;
    background-color: rgba(255, 255, 255, 0.4);
    background-blend-mode: hard-light;
}
.wrapTextInTable {
    table-layout: fixed;
    width: 120px;
    word-break: break-all;
}

.notification {
    position: relative;
}

.notification .badge {
    position: absolute;
    top: 16px;
    right: -12px;
    padding: 4px 6px;
    border-radius: 50%;
    background: red;
    color: white;
}
.wordwrap{
    word-wrap: break-word;
}

.pad-r-12{
    padding-right: 10px;
}

.pad-r-10{
    padding-right: 10px;
}

.md-tab{text-transform: none !important;}

.checkbox input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input[type="radio"] {
    -webkit-appearance: radio;
}
/*----------------------------------------
 END Custom CSS
----------------------------------------*/

/*----------------------------------------
 .End CSS
----------------------------------------*/

/*ADDED BY ARPIT*/
.delegateValidateEmail
{
    margin-top:28px ;
}
.tableButton
{
    font-size: 12px;
}
.tableCustom{
    padding: 0px 5px !important;
    vertical-align: middle !important;
    border-top: 1px solid #ddd !important;
}
.tableScroll{
    overflow: auto;
    height: 400px;
}
.pdmpUserIcon-green{
    font-size: 26px;
    color: #36b31f;
}
.pdmpUserIcon-red{
    font-size: 26px;
    color: #e25546;
}
.pdmpUserName{
    font-size: 18px;
    padding-left: 6px;
}

.footer-img-logo {
    width: 200px;
    height: auto;
}


footer {
    background-color: #f1f1f1;
    /* position: absolute;
     left: 0;
     bottom: 0;
     height: 230px;
     width: 100%;
     overflow: hidden;*/
}


.otp_heading {
    margin: 0 auto; 
    width: 80%;
    text-align: center;
}

.user_profile {
    margin: 0 auto;
    width: 50%;

}
.user_profile img {
    width: 125px;
    height: auto;
    padding: 3px;
    border: 4px #e6e6e6 solid;
    margin: 16px 0px; 
}

.pro-username {
    font-size: 25px;
    font-weight: 600;
}

.useremail {
    font-size: 17px;
    font-weight: 400;
}


.remove-extra-padding{
    margin-left: 11px;
    margin-right: 14px;
}


.rotate{
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.rotate.down{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.textNotification{
    font-size: 16px;
    font-weight: 600;
    color: #0021387a9db;
    padding-left: 24px;
}

.table-height {
    max-height: 500px;
    overflow-y: scroll;
}

.action-icon {
    float: right;
}

.contact-heading {
    font-size: 23px;
}

.main-address-head{
    font-size: 25px;
    font-weight: 900;
    padding-bottom: 22px;
}

.address-head {
    font-size: 18px;
    font-weight: bold;
}

.address-head-1 {
    font-size: 15px;
}

.font-22{
    font-size: 20px;
    font-weight: 600;
}
@media only screen and (max-width: 600px) {
	.area-padding {
    padding: 0px 0px 80px !important;
}
.padding-1-contact {
    padding: 0rem 3rem 0rem 3rem;
}
	
  .font-22{
   font-size: 1.5rem;
    padding: 1rem;
}
.intro-mob,.mob-sub
{
	padding: 1rem !important;
    float: right !important;
    margin-bottom: 1rem !important;
}
.custom-model {
    width: 100% !important;
    margin: 0px !important;
}
.btn-theme {
    padding: 1rem !important;
    
}
.sql-intro
{
	padding: 1rem !important;
	float: none !important;
}
.pull-right {
    float: left !important;
 margin-top: 0px !important; 
}
.pg-intro-sql
{
	 margin-top: -11px !important; 
}
.gvt-agcy-mob
{
	margin-top: 6rem;
}
.show-map
{
padding: 1rem !important;
   border: 1px solid #2cd34d !important;
}
.cd-logo img {
   display: block;
    /* width: 34rem; */
    margin-left: -2rem;
}
.support-but
{
	height: 40px;
  width: 14rem !important;
}
.custom-btm-sheet {
    left: 0 !important;
    min-height: 100vh;
    right: 25px;
    border-radius: 8px;
    height: 100vh;
    overflow-y: auto;
}
#guideHeading
{
	font-size:1.1rem !important;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    display: inline-block;
    font-size: 1.3rem !important;
    margin: 0;
    line-height: 1;
}
.employerModel
{
	width: 100% !important;
	margin: 0px;
}
}
.employerModel
{
	width: 80%;
	
}
.gvt-anncy-label
{
	font-size:1rem;
}
.gvt-agcy
{
	position: absolute;margin-top: -37px;
}
.font-24{
    font-size: 24px;
}
.customGuideButton{
    color: #0c1427 !important;
    font-family: sans-serif !important;
    font-size: 13px !important;
}
.cd-side-nav a {
    text-decoration: none !important;
    color: #fff !important;
}

.customGuideHeading{
    color: #0c1427 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.rightSidePanel{
/*    margin-top: 44px;*/
    background:#fff;
    z-index: 999;
    padding-bottom: 2em;
    /*border: 1px solid #fff;*/
    /*padding: 10px;*/
    border-top-left-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
    overflow-y: scroll;
}

/* float icon*/



/* OLD CHAT APPLICATION */
.custom-float-btn ul{
    position:fixed;
    right:30px;
    padding-bottom:20px;
    bottom: 68px;
    z-index:1000;
}

/* NEW CHAT APPLICATION */
.new-chat-app .custom-float-btn ul{
     position:fixed;
     right:125px;
     padding-bottom:35px;
     bottom: 68px;
     z-index:1000;
}

.custom-float-btn ul li{
    list-style:none;
    margin-bottom:10px;
}

/* OLD CHAT APPLICATION */
.custom-float-btn ul li a{
    background: rgb(49, 49, 53);
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    width:40px;
    height:40px;
    display:block;
}

/* NEW CHAT APPLICATION */
.new-chat-app .custom-float-btn ul li a{
    background: rgb(49, 49, 53);
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    width:54px;
    height:54px;
    display:block;
}
.custom-float-btn ul li div{
    background-color:#0078ee;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    width:40px;
    height:40px;
    display:block;
}
.custom-float-btn ul:hover,.custom-float-btn ul:focus{
    visibility:visible!important;
    opacity:1!important;
}

/* OLD CHAT APPLICATION */
.floaticn{
    position:fixed;
    width:40px;
    height:40px;
    bottom:50px;
    right:30px;
    background: rgb(49, 49, 53);
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index:1000;
    animation: bot-to-top 2s ease-out;
}

/* NEW CHAT APPLICATION */
.new-chat-app .floaticn{
    position:fixed;
    bottom:50px;
    width: 54px;
    height: 54px;
    right:125px;
    background: rgb(49, 49, 53);
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index:1000;
    animation: bot-to-top 2s ease-out;
}
.floaticn:focus
{
	border: 2px solid #76e4cd;
}

/* OLD CHAT APPLICATION */
.my-float{
    font-size:18px;
    margin-top:10px;
}

/* NEW CHAT APPLICATION */
.new-chat-app .my-float{
   	font-size: 19px;
    margin-top: 17px;
}


a#menu-share + ul{
    visibility: hidden;
}
a#menu-share:hover + ul,a#menu-share:focus + ul{
    visibility: visible;
    animation: scale-in 0.5s;
}
a#menu-share i{
    animation: rotate-in 0.5s;
}
a#menu-share:hover > i,a#menu-share:focus > i{
    animation: rotate-out 0.5s;
}


/* float icon*/


.brodcast {
    min-height: 80px;
    margin: 4px;
    color:black;
   
}
/*modified font size to 14px for broadcast message font size bug*/
.brodcast-titile {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}
/*modified font size to 12px for broadcast message font size bug*/
.brodcast-message {
    font-size: 12px;
    padding: 15px;
}

.message-box {
    min-height: 60vh;
    max-height: 60vh;
    overflow-y:scroll;
}

.message-heading {
    font-size: 25px;
    font-weight: 600;
}

.message-box .hvr-float-shadow {
    display: block !important;
}


/* CSS talk bubble */
.talk-bubble {
    margin: 40px;
    display: inline-block;
    position: relative;
    width: 80%;
    height: auto;
    background-color: lightyellow;
}
.border{
    border: 8px solid #666;
}
.round{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;

}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -40px;
    right: auto;
    top: -8px;
    bottom: auto;
    border: 32px solid;
    border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    right: auto;
    top: 0px;
    bottom: auto;
    border: 22px solid;
    border-color: lightyellow transparent transparent transparent;
}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -40px;
    right: auto;
    top: 30px;
    bottom: auto;
    border: 20px solid;
    border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    right: auto;
    top: 38px;
    bottom: auto;
    border: 12px solid;
    border-color: lightyellow lightyellow transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -8px;
    right: auto;
    top: auto;
    bottom: -40px;
    border: 32px solid;
    border-color: transparent transparent transparent #666;
}
.tri-right.btm-left:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    right: auto;
    top: auto;
    bottom: -20px;
    border: 22px solid;
    border-color: transparent transparent transparent lightyellow;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 30px;
    right: auto;
    top: auto;
    bottom: -40px;
    border: 20px solid;
    border-color: #666 transparent transparent #666;
}
.tri-right.btm-left-in:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 38px;
    right: auto;
    top: auto;
    bottom: -20px;
    border: 12px solid;
    border-color: lightyellow transparent transparent lightyellow;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 30px;
    bottom: -40px;
    border: 20px solid;
    border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right-in:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 38px;
    bottom: -20px;
    border: 12px solid;
    border-color: lightyellow lightyellow transparent transparent;
}
/*
        left: -8px;
  right: auto;
  top: auto;
        bottom: -40px;
        border: 32px solid;
        border-color: transparent transparent transparent #666;
        left: 0px;
  right: auto;
  top: auto;
        bottom: -20px;
        border: 22px solid;
        border-color: transparent transparent transparent lightyellow;

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -8px;
    bottom: -40px;
    border: 20px solid;
    border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 0px;
    bottom: -20px;
    border: 12px solid;
    border-color: lightyellow lightyellow transparent transparent;
}

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -40px;
    top: 30px;
    bottom: auto;
    border: 20px solid;
    border-color: #666 transparent transparent #666;
}
.tri-right.right-in:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -20px;
    top: 38px;
    bottom: auto;
    border: 12px solid;
    border-color: lightyellow transparent transparent lightyellow;
}

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -40px;
    top: -8px;
    bottom: auto;
    border: 32px solid;
    border-color: #666 transparent transparent transparent;
}
.tri-right.right-top:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -20px;
    top: 0px;
    bottom: auto;
    border: 20px solid;
    border-color: lightyellow transparent transparent transparent;
}

/* talk bubble contents */
.talktext{
    padding: 1em;
    text-align: left;
    line-height: 1.5em;
}
.talktext p{
    /* remove webkit p margins */
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

.avtar-img {
    border-radius: 50px;
}

.avtar-img-head{
    width: 50px;
}

.box1 {
  width: 100%;
  margin: 10px auto;
  border: 2px solid #666666;
  padding: 5px;
  text-align: left;
  font-weight: 500;
  color: #666666;
  font-family: arial;
  position: relative;
  font-size: 12px;
}


/* speech bubble 5 */

.sb5:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #666666;
  border-right: 10px solid transparent;
  border-top: 10px solid #666666;
  border-bottom: 10px solid transparent;
  right: -21px;
  top: 6px;
}

.sb5:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid #fff;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  right: -11px;
  top: 10px;
}

/* speech bubble 6 */

.sb6:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #666666;
  border-top: 10px solid #666666;
  border-bottom: 10px solid transparent;
  left: -21px;
  top: 6px;
}

.sb6:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  left: -11px;
  top: 10px;
}



.idProf{
    width: 350px;
    height: auto;
    margin-right: 10px;
}

.customMultiSelectBox{
	width: 232px !important;
    font-size: 14px !important;
    color: #555555 !important;
    font-family: Roboto,Helvetica Neue,sans-serif !important;
    border: 2px solid #ccc !important;
    height: 88px !important;
}


.read-msg {
    background-color: #C0C0C0; 
}
/*Added read-alert for the alert screen to indicate the alert is read.*/
.read-alert {
    color: #0c1427;
}
/*Added unread-alert for the alert screen to indicate the alert is unread.*/
.unread-alert {
    font-weight: 600;
    color: #0c1427;
}
.unread-msg {
    font-weight: 600;
    background-color: #fff; 
}


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


::-webkit-scrollbar{
        height: 4px;
        /*background: silver;*/
}

::-webkit-scrollbar-thumb:horizontal{
        background: #000;
        border-radius: 10px;
}

.footer_floatleft{
    float: left;
}


.footer_floatright{
    float: right;
}

.modify-zindex {
    z-index: 1 !important;
}

.cd-nav-trigger {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 999;
}

.customModalScroll{
	overflow-y: auto; 
    height: 400px;
}
.customModalScroll thead th{
	position: sticky;
    top: 0;
    z-index: 1;
    background: #1170c1;
    color: #ffffff;
}


.customCrossIcon{	
       	   top: 0;
		   color: #0c1427;
		   font-size: 16px;
        }

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

.swal2-styled {
    margin: .3125em;
    padding: 2px 12px !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
    font-weight: 600;
    border: 0;
    border-radius: .25em;
    background: none !important; 
    background-color: #ddd !important;
    color: black !important;
    font-size: 1.0625em;
    min-width: 60px !important ;
}

.swal2-confirm:hover {
   background-color: #286090 !important;
   color: white !important;
}

.swal2-cancel:hover {
   background-color:#c9302c !important;
   color: white !important;
}

.pad-t-6{
    padding-top: 6px;
}
/*Added for login page header margin*/
.blog-login-page {
    margin-top: 40px;
}
/*Added by Hargun for Aggregate Dashboard Page on 4/23/2020 ----------- */
.blue-text{
	color: #265587;
    font-weight: 600;
    font-size: 14px;
}

.font-color-blue{
	color: #337AB7;
    font-weight: 600;
}

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

.font-size-15{
	font-size: 15px;
}

.font-bold{
	font-weight: bold;
}

.grey-border{
	border: 1px solid #f7f7f7db;
    background: #f7f7f7db;
    border-radius: 5px;
    padding: 10px;
}

.border-top{
	border-top: 2px solid #ccc;
}
.mrg-0{
	margin-right: 0;
	margin-left: 0;
}

.pad-l-25{
	padding-left: 25px;
}

.mrg-t-18{
	margin-top:18px;
}

.pad-l-11{
	padding-left: 11px;
}
.font-size-16{
	font-size: 16px;
}
/*-----END------ */
/*-----Added by Hargun------ */
.checkbox-align{
	padding-left: 8px;
	position: absolute;
}
.pad-t-28{
	padding-top: 28px;
}
.small-align{
	display: block;
    font-size: 11px;
}
.width-30{
	width: 30px;
}

.pad-t-6 span i{
	color: #337AB7;
} 

.scroll-bar{
	overflow-y: auto; 
    height: 100%;
}

.mrg-r-10{
	margin-right: 10px;
}

.mrg-l-10{
	margin-left: 10px;
}

/*-----END------ */
/* Start Responsive ----------- */


 /* Extra small devices (phones, 600px and down) */

@media (max-width: 480px)
{   
    .pull-right {
         float: none !important;
    }
    
    .footer_floatleft {
        float: none;
    }
    
    .footer_floatright {
        float: none;
    }
     
    .wizard > .steps > ul > li
    {
        width: 100% !important;
    }
    
    .cd-search::before {
        background: none !important;
    }
    
    .cd-search input {
        padding: 0 5px 0 5px !important;
    }
}

 @media only screen and (max-width: 600px) {
    .pull-right {
         float: none !important;
    }
    
     .footer_floatleft {
        float: none;
    }
    
    .footer_floatright {
        float: none;
    }
    
     .cd-search::before {
        background: none !important;
    }
    
    .cd-search input {
        padding: 0 5px 0 5px !important;
    }
    
    .pull-right {
         float: none !important;
    }
     .cancelBtn ,.applyBtn 
   {
   margin-bottom: 60px;
    float: left;
   }
   .drp-selected
   {
   margin-top: 8px;
    font-size: 10px;
   }
    .wizard > .steps > ul > li
    {
        width: 100% !important;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active
    {
        margin-top: 0.5em !important;
    }

    .wizard.vertical > .steps,
    .wizard.vertical > .actions
    {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    .wizard.vertical > .content
    {
        display: block !important;
        float: none !important;
        margin: 0 0.5em 0.5em !important;
        width: auto !important;
    }
     
    
 }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
     
    .footer_floatleft {
        float: none;
    }
    
    .footer_floatright {
        float: none;
    }
    
    .cd-search::before {
        background: none !important;
    }
    
    .cd-search input {
        padding: 0 5px 0 5px !important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
    .footer_floatleft {
        float: none;
    }
    
    .footer_floatright {
        float: none;
    }
    
    .cd-search::before {
        background: none !important;
    }
    
    .cd-search input {
        padding: 0 5px 0 5px !important;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
    .footer_floatleft{
        float: left;
    }


    .footer_floatright{
        float: right;
    }
    
    .margin-l-90{
    	margin-left: -75px;
    }
    
    .pad-t-35{
    	padding-top: 35px;
    }
    
/* Added by Hargun on 4/23/2020  ----------- */    
    .mrg-l-18{
	margin-left:18px;
}
/* End  ----------- */
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...} 

#scroll {
    position: fixed;
    right: 29px;
    bottom: 3px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    background-color: #3498db;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.survey_overflow
{
	overflow-y: scroll;
    height: 566px;
}
.access_denied
{
	color: #ffcc00;
}
.sd_nv
{
cursor: pointer;
}
.panel-title {
  position: relative;
}
  
.panel-title::after {
	content: "\f107";
	color: #333;
	top: -2px;
	right: 0px;
	position: absolute;
    font-family: "FontAwesome"
}

.panel-title[aria-expanded="true"]::after {
	content: "\f106";
}
modal.left .modal-dialog1,
	.modal.right .modal-dialog1 {
		position: fixed;
		z-index:1000000000;
		margin: auto;
		width: 340px;
		height: 160px;
		bottom:0;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	 
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}
.survey_fade {
  z-index: 10000000 !important;
}
 
/*Right*/
	.modal.right.fade1 .modal-dialog1 {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

 
 
.modal-header1 {
    border-bottom-color:transparent;
     background-color: transparent;
	 padding: 0px;
    border-bottom: transparent;
}
.cl{
    font-size: 30px !important;
    color: white !important;
}
.corner-img-cookie {
     font-size: 82px;
    color: #242729;
}
.cr-btn,.cr-btn:hover{
display: block;
    
    width: 100%;
    height: 39px;
    font-weight: 300;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    
	text-decoration:none;
}
.modal-backdrop
{
    opacity:0 !important;
}
.input-group
{
	z-index: 1 !important;
}
/* End Responsive  ----------- */

/*added for password change in profile page*/
.paddingdown{
    margin-top: 25px;
}
#resetpasswordpanel{
    display:none;
    margin-left: -18px;
}
#confirmPasswordPanel{
    display:none;
    /*margin-left: -18px;*/
}
#confirmEmailPanel{
    display:none;
    /*margin-left: -18px;*/
}
#confirmVerificationCodePanel{
    display:none;
    /*margin-left: -18px;*/
}
[data-target] {
  cursor:pointer;
}

.divider{
    border-top: 1px solid #ddd;
    line-height: 1.42857143;
    padding: 2%;
    margin-left: 18px;
}
.text-component-2 {
	 margin-top: 3rem;
}

.tag-green { 
	background: #6FCF97 !important;
	
	/* Gray 4 */
	border: 1.05687px solid #BDBDBD !important;
	box-sizing: border-box !important;
	border-radius: 41.218px !important;
}

.tag-blue { 
	background: #56CCF2 !important;
	
	/* Gray 4 */
	border: 1.05687px solid #BDBDBD !important;
	box-sizing: border-box !important;
	border-radius: 41.218px !important;
}


.tag-yellow { 
	background: #F2C94C !important;
	
	/* Gray 4 */
	border: 1.05687px solid #BDBDBD !important;
	box-sizing: border-box !important;
	border-radius: 41.218px !important;
}

.tag-neon { 
	background: #DAF7A6 !important;
	
	/* Gray 4 */
	border: 1.05687px solid #BDBDBD !important;
	box-sizing: border-box !important;
	border-radius: 41.218px !important;
}

.tag-lightblue { 
	background: #BDF3FF !important;
	
	/* Gray 4 */
	border: 1.05687px solid #BDBDBD !important;
	box-sizing: border-box !important;
	border-radius: 41.218px !important;
}


.tag-orange { 
	background: #FFCABD !important;
	
	/* Gray 4 */
	border: 1.05687px solid #BDBDBD !important;
	box-sizing: border-box !important;
	border-radius: 41.218px !important;
}

.tag-purple{
	background: #d4bbfa!important; /* purple */
    border: 1.05687px solid #BDBDBD !important;
	box-sizing: border-box !important;
	border-radius: 41.218px !important;
}

.selected-tag{
	border: 2px solid #333333 !important;
	box-sizing: border-box !important;
	border-radius: 41.218px !important;
}

.btn-theme-main { 
	min-width: 65px  !important;
	/* PDMP Light Blue */
	background: #56A2D6  !important;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.25) !important;
	border-radius: 4px  !important;
	color: #fff  !important;
}

.btn-theme-main:hover {
    color: #fff;
    /* background-color: #343a40; */
    background: linear-gradient(to bottom right, #005c39, #007bff) !important;
    border-color: #343a40 !important;
    transition: 0.4s !important;
}


.errorTxt {
	color: red;
}


.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color:  #FFFFFF;
}

.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
   background-color:  #ffff;
}

.table-striped-collapes > tbody:nth-of-type(2n+1) >  tr > td {
    background-color: #FFFFFF !important;
}

.table-striped-collapes > tbody:nth-of-type(2n) >  tr > td {
    background-color: #fff !important;
}

.summary-count {
	font-weight: 600;
	font-size: 25px;
	line-height: 44px;
}

.sub-table-expand {
	border: 1px solid #ececec;
}

.toggal-btn-stats { 
	position: absolute !important;
	top: 40%;
	right: 18px;
	z-index: 999999 !important;
	background-color: #e95f00 !important;
	color: #fff !important;
}

.toggal-btn-stats p {
	color: #fff !important;
}

.modal-subtitle-patient {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	/* White */
	color: #FFFFFF;
	margin: 0px !important;
}

.modal-title-patient {
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	display: flex;
	align-items: flex-end;
	
	/* White */
	color: #FFFFFF;
	margin: 0px !important;
}

.input-group-addon
{
	background: transparent;
}

.align-right-cta-delegate {
	position: absolute;
	right: 25px;
	bottom: 5px;
	top: 0;
	height: 40px;
}
.table-responsive-1 {
    min-height: .01%;
    overflow-x: auto !important;
}

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

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

.clearfix {
  overflow: auto;
}
.sftp-zero-padding
{
	padding: 0 !important;
}
thead > tr > th 
{
	font-weight: 600;
}

.report-cir{
	width: 28vh;
	height: 28vh;
	border-radius: 50%;
	background-color: #f5f4f9;
	margin: 0 auto;
	margin-top: 10vh;
}

.report-cir-img { 
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	padding-top: 8%;
}

.text-coming { 
	font-weight: 600;
	font-size: 28px;
}
.text-coming-sub{
	font-weight: 400;
	font-size: 22px;
}

.btnBack-report { 
	float: left !important;
	margin-left: 25px;
	margin-top: 8px;
	margin-bottom: 8px;
}



.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 25px;
}

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

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

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

input:checked+.slider {
	background-color: #2196F3;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(14px);
	-ms-transform: translateX(14px);
	transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.configTable label {
	font-weight: normal !important;
}

.delegate_super_mob_up {
	display: none !important;
}

.delegate_super_mob_lower {
	visibility: visible !important;
}

@media screen and (max-width: 1024px) {
.delegate_super_mob_up {
	display: block !important;
}

.delegate_super_mob_lower {
	visibility: hidden !important;
}

}

.hr-tab-content {
	/*display: inline-block;*/
}
.swal2-confirm:focus{
   box-shadow: 0px 0px 0px 2px #888888 !important;
}

#snackbarSuccess {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: RGB(105, 186, 0, 0.85);
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 20%;
  font-size: 17px;
}

#snackbarError {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: RGB(87%, 0%, 5%, 0.85);
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 20%;
  font-size: 17px;
}

#snackbarSuccess.show, #snackbarError.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.right-modal-medium {
	width: 50% !important;
}

#progress {
  position: relative;
  margin-bottom: 30px; 
}

#progress-bar {
  position: absolute;
  background: #28a745;
  height: 3px;
  width: 0%;
  top: 50%;
  left: 0;
  margin-left: 20px;
  margin-right: 20px;
  opacity: 0;
  animation: showProgress 5s forwards;
}

@keyframes showProgress {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#progress-num {
  margin: 0;
  margin-top: 45px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

#progress-num::before {
  content: "";
  background-color: #28a745;
  position: absolute;
  top: 50%;
  left: 0;
  height: 3px;
  width: 100%;
  z-index: -1;
}

#progress-num .step {
  border: 2px solid darkgrey;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  background-color: #fff;
  font-size: 14px;    
  position: relative;
  z-index: 1;
}

#progress-num .step.active {
  border-color: #28a745;
  background-color: #28a745;
  color: #fff;
}

#progress-num .step.error {
  border-color: red;
  background-color: red;
  color: #fff;
}

.li-progress-header {
	color: black;
    font-size: 12px;
    position: absolute;
    top: -40px;
    margin-left: -25px;
    margin-right: -20px;
    font-weight: 600;
}

.spin-progress-bar {
	font-size: 18px;
}

#fixedsocial {
    top:30%;
    z-index: 100000;
    height:60px;
    width:60px;
    position:fixed;
    right: 0;
	border-color: red;
	border-width: 10px;
	border-radius: 50%;
	border: 1px solid #CCC6C6;
	cursor: pointer;
	color: #fff;
	background: #013F62;
	-webkit-transition: .3s;
	transition: .3s;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

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

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

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

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 350px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}
.come-from-modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
.come-from-modal.right.fade.in .modal-dialog {
    right: 0;
}
/*Code added by sweety for session timeout window*/ 
.sessionTimeOut{
    background-color: #415470;
}


/*Added by sweety - Transition for switching page and page reload starts*/
@keyframes transitionIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#main-1{
    animation: transitionIn 1s ease !important; /* Adjust the duration as needed */
}
/*Added by sweety - Transition for switching page and page reload ends*/

#supportAppPyth2{
    color:#0c1427 !important
}

.modal-title-pa {
    color: #415470 !important;
}

.default_color {
	/*background: #1e2e56;*/
	background: #415470;
	color: #FFFFFF;
	margin-left: 10px;
}

.asap50IconForPresc , input[class="asap50IconForPresc"] {
	color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}

.asap50IconForEdit {
	background-color: #cce5ff !important;
}

.icon-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: 9px;
}

.icon-wrapper i {
    font-size: 1.8rem;
    color: #946F00;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .icon-wrapper i {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .icon-wrapper {
        display: block;
        text-align: center;
        margin-top: 8px;
        margin-right: 10px;
    }

    .icon-wrapper i {
        font-size: 1.5rem;
    }
}