@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1; font-family: 'Rubik', sans-serif; font-weight:normal; background-color: #f1f1f1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a:hover, a:focus{text-decoration:none;outline:none;}
.form-control, .form-control:focus{box-shadow:none !important; outline:none;}

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background: #ddd;}
::-webkit-scrollbar-thumb {background-color: #999; border-radius: 10px;}

/*-------------------------- Header & Sidebar CSS ---------------------------*/

.topheader{padding:10px; background-color:#008080; width:100%; position:fixed; top:0; left:0; z-index:999;}
.topheader .headleft{float:left;}
.topheader .headleft .logo{float:left; padding:6px;}
.topheader .headleft .logo img{max-width:32px; display:block;}
.topheader .headleft .siteinfo{float:left; margin-left:25px; margin-top:5px;}
.topheader .headleft .siteinfo .tit{color:#ffffff; font-size:18px; font-weight:normal; line-height:1.1; margin-bottom:4px;}
.topheader .headleft .siteinfo .txt{color:#95d9d9; font-size:12px; font-weight:normal; line-height:1.3; display:block;}
.topheader .headright{float:right;}
.topheader .headright .navbar-toggle {border-color: #fff; margin: 6px;}
.topheader .headright .navbar-toggle .icon-bar{background-color:#fff;}
.topheader .headright .usericon{float:right; padding:0 6px;}
.topheader .headright .usericon img{max-width:46px; display:block;}
.topheader .headright .userdropdown .dropdown-menu {left: auto; right: 0; margin-top:10px;}
.topheader .headright .userdropdown .dropdown-menu li .dropdown-item {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #292b2c; font-size: 14px; padding: 3px 10px;}
.topheader .headright .userdropdown .dropdown-menu li .dropdown-item:hover{background-color:#eee;}

/*.dropdown-menu-right {left: auto; right: 0;}
.dropdown-menu {background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem !important; color: #292b2c; display: none; float: left; font-size: 1rem; left: 0; list-style: outside none none; min-width: 160px; padding: 0.5rem 0;position: absolute; text-align: left; top: 100%; z-index: 1000;}
.dropdown-menu li .dropdown-item {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; clear: both; color: #292b2c; display: block; font-size: 17px; font-weight: normal; padding: 3px 1.5rem; text-align: inherit; white-space: nowrap; width: 100%;}*/

.sidebar {background-color: #036464; border: medium none; border-radius: 0; bottom: 0; left: 230px; margin-left: -230px; width: 230px; overflow-x: hidden; overflow-y: auto; position: fixed; top: 64px; transition: all 0.2s ease-in-out 0s; z-index: 1000;}
.sidebar .list-group{margin-bottom:100px;}
.sidebar .list-group .dropdown-backdrop {position: relative;}
.sidebar .list-group .list-group-item{background: #036464 none repeat scroll 0 0; border: 0 none; border-radius: 0; color: #82c9c9; text-decoration: none;padding: 20px 20px 20px 54px; position:relative; min-height:54px;}
.sidebar .list-group .list-group-item .icons{max-width:20px; position:absolute; left:25px; top:18px;}
.sidebar .list-group .list-group-item:hover {background: #065858 none repeat scroll 0 0; color: #ffffff;}
.sidebar .list-group .active{background: #065858 none repeat scroll 0 0; color: #ffffff;}
.sidebar .list-group .active .icons{-webkit-filter: brightness(2);filter: brightness(2); }
.sidebar .list-group .dropdown ul {height:0; overflow:hidden; background-color:#065858; position:relative; transition: all 0.2s ease-in-out 0s;}
.sidebar .list-group .dropdown ul:before {content: ""; background-color: #2E7676; width: 2px; height: 96%; display: inline-block; position: absolute; left: 54px; top: 0; z-index: 9;}
.sidebar .list-group .dropdown.open ul {height:auto;}
.sidebar .list-group .dropdown.open .acno {background-color:#065858; color:#fff; padding-bottom:10px;}
.sidebar .list-group .dropdown ul .list-group-item{background-color:#065858; padding:12px 12px 12px 70px; min-height:inherit;}
.sidebar .list-group .dropdown ul li:last-child{margin-bottom:12px;}
.sidebar .togglebar{display:none; width:100%; border-top:1px solid #065858; position:absolute; left:0; right:0; z-index:9; transition: all 0.2s ease-in-out 0s;}
/**/
.sidebar .togglebar .clickbtn{
	color:#82c9c9; font-size:14px; font-weight:normal; display:block; min-height:54px; padding:20px 20px 20px 54px; background-color:#036464;    width: 230px;
    position: absolute;
    bottom: 0;
}
.sidebar.side1 {
    left: 74px;
}
a.clickbtn.side1 span.txt {
    display: none;
}
a.clickbtn.side1 img.icons {
    transform: rotate(180deg);
}
a.clickbtn.side1 {
    width: 60px!important;
}
.content-wrapper.content-width{
	margin-left: 75px;
}
/**/
.sidebar .togglebar .clickbtn .icons{max-width:20px; position:absolute; left:25px; top:18px;}

.content-wrapper{margin-left: 230px; margin-top: 64px; overflow: hidden; position: relative;}

.custom-wrapper { margin-top: 90px; padding: 0px 15px 0px;}

.content-wrapper.setmar{margin-left: 90px;}

@media screen and (min-width:992px){
.sidebar.side {left: 90px; margin-left: -90px; width: 90px;}
.sidebar.side .list-group .list-group-item .icons{left:32px;}
.sidebar.side .list-group .list-group-item .txt{display:none;}
.sidebar.side .list-group .dropdown ul {height: 0;}
.sidebar.side .list-group .dropdown ul li {opacity: 0;}
.sidebar.side .list-group .dropdown ul:before {left: 40px;}
.sidebar.side .list-group .dropdown.open ul {height: 40px;}
.sidebar .togglebar{display:inline-block; position:fixed; bottom:0; width:230px;}
.sidebar.side .togglebar{width:90px;}
.sidebar.side .togglebar .clickbtn .txt{display:none;}
.sidebar.side .togglebar .clickbtn .icons{left:32px; -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}

}
@media screen and (max-width:991px){
.topheader{padding:10px 0;}
.navbar-toggle {display: block;margin:0;}
.sidebar{left:0 !important;}
.sidebar .list-group {margin-bottom: 10px;}
.sidebar.side{margin-left:0 !important;}
.content-wrapper{margin-left:0 !important;}

}
@media screen and (max-width:480px){
.topheader .headleft .siteinfo{display:none;}

}

/*-------------------------- Index CSS ---------------------------*/

.customizesec{background-color:#fff;}
.customizesec .col-xs-12{padding:0;}
.customizesec .customizimg{float:left; width:50%; position:relative; padding:16px 16px 0 16px;}
.customizesec .customizimg .themeimg{display:inline-block; width:100%; height:520px; border-radius: 5px; overflow:hidden; text-align:center; position:relative; background-size:cover; background-repeat:no-repeat; background-position:top center;}
.customizesec .customizimg .themeimg:before{content:""; background-color:rgba(1, 1, 11, 0.6); position:absolute; top:0; right:0; bottom:0; left:0;}
.customizesec .customizimg .themeimg .txt{color:#fff; font-size:14px; font-weight:normal; line-height:1.2; padding:10px; position:absolute; top:48%; left:0; right:0;}
.customizesec .customizimg .editlink{padding:15px 10px; display:inline-block; width:100%;}
.customizesec .customizimg .editlink li{width:33.33%; float:left; padding:6px; text-align:center;}
.customizesec .customizimg .editlink .link {color: #01010b; font-size:14px; font-weight:normal; display: inline-block; padding: 2px 3px 2px 27px; background-image: url('../images/newtab-black.png'); background-size: 20px; background-position: 0px -1px; background-repeat: no-repeat;}

.customizesec .customizedit{float:left; width:50%; position:relative; border-left:1px solid #f2f2f2;}
.customizesec .customizedit .headdiv{float:left; width:100%; padding:25px 15px 15px 15px;}
.customizesec .customizedit .headdiv .title1{color:#01010b; font-size:20px; font-weight:bold; line-height:1.2;}
.customizesec .customizedit .headdiv .title2{color:#95989a; font-size:13px; font-weight:normal; line-height:1.2; display:block;}
.customizesec .customizedit .actionlist{float:left; width:100%; height:450px; overflow:auto;}
.customizesec .customizedit .actionlist::-webkit-scrollbar {width: 0px;}
.customizesec .customizedit .actionlist .actions{display:inline-block; width:100%; padding:15px 130px 15px 45px; position:relative; border-bottom:1px solid #f2f2f2;}
.customizesec .customizedit .actionlist .actions:hover{background-color:#f9ffff;}
.customizesec .customizedit .actionlist .actions .checkb{display: inline-block; padding: 10px 0px 10px 20px; border-radius:5px; position:absolute; left:15px; top:12px;}
.customizesec .customizedit .actionlist .actions .checkb input {position: absolute; left:0; top:0; opacity: 0; cursor: pointer;}
.customizesec .customizedit .actionlist .actions .checkb .timing{color:#95989a; font-weight:normal; display:block;}
.customizesec .customizedit .actionlist .actions .checkb .checkmark{width:18px; height:18px; border-radius:2px; position: absolute; top: 2px; left: 0; border: 1px solid #8f8f8f; background-color: #fff;}
.customizesec .customizedit .actionlist .actions .checkb .checkmark:after{content:""; width: 5px; height: 10px; position:absolute; left: 5px; top: 2px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.customizesec .customizedit .actionlist .actions .checkb input:checked ~ .checkmark{background-color:#008080; border-color:#008080;}
.customizesec .customizedit .actionlist .actions:hover .checkb .checkmark{border-color:#008080;}
.customizesec .customizedit .actionlist .actions .txt1{color:#01010b; font-size:15px; font-weight:500; line-height:1.2; margin-bottom:5px;}
.customizesec .customizedit .actionlist .actions:hover .txt1{color:#008080;}
.customizesec .customizedit .actionlist .actions .txt2{color:#95989a; font-size:13px; font-weight:normal; line-height:1.5;}
.customizesec .customizedit .actionlist .actions:hover .txt2{color:#01010b;}
.customizesec .customizedit .actionlist .actions .link{color:#fff; font-size:14px; font-weight:normal; line-height:1.2; padding:10px; border-radius:19px; background-color:#008080; display:inline-block; position:absolute; right:20px; top:25px; opacity:0;}
.customizesec .customizedit .actionlist .actions:hover .link{opacity:1;}
.customizesec .customizedit .actionbtn{float:left; width:100%; padding:20px 16px; background-color:#fff; border-top:1px solid #f2f2f2;}
.customizesec .customizedit .actionbtn .btn {color: #95989a; font-size: 15px; font-weight: normal; border: 1px solid #e5e5e5; border-radius: 19px; padding: 7px 10px; box-shadow:none; min-width:110px;}
.customizesec .customizedit .actionbtn .active{color:#01010b; border-color:#01010b;}

.statisticsec{background-color: #f1f1f1; padding:35px 50px 50px 15px;}
.statisticsec .headdiv{display:inline-block; width:100%; margin-bottom:30px;}
.statisticsec .headdiv .title1{color:#01010b; font-size:20px; font-weight:bold; line-height:1.2;}
.statisticsec .headdiv .title2{color:#95989a; font-size:13px; font-weight:normal; line-height:1.2; display:block;}
.statisticsec .chartinfo1{width:100%; display:inline-block; margin-bottom:20px; border-radius: 5px; border: solid 1px #dff1f1; background-color: #f9ffff;}
.statisticsec .chartinfo1 .timediv{float:left; width:50%; padding:17px 15px;}
.statisticsec .chartinfo1 .timediv + .timediv{border-left:1px solid #dff1f1;}
.statisticsec .chartinfo1 .timediv h5{color:#01010b; font-size:15px; font-weight:500; line-height:1.2; margin-bottom:5px;}
.statisticsec .chartinfo1 .timediv .number{color:#008080; font-size:12px; font-weight:normal; line-height:1.2; display:block;}
.statisticsec .chartinfo1 .timediv .number span{font-size:20px; display:inline-block; margin-right:5px;}
.statisticsec .chartinfo2{width:100%; display:inline-block; padding:17px; border-radius: 5px; border: solid 1px #dff1f1; background-color: #f9ffff;}
.statisticsec .chartinfo2 h5{color:#01010b; font-size:15px; font-weight:500; line-height:1.2; margin-bottom:5px;}
.statisticsec .chartinfo2 .contentlist{display:inline-block; width:100%;}
.statisticsec .chartinfo2 .contentlist .lists{color:#95989a; font-size:12px; font-weight:normal; line-height:1.2; display:block; margin-top:15px;}
.statisticsec .chartinfo2 .contentlist .lists span{color:#01010b; font-size:20px; display:inline-block; min-width:22px; text-align:right; margin-right:5px;}
.statisticsec #chart_div {height: 320px; border-radius: 5px; border: solid 1px #dff1f1;}
.statisticsec #chart_div .highcharts-background{fill:#f9ffff;}
.statisticsec #chart_div .highcharts-point{fill:#008080;}

@media screen and (max-width: 1199px){
.statisticsec .chartinfo1 .timediv {padding: 17px 12px;}
.statisticsec .chartinfo1 .timediv .number {font-size: 10px;}
.statisticsec .chartinfo1 .timediv .number span {font-size: 16px;}

}
@media screen and (max-width: 991px){
.statisticsec .chartinfo2{margin-bottom:30px;}
.statisticsec {padding: 30px 10px;}

}
@media screen and (max-width: 767px){
.customizesec .customizimg{width: 100%;}
.customizesec .customizedit{width: 100%; border-top:1px solid #f2f2f2;}

}
@media screen and (max-width: 640px){
.customizesec .customizimg .themeimg{height:400px;}
.customizesec .customizedit {padding: 15px;}
.customizesec .customizedit .actionlist {height: 300px;}

}
@media screen and (max-width: 480px){
.customizesec .customizimg .editlink .link {font-size: 12px;}
.customizesec .customizedit .headdiv {padding: 15px 5px;}
.customizesec .customizedit .headdiv .title1 {font-size: 18px;}
.customizesec .customizedit .actionlist .actions {padding: 15px 15px 15px 30px;}
.customizesec .customizedit .actionlist .actions .checkb {left: 5px;}
.customizesec .customizedit .actionlist .actions .link{opacity:1; position: static; padding:8px 20px; margin-top:10px;}
.customizesec .customizedit .actionbtn{padding:15px 5px;}

}

/*-------------------------- Pages CSS ---------------------------*/

.tablelistsec .pagecontent{display:inline-block; width:100%; position:relative; padding-bottom:20px;}
.tablelistsec .pagecontent .topbtn{position:absolute; right: 10px; top:8px;}
.tablelistsec .pagecontent .topbtn .btn{border-radius: 2px; border: solid 1px #ccd0d4; background-color: #ffffff; margin:2px; padding:4px 12px; color:#72777c;}
.tablelistsec .pagecontent .topbox{display: inline-block; min-width:235px; min-height:40px; line-height: 1.4; padding: 11px 15px; font-size: 14px; text-align: left; margin: 25px 0 20px 0;  background-color: #fff; border-left: 5px solid #ffba00;}
.tablelistsec .pagecontent .topbox a{text-decoration:underline; color:#008080;}
.tablelistsec .pagecontent .pagename{color:#01010b; font-size:20px; font-weight:normal; line-height:1; margin-bottom:18px;}
.tablelistsec .pagecontent .pagecounts {display:inline-block; width:100%;}
.tablelistsec .pagecontent .pagecounts li {display: inline-block; margin: 0; padding: 0; white-space: nowrap;}
.tablelistsec .pagecontent .pagecounts li a {color:#008080; font-size:13px; line-height: 2; padding: .2em; text-decoration: none;}
.tablelistsec .pagecontent .pagecounts li .current {color: #01010b;}
.tablelistsec .pagecontent .pagecounts li .current .count {color: #95989a;}
.tablelistsec .pagecontent .actionlist{display:inline-block; width:100%;}
.tablelistsec .pagecontent .actiondiv{float:left; overflow: hidden; padding: 2px 30px 5px 0;}
.tablelistsec .pagecontent .actiondiv select {float: left; font-size:13px; margin-right: 6px; margin-bottom:5px; min-width:100px; max-width: 200px; width: auto; padding: 4px 6px; height:30px; vertical-align: middle;}
.tablelistsec .pagecontent .actiondiv .actionbtn {color: #555; font-size:13px; background: #e5e5e5; vertical-align: top; float: left; border-radius: 2px; border: solid 1px #ccd0d4; padding: 4px 6px; height:30px; margin-bottom:5px;}
.tablelistsec .pagecontent .pagestable{display:inline-block; width:100%;}
.tablelistsec .pagecontent .pagestable .table{background-color:#fff; margin-bottom:15px; border:1px solid #e5e5e5;}
.tablelistsec .pagecontent .pagestable .table .link{color:#008080; font-weight:normal;}
.tablelistsec .pagecontent .pagestable .table .checkb{display: inline-block; position:relative; padding: 6px; cursor: pointer; border-radius:5px;}
.tablelistsec .pagecontent .pagestable .table .checkb input {position: absolute; left:0; top:0; opacity: 0; margin:0; cursor: pointer;}
.tablelistsec .pagecontent .pagestable .table .checkb .checkmark{width:15px; height:15px; border-radius:2px; position: absolute; top: 0; left: 0; border: 1px solid #95989a; background-color: #fff;}
.tablelistsec .pagecontent .pagestable .table .checkb .checkmark:after{content:""; width: 5px; height: 10px; position:absolute; left: 4px; top: 1px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.tablelistsec .pagecontent .pagestable .table .checkb input:checked ~ .checkmark{background-color:#008080; border-color:#008080;}
.tablelistsec .pagecontent .pagestable .tablehead th{color:#01010b; font-size:13px; font-weight:normal; padding:15px 10px 15px 15px; vertical-align:middle;}
.tablelistsec .pagecontent .pagestable .tablehead th:first-child{padding-right:0;}
.tablelistsec .pagecontent .pagestable thead th{border-bottom:2px solid #e5e5e5;}
.tablelistsec .pagecontent .pagestable tfoot th{border-top:2px solid #e5e5e5;}
.tablelistsec .pagecontent .pagestable .tablebody tr:nth-child(odd){background-color:#fcfcfc;}
.tablelistsec .pagecontent .pagestable .tablebody td{color:#01010b; font-size:12px; font-weight:normal; padding:13px 10px 23px 15px; border:none; vertical-align:top;}
.tablelistsec .pagecontent .pagestable .tablebody td:first-child{padding-right:0;}
.tablelistsec .pagecontent .pagestable .tablebody .date{display:block; text-decoration:underline;}
.tablelistsec .pagecontent .pagestable .tablebody .seo{display:inline-block; width:15px; height:15px; background-color:#008080; border-radius:50%;}

@media screen and (max-width: 640px){
.tablelistsec .pagecontent .topbtn {position:static; width:100%; display:inline-block; margin-top:10px;}

}

/*--------------------------  CSS ---------------------------*/
/*--------------------------  CSS ---------------------------*/
/*--------------------------  CSS ---------------------------*/

.userdropdown a.dropdown-toggle {
    display: block;
    position: static;
    width: auto;
    padding: 0px;
}

.userdropdown a.dropdown-toggle {
    display: block;
    width: auto;
    color: #fff;
    padding: 0px;
    position: static;
}

.userdropdown a.dropdown-toggle img.img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    border: solid 2px #fff;
}

.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topheader .headleft {
    float: none;
}

.topheader .headright {
    float: none;
}

.topheader .headright .userdropdown .dropdown-menu {
    margin-top: 0px;
    width: 200px;
        top: 55px;

}

.sidebar.side1 {
    left: 0px;
    margin: 0px;
    width: 74px;
}

.sidebar.side1 .list-group span.txt {
    display: none;
}

.sidebar.side1 .togglebar {
    width: 74px;
}