*{
    box-sizing: border-box;
}

body {
    background-color: #fff;}

.top-header { float: left; width: 100%;background: #002e68;padding: 10px;}

img.menu {float: left;margin: 10px 19px 0 0;}
img.logo {float: left;margin: 5px 5px 0 0;}

.top-header h1 {
    color: #fff;
    font-size: 21px;
    float: left;
  
    padding: 4px 0 0 0; font-weight:400;
}
.top-header a {
    color: #fff; text-decoration: none;
   
}

.top-header p {
    color: #fff; line-height: 21px; font-size: 12px;  margin: 0px 0 0 0; 
   
}


.top-header ul{ width: auto; margin: 0px;}
.top-header ul li {
    list-style: none;
    display: inline-block;
    width: 30%;
    /* margin: 0 0 0 4px; */

    padding: 0 0 0 5px; 
}
.top-header ul li:last-child { background: none;}

.header-left {
    float: left;
    width: 100%;
}
.header-left ul {
   margin: 0 auto;
}
.header-left ul li {
    float: left;
    width: 25%;
}

img.img-right {
    float: left;
    text-align: center;
    padding: 0px 30px 0 0;
    margin: 0 0 0 7px;
}
img.img-left {
    float: left;
    text-align: center;
    padding: 0px 30px 0 0;
    margin:-7px 0 0 20px;
}

i.fa.fa-wrench {
    color: #fff;
    font-size: 21px;transform: rotate(266deg)
}

i.fa.fa-bar-chart-o {
    color: #fff;
    font-size: 21px; margin:  0 0 0 7px;
}



i.fa.fa-undo {
    color: #fff;
    font-size: 21px;
    text-align: center;
    margin: 0 0 0 8px;
}

i.fa.fa-bell {
    color: #fff;
    font-size: 16px;
    margin: 5px 0 0 17px;
}

span.noto {
    background: #f2f9db;
    border-radius: 31px;
    padding: 0px;
    height: 18px;
    width: 18px;
    float: right;
    text-align: center;
    font-size: 13px;
    margin: -7px 23px 0 -6px;
}

.header-left a {
    float: left;
    width: 100%; font-size: 12px;
}
.no-padd{ padding: 0px; margin: 0px;/*border-right: 1px solid#ccc;*/}

.header-right{ float: left; width: 100%;}

.header-right ul{margin: 0 auto;}
.header-right ul li {width: 100%;
    list-style: none;
    display: inline-block;
    border-left: 1px solid #ccc;
    padding: 0 0 0 17px;
    margin: 0px 0 0 -16px;
}

img.pro {
    float: right;
    margin: -15px 0 0 0;
}
 .header-right p{ font-size: 14px;}

 section.main {
    float: left;
    width: 100%; background: #f1f3f4;
}
.left-bar {
    background: #f1f3f4; width: 100%;
} 
.left-bar li {
    list-style: none;
    padding: 12px 3px 12px 27px; font-size: 13px;
}

.left-bar li ul li {
    list-style: none;
    padding: 5px 3px 7px 27px;
    font-size: 13px;
    background: #bdbdbd;
    margin: 3px 0 0 0;
}

.left-bar li ul {
   padding: 0px;
}
 .left-bar li a{color: #000; text-decoration: none;}

 i.fa.fa-caret-right {
    margin: -3px -1px 0 -20px;
    padding: 5px;
    color: #858282;
}

    
    
    li.active {
        background: #dadce0;
        border-left: 4px solid #185abc;
        color: #185abc;
        font-weight: 700;}

        

i.fa.fa-home {
    padding: 0 0 0 63px;
    color: #185abc;
    font-size: 18px;
}

.main-left {
    float: left;
    width: 50%;
}

.main-left h2 {
    /* float: left; */
    /* width: 48%; */
    font-size: 24px;
    font-weight: 400;
    padding: 8px 0 0px 28px;
}

.main-right {
    float: right;
    width: 29%;
    padding: 7px 0 0 0;
}
.right-bar {
    float: left;
    width: 100%;
    /* border-bottom: 1px solid #f9f9f9; */
    box-shadow: 0px 2px 3px #8d8a8a; background: #fff;
}


.camping {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c9c9c9; background: #fff; margin: 4px 0 0 0;
}

.camping p {
    font-size: 14px;
    border-bottom: 1px solid #f9f9f9;
     padding: 14px 0 0px 35px; color: #1a73e8;
}
span.fillter {
    color: #565252;
    margin: 0 0 0 21px;
}
i.fa.fa-filter {
    font-size: 20px;
    padding: 0 21px 0 0;
}

.left-main {
    float: left;
    width: 70%;
    background: #fff;
    margin: 80px 0 0px 80px;
    border-radius: 6px;  box-shadow: 1px 1px 6px #c9c8c8; padding:  0 0 10px 0;
}



.main-part-left {
    float: left;
    width: 100%;
    background: #fff;
 
    border-radius: 6px;  box-shadow: 1px 1px 6px #c9c8c8;
}

.main-part-right {
    float: left;
    width: 21%;
    background: #fff;
    margin: 80px 0 0 12px;
    box-shadow: 1px 1px 6px #c9c8c8;
}

ul.boxing {
    padding: 0px;
}

.main-part-left ul{padding: 0px;}

.main-part-left ul li {
    padding: 0px;
    list-style: none;
    display: inline-block;
    background: #1a73e8;
    width: 24%;
}
ul.review {
    padding: 0px; 
}


.part {
    background: #1a73e8;
    width: 25%; float: left; padding: 15px;
    cursor: pointer;
}

.part p {
    text-align: left; color: #fff;font-size: 14px;
    }

    .part h5 {
        text-align: left;
        color: #525151;
        font-size: 30px;
        }
.part-left {
    background: #d93025;
    width: 25%; float: left;padding: 15px;
     cursor: pointer;
}

.part-left p {
    text-align: left; color: #fff; font-size: 14px;
    }

    .part-left h5{
        text-align: left;
        color: #525151;
        font-size: 30px;
        }

    .impre {
        background: #f9ab00;
        width: 25%; float: left; padding: 15px;
        border-bottom: 1px solid #edecec;
         cursor: pointer;
    }
    
    .impre p {
        text-align: left; color: #000;font-size: 14px;
        }

        .impre h5 {
            text-align: left;
            color: #000000;
            font-size: 30px;
            }
    .impre-left {
        background: #1e8e3e;
        width: 25%; float: left;padding: 15.5px;
        border-left: 1px solid #edecec;  border-bottom: 1px solid #edecec;
        border-right: 1px solid #edecec;
         cursor: pointer;
    }
    
    .impre-left p {
        text-align: left; color: #000; font-size: 14px;
        }

        .impre-left h5 {
            
            text-align: left;
            color: #ffffff;
            font-size: 29px;
        }
    

        .camping-section {
            float: left;
            width: 94%;
            margin: 20px 0px 0 80px;
            background-color: white;
            padding: 20px 0px;
            max-height: 300px;
            overflow-y: scroll;
            border: 1px solid #d5d4d4;
            border-radius: 5px;
        }

        .camping-section h5{ font-size: 15px; color: #1967d2; padding: 0px 20px}

        th.inde {
            color: #197fdf;
            font-weight: 500; font-size: 14px;border-bottom: 1px solid #ccc; 
            padding: 14px 20px;
            text-align: justify;
        }
        i.fa.fa-circle {
            color: #188038;
            padding: 0 8px 0 0;
        }

        td.inde-left {
            background: #d5e6fb;
            text-align: center;border-bottom: 1px solid #ccc;
        }
        .keyword-section td.inde-left {
            font-size: 13px;
        } 
        td.inde-right {
            background: #f2f2f2;
            text-align: center; border-bottom: 1px solid #ccc;
        }

        .conig {
            margin: 146px 1px 0 0;
            border-top: 1px solid #ccc;
            padding: 12px;
        }

        .conig {
            color: #000;
        }
        .keyword-section {
            float: left;
            width: 94%;
            margin: 20px 0px 0 35px;
            background-color: white;
            padding: 20px 0px;
            max-height: 300px;
            overflow-y: scroll;
            border: 1px solid #d5d4d4;
            border-radius: 5px;
        }

        .keyword-section h5{ font-size: 15px; color: #1967d2; padding: 0px 20px}

        .section-main {
            float: left;
            width: 100%;
        }

        .row {
         
             margin-right: 0px; 
         
        }

        footer.footer {
            float: left;
            width: 100%;
            background: #000;
            /* margin: 20px 0; */
        }

        .copy-right p {
            color: #fff;
            text-align: center;
            padding: 15px 0 0 0;
        }
        .section-main{padding: 10px 0px;}



        .navbar-nav li:hover > ul.dropdown-menu {
            display: block;
        }
        .dropdown-submenu {
            position:relative;
        }
        .dropdown-submenu>.dropdown-menu {top:0;left:100%; margin-top:-6px;}
        
        /* rotate caret on hover */
        .dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);border: none;} 

        .navbar-nav .dropdown-menu {
            position: absolute;
            left: -130px; border: none;
        }

        ul.navbar-nav {
            width: 0%;
            float: right;
            margin: -34px 0 0 25px;border: none;
        }

        .navbar-nav li:hover > ul.dropdown-menu {
            display: block;
            background: #fff;border: none;
        }
        a.dropdown-item {
            color: #000;
        }
        

        .header-right ul li ul li ul li{ background-image: none; border: none;}

        span.ui-button-text {
            font-size: 12px;
            padding: 12px;
            margin: 2px;
        }
        div {
            font-size: 14px;
        }
        
        .notification-ui a:after {
             display: none;
         }

         .notification-ui_icon {
             position: relative;
         }
         .notification-ui_icon .unread-notification {
             display: inline-block;
             height: 7px;
             width: 7px;
             border-radius: 7px;
             background-color: #66bb6a;
             position: absolute;
             top: 7px;
             left: 12px;
             margin: 3px 0 0 24px;
         }
         @media (min-width: 900px) {
             .notification-ui_icon .unread-notification {
                 left: 20px;
             }
         }

         .notification-ui_dd {
             padding: 0;
             border-radius: 10px;
             box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.16);
             border: 0;
             max-width: 400px;
             border-top-left-radius: 0px;
         }
         @media (min-width: 900px) {
             .notification-ui_dd {
                 min-width: 400px;
                 position: absolute;
                 left: -160px;
                 top: 60px;
             }
         }
         .notification-ui_dd:after {
             content: "";
             position: absolute;
             top: -30px;
             left: calc(2% - 8px);
             border-top: 15px solid transparent;
             border-right: 15px solid transparent;
             border-bottom: 15px solid #fff;
             border-left: 15px solid transparent;
         }
         .notification-ui_dd .notification-ui_dd-header {
             border-bottom: 1px solid #ddd;
             padding: 7px;
         }
         .notification-ui_dd .notification-ui_dd-header h3 {
             margin-bottom: 0;
         }
         .notification-ui_dd .notification-ui_dd-content {
             max-height: 550px;
             overflow: auto;
         }

         .notification-list {
             display: flex;
             justify-content: space-between;
             padding: 10px 25px;
             border-bottom: 1px solid #ddd;
         }
         .notification-list--unread {
             position: relative;
             background: #f4f8fa;
         }
         .notification-list--unread:before {
             content: "";
             position: absolute;
             top: 0;
             left: 0;
             height: calc(100% + 1px);
             border-left: 2px solid #007bff;
         }
         .notification-list .notification-list_img img {
             height: 42px;
             width: 42px;
             border-radius: 50px;
             margin-right: 20px;
         }
         .notification-list .notification-list_detail {
             margin-right: auto;
             max-width: 200px;
         }
         .notification-list .notification-list_detail p {
             margin-bottom: 5px;
             line-height: 1.2;
         }
         .notification-list .notification-list_detail .nt-link {
             border-left: 3px solid #007bff;
             line-height: 1.3;
             padding-left: 10px;
         }

         p.nt-link.text-truncate{color: #000;}
         p.jonh {
             color: #000;
         }
         p.joha {
             color: #000;
         }
         
         .dropdown-menu .notification-ui_dd .show{
               position: absolute;
                transform: translate3d(0px, 40px, 0px);
                top: 13px;
                left: -160px;
         }
         
         /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.mob-menu{
    display:none;
}

.mobile-menu{ display:none;}
       
       /*Responsive css*/
       
       @media only screen and (max-width: 700px) {
  .part, .part-left, .impre, .impre-left{ width:50%;}
  
  .click-right{ width:100%!important;}
  
.main-right {
    float: right;
    width: 100%!important;
    padding: 7px 0 0 0;
}

.camping-section{ width:100%; margin: 20px 0px 0 0px;}

.keyword-section{margin: 20px 0px 0 0px; width:100%; margin-bottom:50px; overflow-x:scroll; }
.left-main{ width:100%; margin: 80px 0 0px 0px; }

.header-right{     margin-top: 20px;
    background: #13515a;
    padding: 10px 0px;
    border-radius: 5px;
}

.header-left{ margin-top:20px;
    
     margin-top: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #267481;
    padding: 15px 0px;
    z-index: 9999;
    border-radius: 10px 10px 0px 0px;
}

.top-header ul li{ padding: 0 0 0 0px!important;}

.mob-menu{ display:block;}

.w1-100{ width:100%!important; margin-bottom:5px!important; }
.w1-50{ width:50%!important; }
.w1-40{ width:48%!important; background:#17393e!important; padding:5px 20px!important; border-radius:5px!important; text-align:center; }

.top-header h1{ float: unset!important; }
.header-right ul li{ border:none!important;}

.copy-right{ padding-bottom:60px;}
.left-bar{display:none;}
.mobile-menu{ display:block;
    width:100%;
    height:auto;
    padding:8px 20px;
    position:relative;
    text-align:right;
    z-index: 99;
}

.right-bar {
    margin-top: -56px;}
    
}
.mob-img{
    display:none;
}
   



  
}

/*-----End responsive------------*/