@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

/* Defaults */

abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote { width:365px; margin-left:99px; padding:0px 20px; background-image:url(../../images/jCambridgeImg/blockquote_img.jpg); background-repeat:no-repeat; background-position:left top; margin-bottom:35px; }
blockquote p{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#333333; font-weight:500; line-height:24px; font-style:italic; margin-bottom:0px}

/*body {background:#000;color:#000;font:75%/125% "HelveticaNeue", Arial, Sans-Serif}*/
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {height:auto; border:0px;}
ins {text-decoration:none}
hr {margin:0 0 0.5em}


textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
strong{margin-right:0px;}


h1,h2,h3,h4{font-family: 'Montserrat', sans-serif!important; }

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

/****** Common Classes ******/
.clear{ display:block; clear:both; line-height:0;}
.space { display:block; clear:both; height:30px;}
.dspace { display:block; clear:both; height:22px;}
body { margin: 0px; padding:0px; color:#0f334d !important; font-size:0.8em!important; font-family: 'Varela Round', sans-serif!important;}

/***** WRAPPER ******/

/***** Header ******/
.container{ max-width:1240px!important;}
.header{width:100%; position:fixed; top:0px; z-index:1000; font-family: 'Montserrat', sans-serif!important; font-size:13px; background:#0a2c55; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.header .topbar{ display:block; width:100%; padding:15px 0px;}
.header .topbar .feedback{background-image: url("../../images/jCambridgeImg/feedback-icon.png"); background-repeat:no-repeat; background-position:left; display:inline-block; padding:11px 20px; padding-left:30px; color:#fff;}
.header .topbar .translate{background-image: url("../../images/jCambridgeImg/world-icon.png"); background-repeat:no-repeat; background-position:left; display:inline-block; padding:5px 20px; padding-left:30px; color:#fff;}

.navbar.navbar-dark{ background:#c2a344; padding:0px;}

.banner{ display:block; position:relative; width:100%; background:#ccc;}
.banner-btn{ position:absolute; width:20%;background-color: rgba(10, 44, 85, 0.8); top:0px; right:0px; height:100%;}
.banner-btn ul{ margin:0px; padding:20px;}
.banner-btn ul li{ margin:10px 0px; list-style:none; display:block;}
.banner-btn ul li a{ display:block; color:#fff; font-weight:bold; background-color: rgba(194, 163, 68, 0.9); border-radius:5px; padding:20px;}
.banner-btn ul li a:hover{background-color: rgba(194, 163, 68, 1); text-decoration:none;}

.main-contain{ clear:both; display:block; margin-top:128px;}
.section1{ padding:80px 0px; background:#fff;}
/*.section5 {
    padding-bottom: 10px 0px;
    background: #fff;
    padding-bottom: 70px;
}*/
.csection1 {
    padding-bottom: 0px 0px;
    max-width: 100% !important;
    flex: inherit !important;
    padding-top: 10px;
    padding-bottom: 80px;
    background: #fff;
}


.main-buttons{ position:relative; z-index:1;}
.main-buttons .card{ padding:0px; background:#0a2e58; width:100%; height:230px; display:inline-block; overflow:hidden;transition: transform .2s;}
.main-buttons .card:hover{ color:#333;transform: scale(1.05); }
.main-buttons .card h3{ font-size:1em; font-weight:bold; color:#fff; text-align:center; margin:0px; background:#0a2e58; padding:12px 10px; position:relative; z-index:100;}
.main-buttons .card .card-inner{ padding:10px;}
.main-buttons .community h3{ background:#c2a344;}
.main-buttons .card .card-inner ul{ margin:0px; padding:0px;}
.main-buttons .card .card-inner ul li{ list-style:none; display:block;}
.main-buttons .card .card-inner ul li a{ display:block; float:left; width:100%; color:#fff; border-bottom:1px solid #274a72; padding:8px 0px;}

.main-buttons .search h3{ background:#c2a344;}
.main-buttons .search ul li { display:block; float:left; width:100%; color:#fff; border-bottom:1px solid #274a72; padding:8px 0px;}
.card.events .mdate {
    width: 45px;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    float: right;
    /* margin-right: 10px; */
    background: #c2a344;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
.card.events .mdate span {
    display: block;
}

.section2{ padding:80px 0px; position:relative; background-image: url("../../images/jCambridgeImg/bg1.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
.section2:after{position: absolute;content: ''; width: 100%;height: 100%;top: 0;left: 0; background: rgba(27, 32, 55, .5);}
.sec-title{ text-align:center; position:relative; z-index:2; font-size:2.4em; text-transform:uppercase; font-weight:bold; color:#0a2c55; margin-bottom:50px;}
.sec-title:after{position: absolute;content: ''; width:60px; height:5px; top:-10px; left:48%; background:#c2a344;}
.card.events{background-image: url("../../images/jCambridgeImg/events-bg.png"); font-weight:100; background-size:cover;}
.card.events .date{ width:50px; font-size:13px; font-weight:bold; line-height:normal; float:left; margin-right:10px; background:#c2a344; color:#fff; border-radius:4px; text-align:center; text-transform:uppercase;}
.card.events .date span{ display:block;}
.card.events .style1{ color:#fff; text-align:right; clear:both; display:block; padding-top:8px;}
.section2 .sec-title{ color:#fff; z-index:2;}
.section2 .sec-title:after{ background:#fff;}
.main-buttons .card.events .card-inner ul li a{ padding:5px 0px;}

.section3{ padding:80px 0px; position:relative; background-image: url("../../images/jCambridgeImg/bg2.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center top;}
.section3 .col-md-3{ margin-top:10px;}

.card.contactBtn{text-align:center;}
.card.contactBtn a{ margin-top:10px; display:block; font-weight:bold; font-size:1em; color:#fff;}
.card.contactBtn a span{ clear:both; display:block;}

.section4{ padding:80px 0px; position:relative;background-image: url("../../images/jCambridgeImg/bg3.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center top;}

.section4 .card h3{ text-align:left; background:inherit; padding:0px; margin-bottom:20px;}
.section4 .card .card-inner{ color:#fff;}
.section4 .card .card-inner .social-btn{background: rgba(255, 255, 255, .3); color:#fff; padding:11px 20px; border-radius:24px;position: absolute;bottom:20px;left:10px;right:10px;text-align: center;}
.card.facebook{ background:#4a6ea9;}
.card.twitter{ background:#50abf1;}
.card.youtube{ background:#d40707;}
.card.pingstreet{ background:#0c60a6;}
.card.pstreet {
    background: silver;
}

.section5{ padding:80px 0px; background:#dae7f6; position:relative;}
.section5 .card .left-sec{ display: table-cell; width:82px; text-align:center; background:#0a2e58; vertical-align:middle;}
.section5 .card .right-sec h2{ font-size:32px; font-weight:bold;}
.section5 .card .right-sec h5{ font-size:12px; font-weight:bold;}
.section5 .card .right-sec{padding: 20px 40px;}
.section5 .card .promo-block-wrapper{ display:table; min-height:278px; width:100%;}

.footer {
    float: left;
    width: 100%;
    background: #031932;
    position: fixed;
    bottom: 0;
}
.footer .nav .nav-link{ padding:3px 0px; color:#fff;}
.footer .nav li:first-child a{ color:#c2a344!important; font-weight:bold; font-size:14px;}
.footer .nav li:last-child a{ color:#c2a344!important;}
.footer .nav .nav-link:hover{ text-decoration:underline;}
/*.footer .copyright{ padding-top:30px; color:#fff; margin-top:30px; border-top:1px solid #203349;}*/
.footer .copyright {
    padding-top: 15px;
    color: #fff;
    margin-top: 0px;
    border-top: 1px solid #203349;
}
.footer .copyright a{ color:#fff;}


.banner .carousel-caption{ left:5%; text-align:left;}
.banner .carousel-caption p{ font-size:1.7em;text-shadow: 0 3px 6px rgba(0,0,0,.8);}
.banner .carousel-caption h1{ font-size:3.1em; font-weight:bold; text-shadow: 0 3px 6px rgba(0,0,0,.8);}
.banner .carousel-caption img{ vertical-align:top;}

.news-sec{ display:inline-block; width:100%; background:#0a2c55; padding:20px 0px;}
.news-sec td{ vertical-align:middle;}
.news-sec .news-head{ float:left; font-size:1.2em; color:#fff; font-weight:bold; border-right:1px solid #ccc; padding-right:20px; margin-right:20px;}
.news-sec .news-btn{ float:right; white-space:nowrap;}
.news-sec .news-btn button{background: none; border: 0px;font-size: 24px; line-height: 0px; padding: 0px !important; color:#c2a344; cursor:pointer;}
.news-sec marquee {float: left; width: 98%; padding: 0px 1%; overflow:hidden; color:#fff;}
.news-sec marquee a{ color:#fff;}
.btn-contact{ background:#c2a344; border-radius:30px!important; color:#fff; font-weight:bold!important; font-size:14px; padding:8px 30px!important;}
.btn-contact:hover{ background:#b79735; color:#fff;}
.carousel-indicators{ margin-left:5%!important; right:inherit!important;}
.carousel-indicators li{ width:14px!important; height:14px!important;}

.section4 .main-buttons .card{ min-height:270px;}

.inner-container{ float:left; width:100%; padding:0px 0px;}
.inner-container .leftBar{ float:left; width:20%; margin-top:20px;}
.side-nav{ background:#f6f6f6; border:1px solid #e1e1e1;}
.side-nav li{ display:block; position:relative; border-bottom:1px solid #ccc;}
.side-nav li a{color:#0a2c55; background:#fff;display:block; line-height:normal; padding:9px 10px; padding-right:15px; font-weight:bold;}
.side-nav li ul{ background:#f6f6f6;}
.side-nav li li a{color:#23568a; background:#f6f6f6!important;display:block; padding:6px 10px; font-weight:100;}
.side-nav li.active a{ background:#c2a344;}
.side-nav li a:hover{background:#c2a344; text-decoration:none;}
.side-nav li li.actives3 a {background: #cbe2f3!important;}

.side-nav li li a:hover{ background:#fff!important;}

.inner-container .main-content{ float:left; width:60%; padding:2%;}
.inner-container .rightBar{ float:right; width:20%; background-image: url("../../images/jCambridgeImg/bg4.png"); height:100%; padding:20px; padding-right:0px;}
.inner-container .rightBar h3{ font-size:1.2em; color:#0a2c55; font-weight:bold;}
.quick-link{ display:block; padding:5px 0px;}
.quick-link .card{ overflow:hidden;}
.quick-link .card h4{ position:absolute; width:100%; bottom:0px; left:0px; text-align:center; font-size:1.2em; color:#fff; font-weight:bold; z-index:1;}
.quick-link .card:after{position: absolute;content: ''; width: 100%;height: 100%;top: 0;left: 0; background-image: url("../../images/jCambridgeImg/bg5.png"); background-repeat:repeat-x; background-position:bottom;}
.quick-link .card h4:hover{ color:#c2a344;}
.quick-link.contact .card:after{ display:none;}
.quick-link.contact .card{ background:#c2a344; padding:12px; color:#223c5e;}
.quick-link.contact .style2{background: rgba(255, 255, 255, .1); padding:4px; display:block; border:1px solid #ddc985;color:#223c5e; line-height:normal;}


.inner-banner .banner-btn{ position:relative; float:right; z-index:2;}
.inner-banner .page-banner{ position:absolute; width:100%; height:100vh; z-index:1; left:0px; top:0px;}
.inner-banner .banner-btn ul li a{ font-weight:100; padding:16px 10px;}
.inner-banner{ overflow:hidden;}
.inner-banner .page-head{ float:left; position:relative; z-index:100; padding-top:20%;}
.inner-banner .page-head h1{ font-size:40px; color:#fff; font-weight:bold;}
.inner-container .main-content ul{ margin-left:20px;}
.inner-container .main-content h2{ font-size:1.7em; color:#c2a344;}
.inner-container .main-content h3{ font-size:1.2em; color:#333333; font-weight:bold;}
.search-panel{width:30%; display:inline-block;}
.search-panel .form-control{background: rgba(255, 255, 255, .1); color:#fff;}
.btn-primary{background-color:#c2a344!important; color:#fff!important; border-color:#bd9e40!important; font-size:16px!important;}
.btn-primary:hover{ background:#af9137!important;}
.breadcrumb{ background:inherit!important; padding:0px!important;color:#fff!important; font-size:16px!important;}
.breadcrumb-item.active{ color:#fff!important;}
.breadcrumb-item a{ color:#c2a344!important;}
.side-nav li .pull-right{ margin-left:0px!important; margin-right:-7px!important; position:absolute; right:10px; top:11px;}
.inner-container .main-content a{ color:#23568a;}
.navbar-collapse.collapse{ display:block;}
.leftBar .navbar-toggle{ display:none;}
.actionbar{ padding-bottom:10px; text-align:right; border-bottom:1px solid #ccc; margin-bottom:15px;}
.actionbar .printlink{ display:inline-block; margin:0px 10px;}
.actionbar .share{ display:inline-block;}
.actionbar .dropdown-menu{right:-50px;left: inherit !important;transform: inherit !important;top: 100% !important;z-index:99;}
.actionbar .resizetext{ display:inline-block;}
.actionbar .resizetext a img{ cursor:pointer;}
.actionbar .dropdown-item{font-size: .75em;padding: 5px 5px;}
.actionbar .dropdown-toggle{ border:0px; background:inherit; cursor:pointer;}
.actionbar .dropdown-toggle:focus{outline: inherit !important;}
.actionbar .dropdown-toggle::after{display:none;}
.leftBar .actionbar.mobileview {display: none;float:right;border:inherit;} 
.form-control:focus{box-shadow:inherit!important;}
.btn.focus, .btn:focus{box-shadow:inherit!important;}
.section5 .form-control:focus{border-color:#ced4da;}

.navigation-bar{ display:none;}
.sticky {
  position: fixed!important;
  top: 0;
  width: 100%
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:1000;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.textarea1{ height:150px;}
.quick-link .social-icon{ display:table; width:100%;}
.quick-link .social-icon a{ display:table-cell; text-align:center;}


.main-buttons .card .content {
  position: absolute;
  width:80%;
  left:10%;
  top:40%;
  text-align: center;
  line-height:inherit;
  opacity: 0;
  transition: opacity .35s ease;
  color:#fff;
  z-index:100;
  line-height:17px;
}


.main-buttons .card:hover .content {
  opacity: 1;
} 

.main-buttons .card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 27, 72, .9);
    transition: background 0.5s ease;
    opacity: 0;

}
.main-buttons .card:hover .overlay{display: block; opacity: .8;}

/*gallery dnd*/
.gcontainer {
    width: 450px;
    height: 200px;
    padding: 2rem;
    text-align: center;
    border: dashed 1px #979797;
    position: relative;
}

    .gcontainer input {
        opacity: 0;
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .gcontainer label {
        color: white;
        width: 183px;
        height: 42px;
        border-radius: 21.5px;
        background-color: #c2a344;
        padding: 8px 16px;
        font-size: 16px;
    }

    .gcontainer h3 {
        font-size: 20px;
        font-weight: 600;
        color: #38424c;
    }

.fileover {
    animation: shake 1s;
    animation-iteration-count: infinite;
}

.files-list {
    margin-top: 1.5rem;
}

    .files-list .single-file {
        display: flex;
        padding: 0.5rem;
        justify-content: space-between;
        align-items: center;
        border: dashed 1px #979797;
        margin-bottom: 1rem;
        display: flex;
        flex-grow: 1;
    }

        .files-list .single-file img.delete {
            margin-left: 0.5rem;
            cursor: pointer;
            align-self: flex-end;
        }

        .files-list .single-file .name {
            font-size: 14px;
            font-weight: 500;
            color: #353f4a;
            margin: 0;
        }

        .files-list .single-file .size {
            font-size: 12px;
            font-weight: 500;
            color: #a4a4a4;
            margin: 0;
            margin-bottom: 0.25rem;
        }

        .files-list .single-file .info {
            width: 100%;
        }
/* Shake animation */
@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.progress-cont {
    height: 7px;
    width: 100%;
    border-radius: 4px;
    background-color: #d0d0d0;
    position: relative;
}

    .progress-cont .progress {
        width: 0;
        height: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        border-radius: 4px;
        background-color: #4c97cb;
        transition: 0.4s all;
    }
 /*dnd image upload end*/

/***** media queries ******/

@media screen and (min-width:768px) and (max-width:1024px) 
{
.carousel-item img{height:inherit !important;}
}
@media screen and (min-width:990px) and (max-width:1260px) 
{
.sf-menu > li{font-size: 16px !important;}
.sf-menu li ul{top: 45px !important;}
.banner-btn ul li span{white-space: nowrap !important;}
.banner-btn ul li a{padding: 6px !important;}
}
@media screen and (min-width: 320px) and (max-width: 990px)
{
.header .topbar{ padding:5px 0px;}
.header .topbar .feedback span{ display:none;}
.header .topbar .translate span{ display:none;}
.header .navbar .row{ margin:0px; padding:0px; width:100%;}
#block_top_menu{ margin:0px; padding:0px;}
.navbar{ padding:0px!important;}
.banner-btn{ display:block; position:relative; width:100%;}
.carousel-item img{height: 35vh;}
.carousel-indicators li {width: 10px !important;height: 10px !important;}
.news-sec .news-info{ width:100%;}
.pics img{ width:100%;}
.sec-title::after{ display:none;}
.section1, .section2, .section3, .section4{padding-top:20px; padding-bottom:20px;}
.section5 .col{flex-basis:inherit!important; margin-top:10px;}
.sec-title{ font-size:24px; margin-bottom:20px;}
.section5 .card .right-sec{padding: 26px 10px;}
.footer .col{flex-basis:inherit!important; margin-top:10px;}
.btn-contact{padding: 8px 20px !important; font-size:14px!important;}
.sf-menu > li a:after{ display:none!important;}
#demo-2{ display:none;}
.section1, .section2, .section3, .section4 .col-md-3{ max-width:100%!important; flex:inherit!important; padding-top:10px; padding-bottom:10px;}
.main-buttons .card{ min-height:inherit;margin-bottom: 10px;}
.main-buttons .card:hover{transform: inherit;}
.section5 .col-md-4{ max-width:100%!important; flex:inherit!important;}
.section5 .col-md-8{ max-width:100%!important; flex:inherit!important;}
.section5 .col-md-8 .btn{width:100%;}
.search-panel{ display:none;}
.inner-container .leftBar{ width:100%;}
.inner-container .rightBar{ width:100%; padding:0px; background:inherit;}
.inner-container .main-content{ width:100%;}
.inner-banner .page-head{ padding-top:0px;}
.inner-banner .page-head h1{ padding:15px 0px; padding-bottom:0px; font-size:1.5em;}
.breadcrumb{ font-size:1em!important;}
.leftBar .navbar-toggle{ background:inherit; display:block; cursor:pointer; border-bottom:1px solid #ccc; margin-bottom:20px; border:0px; font-size:18px;}
.leftBar .navbar-toggle:focus{outline:none;}
.leftBar .navbar-toggle .fa{ margin-right:10px;}
.rightBar .img-fluid{ width:100%;}
.navbar-collapse.collapse{ display:none;}
.header .topbar .btn-contact span{ display:none;}
.header .topbar .btn-contact{ font-size:23px!important; vertical-align:top; padding:0px!important; background:inherit;}
.header .topbar .btn-contact i{ vertical-align:top;}
.header .topbar .feedback{ height:23px;}
.header .topbar .translate{ height:23px;}
.header .topbar .float-right{ padding-top:5px;}
.cat-title .search{ width:88%;}
.news-sec .news-head{ font-size:13px; padding-right:5px; margin-right:5px;}
.banner .carousel-caption p{ line-height:normal; font-size:1.4em;}
.banner .carousel-caption h1{ font-size:2em;}
.banner .carousel-caption{padding:0px;bottom: 15px;}
.carousel-indicators{ bottom:-10px!important;}
.section5 .card .right-sec h2{ font-size:24px;}
.navigation-bar{ display:block; padding:10px;}
.navigation-bar .search{ width:86%;}
.main-contain{ margin-top:113px;}
.inner-banner .banner-btn{ margin-top:30px;}
.navigation-bar .search .form-control, .btn{font-size: 1.1em; padding-bottom:2px!important;padding-top:2px!important;}
.inner-container .rightBar .actionbar {display: none;}
.leftBar .actionbar.mobileview {display:block;} 
.actionbar .dropdown-menu{right:0;}
}

.hbrand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.btn-castom {
    background: #c2a344;
    border-radius: 8px !important;
    padding: 0px 10px !important;
    margin-right: 2px;
}

.bcamp {
    height: 25px;
    width: 100%;
    position: fixed;
    background: #90722d;
}

.mcontain {
    clear: both;
    display: block;
    margin-top: 160px;
}

.aicon {
    margin-right: 5px;
    width: 16px;
    /*text-align: center;*/
}


@charset "UTF-8";
.table-nested {
    background: #fff;
    border: 1px solid #c1c1c1;
    text-align: left;
}

.table-nested th, .table-nested td {
    padding: 0;
}

.table-nested th + th, .table-nested th + td, .table-nested td + th, .table-nested td + td {
    padding-left: 5px;
}

.table-nested td {
    border-top: 1px solid #c1c1c1;
}

.table-nested td[colspan] {
    border: none;
}

.table-nested .cell-input {
    width: 20px;
    border-right: 1px solid #c1c1c1;
}

.table-nested .cell-members {
    width: 100px;
}

.table-nested .indent {
    display: inline-block;
}

.table-nested .parent > .cell-name {
    cursor: pointer;
}

.table-nested .parent > .cell-name > .indent {
    margin-right: 5px;
}

.table-nested .parent > .cell-name > .indent:before {
    content: "\f0da";
    font-size: 15px;
    color: #90722d;
    font-family: FontAwesome;
    display: inline-block;
}

.table-nested .opened > tr > .cell-name > .indent:before {
    content: "\f0d7";
}

.table-nested .children {
    display: none;
}

.table-nested .opened > .children {       
    display: table-row;
}


#mobileHamburger {
    visibility: hidden;
}

#sidebar-wrapper {
    margin-left: -4px;
}

/*-by Manzur Alam*/
/***** media queries ******/

@media(max-width:768px) {
    #wrapper {
        margin-top: 90px;
    }
    #mobileHamburger {
        visibility: visible
    }
    #sidebar-wrapper.toggledSidebar {
        transition: all 0.5s ease;
        margin-left: -4px;
    }

    #sidebar-wrapper {
        margin-left: -400px;
        transition: all 0.5s ease;
    }

    #sidebarID {
        margin-left: -400px;
        transition: all 0.5s ease;
    }

        #sidebarID.toggled {
            transition: all 0.5s ease;
            margin-left:0px;
        }
    #page-content-wrapper{
        margin-left: 0px !important;
    }
}
    @media(min-width:769px) {
        #wrapper {
            _padding-left: 250px;
            margin-top: 140px;
        }

            #wrapper.toggled {
                _padding-left: 50px;
            }

                #wrapper.toggled #sidebar-wrapper {
                    _left: -200px;
                    /*margin-left: 0;*/
                }

        #page-content-wrapper {
            padding: 20px;
            box-sizing: border-box;
        }

        #wrapper.toggled #page-content-wrapper {
            _position: relative;
            _margin-right: 50px;
        }
    }

    #wrapper {
        _padding-left: 50px;
        transition: all 0.5s ease;
    }

        #wrapper.toggled {
            /*padding-left: 250px;*/
        }


    #sidebar-wrapper {
        z-index: 1;
        _left: -200px;
        width: 240px;
        /*height: auto;*/
        overflow-y: auto;
        transition: all 0.5s ease;
        /*margin-left: -6px;*/
        position: absolute !important;
        min-height: 100vh;
        background-color: #ffffff;
        transition: all 0.5s ease;
        border-right: 1px solid #dddddd;
    }

    #page-content-wrapper {
        _width: 100%;
        padding: 15px;
        box-sizing: border-box;
        margin-left: 240px;
        background-color: #fff;
        background: #f9f9f9;
        min-height: inherit;
    }

    #wrapper.toggled #page-content-wrapper {
        _position: absolute;
        _margin-right: -50px;
        margin-left: 80px;
    }

    /* Sidebar Styles */
    .sidebar-scroll {
        overflow-y: scroll;
        height: 450px;
        overscroll-behavior-y: auto;
    }

   /* .sidebar {
        margin: 0;
        padding: 0;
    }*/

        .sidebar li.title {
            letter-spacing: 0.01em;
            font-size: 2rem;
            line-height: 4.2rem;
        }

        .sidebar ul {
            margin: 0;
            margin-left: -1px;
            list-style: none;
        }


            .sidebar ul li {
                list-style-type: none;
                padding: 7px;
                /* border-bottom: 1px solid #d9d9d9; */
                font-size: 14px;
                _padding-bottom: 25px;
                border-top: 1px solid #d9d9d9;
                _height: 71px;
                border-left: 6px solid #fff;
                color: #000;
            }

                .sidebar ul li :hover {
                    background: #0a2c55 !important;
                    color: #fff !important;
                }

                .sidebar ul li:hover, .sidebar ul li.show-active {
                    background: #0a2c55 !important;
                    color: #fff !important;
                    border-right: 4px solid #90722d;
                }
                

    .active-menu {
        background-color: #0a2c55 !important;
        color: #fff !important;
        border-right: 4px solid #90722d;
    }

        .active-menu a {
            color: #fff !important;
        }

    /*.sidebar ul a:hover {
        color: #fff !important;
    }*/

    .sidebar ul li a, .sidebar ul li.uinfo {
        display: inline-flex;
        position: relative;
        text-decoration: none;
        /*white-space: nowrap;*/
        font-size: 13px;
        font-weight: 500;
        color: inherit;
        padding: 3px 5px;
    }

    .sidebar .sidebar__toggled a {
        _padding: 15px 20px;
        font-size: 18px;
    }

    .sidebar.nav-links a, .sidebar ul li.uinfo {
        _margin: 4px 10px;
    }

    .sidebar.nav-links ul li:hover a, .sidebar ul li.show-active a {
        color: #ffffff; /*#cfa512*/
    }

    .sidebar ul li a [class*="icon"], .sidebar ul li.uinfo [class*="icon"] {
        _margin-right: 10px;
        _width: 16px;
        text-align: center;
        padding: 3px 23px;
        max-width: 100px;
    }

    .toggled .sidebar ul li a [class*="icon"] {
        _margin-left: 192px;
    }

    .toggled .sidebar ul li a span {
        display: none;
    }

    .sidebar ul li a#main-toggle:after,
    .sidebar ul li a.dropdown-toggle:after {
        _right: 21px;
        _bottom: 19px;
    }

    .sidebar .sidebar__toggled {
        font-size: 2rem;
    }

    .sidebar ul li.title,
    .sidebar .sidebar__main--brand a {
        color: #999999;
    }

    .rgist {
        width: 100%;
        _float: left;
        position: relative;
        padding-left: 6px;
    }

        .rgist .slide {
            /*background: #bfa952;*/
            text-align: right;
            padding-right: 20px;
            padding-bottom: 10px;
        }

            .rgist .slide a:hover {
                color: white;
            }

            .rgist .slide a:focus {
                color: white;
            }

    .slide a {
        color: #0a2c55;
        font-size: 20px;
    }

        .slide a:hover {
            color: #0056b3 !important;
            text-decoration: underline;
        }

.dropdown-toggle {
    padding-right: 20px;
    text-decoration: none;
    color: white;
}

.card-inner p {
    color: #f9c90e;
}

    #main-toggle:after {
        /*position: absolute;*/
        margin-left: .25em;
        bottom: 0;
    }

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

    .toggled .sidebar.nav-links a {
        margin: 4px 0px;
        border-radius: inherit;
    }

    .toggled .footer {
        display: none;
    }

    .toggled .footer-bottom {
        display: none;
    }

    .dropdown {
        position: relative;
        display: inline-block;
        float: right;
        vertical-align: middle;
        margin-top: 10px;
    }

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

    .dropbtn {
        color: #5290c2;
        border: none;
        background: inherit;
        padding: 8px 15px;
        font-size: 15px;
        background: #eef1f6;
        border-radius: 6px;
    }

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

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

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

    .header .dropdown-content i {
        margin-right: 8px;
    }

    .dropdown:hover .dropbtn {
        background-color: #fff;
    }

    .mandatory {
        color: red;
        margin-left: 1px;
        font-weight: bolder;
        font-size: small;
    }

    .tinymce-border {
        padding: 0;
        border: hidden;
    }

    .hide-bottom-srollbar {
        overflow-x: hidden;
    }

    .tl-fixed {
        table-layout: fixed;
    }