h1{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}

@media (max-width:767.98px){
    h1{
        font-size: 30px;
    }
}

.bottom-btn {
    margin: 25px 0 15px 0;
    text-align: center;
}
.login-page {
    margin: 20px auto;
    width:360px;
    max-width: 100%;
    padding: 25px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.login-page .rememberMe {
    font-weight: normal;
}
.or-box {
    position: relative;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    margin-top: 20px;
}
.or {
    color: #666666;
    background-color: #ffffff;
    position: absolute;
    text-align: center;
    font-size: 14px;
    top: -8px;
    width: 40px;
    margin-left: -20px;
    left: 50%;
}
.form-group {
    margin-bottom: 0;
}
.mt30{
    margin-top: 30px
}
form h1 {
    font-size: 3em;
    font-weight: 300;
    text-align: center;
    color: #2196f3;
}
form h5 {
    text-align: center;
    text-transform: uppercase;
    color: #c6c6c6;
}
form hr.sep {
    background: #2196f3;
    box-shadow: none;
    border: none;
    height: 2px;
    width: 25%;
    margin: 0px auto 45px auto;
}
form .emoji {
    font-size: 1.2em;
}
  
.systemtitle{
    font-size: 20px;
    font-weight: bold;
}

.rownormal{
    color: black;
}

.rowactive{
    color: blue;
}

.rowcomplete{
    color: #898989;
}

.rowexpired{
    color: red;
}

.rowsuspend{
    color: #999999;
    text-decoration-line: line-through;
}

.loginbackgroup {
    background-color: white;
}

.odd {
    background-color: white;
}

.even {
    background-color: #EFEFEF;
}

.msg {
    color: red;
}

.lbl {
    color: black;
    background-color: #e7e7e7;
    padding: 8px;
}

.title {
    text-align: center;
}

.subtitle {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.submitctl {
    margin-top: 15px;
    text-align: center;
}

.adminportal {
    background-color: #2A3F54;
}

.itcportal {
    background-color: #A61010;
}

.agentportal {
    background-color: #1E4E20;
}

.bg-light{
    background-color: #f6f6f4;
    /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 226, 222, 0.5)), color-stop(58.85%, rgba(255, 255, 255, 0))), #ffffff;
    background: linear-gradient(180deg, rgba(224, 226, 222, 0.5) 0%, rgba(255, 255, 255, 0) 58.85%), #ffffff;*/
}
.bg-white{
    background-color: #fff;
}
.text-blue{
    color: #08396B;
}

.btn {
   white-space: nowrap; 
   word-break: keep-all;
}

.btn1{
    border-radius: 100px;
    -webkit-transform: scale(1);
    transform: scale(1);
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
}
.btn-sm{
      padding: 5px 8px !important;
      white-space: nowrap; 
}
.btn-submit {
    color: white;
    background: #0066CC;
}
.btn.btn-submit:hover, .btn.btn-submit:active, .btn.btn-submit:focus{
    background:  #fc0000 ;
    color: white;
}
.btn-default{
    color: #000;
    background: #e0e2de;
    border: none;
}
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
    color: white;
    background: #fc0000;
}
.btn-dark {
    color: white;
    background: #333;
}
.btn.btn-dark:hover, .btn.btn-dark:active, .btn.btn-dark:focus{
    background:  #000 ;
    color: white;
}
.btn:hover, .btn:active, .btn:focus {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
}

.buttonlink {
    margin-bottom: 15px;
}

.button {
    margin-top: 15px;
    text-align: right;
}

.title {
    margin: 0 0 20px 0;
}

.textbox {
    width: 200px;
    max-width: 80vw;
}

.textboxm {
    width: 400px;
    max-width: 80vw;
}

.textboxl {
    width: 800px;
    max-width: 80vw;
}

.linespace {
    height:100px;
}

.uploadfile {
    margin: 35px 0 25px 0;
}

.hidden {
    display: none;
}

.it .btn-orange
{
	background-color: blue;
	border-color: #777!important;
	color: #777;
	text-align: left;
    width:100%;
}

.it input.form-control
{
	
	border:none;
  margin-bottom:0px;
	border-radius: 0px;
	border-bottom: 1px solid #ddd;
	box-shadow: none;
}
.it .form-control:focus
{
	border-color: #ff4d0d;
	box-shadow: none;
	outline: none;
}
.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fieldsetborder{
    border:1px solid #EFEFEF;
    padding: 5px;
}

.duedate_red{
    color: #fc0000;
}

.duedate_blue{
    color: #0000FF;
}

.task_1{
    color: #000000;
    background-color: #FFFFFF;
}

.task_2{
    color: #0000FF;
    background-color: yellow;
}

.task_3{
    color: #0000FF;
    background-color: yellow;
}

.task_4{
    color:red;
    background-color: whitesmoke;
}

.task_5{
    color: red;
    background-color: bwhitesmokelue;
}

.task_6{
    color: red;
    background-color: whitesmoke;
}

.task_7{
    color: #000000;
    background-color: greenyellow;
}

.task_8{
    color:#000000;
    background-color:#FFFFFF;
}

.task_9{
    color:#e0e2de;
    background-color:#FFFFFF;
    text-decoration: line-through;
}

.modal-xl{
    width: 1200px;
    margin: auto;
}

hr.dashed {
    border-top: 2px dashed #999;
}

hr.dotted {
    border-top: 2px dotted #999;
}

hr.solid {
    border-top: 2px solid #999;
}


hr.hr-text {
  position: relative;
    border: none;
    height: 1px;
    background: #999;
}

hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tableContainerDiv {
    overflow: auto;
 }

 .tableContainerDiv table, .tableContainerDiv table tr {
    border: gray solid 1px;
 }

 .tableContainerDiv table tr th, .tableContainerDiv table tr td {
    border: gray solid 1px;
    text-align: center;
 }

 .tblstyle table tr th, .tblstyle table tr td {
    text-align: center;
 }

 .tbl_label {
    min-width: 180px;
 }

 .tbl_normal {
    min-width: 80px;
 }

 .tbl_actual {
    background-color: #E4DFEC;
    color: #000;
    min-width: 80px;
 }

 .tbl_planned {
    background-color: #C5D9F1;
    color: #000;
    min-width: 80px;
 }

 .tbl_summary {
    background-color: #F2DCDB;
    color: red;
    min-width: 80px;
 }

 .tbltbx input[type="number"] {
    width:50px;
 }

 .password-check div {
    display: flex;
    padding: 1px;
    align-items: center;
    font-weight: 500;
    color: red;
  }
  
.password-check img {
    height: 25px;
    padding-right: 10px;
}

.password-inputs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #78c1f3;
    border-radius: 30px;
    padding-left: 20px;
    margin-bottom: 20;
}
  
.password-inputs input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    padding: 15px 0;
    font-size: 18px;
    color: #ffffff;
}
  
.password-inputs img {
    height: 55px;
    width: 55px;
    cursor: pointer;
    background: limegreen;
    border-radius: 30px;
    padding: 15px;
}

input[type="checkbox"]:disabled, input[type="radio"]:disabled {
    border-color: #000000;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #000000;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    opacity: 1;
}