/* reset css */

body {
    font-family: 'Roboto', sans-serif;
    padding: 0px;
    margin: 0px;
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    list-style: none;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

    a:hover,
    a:active,
    a:focus {
        outline: none;
        border: none;
    }

/* End reset css */

/* custom css */

header {
    display: block;
    margin: 0px;
    padding: 0px;
    top: 0px;
    width: 100%;
    position: relative;
    z-index: 9999;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
}

.logo {
    float: left;
    width: 100%;
    margin: 0px 0px;
    padding:5px;
    position: relative;
}

    .logo a {
        display: block;
    }

        .logo a img {
            max-width: 100%;
            max-width: 142px;
            height: auto;
        }

.sticky-header {
    position: fixed;
    width: 100%;
    /*transition: all 0.7s;*/
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    animation: smoothScroll 1s alternate;
    -webkit-animation: smoothScroll 1s alternate;
}

    .sticky-header .logo a img {
        height: 60px;
        height: auto;
    }

.top-head {
    background-image: -moz-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
    padding: 10px;
    padding-bottom: 40px;
}

.top-menu {
    float: left;
}

.top-head-right {
    float: right;
}

.top-head-left {
    float: left;
}

.top-head .clearfix {
    padding: 0 !important;
}

.site-logo img {
    max-width: 130px;
}

.faq-blog {
    /*display: inline-block;*/
}

    .faq-blog li {
        display: inline-block;
    }

        .faq-blog li a {
            color: #808b9a;
            font-size: 13px;
            font-family: 'Roboto', sans-serif;
        }


.subbox {
    float: left;
}

/*main header css*/
.main-header-section {
    /*
    position: absolute;
    bottom: -30px;

    z-index: 999;*/
    width: 100%;
    padding: 5px 0 0 0;
    background: #fff;
}

.purple {
    background: #805aa3;
}

.orange {
    background: #fff;
}

.main-header {
    /*    background: #346dac;*/
    /*border-radius: 30px;*/
}

.login {
    position: absolute;
    right: 40px;
    top: 20px;
    font-size: 12px;
    padding: 6px 10px;
    color: #6400c5;
}

    .login a {
        /*color: #6400c5;*/
        font-family: 'Roboto', sans-serif;
    }

.phone-detail .dropdown a i {
    color: #6400c5;
    background: #f58634;
    padding: 10px;
    border-radius: 20px;
}

.callusicon {
    padding: 8px 8px;
    color: #8c38b4;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    /* width: 154px; */
    position: absolute;
    top: 10px;
    right: 15px;
    /*background: #e80434;*/
    /*border-radius: 25px;    */
    /*-webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);*/
}

.logo-img {
    position: absolute;
    top: 10px;
}

    .logo-img img {
        max-width: 150px;
    }

.wsmenu {
    margin-left: 200px;
}

.assignment-list-new .wsmenu {
    margin-left: 0;
}

.wsmenu-click i,
.wsmenu-click02 i {
    margin-top: 11px;
    margin-right: 8px;
    background-size: 25px;
    font-size: 21px;
    color: #fff;
    float: right;
}


.phone-detail .dropbtn {
    color: white;
    display: inline-block;
    font-size: 16px;
    border: none;
}

.phone-detail .dropdown {
    position: relative;
    display: inline-block;
}

.phone-detail .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 215px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: 0;
}

    .phone-detail .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.phone-detail {
    position: absolute;
    display: block;
    right: 0;
    top: 17px;
}

    .phone-detail .dropdown-content a:hover {
        background-color: #ddd;
    }

    .phone-detail .dropdown:hover .phone-detail .dropdown-content {
        display: block;
    }

    .phone-detail .dropdown:hover .phone-detail .dropbtn {
        background-color: #3e8e41;
    }


/*about css*/

.green {
    /* background: #10C45C; */
    width: 100%;
    height: 100%;
}

.blue {
    background: #333366;
}

.pink {
    background: #E948AE;
}

.info-boxes {
    position: relative;
    margin-top: -80px;
    z-index: 99;
    margin-bottom: 30px;
    border-radius: 8px;
}

.info-box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.info-box-content img {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.info-box-content h3 {
    color: #000;
    font-size: 17px;
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.info-box-content p {
    color: #fff;
    font-size: 14px;
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


.info-boxes .info-box {
    padding: 20px 35px;
    color: #fff;
    background: #6a4e77;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: 100% !important;
    background-position: center center !important;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
}

    .info-boxes .info-box:hover {
        background-size: 120% !important;
        text-decoration: none;
    }

    .info-boxes .info-box.cyan::before {
        background: rgba(63, 144, 201, 0.89);
    }

    .info-boxes .info-box::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        z-index: -1;
    }

    .info-boxes .info-box.orange::before {
        background: rgba(245, 165, 12, 0.89);
    }

    .info-boxes .info-box.red::before {
        background: rgba(244, 52, 61, 0.89);
    }

/*banner css*/
.tp-leftarrow.default,
.tp-rightarrow.default {
    display: none;
}

/*about 2 css*/
.about-bg {
    background: rgba(0, 0, 0, .5);
}

.about-2-main {
    margin: 50px 0 0 0;
    background: #000;
    background: url(../images/aboutbg.png) repeat top center;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}

.about-bg .container {
    padding: 60px 0;
}

.about-2-content i {
    font-size: 30px;
    margin-right: 10px;
    color: #F66;
}

.about-2-content {
    padding: 26px 15px 11px 15px;
    color: #2e415c;
    background: #eaeaea;
    border-bottom: 1px solid #ccc;
}

    .about-2-content h4 {
        color: #000;
        font-family: 'Roboto', sans-serif;
    }

    .about-2-content hr {
        margin: 10px 0 !important;
    }

.sticker {
    position: absolute;
    right: 15px;
    top: 0;
}

/*slill css*/


.skill-home .icons i {
    position: relative;
    top: -10px;
}


.skill-home .icons {
    width: 94px;
    height: 94px;
    color: #fff;
    margin-bottom: 20px;
    font-size: 42px;
    text-align: center;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 0;
    display: inline-table;
    border: 4px solid #e74c3c;
    color: #e74c3c;
    background: transparent;
    border-radius: 50%;
    background: #ffffff;
}

    .skill-home .icons img {
        position: relative;
        top: 50%;
        transform: translateY(15%);
    }

.skill-home-solid .text-center:hover .skill-home img {
    transform: scale(1.2);
}

.c1 {
    border: #ed5441 1px solid;
    background: #ed5441;
}

.box-area {
    padding: 15px 5px;
    padding-bottom: 25px;
    background: #f3f3f3;
    border: 4px solid #f3f3f3;
    position: relative;
    z-index: 0;
    box-shadow: 0px 2px 2px #9e1c0f;
    min-height: 100%;
}

    .box-area h3 {
        font-size: 18px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

    .box-area p {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin-bottom: 40px;
    }

    .box-area:after {
        position: absolute;
        display: none;
        width: 95%;
        height: 54px;
        background: #805aa2;
        top: 0;
        left: 0;
        z-index: -5;
        content: '';
        border-radius: 50%;
        right: 0;
        margin: 0 auto;
        margin-top: -20px;
    }

.skill-home-solid .text-center {
    margin-bottom: 30px;
}

.about-2-content .media-body p {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.read-more {
    padding: 8px 12px;
    background: #e74c3b;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    left: 50%;
    position: absolute;
    bottom: 15px;
    font-family: 'Roboto', sans-serif;
    transform: translateX(-50%);
}

    .read-more:hover {
        color: #e74c3b;
        background-color: #fff;
        border: 1px solid #e74c3b;
    }

.left-bottom-about {
    margin-top: 50px;
}

.about-2-content .media-left .fa-map-pin {
    transform: rotate(30deg);
    margin-right: 20px;
}



/*testimonial slider css*/

.slider {
    overflow: hidden;
    position:relative;
}

.testimonial-slider {
    /*margin: 50px 0 0 0;*/
    background: #000;
    background: url(../images/testimonial-bg.jpg) no-repeat top center;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    /*background: linear-gradient(130deg, #07d9a3, #048fee);
  background-size: 400% 400%;

  -webkit-animation: gradient 16s ease infinite;
  -moz-animation: gradient 16s ease infinite;
  animation: gradient 16s ease infinite;*/
}

@-webkit-keyframes gradient {
    0% {
        background-position: 5% 0%;
    }

    50% {
        background-position: 96% 100%;
    }

    100% {
        background-position: 5% 0%;
    }
}

@keyframes gradient {
    0% {
        background-position: 5% 0%;
    }

    50% {
        background-position: 96% 100%;
    }

    100% {
        background-position: 5% 0%;
    }
}

.col-center {
    margin: 0 auto;
    float: none !important;
}

.carousel {
    margin: 50px auto;
    padding: 0 70px;
}

    .carousel .item {
        color: #999;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        min-height: 290px;
        font-family: 'Roboto', sans-serif;
    }

        .carousel .item .img-box {
            width: 135px;
            height: 135px;
            margin: 0 auto;
            padding: 5px;
            border: 1px solid #ddd;
            border-radius: 50%;
        }

    .carousel .img-box img {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50%;
    }

    .carousel .testimonial {
        padding: 30px 0 10px;
        color: #000;
        font-family: 'Roboto', sans-serif;
    }

    .carousel .overview {
        font-style: italic;
        color: #424242;
        font-family: 'Roboto', sans-serif;
    }

        .carousel .overview b {
            text-transform: uppercase;
            color: #007aff;
            font-family: 'Roboto', sans-serif;
        }

    .carousel .carousel-control {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        top: 50%;
        background: none;
    }

.carousel-control i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgb(52, 109, 171);
}

.carousel .carousel-indicators {
    bottom: -40px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 1px 3px;
    border-radius: 50%;
}

.carousel-indicators li {
    background: #999;
    border-color: transparent;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

    .carousel-indicators li.active {
        background: #555;
        box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
    }

footer {
    background-color: #41454c;
}

.footer-inner {
    padding: 50px 0;
}

    .footer-inner .left-box p {
        color: #c5c3c3;
        margin: 20px 0;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }

.widget_text .widget-title,
.footer-nav-title {
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 30px;
    color: #edb511;
    font-weight: 700;
    text-transform: uppercase;
}

.widget_text ul li,
.widget_text ul li a {
    color: #c5c3c3;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.payment .payment-header h2 {
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    margin: 30px 0;
    color: #edb511;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-nav-content .link-list li a {
    color: #c5c3c3 !important;
}

.footer-nav-content .first {
    padding-bottom: 20px;
    border-bottom: 1px solid #edb511;
    margin-bottom: 20px;
}

.footer-nav-content .link-list li:before {
    color: #edb511 !important;
}

-------------------------------------------------------------------------------------------------


.open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
}

/*
.dropdown-menu {
    opacity: .3;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
*/

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.faq-blog li a:hover {
    color: #000;
}


.dropdown-toggle::after {
    display: none;
}

.footer_nav_menu .link-list li a {
    background: none !important;
}


.testimonial-slider .carousel-indicators li {
    background: #72a5cf !important;
}

    .testimonial-slider .carousel-indicators li.active {
        background: #346dab !important;
    }

--------------------------------------------------------------------------------------------------------------------
/*inner pages css*/
.inner-banner {
    /*
    background: url(../images/inner-bg.jpg) no-repeat bottom center;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
*/
}

.inner-bg {
    padding: 140px 0;
    position: relative;
    background: url(../images/inner-bg.jpg) no-repeat bottom center;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
}

/** The Magic **/
btn-breadcrumb > .btn.disabled {
    opacity: 1 !important;
    color: #999;
}

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.inner-bg .btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}

    .inner-bg .btn-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 10px;
    }

    .inner-bg .btn-breadcrumb .btn:last-child {
        padding: 6px 18px 6px 24px;
    }

    /** Default button **/
    .inner-bg .btn-breadcrumb .btn.btn-default:not(:last-child):after {
        border-left: 10px solid #fff;
    }

    .inner-bg .btn-breadcrumb .btn.btn-default:not(:last-child):before {
        border-left: 10px solid #ccc;
    }

    .inner-bg .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
        border-left: 10px solid #ebebeb;
    }

    .inner-bg .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
        border-left: 10px solid #adadad;
    }

    /** Primary button **/
    .inner-bg .btn-breadcrumb .btn.btn-primary:not(:last-child):after {
        border-left: 10px solid #428bca;
    }

    .inner-bg .btn-breadcrumb .btn.btn-primary:not(:last-child):before {
        border-left: 10px solid #357ebd;
    }

    .inner-bg .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
        border-left: 10px solid #3276b1;
    }

    .inner-bg .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
        border-left: 10px solid #285e8e;
    }

.inner-bg .btn-primary {
    color: #fff;
    background-color: #428bca !important;
    border-color: #357ebd !important;
}

    .inner-bg .btn-primary:last-child {
        background: #000 !important;
    }

    .inner-bg .btn-primary:hover,
    .inner-bg .btn-primary:focus,
    .inner-bg .btn-primary:active,
    .inner-bg .btn-primary.active {
        color: #fff;
        background-color: #3276b1 !important;
        border-color: #285e8e !important;
    }

.inner-bg h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    color: #fff;
}

.inner-main .container {
    padding: 0 !important;
}

/*finance accounting css*/

.inner-main {
    background: #d6d6d6;
}

.inner-content-bg {
    background: #fff;
    position: relative;
    margin-top: -50px;
    border: 1px solid #ccc;
    margin-bottom: 50px;
    display: inline-block;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.box-inner h3::before {
    content: '';
    display: block;
    width: 2px;
    height: 30px;
    background: #edb511;
    position: absolute;
    top: 0;
    left: 0;
}

.box-inner h3::after {
    content: '';
    display: block;
    width: 3px;
    height: 30px;
    background: #edb511;
    position: absolute;
    top: 0;
    left: 3px;
}

.box-inner {
    position: relative;
    padding-left: 20px;
}

    .box-inner h3 {
        color: #346dab;
        font-size: 22px;
        font-family: 'Roboto', sans-serif;
    }

    .box-inner p {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }

.page-wrap {
    padding: 30px;
    padding-top: 50px;
}

.right-box {
    background: #eaeaea;
    border: 1px solid #8a8989;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .right-box h3 {
        font-size: 20px;
        color: #346dab;
        font-weight: 700;
        margin-bottom: 20px;
        font-family: 'Roboto', sans-serif;
    }

    .right-box ul li {
        font-size: 14px;
        color: #2f2e2e;
        font-family: 'Roboto', sans-serif;
        position: relative;
        padding-left: 20px;
        margin-bottom: 20px;
    }

        .right-box ul li a {
            font-size: 14px;
            color: #2f2e2e;
            font-family: 'Roboto', sans-serif;
        }

        .right-box ul li:before {
            position: absolute;
            content: "\f192";
            left: 0;
            top: 2px;
            font-size: 12px;
            font-family: FontAwesome;
            color: #346dab;
        }

.inner-right {
    padding: 50px 30px 30px 0;
}

.order-now {
    padding: 8px 12px;
    background: #e74c3b;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    left: 50%;
    position: relative;
    bottom: 15px;
    font-family: 'Roboto', sans-serif;
    transform: translateX(-50%);
    margin: 30px 0;
}

.page-content {
    padding-bottom: 40PX;
}

.order-now:hover {
    color: #e74c3b;
    background-color: #fff;
    border: 1px solid #e74c3b;
}

.categories {
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #346dab;
}

    .categories a {
        color: #696969;
    }


/*login css*/

.login-main {
    width: 100%;
    min-height: 100vh;
    padding-bottom: 0;
    background: url(../images/login-bg.jpg) repeat top center;
    background-position: center;
    overflow: hidden;
    background-size: cover;
}

    .login-main .col-md-6 {
        margin: 0 auto;
    }

.login-logo a {
    display: inline-block;
}

.login-logo {
    margin: 30px auto;
    position: relative;
    left: 46.2%;
    transform: translateX(-50%);
    max-width: 50%;
}

.panel-login {
    /*
    border-color: #ccc;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
*/
    background: #815aa3 !important;
    border-radius: 12px;
}

    .panel-login > .panel-heading {
        color: #00415d;
        text-align: center;
        border-bottom: 1px solid #f58634;
    }

        .panel-login > .panel-heading a {
            text-decoration: none;
            color: #b7b7b7;
            font-size: 30px;
            padding: 0 !important;
            display: inline-block;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

            .panel-login > .panel-heading a.active {
                color: #f58634;
                font-weight: bold;
                font-size: 30px;
                padding: 24px 0 15px 0;
                display: inline-block;
                font-family: 'Roboto', sans-serif;
            }

    /*
.panel-login > .panel-heading hr {
    margin-top: 10px;
    margin-bottom: 0px;
    clear: both;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}
*/

    .panel-login input[type="text"],
    .panel-login input[type="email"],
    .panel-login input[type="password"] {
        height: 50px;
        border: 1px solid #ddd;
        font-size: 16px;
        padding-left: 65px;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
        border-radius: 30px;
    }

    .panel-login input:hover,
    .panel-login input:focus {
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: #ccc;
    }

.btn-login {
    background-color: #f58634;
    outline: none;
    color: #fff;
    border-radius: 30px;
    font-size: 20px;
    height: auto;
    font-weight: normal;
    padding: 16px 0;
    font-family: 'Roboto', sans-serif;
    border: 0px solid #f58634 !important;
    box-shadow: 0px 10px 9px 1px rgba(0, 0, 0, 0.07) !important;
}

.panel-body h3 {
    font-size: 25px;
    text-align: center;
    padding: 18px 0 16px 0;
    color: #fff;
    margin: 0;
}

.btn-login:hover,
.btn-login:focus {
    color: #f58634;
    background-color: transparent;
    border: 1px solid #f58634 !important;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-radius: -20px;
    box-shadow: 0px 10px 9px 1px rgba(0, 0, 0, 0.07) !important;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.forgot-password {
    outline: none;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    height: auto;
    font-weight: normal;
    margin-top: 40px;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
}

    .forgot-password span {
        color: #f58634;
        margin-left: 5px;
    }

    .forgot-password:hover,
    .forgot-password:focus {
        color: #fff;
    }

.btn-register {
    background-color: #f58634;
    outline: none;
    color: #fff;
    border-radius: 30px;
    font-size: 20px;
    height: auto;
    font-weight: normal;
    padding: 16px 0;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #f58634 !important;
    margin-bottom: 20px;
}

.panel-login input::placeholder {
    font-style: italic;
}

.btn-register:hover,
.btn-register:focus {
    color: #f58634;
    background-color: transparent;
    border: 2px solid #f58634 !important;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-radius: -20px;
    box-shadow: 0px 10px 9px 1px rgba(0, 0, 0, 0.07) !important;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel-body .form-group {
    margin-bottom: 1rem;
    max-width: 360px;
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
}

.login-icon {
    position: absolute !important;
    left: 35px !important;
    top: 10px;
}



.round {
    position: relative;
    color: #fff;
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    padding-left: 10px;
    font-family: 'Roboto', sans-serif;
    padding-left: 20px;
}

    .round label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        width: 28px;
    }

        .round label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 7px;
            opacity: 0;
            position: absolute;
            top: 8px;
            transform: rotate(-45deg);
            width: 12px;
        }

    .round input[type="checkbox"] {
        visibility: hidden;
    }

        .round input[type="checkbox"]:checked + label {
            background-color: #f58634;
            border-color: #f58634;
        }

            .round input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }

body {
    background-color: #969696;
}



/*registration page css*/
.regi-content {
    width: 100%;
    margin-top:20px;
}

.regi-top {
    padding: 5px;
    background: #00000024;
    margin: 5px 0px 0px 0;
    width: 100%;
}

    .regi-top label {
        color: #000;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 20px;
    }

.inputDnD .form-control-file {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 6em;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    background-color: #c61c23;
    box-shadow: 0 0 5px solid currentColor;
}

    .inputDnD .form-control-file:before {
        content: attr(data-title);
        position: absolute;
        top: 0.5em;
        left: 0;
        width: 100%;
        min-height: 6em;
        line-height: 2em;
        padding-top: 1.5em;
        opacity: 1;
        visibility: visible;
        text-align: center;
        border: 0.25em dashed currentColor;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        overflow: hidden;
    }

    .inputDnD .form-control-file:hover:before {
        border-style: solid;
        box-shadow: inset 0px 0px 0px 0.25em currentColor;
    }


/*dashboard css*/
.inner-menu {
    background: #fff;
}

.inner-menu-content .navbar {
    width: 100%;
    overflow: auto;
}

    .inner-menu-content .navbar a {
        float: left;
        padding: 20px 0;
        color: #565656;
        text-decoration: none;
        font-size: 24px;
        font-weight: normal;
        font-family: 'Roboto', sans-serif;
    }

        .inner-menu-content .navbar a i {
            margin-left: 40px;
            margin-right: 40px;
        }

.inner-menu-content {
    background: #f6f6f6;
}

    .inner-menu-content .fa-tasks,
    .inner-menu-content .fa-money-bill-alt,
    .inner-menu-content .fa-download,
    .inner-menu-content .fa-bell,
    .inner-menu-content .fa-sign-out-alt {
        display: none;
    }

.inner-menu-content {
    background-image: -moz-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
}

    .inner-menu-content .active,
    .inner-menu-content a:hover {
        color: #346dab;
    }

.dashboard-box {
    padding: 35px 60px 30px 50px;
}

.dashboard-head {
    width: 100%;
    overflow: hidden;
    clear: both;
}

.dash-blue {
    border-radius: 10px;
    background-image: -moz-linear-gradient(76deg, rgb(69, 127, 164) 0%, rgb(82, 158, 210) 100%);
    background-image: -webkit-linear-gradient(76deg, rgb(69, 127, 164) 0%, rgb(82, 158, 210) 100%);
    background-image: -ms-linear-gradient(76deg, rgb(69, 127, 164) 0%, rgb(82, 158, 210) 100%);
}


.dash-yellow {
    border-radius: 10px;
    background-image: -moz-linear-gradient(76deg, rgb(222, 150, 14) 0%, rgb(248, 184, 61) 100%);
    background-image: -webkit-linear-gradient(76deg, rgb(222, 150, 14) 0%, rgb(248, 184, 61) 100%);
    background-image: -ms-linear-gradient(76deg, rgb(222, 150, 14) 0%, rgb(248, 184, 61) 100%);
}

.dash-red {
    border-radius: 10px;
    background-image: -moz-linear-gradient(76deg, rgb(232, 60, 67) 0%, rgb(241, 70, 78) 100%);
    background-image: -webkit-linear-gradient(76deg, rgb(232, 60, 67) 0%, rgb(241, 70, 78) 100%);
    background-image: -ms-linear-gradient(76deg, rgb(232, 60, 67) 0%, rgb(241, 70, 78) 100%);
}

.dashboard-content {
    padding-top: 35px;
}

.dash-left {
    width: 50%;
    float: left;
    text-align: left;
}

    .dash-left img {
        max-width: 35px;
    }

.dash-right {
    width: 50%;
    float: right;
    text-align: right;
    margin-bottom: 70px;
}

    .dash-right h4 {
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        color: #fff;
    }

.dash-name h3 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
}


.inner-heading-new {
    position: absolute;
    bottom: 20px;
    padding: 15px 30px;
    left: 50%;
    border-radius: 10px;
    transform: translateX(-50%);
    color: #fff;
}

.dash-heading {
    position: absolute;
    bottom: 20px;
    padding: 15px 30px;
    left: 50%;
    border-radius: 10px;
    transform: translateX(-50%);
    background-image: -moz-linear-gradient(63deg, rgb(187, 62, 200) 0%, rgb(255, 91, 187) 100%);
    background-image: -webkit-linear-gradient(63deg, rgb(187, 62, 200) 0%, rgb(255, 91, 187) 100%);
    background-image: -ms-linear-gradient(63deg, rgb(187, 62, 200) 0%, rgb(255, 91, 187) 100%);
    color: #fff;
}

/*assignment list css*/

.assi-list-heading {
    border-radius: 10px;
    background-image: -moz-linear-gradient(63deg, rgb(255, 59, 0) 0%, rgb(255, 124, 12) 100%);
    background-image: -webkit-linear-gradient(63deg, rgb(255, 59, 0) 0%, rgb(255, 124, 12) 100%);
    background-image: -ms-linear-gradient(63deg, rgb(255, 59, 0) 0%, rgb(255, 124, 12) 100%);
    background-image: -ms-linear-gradient(63deg, rgb(255, 59, 0) 0%, rgb(255, 124, 12) 100%);
    position: absolute;
    bottom: 20px;
    padding: 20px 30px;
    left: 50%;
    border-radius: 10px;
    transform: translateX(-50%);
    color: #fff;
}

.assi-list-inner {
    background: #e6e6e6;
    padding: 40px 25px 30px 25px;
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 50px;
}

.new-assi {
    background: #815aa3;
    box-shadow: -0.326px 0.946px 1.7px 0.3px rgba(0, 0, 0, 0.15);
    padding: 10px 20px !important;
    border-radius: 35px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #fff;
    display: inline-block;
    border: 1px solid #815aa3;
}

    .new-assi:hover {
        background: #f58634;
        color: #fff;
        border: 1px solid #f58634;
    }

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

.exel-file a {
    font-family: 'Roboto', sans-serif;
    font-size: 1fpx;
    color: #000;
    padding-left: 10px;
}

.exel-file i {
    color: #378e3d;
}


.assi-list-table {
    margin: auto;
    border-collapse: collapse;
    /*overflow-x: auto;*/
   display: block;
    width: fit-content;
    max-width: 100%;
    /*width: 100%;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}

    .assi-list-table td,
    .assi-list-table th {
        /*    border: solid rgb(200, 200, 200) 1px;*/
        padding: .5rem;
        color: #fff;
    }

    .assi-list-table th {
        text-align: center;
        background-color: #344e6b;
        text-transform: capitalize;
        font-size: 13px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    }

    .assi-list-table td {
      /*  white-space: nowrap;*/
        border-bottom: none;
        color: rgb(20, 20, 20);
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        padding: 21.5px;
        
    }
        .assi-list-table td p {
            margin-bottom: 0rem;
        }

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

.assi-list-table td:first-of-type,
.assi-list-table th:first-of-type {
    border-left: none;
}

.assi-list-table td:last-of-type,
.assi-list-table th:last-of-type {
    border-right: none;
}

.detail {
    background: #815aa3;
}

.detail,
.play-now,
.assi-download-icon,
.assi-link {
    padding: 7px 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border-radius: 15px;
    color: #fff;
    text-align: left;
    margin: 0 3px;
    display: inline-block;
}

.play-now {
    background: #f58634;
}

.assi-download-icon {
    background: #378e3d;
}

    .assi-download-icon i {
        font-size: 20px;
        color: #fff;
    }

.assi-link {
    background: #28b6f8;
}

.offline-bg {
    background: #a7a7a7 !important;
}

.detail:hover,
.play-now:hover,
.assi-download-icon:hover,
.assi-link:hover {
    color: #000;
}






/*drag and drop file css*/

.dm-uploader {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    margin-bottom: 15px;
    border: 3px dotted #0091af;
    overflow: hidden;
    clear: both;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 35px;
    box-shadow: 0px 0px 8.5px 1.5px rgba(0, 0, 0, 0.05);
}

    .dm-uploader .btn {
        position: relative;
        overflow: hidden;
        width: 30%;
        background: #815aa3;
        float: right;
        display: inline-flex;
        align-items: flex-end;
        border: none;
        padding: 15px 10px;
        border-radius: 0;
    }

        .dm-uploader .btn i {
            margin-right: 15px;
            font-size: 16px;
        }

        .dm-uploader .btn input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            border: solid transparent;
            width: 100%;
            min-height: 100%;
            opacity: 0;
            cursor: pointer;
            font-size: 20px;
            color: #fff;
        }

.drop-btn-box {
    width: 100%;
    max-width: 75%;
    align-items: center;
    display: flex;
}

.attachment {
    display: flex;
    align-items: center;
}

    .attachment h3 {
        display: inline-block;
        margin: 0;
        margin-left: 20px;
    }

.drop-text {
    width: 65%;
    display: flex;
    border: 1px solid #815aa3;
    padding: 12px 50px;
}

    .drop-text p {
        display: inline-block;
        text-align: left;
        margin: 0;
        font-size: 14px;
    }

    .drop-text span {
        margin-left: 25%;
    }

.regi-botttom .card {
    display: block;
    margin-bottom: 50px;
    padding: 0px 60px;
    box-shadow: 0px 0px 8.5px 1.5px rgba(0, 0, 0, 0.05);
}


.files .media-body p {
    display: inline-block;
    width: 100%;
    align-content: center;
    color: #ccc;
    margin: 0 !important;
}

.drag-flie-name {
    color: #8f8f8f;
}

.drag-delete-icon {
    float: right;
    background: none;
    border: 0;
    margin-right: 10px;
    cursor: pointer;
}

    .drag-delete-icon i {
        font-size: 20px;
        color: #ef7218;
    }

.add-btn {
    width: 30%;
    margin-left: auto;
    margin-top: 10px;
    position: relative;
    left: 30px;
    top: 10px;
}

    .add-btn button {
        padding: 5px 10px;
        background: #637da6;
        color: #fff;
        cursor: pointer;
        border: none;
        border-radius: 7px;
    }

.regi-main,
.inner-menu {
    background: url(../images/assignmnet-new-bg.jpg) repeat top center;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    background-size: cover;
    padding: 0px 0px 0px 0px;
}

.drag-number {
    float: left;
    margin-right: 5%;
    color: #8f8f8f;
    margin-bottom: 0;
}

.dm-uploader .btn span {
    margin: 0 auto;
    font-size: 14px;
}

.regi-heading {
    border-radius: 10px;
    background-image: -moz-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
    background-image: -webkit-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
    background-image: -ms-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
}

button:focus {
    outline: none !important;
}

/*button effect start*/
.submit-div button {
    box-shadow: -0.326px 0.946px 1.7px 0.3px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 45px;
    margin-top: 40px;
    border-radius: 40px;
    outline: none;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    align-items: center;
    display: inline-block;
}


.ctrl-standard.fx-bubbleDown {
    color: #ff7019;
    border-color: #f58634 !important;
    font-size: 20px;
    border-radius: 30px;
    font-family: 'Boogaloo', cursive;
    /* width: 220px; */
    cursor: pointer;
    padding: 0px 30px;
    line-height: 44px;
    background: transparent;
}

    .ctrl-standard.fx-bubbleDown::after {
        bottom: auto;
        border-radius: 0 0 $right-val2 $left-val2/0 0 $right-val1 $left-val1;
        background: #f58634;
    }

    .ctrl-standard.fx-bubbleDown.is-reversed::after {
        height: 100%;
    }

    .ctrl-standard.fx-bubbleDown.is-reversed:hover {
        color: #f58634;
        background: transparent;
    }

        .ctrl-standard.fx-bubbleDown.is-reversed:hover::after {
            height: 0;
        }


[class*="ctrl-"] {
    padding: 5ox 10px;
    border-radius: 2px;
    border: 1px solid #231f20;
}

    [class*="ctrl-"][class*="fx-"]:hover,
    [class*="ctrl-"][class*="fx-"].active {
        color: #fff;
    }

    [class*="ctrl-"][class*="fx-"].is-reversed {
        color: #fff;
    }

[class*="fx-"],
[class*="fx-"]:hover {
    transition: color 0.5s ease-in-out;
}

    [class*="fx-"]:not(.fx-dyna) {
        position: relative;
        z-index: 1;
        transition-delay: 0.2s !important;
        overflow: hidden;
    }

        [class*="fx-"]:not(.fx-dyna)::after,
        [class*="fx-"]:not(.fx-dyna)::before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
        }

[class*="fx-bubble"]::after {
    transition: height 0.5s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
}

[class*="fx-bubble"]:hover::after,
[class*="fx-bubble"].active::after {
    transition: height 0.5s ease-in-out;
    height: 300%;
}

[class*="fx-bubble"]:disabled:hover::after {
    height: 0;
}

.fx-sliderIn::after {
    transition: width 0.5s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
}

.fx-sliderIn:hover::after,
.fx-sliderIn.active::after {
    transition: width 0.5s ease-in-out;
    width: 100%;
}

:checked + .fx-sliderIn::after,
.fx-sliderIn.active::after {
    width: 300%;
}

/*button effect end*/

.writing-progress {
}

.rate-us-btn {
    padding: 15px 30px;
    color: #fff;
    background-image: -moz-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
    background-image: -webkit-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
    background-image: -ms-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
    font-size: 18px;
    border-radius: 30px;
    display: inline-block;
}

.provide-scl {
    padding: 15px 30px;
    color: #fff;
    background-image: -moz-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
    background-image: -webkit-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
    background-image: -ms-linear-gradient(-100deg, rgb(255, 195, 9) 0%, rgb(255, 125, 0) 100%);
    font-size: 18px;
    border-radius: 30px;
    display: inline-block;
}


/*how it work*/
.page-content img {
    max-width: 100%;
}

.fix-list li {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
}

    .fix-list li::before {
        position: absolute;
        content: "\f192";
        left: 0;
        top: 4px;
        font-size: 12px;
        font-family: FontAwesome;
        color: #346dab;
    }

.how-it img {
    margin: 8% 20%;
    max-width: 100%;
}

.creer-skill label {
    position: relative;
    cursor: pointer;
    color: #666;
    font-size: 16px;
}

.creer-skill input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    right: 9000px;
}

    /*Check box*/
    .creer-skill input[type="checkbox"] + .label-text:before {
        content: "\f096";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 5px;
    }

    .creer-skill input[type="checkbox"]:checked + .label-text:before {
        content: "\f14a";
        color: #2980b9;
        animation: effect 250ms ease-in;
    }

    .creer-skill input[type="checkbox"]:disabled + .label-text {
        color: #aaa;
    }

        .creer-skill input[type="checkbox"]:disabled + .label-text:before {
            content: "\f0c8";
            color: #ccc;
        }

.creer-skill {
    margin: 20px 30px;
}

    .creer-skill h4 {
        width: 100%;
    }

    .creer-skill .form-check {
        width: 50%;
        margin-bottom: 5px;
    }



/*FAQ css*/


.page-content .accordion h1,
.page-content .accordion a {
    color: #f87d01;
}

#accordionExample .accordion .btn-link::before {
    content: "\f101";
    position: absolute;
    top: 0;
    left: 0;
}

.page-content .accordion .btn-link {
    font-weight: 400;
    color: #f87d01;
    background-color: transparent;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
    padding-left: 25px;
}

.page-content .accordion .card-body {
    border-top: 2px solid #f87d01;
    font-size: 14px;
}

.page-content .accordion .card-header .btn.collapsed .fas.main {
    display: none;
}

.page-content .accordion .card-header .btn .fas.main {
    background: #f87d01;
    padding: 13px 11px;
    color: #ffffff;
    width: 35px;
    height: 41px;
    position: absolute;
    left: -1px;
    top: 10px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    display: block;
}

.accordian-list li {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
}

    .accordian-list li::before {
        position: absolute;
        content: "\f192";
        left: 0;
        top: 3px;
        font-size: 12px;
        font-family: FontAwesome;
        color: #f87d01;
    }

/*blog css*/
.blog-box {
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

    .blog-box img {
        width: 100%;
    }

    .blog-box h3 {
        margin: 15px 25px;
        color: #000;
        font-size: 22px;
        font-family: 'Roboto', sans-serif;
    }

.blog-detail ul {
    display: inline-block;
    padding: 0 20px;
}

    .blog-detail ul li {
        float: left;
        margin-right: 30px;
        font-size: 14px;
        color: #004ea2;
    }

        .blog-detail ul li i {
            margin-right: 10px;
            color: #f87d01;
        }

.blog-box p {
    font-size: 14px;
    margin: 10px 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.blog-read {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

    .blog-read a {
        color: #000;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 500;
    }

        .blog-read a i {
            color: #f87d01;
            margin-right: 10px;
        }

        .blog-read a .fa-arrow-right {
            display: none;
        }

        .blog-read a:hover .fa-arrow-right {
            display: inline-block;
            margin-left: 10px;
        }

.blog-comment {
    display: inline-block;
    margin-left: auto;
}

    .blog-comment li {
        float: left;
        font-size: 14px;
        padding-left: 30px;
    }

        .blog-comment li i {
            color: red;
            margin-right: 10px;
        }


.assi-list-table tr:hover {
    background: #b4c8df;
    color: #fff !important;
}

.price-table td {
    padding: 30px !important;
}

.price-table tr td:first-child {
    background: #eee;
    border-bottom: 1px solid #ccc;
}




.heading {
    font-size: 25px;
    margin-right: 25px;
}

/*.fa {
    font-size: 25px;
}*/
.table__content p {
    margin-bottom: 0rem;
}
.side .checked {
    color: #000;
    font-size: 14px;
}

.checked {
    color: orange;
}

/* Three column layout */
.side {
    float: left;
    width: 15%;
    margin-top: 8px;
    text-align: left;
}

.middle {
    margin-top: 10px;
    float: left;
    width: 70%;
}

/* Place text to the right */
.right {
    text-align: right;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The bar container */
.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 10px;
}

/* Individual bars */
.bar-5 {
    width: 60%;
    height: 18px;
    background-color: #4CAF50;
    border-radius: 10px;
}

.bar-4 {
    width: 30%;
    height: 18px;
    background-color: #2196F3;
    border-radius: 10px;
}

.bar-3 {
    width: 10%;
    height: 18px;
    background-color: #00bcd4;
    border-radius: 10px;
}

.bar-2 {
    width: 4%;
    height: 18px;
    background-color: #ff9800;
    border-radius: 10px;
}

.bar-1 {
    width: 15%;
    height: 18px;
    background-color: #f44336;
    border-radius: 10px;
}

/* Responsive layout - make the columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {

    .side,
    .middle {
        width: 100%;
    }

    .right {
        display: none;
    }
}

.feedback-img,
.progress-img {
    margin: 0 auto;
    padding-bottom: 20px;
    display: block;
}

.submit-div .col-md-4 {
    padding-bottom: 19px;
    display: inline-block;
    border-bottom: 1px solid #787575;
    margin-bottom: 10px;
}


/*assignment-list-new*/

.assignment-list-new {
    /*
    background-image: -moz-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(201, 201, 201) 0%, rgb(246, 246, 246) 100%);
*/
    background: #fff;
}

    .assignment-list-new .wsmenu-list .active a {
        background: rgb(245, 134, 52) !important;
    }

    .assignment-list-new .wsmenu-list > li > a {
        background: #815aa3;
        color: #fff;
        margin-left: 1px;
        text-transform: none;
        font-size: 14px;
        font-weight: 400;
    }

    .assignment-list-new .mail-call-wrp,
    .assignment-list-new .menu-wrapper {
        float: right;
    }

.row-align {
    align-items: center;
}

.assignment-list-new .wsmenu-list > li > a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    opacity: 1;
    padding: 0px 10px;
}

    .assignment-list-new .wsmenu-list > li > a:hover {
        background: rgb(245, 134, 52) !important;
    }

.assignment-list-new .mail-call-wrp {
    margin: 0px 0 0px 5px;
    width: 100%;
    text-align: right;
}

    .assignment-list-new .mail-call-wrp li {
        font-size: 14px;
        color: #6f6f6f;
        display: inline-block;
    }

        .assignment-list-new .mail-call-wrp li a {
            color: #f58634 !important;
            margin-left: 5px;
        }

.wsmenu-list > li > a .fa-home {
    color: #f58634 !important;
}

.wsmenu-list > li > a .fa-angle-down {
    color: #815aa1 !important;
}

.asg-list-new-content {
    /*margin: 50px 0 0 0;*/
    background: #FFF;
    background: url(../images/assignmnet-new-bg.jpg) no-repeat top center;
    background-position: center;
    background-attachment: fixed;
    padding-bottom: 100px;
    min-height: 460px;
}

.asg-new-heading {
    font-size: 30px;
    font-style: italic;
    font-weight: 700;
    margin: 10px 0;
}


.asg-list-new-footer {
    background: #eeeeee;
    padding: 30px 0px 10px 0px;
    display: block;
    width: 100%;
    bottom: 0px;
    position: relative;
}

.small-cont-body .asg-list-new-footer {
    background: #eeeeee;
    padding: 10px 0px;
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index:10;
}

.asg-list-new-footer p {
    display: block;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
    .asg-new-footer-logo {
        margin-bottom: 15px;
    }

.asg-footer-1 p {
    margin-top: 35px;
    color: #626262;
    font-size: 14px;
}

.asg-footer-2 h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    color: #ee7836;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 40px;
}

.asg-footer-2 ul {
    float: left;
    margin-right: 20px;
}

    .asg-footer-2 ul li {
        position: relative;
        padding-left: 15px;
    }

        .asg-footer-2 ul li a {
            font-size: 14px;
            color: #626262;
            margin-bottom: 15px;
        }

        .asg-footer-2 ul li::before {
            position: absolute;
            content: "\f101";
            left: 0;
            top: 2px;
            font-size: 14px;
            font-family: FontAwesome;
            color: #ee7836;
        }

.asg-footer-3 h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    color: #ee7836;
    margin-top: 30px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.asg-footer-3 a {
    display: block;
    color: #626262;
    font-size: 12px;
}

.asg-footer-3 i {
    font-size: 14px;
    color: #ee7836;
    margin-right: 10px;
    margin-bottom: 15px;
}

.asg-footer-3 img {
    max-width: 100%;
}

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

.asg-new-footer-logo img {
    max-width: 150px;
}

/*
.asg-list-new-table tr {
    background: #f1f1f1;
}
*/

.asg-list-new-table {
    /*overflow-x: auto;*/
}

    .asg-list-new-table .text-left {
        text-align: left !important;
        padding-left: 0 !important;
    }



.add-asg-drag {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}

    .add-asg-drag h3 {
        margin-left: 15px;
        font-size: 20px;
        margin-top: 10px;
    }

    .add-asg-drag img {
        height: 50px;
    }

.add-asg {
    display: block !important;
}

.add-asg-drop {
    margin-top: 15px;
}

    .add-asg-drop .drop-btn-box {
        max-width: 80%;
        float: left;
    }

    .add-asg-drop .drop-text {
        padding: 14px;
    }

    .add-asg-drop .btn-block {
        width: 35% !important;
    }

.file-detail {
    border: 1px solid;
    padding: 15px;
    margin-bottom: 30px;
}


/*admin panel css*/
.view-more {
    display: inline-block;
    padding: 5px 30px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    position: relative;
}

    .view-more:hover {
        color: #000;
    }

    .view-more i {
        position: absolute;
        right: 30px;
        top: 7px;
        font-size: 18px;
    }

.view-more-blue {
    background: #345e7a;
}

.view-more-yellow {
    background: #b67b0e;
}

.view-more-red {
    background: #ae1d24;
}

.asg-list-new-table td a {
    padding: 4px 12px;
    background: #f58634;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    margin-right: 3px;
    border: none;
}

.btn {
    border: none !important;
}

.asg-list-new-table td a:hover {
    background: #f58634;
}

.admin-dash {
    border-radius: 0 !important;
    padding: 20px 30px !important;
}

    .admin-dash .dash-right {
        margin-bottom: 5px;
    }

/*.searchbar {
    margin-bottom: auto;
    margin-top: auto;
    height: 48px;
    background-color: #815aa2;
    border-radius: 30px;
    padding: 4px 4px;
    margin-bottom: 30px;
    position:absolute;
}

.search_input {
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color: transparent;
    line-height: 40px;
    transition: width 0.4s linear;
}

    .search_input::placeholder {
        color: #fff;
    }

.searchbar:hover > .search_input, .searchbar:focus > .search_input, .searchbar:visited > .search_input, .searchbar:active > .search_input {
    padding: 0 10px;
    width: 270px;
    caret-color: red;
    transition: width 0.4s linear;
}

    .searchbar:hover > .search_icon {
        background: white;
        color: #815aa2;
    }

.search_icon {
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: white;
}*/

.searchbar {
    width: 100%;
    position: relative;
   
}

.searchTerm {
    width: 85%;
    border: none;
    padding: 19px 15px;
    height: 28px;
    border-radius: 5px;
    margin-top: 24px;
    outline: none;
    color: #675675;
    display: block;
}

.search-btns-wrp{ display:block; margin-top:28px; text-align:right;
}
.searchTerm:focus {
    color: #815aa2 !important;
}

.searchButton {
    position: absolute;
    right: 0px;
    width: 40px;
    top: 0px;
    height: 38px;
    border: 1px solid #815aa2;
    background: #815aa2;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
/*.wrap {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

.completed-table th {
    min-width: 110px !important;
}

.in-progress-table th {
    min-width: 90px !important;
}



.chat span {
    font-size: 12px;
    background: #fff;
    padding: 1px 6px;
    border-radius: 50%;
    margin-left: 2px;
    color: #e24b8a;
}


.asg-list-new-table .dropbtn {
    background-color: #f58634;
    color: white;
    padding: 7px 12px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    color: #FFF !important;
}

    .asg-list-new-table .dropbtn i {
        font-size: 14px;
        margin-right: 10px;
    }

.asg-list-new-table .dropdown {
    position: relative;
    display: inline-block;
}

.asg-list-new-table .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: 80px;
    /*bottom: 0;*/
    top: -87px;
    /*margin-top: 8px;*/
    text-align: left;
}

    .asg-list-new-table .dropdown-content a {
        color: black;
        padding: 6px 12px;
        text-decoration: none;
        display: block;
        background: #fff;
        font-size: 14px;
    }

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
}

.asg-list-new-table th {
   /* min-width: 125px;
    padding-top: 25px;
    padding-bottom: 25px;*/
}

.asg-list-new-table td {
    padding: 10px 20px !important;
}

.new-0rder-list th {
    min-width: 125px !important;
}



/*chat css*/

img {
    max-width: 100%;
}

.inbox_people {
    background: #f8f8f8 none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    width: 40%;
    border-right: 1px solid #c4c4c4;
}

.inbox_msg {
    border: 1px solid #c4c4c4;
    clear: both;
    overflow: hidden;
}

.top_spac {
    margin: 20px 0 0;
}


.recent_heading {
    float: left;
    width: 40%;
}

.srch_bar {
    display: inline-block;
    text-align: right;
    width: 60%;
    padding:
}

.headind_srch {
    padding: 10px 29px 10px 20px;
    overflow: hidden;
    border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
    color: #05728f;
    font-size: 21px;
    margin: auto;
}

.srch_bar input {
    border: 1px solid #cdcdcd;
    border-width: 0 0 1px 0;
    width: 80%;
    padding: 2px 0 4px 6px;
    background: none;
}

.srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
}

.srch_bar .input-group-addon {
    margin: 0 0 0 -27px;
}

.chat_ib h5 {
    font-size: 15px;
    color: #464646;
    margin: 0 0 8px 0;
}

    .chat_ib h5 span {
        font-size: 13px;
        float: right;
    }

.chat_ib p {
    font-size: 14px;
    color: #989898;
    margin: auto
}

.chat_img {
    float: left;
    width: 11%;
}

.chat_ib {
    float: left;
    padding: 0 0 0 15px;
    width: 88%;
}

.chat_people {
    overflow: hidden;
    clear: both;
}

.chat_list {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 18px 16px 10px;
}

.inbox_chat {
    height: 550px;
    overflow-y: scroll;
}

.active_chat {
    background: #ebebeb;
}

.incoming_msg_img {
    display: inline-block;
    width: 6%;
}

.received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 92%;
}

.received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}


.received_withd_msg {
    width: 57%;
}

.mesgs {
    float: left;
    padding: 30px 15px 0 25px;
    width: 60%;
}

.sent_msg p {
    background: #05728f none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 5px 10px 5px 12px;
    width: 100%;
}

.outgoing_msg {
    overflow: hidden;
    margin: 26px 0 26px;
}

.sent_msg {
    float: right;
    width: 46%;
}

.input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
}

.type_msg {
    border-top: 1px solid #c4c4c4;
    position: relative;
}

.msg_send_btn {
    background: #05728f none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
}



.msg_history {
    height: 516px;
    overflow-y: auto;
}

#chat-content {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    max-height: 300px;
}

.chat-box .modal-body {
    padding: 0;
}


.free-quote-popup .close {
    position: absolute;
    right: 15px;
    background: #000;
    opacity: 1;
    color: #fff;
    border-radius: 50%;
    padding: 5px 8px;
    top: 15px;
    border-radius: 0px;
    z-index: 999;
}

a[data-toggle="modal"] {
    margin: 5px;
}

.free-quote-popup .title {
    color: #757575;
    font-weight: bold;
}

.free-quote-popup {
    text-align: left;
}

    .free-quote-popup .modal-content {
        border: none;
        border-radius: 2px;
        box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
        background: #fff;
        overflow: hidden;
    }

    .free-quote-popup .modal-header {
        border-bottom: 0;
        padding-top: 15px;
        padding-right: 26px;
        padding-left: 26px;
        padding-bottom: 0px;
    }

    .free-quote-popup .modal-title {
        font-size: 34px;
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }

    .free-quote-popup .modal-body {
        border-bottom: 0;
        padding-top: 35px;
        padding-right: 26px;
        padding-left: 60px;
        padding-bottom: 35px;
        font-size: 15px;
    }

    .free-quote-popup .modal-footer {
        border-top: 0;
        padding-top: 0px;
        padding-right: 26px;
        padding-bottom: 26px;
        padding-left: 26px;
    }

.modal-footer .fx-bubbleDown {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}


.datepicker {
    font-size: 0.75em;
    padding: 0 !important;
}

    /* solution 2: the original datepicker use 20px so replace with the following:*/
    .datepicker td,
    .datepicker th {
        width: 1.5em;
        height: 1.5em;
    }

.modal {
    z-index: 9999 !important;
    background: rgb(0,0,0,0.5) !important;
}

.bootstrap-datetimepicker-widget .picker-switch td span, .bootstrap-datetimepicker-widget .picker-switch td i {
    line-height: 2.5;
    height: 1.5em !important;
    width: 100%;
}


/*==========================================================================================
======================Free Quote New Popup Css Start Here Change BY Dipak===================
=============================================================================================*/

#costumModal7 .form-group label {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

#costumModal7 .form-group .form-control {
    background: #e4e4e4;
    border-radius: 0px;
    height: 34px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    box-sizing: border-box;
    line-height: 24px;
    padding: 0px .75rem;
}

#costumModal7 .modal-body .ctrl-standard.fx-bubbleDown {
    width: 100%;
    border-radius: 0px;
    font-size: 20px;
    line-height: 40px;
    text-transform: uppercase;
}

#costumModal7 .modal-content:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-right: 205px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 36px solid #815aa4;
    transform: rotate(-10deg);
    top: -18px;
    left: -6px;
    z-index: 1;
}

#costumModal7 .modal-content:before {
    position: absolute;
    height: 150px;
    width: 100%;
    content: "";
    background: #815aa4;
    width: 110%;
    content: "";
    background: #815aa4;
    bottom: -78px;
    transform: rotate(-11deg);
    right: -23px;
}





.asg-list-new-table td {
    padding: 10px 20px !important;
}

    .asg-list-new-table td:first-child {
        padding: 10px 5px !important;
    }

.asg-list-new-table th:first-child {
    min-width: 60px !important;
}



.asg-list-new-table .dropbtn i {
    font-size: 14px;
    margin-right: 10px;
}


.asg-list-new-table .dropdown-content a {
    color: black;
    padding: 10px 12px;
    text-decoration: none;
    display: block;
}



.asg-list-new-table th {
    min-width: 124px;
    padding-top:5px;
    padding-bottom:5px;
}

.asg-list-new-table thead tr th a {
    color: white;
}

.asg-list-new-table td {
    padding:3px 5px !important;
}



.pagination-new i, .mbm_social i {
    font-size: 14px;
}

.quatation td {
    padding: 3px 15px !important;
}


.loginbtn {
    padding: 7px 19px;
    background: #f58634;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    left: 50%;
    font-family: 'Roboto', sans-serif;
    border-radius: 6px;
    /*padding: 7px 12px;
    background: #f58634;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    left: 50%;*/
    /* position: absolute; */
    /*bottom: 15px;
    font-family: 'Roboto', sans-serif;
    transform: translateX(-50%);
        border-radius: 3px;*/
}

    .loginbtn:hover {
        color: #fff;
    }



.freequr {
    position: absolute;
    top: 35%;
    left: 9%;
    z-index: 100;
}


.table-search-wrp {
    display: table ;
    width: 50%;
    margin: 0px 0px;
    padding: 5px 0px 10px 0px;
    text-align: left;
}

.tbl-search-input {
    display: table-cell !important;
    width: 100% !important;
    margin: 0px;
    vertical-align: top;
    padding: 10px;
}

.tbl-btn-wrp {
    display: table-cell;
    width: 110px;
    margin: 0px;
    padding: 0px;
    text-align:right;
    vertical-align: top;
}

.small-cont-body{ padding:0px 0px 40px 0px;}

.table-striped td {
    padding: 5px 10px !important;
    vertical-align: middle !important;
}
.table-striped th {
    padding: 7px 10px !important;
    vertical-align: middle !important;
}
    .action-data-div ul {
        margin: 0px !important;
    }
.action-data-div ul li {
    margin: 0px;
}

.changemode-btn {
    width: 100%;
    margin-top: 29px;
    padding: 4px 5px;
}


/* drop down custome start */

.stu-pro-dropbtn {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
}

    .stu-pro-dropbtn img {
        border-radius: 32px;
        height: 32px;
        width: 32px;
    }

    .stu-pro-dropbtn:hover,
    .stu-pro-dropbtn:focus {
        background-color: #2980B9;
    }

.stu-pro-dropdown {
    position: relative;
    display: inline-block;
}

/*.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 11;
    right: 0px;
}*/

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.dropdown-content {
    margin: 0px;
    background-color: #ffffff;
    width: 180px;
    /*margin-top: 8px;*/
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    border-radius: 0px;
    right: 0px;
    z-index: 11;
}

    .dropdown-content ul {
        display: block;
        margin: 0px;
        padding: 0px;
    }

.profile-nav-item {
    display: block;
}

    .profile-nav-item .profile-nav-item-link {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%;
        text-decoration: none;
        position: relative;
        outline: none !important;
        vertical-align: middle;
        padding: 9px 0;
        transition: all 0.7s;
    }

        .profile-nav-item .profile-nav-item-link:hover {
            color: #fb990c;
        }

        .profile-nav-item .profile-nav-item-link i {
            display: table-cell;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            width: 35px;
            font-size: 17px;
            line-height: 0;
        }

        .profile-nav-item .profile-nav-item-link .profile-nav-link-text {
            display: table-cell;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            vertical-align: middle;
            text-align: left;
            font-size: 13px;
            font-weight: 400;
        }

.pro-drop-btn-wrp {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
    text-align: left;
    border-top: 1px solid #d6d6d6;
}

    .pro-drop-btn-wrp .pro-drop-btn {
        border: 1px solid #000000;
        display: inline-block;
        text-align: center;
        padding: 0px;
        margin: 0px;
        color: #000;
        min-width: 100px;
        height: 30px;
        line-height: 26px;
        transition: 0.7s;
        font-size: 13px;
        border-radius: 30px;
    }

        .pro-drop-btn-wrp .pro-drop-btn:hover {
            background: #f16e36;
            color: #FFF;
            border: 1px solid #f16e36 !important;
        }

.stu-pro-dropdown a.stu-pro-dropbtn {
    color: #f58634;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
    .stu-pro-dropdown a.stu-pro-dropbtn i{ font-size:13px; margin-right:5px;}

    .stu-pro-dropdown a.stu-pro-dropbtn:hover {
        color: #fb990c;
        background: none
    }

.stu-pro-dropdown .dropdown-content {
    position:absolute; display:none;
}


.dropdown-content.show {
    display: block;
}

.drop-mobile {
    display: none;
}

.drop-web {
}
/* drop down custome end */
.asg-list-new-table th {
    width: auto !important;
    min-width: auto !important;
    white-space: normal !important;
}

.asg-list-new-table td {
    width: auto !important;
    min-width: auto !important;
    white-space: normal;
}
    .asg-list-new-table td a {
        margin-bottom:5px;
    }
    .asg-list-new-table td a:last-child {
        margin-bottom: 0px;
    }
.fa.fa-comment-o {
    font-size: 20px;
}
.asg-list-new-table td a.btn.btn-sm .fa.fa-comment-o {margin-top:-5px;}
.asg-list-new-table td a.btn.btn-sm .fa.fa-pencil {  margin-top: -5px;}
/*.asg-list-new-table td.mbm_social.table__content { display: inline-grid;}*/
.btnwrap-left {
    text-align: left !important;
    display: inline-grid !important;
}

.btnwrap-left .btn.btn-sm { margin-bottom: 5px; }
.btnwrap-left .btn.btn-sm i.fa.fa-paper-plane {font-size:16px;  }
.form-group-mb0 {margin-bottom:0px;}
.form-group-mb0 label { margin-bottom: 0px;    }
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.asg-new-heading { margin: 0px 0;}
.asg-new-heading h4 { margin-bottom: 0px; padding-top: 5px;}
.portlet-body.content .table-responsive table {
    margin: 0px;
    min-width: 100%;
    display: inline-table;
}
.text-rt-set {float:right;}
.asg-new-heading_2 {
    display: inline-block;
}
.color-box-info_2 {
    float: right;
}
.search-btns-wrp_2 {
    display: inline-block;
}
.searchTerm_2 {margin-top:0px;
}
.red_close-btn-2 {
    margin-top: 5px;
    margin-bottom: 0px;
}