@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* @import url(//db.onlinewebfonts.com/c/3b2646a48566403a55f62ceddbecbe18?family=Hiragino+Sans+GB); */


@font-face {
    font-family: 'Meiryo';
    src: local('Meiryo'),
        url('../fonts/Meiryo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'HiraKakuProN-W3-AlphaNum';
  src: local('HiraginoSans-W3'),
       url('../fonts/HiraKakuProN-W3-AlphaNum.eot'),
       url('../fonts/HiraKakuProN-W3-AlphaNum.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HiraKakuProN-W3-AlphaNum.svg#HiraKakuProN-W3-AlphaNum') format('svg'),
       url('../fonts/HiraKakuProN-W3-AlphaNum.ttf') format('truetype'),
       url('../fonts/HiraKakuProN-W3-AlphaNum.woff') format('woff'),
       url('../fonts/HiraKakuProN-W3-AlphaNum.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


html{
    font-family: 'Meiryo', sans-serif;
}

html[data-useragent*='Mac OS'] {
  font-family: 'HiraKakuProN-W3-AlphaNum';
}

html[data-useragent*='Mac'] {
 font-family: 'HiraKakuProN-W3-AlphaNum';
}



body{
     font-weight: 300; font-size: 14px; color: #000;
}


::-moz-selection {
    color: #fff;
    background: #b80100;
}
::selection {
    color: #fff;
    background: #b80100;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;

}
::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;

}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

}





/*===========================SUPPORT CLASS===========================*/

.trans{
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.flowHide{
    overflow: hidden;
}


/*===========================NAVBAR START===========================*/

.bg-dark {
    background-color: #fff!important; padding: 0rem 1rem; position: fixed;
    z-index: 999;
    width: 100%;
}

.navbar {
    box-shadow: 0 2px 9px 0 rgba(0,0,0,0.2), 0 2px 9px 0 rgba(0,0,0,0.19);
}

/*HAMBURGER START*************************/

.hamburger {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px 0px 0px;
    margin-left: -15px;
    transition: all 1s ease;
}

.cta {
  height: 50px;
  width: 50px;
  cursor: pointer; }

.toggle-btn {
  height: 2px;
  width: 20px;
  background-color: #fff;
  position: relative;
  top: 51%;
  left: 0;
  margin: auto;
  transition: all 0.3s ease-in-out;
}
  .toggle-btn:before {
    content: "";
    height: 2px;
    width: 20px;
    box-shadow: 0 -10px 0 0 #fff;
    position: absolute;
    top: 4px;
    left: 0;
    transition: all 0.3s ease-in-out;
}
  .toggle-btn:after {
    content: "";
    height: 2px;
    width: 20px;
    box-shadow: 0 10px 0 0 #fff;
    position: absolute;
    top: -4px;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.active .type14 {
  background-color: #fff;
  width: 12px;
  margin: auto;
}
  .active .type14:before {
    width: 6px;
}
  .active .type14:after {
    width: 25px;
}

/*HAMBURGER END*************************/



.user-icon{
    width: 35px;
    height: 35px;
    display: inline-block;
    background-color: #b80100;
    border-radius: 50px;
}


@media (min-width: 576px){
.navbar-expand-sm .navbar-nav .nav-link {
    margin-left: 15px;
}
    }

/*============================SIDE BAR START============================*/
.sidebar-menu {
    position: fixed;
    z-index: 99;
    height: 100vh;
    display: inline-block;
    background-color: #292929;
    box-shadow: 2px 0px 9px 0 rgba(0,0,0,0.2), 2px 0px 9px 0 rgba(0,0,0,0.19);
    display: block;
    min-height: 100%;
    transition: all .3s cubic-bezier(.55,0,.1,1);
/*    transform: translate3d(-200px,0,0);*/
}

.sidebar-menu .navbar-nav .nav-link {
    padding: 15;
    position: relative;
    white-space: nowrap;


}

.sidebar-menu .navbar-nav .nav-link img{
    margin-bottom:5px;
}
.sidebar-menu .nav-link:hover {
       background-color: #171717;
}

/*SMALL SIDE BAR****************/
.full-side-bar {
    width: 230px!important;
     transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.small-side-bar{
    width:50px;
     transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.nav-link-name{
    position: relative;
    margin-left: 15px;

}
.nav-link-name {
    position: absolute;
    white-space: nowrap;
    transition: opacity 0.4s ease-out 0s;
    border-radius: 0.6rem;
    padding: 2px 10px;
    top: 9px;
    left: 50px;

}
.tax-active > .tax-show{
    display: inline-block !important;
    position: absolute;
    white-space: nowrap;
    transition: opacity 0.4s ease-out 0s;
    border-radius: 0.6rem;
    padding: 4px 10px;
    top: 9px;
    left: 50px;
    background-color:#171717;

}
.tax-active > .tax-show::after {
    content: '';
    position: absolute;
    top: 6px;
    left: -16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right: 15px solid #171717;

}
.name-hide{
    display: none;
}


/*///////////////ANIMATEED///////////////*/
.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation: mymove .5s ;
    animation-iteration-count: 1;
}

/*FADE IN RIGHT*/

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
	font-weight: 300;
}


@keyframes fadeInRight{

    0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}



.content{
    padding-top:120px;
}






.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);

}








.sidebar-icon span{font-size: 22px;display: inline-block;padding-left: 17px; padding-top: 3px;}
.ulleft{padding-top: 19px; margin-top: 62px;}
.ulleft li{padding:10px 0px;}
.profile {
    display: inline-block; float: left;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    border: 3px solid #9fbd47; margin-top: 9px;
}
.profile img{width: 100%; height: auto;}
.fontawesomclr{color:#c8c8c8; font-size: 17px;padding-top: 11px;}
.powericon {
    color: #fff;
    font-size: 19px; margin: 1px 6px 0px 0px; float: left;
}
.powericon:hover{color: #921010; cursor: pointer;}
.right-section{padding: 50px 0px 30px;}
.colom-hd{background-color: #334554;padding: 9px 15px 3px;}
.colom-hd h2{color: #fff; font-weight: 300; font-size: 17px; margin-top: 0;
    margin-bottom: 0.5rem;}
.colom-hd h2 span{color: #fff; font-weight: 100; font-size: 16px;}
.colom-hd h3{color: #fff; font-weight: 300; font-size: 17px; margin-top: 0;
    margin-bottom: 0.5rem;}
.colom-hd h3 span{color: #fff; font-weight: 100; font-size: 12px; float: right; margin-top: -19px;}
.colom-div{background-color: #ececec; margin-top: 30px; }
.tble{width: 100%;}
.tblecolom{line-break: anywhere;}
.tbleheading{}
.srchicn{font-size: 13px;padding-right: 6px;color: #087ad4;}
.table-outer{padding: 0px; }
.tblecolom td {padding: 7px 8px; border: 1px solid #c7c6c6;}
.tbleheading th{font-weight: 500;
    padding: 9px 8px 9px; border: 1px solid #c7c6c6; }
.tdtxtinner{font-size: 12px;}
.ctr-txt{/* color: #ff9800; */}
.cvr-txt{color: #60a518;}
.periodset{font-size: 22px; font-weight: 300; padding-right: 16px;}
.dteinput{background-color: #ffffff;border: 1px solid #e2aa06;border-radius: 0 !important; font-weight: 300; width: 120px;
    padding: 6px 2px;
    font-size: 16px; outline: none !important;}
.wdth-yearmonth{}
.wdth-date{}
.totxt{padding: 0px 10px;}
.update-btn:hover{cursor: pointer; background: none;color: #e2aa06; transition: 1s;}
.update-btn {
    background-color: #e2aa06;
    outline: none !important;
    color: #fff;
    border: 1px solid #e2aa06;
    font-weight: 200;
    font-size: 16px;
    padding: 6px 24px 6px;
    margin-left: 10px;
    border-radius: 22px;
}
.datepickouter{padding: 40px 30px 0px; background-color: #ececec;}
.thclm0{width: 45px;}
.thclm2{min-width: 140px;}
.thclm3{min-width: 96px;}
.thclm4{width: 370px;}
.colom-graph{background-color: #fff; overflow: hidden;-webkit-box-shadow: 0px 0px 2px 2px rgba(217,217,217,1);
-moz-box-shadow: 0px 0px 2px 2px rgba(217,217,217,1);
box-shadow: 0px 0px 2px 2px rgba(217,217,217,1); margin-top: 45px;}
.canvasjs-chart-credit{display: none;}
.chartcont-main {
    height: 370px;
    margin: 9px auto 8px;
}
.hide-divmain{max-width: 920px; margin: 0px auto; position: relative;}
.hide-spanmain{background-color: #fff;width: 100px;height: 50px;top: -36px;position: absolute;}
.chartcont{height: 370px;  margin: 25px 30px 40px;}
.hide-div{position: relative;}
.hide-span {
    background-color: #fff;
    width: 91px;
    height: 40px;
    top: -53px;
    left: 29px;
    position: absolute;
}
.csvicon{display: inline-block; margin: 5px 0px 10px;}
.csvicon img{width: 27px; height: auto;}
.csvicon img:hover{opacity: .6; transition: .5s;}
.pdficon {
    display: inline-block;
    font-size: 22px;
    color: #e2704e;
}
.pdficon img{width: 27px; height: auto;}
.dwntxt{color: #e2704e; font-size: 14px;}

.colom-div2{background-color: #ececec; }
.srchicn2{font-size: 13px;padding-right: 6px;color: #087ad4;}
.tble2{width: 100%;}
.tblecolom2{line-break: anywhere;}
.tbleheading2{background-color: #334553;color: #fff;}
.table-outer2{}
.tblecolom2 td {
    padding: 7px 7px;
    border: 1px solid #c7c6c6;
}
.tbleheading2 th{font-weight: 300; padding: 6px 7px; border: 1px solid #c7c6c6; font-size: 12px;}

.thclmgraph{width: 46px; padding-left: 10px !important;}
.thclmgraph_no{min-width: 45px; text-align: center;}
.thclmgraph0{min-width: 120px;}
.thclmgraph1{min-width: 200px;}
.thclmgraph2{min-width: 111px;}
.thclmgraph3{min-width: 130px;}
.thclmgraph4{min-width: 87px;}
.thclmgraph5{min-width: 105px;}
.thclmgraph6{min-width: 105px;}
.thclmgraph7{min-width: 127px;}
.thclmgraph8{min-width: 135px;}
.thclmgraph9{min-width: 100px;}

.thtxtbtm{display: block; font-size: 12px;}
.graphtablscrol{overflow-y: scroll; max-height: 213px; margin-right: -15px;}
.colspantd{width: 100%; padding: 0px;}
.scroltble{width: 100%;}

.thclmzero0 {width: 35px;text-align: center;}
.thclmzero1{min-width: 260px; padding-left: 10px !important;}
.thclmzero2{min-width: 110px;}
.thclmzero3{min-width: 130px;}
.thclmzero4{width: 155px;text-align: center;}
.zeromtch{font-size: 30px;font-weight: 400;padding: 27px 0px 0px;margin: 0; color: #000;}
.zeromtchkey{color: #000; font-weight: 300; font-size: 19px; margin: 0;}
.zeromtchkey span{color: #000; font-weight: 100; font-size: 14px; float: right;}
.tdinside-btn:hover{cursor: pointer; background: none;color: #5a8429; transition: 1s;}
.tdinside-btn {background-color: #5a8429;outline: none !important;color: #fff;border: 1px solid #5a8429;font-weight: 300;font-size: 13px;padding: 2px 13px 2px;border-radius: 5px;}
.sidebar-menu .navbar-nav .nav-link.active{background-color: #525252;color: #fff;}
.dictionary{font-size: 30px;font-weight: 400;padding: 27px 0px 0px;margin: 0; color: #000;}
.colom-div3{background-color: #ececec;  padding:20px 15px; }
.dictinput {width: 100%;padding: 4px 8px;font-weight: 300;border: 1px solid #d0d0d0;color: #000;margin: 4px 0px;font-size: 14px;outline: none !important;}
.dicltlftxt {font-size: 15px;padding-top: 8px;font-weight: 400;}
.rwpd{padding: 10px 0px;}
.dict-btn:hover{cursor: pointer; background: none;color: #5a8429; transition: 1s;}
.dict-btn {background-color: #5a8429;outline: none !important;color: #fff;border: 1px solid #5a8429;font-weight: 300;font-size: 13px;padding: 5px 13px 4px;margin-left: 10px;border-radius: 5px;margin-top: 5px;}
.login-bg{ width: 345px; border-radius:0px !important; margin: 60px auto 40px;}
.g-txt {color: #ffffff;font-weight: 100;padding: 21px 0px 8px;font-size: 25px;text-align: center;}
.txt-bx { color: #000;padding: 9px 15px;font-weight: 300;font-size: 14px;background-color: #e2f3fa; width: 100%;border: none; border-radius: 2px; outline: none !important; height: 50px;}
.edit_popup_call:hover{opacity:.6; cursor:pointer; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s;}
.txt-bx::placeholder {color: #b5b5b5; font-weight: 100;}
.inptt-bg{margin: 0px 0px 13px;}
.plse { color: red; display: none;font-size: 15px; position: absolute;left: 0px; top: -20px; width: 100%;text-align: center;}
.log-btn:hover{   background-color: #a8b5b6;color: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; cursor: pointer;}
.log-btn {
    background-color: #24ade2;
    color: #fff;
    border: none; height: 55px;
    width: 100%;
    font-weight: 400;
    margin: 44px 0px 48px;
    font-size: 16px;
    border-radius: 5px;
    padding: 9px 2px 9px;
    outline: none !important;
}
.log-btn2:hover{   background-color: #f19b00;color: #383636; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; cursor: pointer;}
.log-btn2 {
    background-color: #333333;
    color: #fff;
    border: none;
    width: 32%;
    font-weight: 400;
    margin: 16px 0px 29px;
    font-size: 16px;
    border-radius: 5px;
    padding: 9px 2px 9px;
    outline: none !important;
}
.btn-rtt{text-align: right;}
.posinherit{position: inherit !important; padding: 0px 36px 7px;}
.userimgic{float: left;}
.rowmarg{margin: 0px;}
.userimagbg { margin-bottom: 32px;}
.passimagbg{ margin-bottom: 0px;}
.lgtli{position: relative;}
.lgtli:hover{cursor: pointer; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; opacity: .6;}
.lgt-bg {
    background-color: #000;
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: 9999999;
    padding: 20px;
    text-align: center; display: none; min-width: 340px;
}
.lgt:hover{   background-color: #f19b00; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; cursor: pointer;}
.lgt {outline: none !important;
    background-color: #FF5722;
    color: #fff;
    border: none;
    margin: 5px 0px 6px;
    font-size: 15px;
    border-radius: 1px;
    padding: 7px 14px 5px;
}
.rtul li a:hover{opacity: .7; }
.lgo-span{display: inline-block; padding: 0px 15px; float: left; margin-top: 7px;}
.lgo-span a {
    margin: 0; font-size: 28px;
    color: #000 !important;
    font-weight: 500; padding: 0px 0px;
}
.lgo-spanlogin{ padding: 0px 0px 60px;  text-align: center;}
.lgo-spanlogin a {
    margin: 0; font-size:42px;
    color: #000 !important;
    font-weight: 500; padding: 15px 0px;
}
.lgo-spanlogin2{ padding: 16px 15px 0px;  margin-top: 7px; text-align: center;}
.lgo-spanlogin2 a {
    margin: 0; font-size:28px;
    color: #000 !important;
    font-weight: 500; padding: 15px 0px;
}

.lgo-span img {height: 49px;width: auto;}
.lgo-spanlogin img{height: 180px;width: auto;}
.lgo-span a:hover{text-decoration: inherit;}
.lgo-spanlogin a:hover{text-decoration: inherit;}
.lgo-spanlogin2 a:hover{text-decoration: inherit;}


.slct-site {
    background-color: #9fbd47;
    border: 1px solid #9fbd47;
    border-radius: 0 !important; outline: none !important;
    font-weight: 300;
    width: 120px;
    color: #fff;
    padding: 4px 2px;
    margin-top: 13px;   margin-right: 11px; min-height: 31px;
}
.slct-site:hover{cursor: pointer;}
.bgone {
    padding: 0px 30px 45px;
}
.bgtwo {
    padding: 30px 30px 45px; background-color: #ececec;
}
.learn-mrebg {text-align: center;}
.learn-mre {
    background-color: #369fcd;
    outline: none !important;
    color: #fff;
    border: 1px solid #369fcd;
    font-weight: 200;
    font-size: 18px;
    padding: 7px 20px 7px;
    margin-left: 10px;
    border-radius: 25px; margin-top: 30px;
}
.learn-mre:hover {
    cursor: pointer;
    background: none;
    color: #369fcd;
    transition: 1s;
}
.learn-mre2 {
    background-color: #fd5b5b;
    outline: none !important;
    color: #fff;
    border: 1px solid #fd5b5b;
    font-weight: 200;
    font-size: 18px;
    padding: 7px 20px 7px;
    margin-left: 10px;
    border-radius: 25px; margin-top: 30px;
}
.learn-mre2:hover {
    cursor: pointer;
    background: none;
    color: #fd5b5b;
    transition: 1s;
}
.linktxt:hover{cursor: pointer;}
.linktxt {
    color: #000000 !important; text-decoration: inherit !important;
    font-size: 15px;
    font-weight: 400;
    padding: 21px 15px !important;
    margin: 0 !important; display: inline-block;
}
.linktxt::after {display: none !important;}
.nvbxshdw{box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2), 0 0px 0px 0 rgba(0,0,0,0.19); padding: 0px 15px;  float: left; margin-bottom: 0; padding: 0; border: none;}
.nvbxshdw li{list-style: none;}
.nvbxshdw li a:hover{background-color: #000; color: #fff !important;}
.rtul{float: right; padding-right: 9px;}
.rtul li{list-style: none; margin-right: 10px;}
.rtul a{margin: 0; padding: 0;}
.uldrop{background-color: #000;  border: none;border-radius: 0; top: 100%; min-width: 200px; padding-bottom: 6px;}
.uldrop li{padding: 0px 0px;}
.uldrop a{color: #fff !important; font-size: 15px;
    margin: 0px 10px;
    padding: 5px !important;
    width: inherit;}
.uldrop a:hover{background-color: #616060 !important;
    color: #fff !important;}
.linktxt.tax-active{background-color: #000 !important; color: #fff !important;}
.dropdown:hover .linktxt{background-color: #000 !important; color: #fff !important;}

/* report */
.colom-div4{background-color: #ececec; margin-top: 30px;}
.report-tbl{width: 100%;}
.reprt-tr{}
.reprt-tr > td {
    border: 2px solid #fff;
    padding: 0;
}
.reporthd {
    background-color: #334554;
    color: #fff;
    padding: 8px 15px 8px;
    font-weight: 300;
    font-size: 16px; height: 41px;
}
.backrnd{background: none !important;}

.reprt-no1{min-width: 80px;}
.tble3{width: 100%;}
.tblecolom3{line-break: anywhere;}
.tbleheading3{}
.srchicn3{font-size: 13px;padding-right: 6px;color: #087ad4;}
.table-outer3{padding: 0px;}
.tblecolom3 td {padding: 7px 8px; border: 1px solid #c7c6c6;}
.tbleheading3 th{font-weight: 300; padding: 8px 8px; border: 1px solid #c7c6c6;}
.tdrank1 {
    width: 90px;
    text-align: center; vertical-align: top;
}
.tdrank2 {
    min-width: 315px; vertical-align: top;
}
.dateextrabg {
    padding: 0px 0px 25px 0px;
    display: inline-block; float: left;
}
.analy{background-color: #ffffff; width: 252px;
    border: 2px solid #b1c797; outline: none !important;
    border-radius: 0 !important;
    font-weight: 300; padding: 4px 3px;}
.anly-btn {
    background-color: #5a8429;
    outline: none !important;
    color: #fff;
    border: 1px solid #5a8429;
    font-weight: 300;
    font-size: 14px;
    padding: 5px 16px 5px;
    margin-left: 10px;
    border-radius: 5px;
}
.anly-btn:hover {
    cursor: pointer;
    background: none;
    color: #5a8429;
    transition: 1s;
}
.yearchk{margin-left: 25px; margin-right: 4px; outline: none !important;}
.yrtxt{font-weight: 300;}
.update-anlyse:hover{cursor: pointer; background: none;color: #e2aa06; transition: 1s;}
.update-anlyse {background-color: #e2aa06;outline: none !important;color: #fff;border: 1px solid #e2aa06;font-weight: 300;font-size: 13px;padding: 6px 16px 5px;margin-left: 10px;border-radius: 5px;}

.colom-div5{background-color: #ececec; }
.report-tbl2{width: 100%;}
.reprt-tr2{background-color: #d0b566;
    color: #fff;
    font-size: 15px;
    font-weight: 400;}
.report-tbl2 td {
    border: 1px solid #fff;
     padding: 6px 11px;
}
.txtcntr{text-align: center; width: 90px;}
.datepick{display: inline-block; margin-right: 20px;}
.pdficn{font-size: 25px; color: #de8400;}
.pdficnbg {
    display: inline-block;
    text-align: center;
    float: right;
    line-height: 15px;
    margin-top: 0px; text-decoration: inherit !important;
}
.pdficnbg:hover{opacity: .6; transition: .5s; cursor: pointer;}
.csvicn{font-size: 25px; color: #de8400;}
.csvicnbg{display: inline-block; margin-top: 14px;}
.datepickinp{width: 208px; outline: none !important;  font-size: 15px;
    font-weight: 400;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
    background: no-repeat;
    border: none;
    color: #334553;
    border-bottom: 2px solid #000;
    border-radius: 0;
    padding: 5px 1px;  transition: inherit;
	background-image: url(../img/dteicn.png);background-position: right; background-repeat: no-repeat;background-size: contain;}
.datepickinp:hover{cursor: pointer;}

.colom-graphextr{background-color: #fff; margin-top: 5px; overflow: hidden;-webkit-box-shadow: 0px 0px 2px 2px rgba(217,217,217,.8);
-moz-box-shadow: 0px 0px 2px 2px rgba(217,217,217,.8);
box-shadow: 0px 0px 2px 2px rgba(217,217,217,.8);}
.colom-hdextr{background-color: #3c838c;
    padding: 6px 15px 4px;}
.colom-hdextr h2{color: #fff; font-weight: 300; font-size: 20px; margin-top: 0;
    margin-bottom: 0.5rem; padding-right: 20px;}
.colom-hdextr h2 span{font-size: 14px;}
.table-outerextr h3 {
    font-size: 15px;
    margin: 0;
    min-height: 36px;
    padding: 7px 0px; line-height: 21px;
}
.table-outerextr{background-color: #ececec; }
.clr-bar1{background-color: #82bde6; display: inline-block; padding: 11px 11px; float: left;margin-right: 6px;}
.clr-line1{background-color: #317fb3; display: inline-block; padding: 3px 15px; margin-right: 6px;}
.clr-bar2{background-color: #a9d193; display: inline-block; padding: 11px 11px; float: left;margin-right: 6px;}
.clr-line2{background-color: #5b983c; display: inline-block; padding: 3px 15px; margin-right: 6px;}
.table-outerextr p{font-size: 22px;
    font-weight: 500;
    padding: 0px 13px 5px;
    margin: 0;}
.seachdv{font-size: 22px;
    font-weight: 500;
    padding: 0px 13px 5px;
    margin: 0;}
.grphrw{padding: 8px 20px;}
.grphrw .col-xs-6{padding: 0px 5px}
.table-outergrph{padding: 0px 7px 15px;}
.chk-bx{zoom:1.4; margin-left: 3px; margin-top: 2px;}
.chk-bx:hover{cursor: pointer;}
.brd{border: none;}
.nvulpd{padding: 0; margin-left: 15px;}
.pgeno>li>a, .pgeno>li>span {
    position: relative;
    float: left;
    padding: 2px 19px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #525252;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pgeno>.active>a, .pgeno>.active>a:focus, .pgeno>.active>a:hover, .pgeno>.active>span, .pgeno>.active>span:focus, .pgeno>.active>span:hover {background-color: #3981d6;border-color: #3981d6; cursor: pointer;}
.pageno-bg{float: right;}
.txtflt{float: left; padding-top: 2px;}
.spnflt {
    float: left;
    display: inline-block;
    padding-left: 8px;
    text-align: left;
    line-height: 11px;
    padding-top: 0px;
    font-size: 11px;
}
.spnflt a {
    color: #bfd6e6;
    text-decoration: inherit;
}
.spnflt a span:hover{opacity: .7;}
.divcate {
    height: 44px;
    margin-top: 30px;
    line-height: 17px;
    background: #334552;
    display: inline-block;
    color: #fff;
    margin-bottom: -4px;
    padding: 5px 15px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.dvrt {text-align: right;}
.headingtxt{font-size: 30px;
    font-weight: 400;
    padding: 2px 0px 8px;
    margin: 0;
    color: #000; display: inline-block;}
.tblecolom3 a{text-decoration: inherit !important; }
.sihd {
    font-size: 23px; text-align: center;
    font-weight: 400;
    padding: 40px 39px 0px;
    margin: 0;
    color: #000;  float: left;
}
.spnflt .fa:hover{cursor: pointer;}
.csvouter{text-align: right;}
.graphtp {
    float: left;
    margin: 5px 25px 5px 0px;
    width: 420px;
}
.graphtp_outer{padding: 0px 35px;}
.grphcsv {float: right;margin: 10px 1px;}
.icndown{float: right;}
.filter-rel {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 12px;
}
.filter-pos {
    position: absolute;
    top: 4px;
    left: 7px;
    color: #334552;
    font-size: 29px;
}
.filter-srch {
    border: 2px solid #334552;
    padding: 5px 5px 6px 33px;
    font-size: 16px;
    width: 290px;
    outline: none;
}
.grphpd{margin: 1px 0px 0px 28px;}
.grphpd2{margin: 10px 0px;}
.grphpd3{margin: 30px 44px 0px 0px;}
.grphpd4{float: inherit !important; margin: 0px 0px 10px;}


.selectgraph {
    width: 187px;
    border: none;
    margin: 9px 13px 8px 0px;
    padding: 6px 3px;
    background: #334553;
    outline: none !important;
    color: #fff; font-size: 16px; min-height: 35px;
}
.selectgraph:hover{cursor: pointer; opacity: .7;}
.nne{display: none;}
.sltwd{width: 134px;}

/* FILE UPLOAD */
.files input {
    outline: 2px dashed #c5c5c5;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 103px 0px 46px 42%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:after {  pointer-events: none;
    position: absolute;
    top: 23px;
    left: 0;
    width: 32px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 32px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " CSV Drag and drop ";
    display: block;
    margin: 0 auto;
    color: #b4b7b6;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}


.submt-bt {
    background-color: #de6d49;
    outline: none !important;
    color: #fff;
    border: 1px solid #de6d49;
    font-weight: 300;
    font-size: 16px;
    padding: 8px 30px 7px;
    border-radius: 5px;
    margin: 31px 0px;
}
.submt-bt:hover {
    cursor: pointer;
    background: none;
    color: #de6d49;
    transition: 1s;
}
.dlt-bt {
    background-color: #403f3f;
    float: left;
    outline: none !important;
    color: #fff;
    border: 1px solid #403f3f;
    font-weight: 300;
    font-size: 11px;
    padding: 7px 15px 7px;
    border-radius: 5px;
    margin: 38px 0px;
}
.dlt-bt:hover {
    cursor: pointer;
    background: none;
    color: #de6d49;
    transition: 1s;
}
.exportbgg{padding-top: 21px;
    border-top: 3px solid #dedede;
    margin-top: 35px;}
.reg-manual{font-size: 25px;
	padding-top: 23px;}
.user-adm {
    float: left;
    padding-top: 19px;
    padding-left: 6px;
    font-weight: 400;
}
.mrgr{margin-right: 7px;}
.mrgtp{margin-top: 13px;}
.clearmrg{margin: 0px 6px;}
.btn-cntr{text-align: center;margin-top: 10px;}

.logtxt{font-size: 16px;
    font-weight: 400;
    padding: 0px 0px 15px;
}
.chkbg {
    font-size: 16px;
    text-align: center;
    height: 47px;
    font-weight: 400;
    margin: auto;
    padding: 0px 0px 20px;
    display: table;
}
.chkbg span{float: left;}
.chkbg input{zoom: 1.4; margin-right: 7px; margin-top: 1px; float: left;}
.forgot{font-size: 16px;font-weight: 400; text-align: center;}
.forgot a{text-decoration: underline; color: #24ade2;}
.bgcl1{background-color: #317fb3;}
.bgcl2{background-color: #5b983c;}
.clseic{float: right;
    margin-top: -22px;
    color: #fff;}
.clseic:hover{cursor: pointer; opacity:.7;}
.applying-btn {
    background-color: #5a8429;
    outline: none !important;
    color: #fff;
    border: 1px solid #5a8429;
    font-weight: 300;
    font-size: 14px;
    padding: 8px 16px 7px;
    margin-left: 10px;
    border-radius: 4px;
}
.applying-btn:hover {
    cursor: pointer;
    background: none;
    color: #5a8429;
    transition: 1s;
}
.pdt{padding-top: 6px;}
.linktxt.active{background-color: #000 !important; color: #fff !important;}
.grapbtn-ul{display: inline-block;
    background-color: #d8d6d6;
    padding: 0;}
.grapbtn-ul li.active {
background-color: #909090;
color: #fff;
}
.grapbtn-ul li {
    border-left: 2px solid #fff;
    background-color: #d8d6d6;
    padding: 4px 16px;
    display: inline-block;
    margin: 0px 0px 0px -4px;
    color: #000;
}
.grapbtn-ul a:hover{opacity: .5; text-decoration: inherit;}
.grapbtn-ul a{color: #000; display: inline-block;}
.graphbtnbg {
    text-align: right;
    padding-right: 15px;
    margin-top: -28px;
}
.pagesltno {
    display: inline-block;
    margin: 22px 23px 0px 0px;
    padding: 0;
    float: left;
}
.pagesltno li{display: inline-block; list-style: none;}
.pagesltnoslt {margin-right: 13px;
    border: 1px solid #d0d0d0;
    border-radius: 0;
    outline: none !important; min-height: 23px;
}
.pagesltnoslt:hover{cursor: pointer;}
.pgeno{float: left;}
.pgmr{margin-right: 0;}
.pgmr .pagesltnoslt{margin-right: 0;}
.datepick1 {
    display: inline-block;
}
.datepickinp1 {
    outline: none !important;
    font-size: 16px;
    font-weight: 400;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
    background: no-repeat;
    border: none;
    color: #334553;
    border-bottom: 2px solid #000;
    border-radius: 0;
    padding: 5px 1px;
    transition: inherit;
    background-image: url(../img/dteicn.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain; margin-bottom: 15px;  width: 210px;
}
.datepickinp1:hover{cursor: pointer;}
.datepickinp1::placeholder {
  color: #334553;
}
.upic{font-size: 16px;padding-right: 1px;}
.sltmrg{margin-top: 45px;}
.srcht{height: 24px; position: relative;
    line-height: 25px;
    overflow: hidden;}
.srchtdot{position: absolute; top: 0px; right: 0; display: none;}

.colom-divpdf{height: inherit !important;}
.table-outerpdf{overflow: inherit !important;}

.dotwrap{width: 426px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;}
.dotwrap2{width: 600px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;}

.zero_check{border: none; outline: inherit; zoom: 1.4;}
.zeroclickmsg{padding: 9px 14px 7px; font-size: 14px; color: #446680; display: none;}
.searchclickmsg{padding: 9px 14px 7px; font-size: 14px; color: #446680; display: none;}

.loadingbg {text-align: center;height: 100vh;position: fixed;top: 0px; padding-top: 17%; width: 100%;background: #ffffffa8; z-index: 9999999999999999;left: 0px;}
.loadingbg img{width: 100px; height: auto;}
.titlenew{font-size: 24px; font-weight: 400;padding: 0px 0px 15px;margin: 0;color: #000; text-align: left;}
.bldnumber{font-weight: bold;}
.tblesaimht{height:630px;}
.graphtp_outer .titlenew{display: inline-block;padding: 19px 0px 0px !important; float: left;}
.dicltlftxt2{font-size: 22px;padding-top: 9px;font-weight: 400;}
.navbarextra .icon-bar {margin: 3px 0px !important;height: 3px;background: #1179a2;}
.navbarextra:hover.navbarextra .icon-bar {background: #9fbd47;}
.navbarextranone{display: none;}



/* FILE2 UPLOAD */
.files2 input {
    outline: 2px dashed #c5c5c5;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 103px 0px 46px 42%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files2 input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files2{ position:relative}
.files2:after {  pointer-events: none;
    position: absolute;
    top: 23px;
    left: 0;
    width: 32px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files2:before {
    position: absolute;
    bottom: 32px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " CSV Drag and drop ";
    display: block;
    margin: 0 auto;
    color: #b4b7b6;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

.prdimplabel {font-size: 15px;padding-top: 16px;font-weight: 400;}
.prdimplabel2 {font-size: 15px;padding-top: 8px;font-weight: 400;}
.prdimpslct {width: 100%;padding: 8px 8px;font-weight: 300;border: 1px solid #d0d0d0;color: #696969;margin: 4px 0px;font-size: 12px;outline: none !important;}
.imrtbg{text-align: right;}
.dict-btn2:hover{cursor: pointer; background: none;color: #5a8429; transition: 1s;}
.dict-btn2 {background-color: #5a8429;outline: none !important;color: #fff;border: 1px solid #5a8429;font-weight: 300;font-size: 13px;padding: 5px 13px 4px;margin-left: 10px;border-radius: 5px;margin-top: 20px;}
.colom-div6{background-color: #ececec;  padding:20px 15px; }
.importsection1{min-height: 500px;}
.importsection2{min-height: 500px;}
.submt-bt2 {
    background-color: #de6d49;
    outline: none !important;
    color: #fff;
    border: 1px solid #de6d49;
    font-weight: 300;
    font-size: 16px;
    padding: 8px 30px 7px;
    border-radius: 5px;
    margin: 31px 0px;
}
.submt-bt2:hover {
    cursor: pointer;
    background: none;
    color: #de6d49;
    transition: 1s;
}
.uploadbg{text-align: center;}
.reg-manual2{font-size: 25px;margin-top: 10px;}

.addclientt-btn {
    background-color: #5a8429;
    outline: none !important;
    color: #fff;
    border: 1px solid #5a8429;
    font-weight: 300;
    font-size: 13px;
    padding: 3px 13px 2px;
    border-radius: 5px; margin-bottom: 5px;
    margin-top: 30px;}
.closepopp {margin-top: -24px !important; opacity: 1 !important;}
.btsavepop{background-color: #5a8429; outline: none !important;color: #fff !important; border: 1px solid #5a8429;}
.lblpop{font-size: 14px;}
.inppop {
    width: 100%;
    border: 1px solid #dcdcdc;
    padding: 4px;
    margin: 3px 0px 6px;
}
.mdlwdthh{width: 390px;}
.tdin-btn {
    background-color: #5a8429;
    outline: none !important;
    color: #fff;
    border: 1px solid #5a8429;
    font-weight: 300;
    font-size: 13px;
    padding: 2px 13px 2px;
    border-radius: 5px;
}






@media (max-width: 1800px){
.dotwrap{width: 349px;}
   .dotwrap2{width: 485px;}
}


@media (max-width: 1600px){
.dotwrap{width: 285px;}
   .dotwrap2{width: 394px;}
}


@media (max-width: 1400px){
.dotwrap{width: 240px;}
   .dotwrap2{width: 318px;}
}


@media (max-width: 1280px){
    .dotwrap {width: 210px;}
    .dotwrap2 {width: 275px;}

	.thclm3 {min-width: 70px;}
	.thclm2 {min-width: 105px;}
	.table-outer2 { overflow-x: scroll;width: 100%;}
	.table-outer2::-webkit-scrollbar {height: 5px;}
}


@media (max-width: 768px){
    .rtul{display: inline-block;}
    .rtul li{float: left;}
    .fontawesomclr {color: #c8c8c8;font-size: 17px;padding: 13px 18px 0px 0px;}
    .resspan{display: block; padding: 10px 0px;}
    .update-btn{margin-left: 0px;}
    .hide-span{background-color: #fff;width: 78px;}
    .tble2{width: 710px;}
    .login-bg{width: 100%;}
    .posinherit{padding: 7px 30px;}

	.lgo-span {display: block;float: none; }
	.rtul {float: none;position: absolute;right: 0px;top: 0px;}
	.user-adm {display: none;}
	.profile {margin-top: 6px;}
	.nvbxshdw .collapse {display: block;}
	.nvbxshdw{float: none;}
	.nvulpd {margin: 9px 0px; display: none;}
	.linktxt {padding: 7px 15px !important; display: block;}
	.navbar-toggle.navbarextra {padding: 0;margin: 12px 0px 0px;}
	.navbarextranone{display: block;}
	body {padding-top: 45px;}
	.bg-dark {top: 0px;}
	.table-outer {padding: 0px;overflow-x: scroll;}
	.table-outer::-webkit-scrollbar {height: 5px;}
	.thclm0 {min-width: 48px;}
	.uldrop {position: relative;float: none;}
	.linktxt {margin: 3px 0px 0px !important;}
	.graphtp_outer .titlenew {display: block; float: none;}
	.graphtp {margin: 5px 0px 14px;width: 100%;}
	.selectgraph {width: 130px;}
	.table-outer2 { overflow-x: scroll;width: 100%;}
	.table-outer2::-webkit-scrollbar {height: 5px;}
	.pgeno>li>a, .pgeno>li>span {padding: 2px 5px;}
	.pgeno {float: right;}
    #siWeek .colom-div4 { overflow-x: scroll;width: 100%;}
	#siWeek .colom-div4::-webkit-scrollbar {height: 5px;}
	.tbleheading3 th {min-width: 48px;}
	.colom-div5 { overflow-x: scroll;width: 100%;}
	.colom-div5::-webkit-scrollbar {height: 5px;}
	.dictionary {font-size: 23px; padding: 27px 0px 12px;}
	.responsive-dict { width: 100%;margin-left: 0; margin-bottom: 12px;}
	.thclm3 {min-width: 96px;}
	.thclm2 {min-width: 140px;}
	.hide-span {left: 0px;position: absolute;}
	.chartcont {margin: 25px 1px 40px;}
}