body {
}
.text-b {
    color:#11c8f1 !important;
}
.toggler {
            width: 500px;
            height: 200px;
            position: relative;
        }

        #button {
            padding: .5em 1em;
            text-decoration: none;
        }

        #effect {
            width: 240px;
            height: 170px;
            padding: 0.4em;
            position: relative;
            background: #fff;
        }

            #effect h3 {
                margin: 0;
                padding: 0.4em;
                text-align: center;
            }
        .no-pad-top-bot {
            padding-top:0;
            padding-bottom:0;
        }
        .nav nav-tabs {
            padding-left:5px !important;
        }
        .tab-content
        {
            padding-left:5px !important;
        }
        .card.title {
            color:black !important;
        }
        .mb-1 {
            color:purple !important;
        }
        .default_color {
            background-color:purple;
        }
        .card {
    margin-bottom: 15px;
}
.icon-action {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}

.list-group-item .title {
    margin-top: 5px;
    margin-bottom: 12px;
    font-weight: 600;
}
        .letrag {
             font-size: 16px !important;
             color:#484646;
             font-weight:600;
        }
         .letram {
             font-size: 16px !important;
             color:#4a4848 !important;
        }
         .card-pricing.popular {
    z-index: 1;
    border: 3px solid #007bff;
}
.card-pricing .list-unstyled li {
    padding: .5rem 0;
    color: #6c757d;
}
        .pricing-price {
            padding-bottom:0px;
            padding-top:0px;
        }
        .nav .nav-link.active {
            background-color:#fcfcfc;
        }
   
        .nav-item-c{
            background-color:rgba(0,0,0,0.29);
            color:#fff;
        }
        .card-primary:not(.card-outline) > .card-header {
  background-color: #fff;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-primary:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-primary.card-outline {
  border-top: 3px solid #fff;
}

.card-primary.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-primary.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #11c8f1;
}
       .bg-primary > .card-header .btn-tool,
.bg-gradient-primary > .card-header .btn-tool,
.card-primary:not(.card-outline) > .card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-primary > .card-header .btn-tool:hover,
.bg-gradient-primary > .card-header .btn-tool:hover,
.card-primary:not(.card-outline) > .card-header .btn-tool:hover {
  color: #fff;
  background-color:#fff;
}
.card.bg-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-primary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #0067d6;
  color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3395ff;
  color: #fff;
}
 
    .input-field {
        color :#8409bd;
        font-size:14px;

    }