body .main-wrapper.cp { padding-top:0px;}

body .master-wrapper-main.custom-m-header { background: #eaebed;}
.custom-m-header .custom-top-header-menu { width: 17%;max-height: 100% !important;margin: 0px;float: left;background-color: transparent;border: none;padding:15px; }
.custom-m-header .custom-top-header-menu .cp-menu { padding: 0;width:100%;border: 1px solid #fff;border-radius: 5px !important;background-color: white;}
.custom-m-header .custom-top-header-menu .cp-menu ul{margin: 0 auto;width:100%;position: relative;}
.custom-m-header .custom-top-header-menu .cp-menu ul li{margin: 0 auto;padding: 0;width:100%;transition: background-color .3s;}
.custom-m-header .custom-top-header-menu .cp-menu ul li.active{background-color:#f3f6f9}

.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li a:before{content:"";position: absolute;background-color: #B5B5C3;margin: 5px 0 0 -15px;border-radius: 50%;height: 4px;width: 4px;}

.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown a:before{content: "";display:none;}
.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown a{padding:10px 20px 10px;}

.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown ul.dropdown-menu li a{    padding: 10px 20px 10px 50px;}
.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown ul.dropdown-menu li a:hover{background: rgba(0,0,0,.08);color: #333;}
.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown ul.dropdown-menu li a:before{content:"";position: absolute;display:block;background-color: #B5B5C3;margin: 5px 0 0 -15px;border-radius: 50%;height: 4px;width: 4px;}
.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown li.active a{}


.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown{border:0;}
/*.custom-m-header .custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown:hover{background: none;}*/
.custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown .dropdown-menu{left:0;background-color: #fff;  border: 0; box-shadow: none;}
.custom-top-header-menu .cp-menu ul li ul.dropdown-menu li.dropdown .dropdown-menu li:hover{ background-color: #f3f6f9;border:0; }

.custom-m-header .custom-top-header-menu .cp-menu ul li /*ul.dropdown-menu li a::after{content:"\f106";font: normal normal normal 14px/1 FontAwesome;position: absolute;right: 20px;margin: 5px 0 0 15px;color: #b5b6c3;transform: rotate(90deg);}*/
.custom-m-header .custom-top-header-menu .cp-menu ul li:hover{ background-color: #f3f6f9; }
.collapse-menu .custom-m-header .custom-top-header-menu .cp-menu ul li a {
        display: inline-block;
        font-size: 15px;
        padding: 10px 15px !important;
        float: left;
        /* text-transform: capitalize; */
    }
.custom-m-header .custom-top-header-menu .cp-menu ul li a {color: #333;padding: 10px 20px 10px;border: none !important;}
.custom-m-header .custom-top-header-menu .cp-menu ul li.dropdown:before {top: 14px;bottom: auto;}
.custom-m-header .custom-top-header-menu .cp-menu ul li.dropdown.active { background-color: #f3f6f9;}
.cp-menu ul#menu li.dropdown.active:before{content:"\f107";}
.custom-m-header .custom-top-header-menu .cp-menu ul li.dropdown.active-icon:before {transform: rotate(0deg);top: 14px;bottom: auto;}
.custom-m-header .custom-top-header-menu .cp-menu ul li.dropdown.active:hover{background-color: #f3f6f9;}
.custom-m-header .dropdown-menu li > a:hover, .custom-m-header  .dropdown-menu .active > a, .custom-m-header  .dropdown-menu .active > a:hover{    background-color: transparent !important;}

.custom-m-header .custom-top-header-menu .cp-menu ul li.dropdown .dropdown-menu li.dropdown .dropdown-menu {display: none;box-shadow: none;padding: 5px 0 0;}
.custom-m-header .custom-top-header-menu .cp-menu ul li.dropdown .dropdown-menu li.dropdown.active .dropdown-menu {display: block;}


.custom-m-header .custom-top-header-menu .cp-menu > ul > li.dropdown > .dropdown-menu {background-color: #fff;padding: 8px 0 8px 0;}
.custom-m-header .custom-top-header-menu .cp-menu > ul > li.dropdown > .dropdown-menu li a{padding:10px 20px 10px 40px;}

body .page-bar {border-radius:5px !important;margin: 0px 0 15px;background-color: #fff;}
.page-bar .page-toolbar .options .btn {border-radius: 0 5px 5px 0 !important;}
.page-bar .page-toolbar .options .submitForm{border-radius: 0 5px 5px 0 !important;}
.page-toolbar .page-title{ margin: 7px 0;font-size: 17px;}
.custom-m-header .cp-center { width: 83%;padding: 0;margin-left: 17%;background-color: transparent;}
.custom-m-header .cp-center .cp-body {background-color: transparent;padding: 0px 15px 0px 0px;display: inline-block;width: 100%;}

body .btn-themeColor.custom-theme-btn{ display: flex;max-width: fit-content;padding: 20px 10px;}
body .btn-themeColor.custom-theme-btn i{ display: inline-block;line-height:0;}
body .btn-themeColor.custom-theme-btn span{ display: inline-block;line-height:0;}

body .k-pager-numbers .k-state-selected{ border-color: #333 transparent transparent;color: #333;}
body .k-grid-pager .k-link, body  .k-grid-pager .k-link:link {color: #333!important;}
body .pr-0 { padding-right:0; }

.custom-m-header .cp-center .cp-body .cp_box{background-color: #fff;border: 0;border-radius: 5px !important;padding: 3px;}
.custom-m-header .cp-center .cp-body .cp_box.no-bg{background: #fff !important;}
.custom-m-header .cp-center .cp-body .cp_box .box-content { border:0;    padding: 0 20px 10px 20px; }
.custom-m-header .cp-body .cp_box .title {background-color: #fff;border-bottom: 0px solid #B5B5C3;padding: 10px 20px 0 20px;font-size: 15px;font-weight: 600;color: #000;}
.custom-m-header .custom-top-header-menu .cp-menu ul li.ul-title {color: #3f4254;font-size: 14px;font-weight: 600;margin-top: 10px;margin-bottom: 10px;padding: 0 15px;}
.custom-m-header .custom-top-header-menu .cp-menu ul li.ul-title:hover{background-color: transparent}



html .mm-menu {background: #fff;background-color: #fff;box-shadow: 10px 0px 20px rgba(0,0,0,0.2);}
html .mm-menu.mm-offcanvas { z-index: 1000;transition: 0.3s;display: block;transform:translate(-100%,0); }
html .mm-menu.mm-offcanvas.mm-current {transform:translate(0,0);}
html.mm-opening .mm-slideout {transform: none !important;}
.mm-menu ul.mm-listview li a{font-size:16px;}
.mm-menu ul.mm-listview li a i.fa{font-size:20px;}
.mm-menu ul.mm-listview li.ul-title span{font-weight: 600;color: #333;font-size: 15px}
.mm-menu .mm-navbar a.mm-title{ font-size: 20px; }


.tabbable-custom > .tab-content{ background-color:transparent !important; }

#Comments .btn.green-haze { background-color: #32c5d2; }

.nav.nav-tabs {background-color:#fff;width:100%;border-radius: 5px !important;padding:0 7px;}
.nav.nav-tabs {background-color:#fff;width:100%;border-radius: 5px !important;padding:0 7px;}
.nav.nav-tabs li{border:none !important;padding: 6px;}
body .nav.nav-tabs li a{border: none !important;    outline: none !important;border-radius: 7px !important;font-weight: 700 !important;padding: 5px 12px !important;margin: 0px !important;}
body .nav.nav-tabs li a:focus{ border:none !important; }


body .box-content table tr th {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    background: transparent !important;
    background-color: transparent !important;
    color: #B5B5C3;
}
body .box-content table tr td {
    border: 0 !important;
    text-align: left !important;
    border-bottom: 1px solid #e6e6e6 !important;
    background-color: transparent !important;
    color: #000 !important;
}
body .box-content table tr th a{color:#B5B5C3 !important;}
body  .table-scrollable{border:0;}
body .table-scrollable .k-grid-header .k-header{ background-color: #fff !important; font-weight: 600;}
body .table-scrollable .k-grid-header .k-header a{color:#B5B5C3 !important;    font-weight: 600;}
body .table-scrollable .k-grid-header .k-header {background: #fff !important;color:#B5B5C3 !important;border: 0;border-bottom: 1px solid #e6e6e6;vertical-align:middle;}

body .fullwidth-custom-center {
    width:100% !important;margin:0 auto  !important;
}

.vote-heading {  }
.vote-flex { display:flex;flex-wrap: wrap; margin:5px auto 20px auto; }
.vote-btn {display:flex !important;align-items: center;justify-content: space-between;padding: 0px 0px !important; margin-right:10px;border: 1px solid #ccc !important;}
.vote-btn label.count {margin: 0px;margin-right: 5px;margin-left: 5px;}
.vote-btn .material-icons{margin: 0 0px;cursor:pointer;}
.activebtn{color: #9f1919;}
.p-fixed {position:fixed;top: 30px;right: 3%;max-width: 13%;animation-duration: 0.3s;transition: 0.3s;}
.p-fixed .box-content{ padding: 10px 5px !important; }

.p-fixed .feedback-info { padding:5px 15px;margin:0 auto; }
.feedback-info{display:none;}
.feedback-info.active { display:block; }

body #attachment-grid .k-grid-header .k-header { background: #fff !important; }
body #attachment-grid .k-grid-header .k-header a { color: #B5B5C3 !important;background-color: transparent !important;font-weight: 600;}
body #attachment-grid tbody td {border: 1px solid #d9d9d9;border-width: 1px 0 0 1px;}
body #attachment-grid tbody td {    border: 1px solid #d9d9d9;    border-width: 1px 0 0 1px;background-color:white}

.flexuploader {display: flex;}
.response {margin-right: 25px;}
.attachfile {margin-left: 60px;    background: none !important;}
.attachfileaction {display: flex;align-items: center;justify-content: end;}
.fileeditcolor {background-color: #45B6AF !important;}
.filedeletegap {margin: 0 5px;}

@media (max-width: 1660px) {
    .collapse-menu .custom-m-header .custom-top-header-menu .cp-menu ul li a{ padding: 10px 10px 10px !important; }
}

@media (max-width: 1200px) {
    body .header-top-menu .username-div span { display: none !important; }
}

@media (max-width: 992px) {
    body .pr-0 { padding-right:15px; }
    body .main-wrapper.cp{ padding-top:0; }

    .custom-m-header .cp-center {
    width: calc(100% - 100px);
    padding: 0;
    margin-left: 17%;
    background-color: transparent;
}
    /*.custom-m-header .cp-center {margin:0 auto  !important;width:100% !important;}*/
    .custom-m-header .cp-center .cp-body { padding: 0px 15px 0px 15px }
    body .master-wrapper-main.custom-m-header { padding: 0; width: 100%; max-width: 100%;margin: 0 auto}

    body .toggle-menu { margin-left:0;padding-top: 3px; }
    body margin-right { margin-right: 0; }

    body .header-container .toggle-menu img{height:30px;}

    .pre-header.cp_header > .header-container > .row{ display: flex;flex-wrap: wrap; }
    body .header-top-menu .username-div { min-width:auto;width: auto;max-width: 100%; }
    body .header-top-menu .username-div span { display: none; }

    .site-logo.custom-site-logo {float:unset;padding-top:0 !important;margin: 0 auto;}
    .site-logo.custom-site-logo img { height:37px; }

    body .header-menu-btn .custom-user-icon {font-size: 20px;}


   body #page_1 {overflow-x: auto;}



}
 @media all and (min-width:993px) and (max-width:1660px){
     .custom-m-header .custom-top-header-menu .cp-menu ul li{margin: 0 auto;padding: 0 5px;width:100%;transition: background-color .3s;}

     .collapse-menu .custom-top-header-menu {
        width: 80px !important;
    }

     .collapse-menu .cp-center {
        width: calc(100% - 100px) !important;
        margin-left: 80px !important;
    }
 }