.prettyline {
            height: 5px;
            border-top: 0;
            background: #c4e17f;
            border-radius: 5px;
            background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
            background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
            background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
            background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
        }
      
        .bg-popup {
            background: #024369; /* fallback for old browsers */
            background: -webkit-linear-gradient(to left, #024369, #295780); /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to left, #024369, #295780); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            color: #fff;
            border-radius: 0;
        }
          #saveSearch
        {
      border-radius:0 !important;
    }
        #saveSearch  .modal-dialog
        {
              width: 800px;
              max-width: 100%;

            }
        @media only screen and (max-width: 768px) {
            #saveSearch  .modal-dialog
                {
                      width: 90%;
                      max-width: 100%;

                    }
            .saveleadbtn {
                margin-top: 5px
            }
        }
        .thumbs-list {
            font-size: 1.9vh;
        }

        .leadcmodal {
            text-align: center;
            padding: 0 !important;
                background: rgba(0, 0, 0, 0.84);
        }

            .leadcmodal:before {
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-right: -4px;
            }

        .leadcmodal>.modal-dialog {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            
        }
        
        .leadcmodal>.modal-content {
            -webkit-box-shadow: 5px 10px 25px rgba(0, 0, 0, .8);
            box-shadow: 5px 10px 25px rgba(0, 0, 0, .8);
        }

        .closepopup {
            margin: 0;
            position: absolute;
            top: -10px;
            right: -10px;
            width: 30px;
            height: 30px;
            border-radius: 30px;
            background-color: #1d94c1 !important;
            color: #fff;
            font-size: 22px;
            opacity: 1;
            z-index: 10;
            border: 1px solid #fff !important;
        }

        .saveleadbtn {
            background-color: #6f001a;
            border: 1px solid #fff;
            color: #fff;
            margin-top: 25px;
        }

.popover{
    max-width: 100%;
    width: 320px;
    height: 100px;
}





/*Saved Search Radio buttons*/
label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #44c53c;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #44c53c;
}
div[data-toggle="buttons"] label.active{
    color: #44c53c;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #44c53c;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}