@font-face {
    font-family:"Segoe UI";
/*     src: url("/axiojob/font/segoe-ui-light.ttf");  */
/*     src: url("/font/segoe-ui-light.ttf");  */
    src: url("/font/segoe-ui-bold.ttf"); 

}

@font-face {
    font-family:"Segoe UI Light";
/*     src: url("/axiojob/font/segoe-ui-light.ttf");  */
    src: url("/font/segoe-ui-light.ttf"); 
/*     src: url("/font/segoe-ui-bold.ttf");  */

}

body {
  font-family: 'Noto Sans', sans-serif; 
  
}
body p{
color:#808284;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}

.textlogo{color:#FFFFFF !important;font-size:20px;font-weight:500;}
.loginTextLogo{color:#FFF !important;font-size:22px;font-weight:500;}
.textLogoRed{color:#000;}
.page-logo > a{margin:15px 0 0 0;}
.page-logo > a:hover{text-decoration:none;}
#loderImg{
display:none;
position:relative;
top:63px;
height:1px;
}

.pagging span,.pagging a{
position: relative;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
color: #337AB7;
background-color: #FFF;
border: 1px solid #DDD;
margin-left: -1px;
}

.pagging>.current{
color: #FFF;
background-color: #337AB7;
border-color: #337AB7;
cursor: default;
}

.login{
background-color: #FFF !important;
}
.textlogo{padding:15px;}
.logoHead{
height:80px;
background-color: #CD1F30;
}
.login .content{background-color: transparent !important;}

/*.loginBoxCover{
 height:460px;			
 background-image: url("/axiojob/images/bottombackground.png");
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: top;
}*/

.loginBoxCover{
background-image:none;
padding-top:10%;
}

.loginPage{
 height:100vh;			
/*  background-image: url("/axiojob/images/bottombackground.png"); */
/*  background-image: url("/images/bottombackground.png"); */
/*  background-size: 100%; */
/*  background-repeat: no-repeat; */
/*  background-position: 0 216px; */
}

#startIcn{
height:150px;
/* background-image: url("/axiojob/images/Icons-04.png"); */
background-image: url("/images/dicon003.png");
background-size: 150px;
background-position: center;
background-repeat: no-repeat;
}
#startIcn:hover{
/*background-image: url("/axiojob/images/Icons-4.png");*/
background-image: url("/images/dicon0003.png");
}


#databaseIcn{
height:150px;
/* background-image: url("/axiojob/images/Icons-03.png"); */
background-image: url("/images/dicon005.png");
background-size: 150px;
background-position: center;
background-repeat: no-repeat;
}
#databaseIcn:hover{
/*background-image: url("/axiojob/images/Icons-3.png");*/
background-image: url("/images/dicon0005.png");
}

#reportIcn{
height:150px;
/*background-image: url("/axiojob/images/Icons-02.png");*/
background-image: url("/images/Icons-02.png");
background-size: 150px;
background-position: center;
background-repeat: no-repeat;
}
#reportIcn:hover{
/* background-image: url("/axiojob/images/Icons-2.png"); */
background-image: url("/images/Icons-2.png");
}

#graphIcn{
height:150px;
/* background-image: url("/axiojob/images/Icons-01.png"); */
background-image: url("/images/dicon004.png");
background-size: 150px;
background-position: center;
background-repeat: no-repeat;
}
#graphIcn:hover{
/* background-image: url("/axiojob/images/Icons-1.png"); */
background-image: url("/images/dicon0004.png");
}

#paramIcn{
height:150px;
/* background-image: url("/axiojob/images/Icons-01.png"); */
background-image: url("/images/Parameters.png");
background-size: 150px;
background-position: center;
background-repeat: no-repeat;
}
#paramIcn:hover{
/* background-image: url("/axiojob/images/Icons-1.png"); */
background-image: url("/images/Parameters2.png");
}

#asistIcn{
height:150px;
/* background-image: url("/axiojob/images/Icons-01.png"); */
background-image: url("/images/dicon001.png");
background-size: 150px;
background-position: center;
background-repeat: no-repeat;
}
#asistIcn:hover{
/* background-image: url("/axiojob/images/Icons-1.png"); */
background-image: url("/images/dicon0001.png");
}


#orgnoIcn{
height:150px;
/*  background-image: url("/axiojob/images/organo.jpg"); */
background-image: url("/images/dicon002.png");
background-size: 150px;
background-position: center;
background-repeat: no-repeat;
}
#orgnoIcn:hover{
/* background-image: url("/axiojob/images/Icons-1.png"); */
background-image: url("/images/dicon0002.png");
}


.levelRef{border:none;width:35px;margin-bottom: 4px;}

.lableLogin{
color:#808284;
font-size: 20px;
font-weight: normal;
}

.loginBtn{
background-color: #808284;
color: #FFF;
font-weight: bolder;
}

.axiobar{
  height: 480px;
  position: relative;
  top: -25px;
}

.login-form{
padding-top:124px;
}

.reportBox p{
margin-top:0px !important;
padding:0px !important;
}

#loadingDiv{
display:none;
  position:fixed;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-color:#666;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

#loadingDiv1{
display:none;
  position:fixed;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-color:#666;
  z-index:10000000;
  opacity: 0.2;
  filter: alpha(opacity=20); /* For IE8 and earlier */
}


#loadingDiv2{
display:none;
  position:fixed;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-color:#666;
  z-index:10000000;
  opacity: 0.2;
  filter: alpha(opacity=20); /* For IE8 and earlier */
}


#loadingDiv3{
display:none;
  position:fixed;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-color:#666;
  z-index:10000000;
  opacity: 0.2;
  filter: alpha(opacity=20); /* For IE8 and earlier */
}


.tabDisable{
pointer-events:none;
}


.popover {max-width:1500px !important;z-index:9999;}
/* .popover > .arrow {display:none;} */
.popover-content{max-height:290px;overflow-y:auto;}

body, .page-sidebar, .page-header.navbar{ background-color: #CC2030; }
 
.popover:hover{z-index:99999 !important;}

.page-sidebar .page-sidebar-menu > li{color:#FFF;background:#CC2030;}
.page-sidebar .page-sidebar-menu > li > a i, .page-sidebar .page-sidebar-menu > li > a{color:#FFF !important;}

.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li:hover > a > i{color:#CC2030 !important;background:#FFF;}
.page-sidebar .page-sidebar-menu > li.activeMenu > a,.page-sidebar .page-sidebar-menu > li.activeMenu > a i {background: #FFF;color:#CC2030 !important;}

.dashMenu{color:#2B3643;}
.dashMenu:hover{color:#CC2030;}
.page-footer .page-footer-inner {color: #FFF;}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li:hover > a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li:hover > a i{color:#CC2030 !important;}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {color: #FFFFFF;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover,.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: #FFFFFF;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover i,.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i { color: #CC2030;}

.tab1Continue, .tab2Continue, .tabSubmit, .grayBtn{
background-color: #808284 !important;
border-color: #808284 !important;
}


.tabContBtn1{
opacity: .65;
pointer-events:none;
}

.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #808284 ;
}

.tabbable-line > .nav-tabs > li:hover{
border-bottom: 4px solid #CCCCCD;
}


.chart{
font-family: 'Segoe UI', sans-serif !important;
font-weight:bold;
}

.commentBtn{background-color: #43283a !important;border-color: #43283a !important;}
.helpBtn{background-color: #808284 !important;border-color: #808284 !important;}
.expandBtn{background-color: #f8a981 !important;border-color: #f8a981 !important;}

.progressCustom{background-color: #43283a !important;}



@media (max-width: 480px) {
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle{ background-color:#FFFFFF;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle i{ color:#CC2030;}
}


@media(max-width:980px) {

.login-form{
padding-top:0px;
}

.loginPage{
background-image:none;
}

.axiobarHide{display:none;}

.loginBoxCover{
 height:auto;
 padding-top:10px;			
/*  background-image: url("/axiojob/images/bottombackground.png"); */
/*  background-image: url("/images/bottombackground.png"); */
/*  background-size: 100%; */
/*  background-repeat: no-repeat; */
/*  background-position: bottom; */
}

.tokenBox{padding-top:20px !important;}

}

.tokenBox{padding-top:220px;}
.tokenText{font-size:16px;color:#fff;font-weight:bolder;padding-bottom:4px;}
.tokenCoin{width: 90px;height: 90px;border: 10px solid #fff;text-align: center;border-radius: 50% !important;font-size: 46px;color: #fff;font-weight: bolder;cursor: pointer;}

.note-editable p{
	margin: 0px;
	color:#000;
}

.note-status-output{
	display:none !important;
}