p {
     font-size: 14px;
     line-height: 1.7;
     color: #666666;
     margin: 0px;
}
/*---------------------------------------------*/
 input {
     outline: none;
     border: none;
}
 input:focus::-webkit-input-placeholder {
     color: transparent;
}
 input:focus:-moz-placeholder {
     color: transparent;
}
 input:focus::-moz-placeholder {
     color: transparent;
}
 input:focus:-ms-input-placeholder {
     color: transparent;
}
 button {
     outline: none !important;
     border: none;
     background: transparent;
}
 button:hover {
     cursor: pointer;
}
 iframe {
     border: none !important;
}
 .limiter {
     width: 100%;
     margin: 0 auto;
}
 .flex-direction-column{
     flex-direction:column;
}
 .container-login100 {
     width: 100%;
     min-height: 100vh;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     padding: 15px;
     background: #9053c7;
     background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
     background: -o-linear-gradient(-135deg, #c850c0, #4158d0);
     background: -moz-linear-gradient(-135deg, #c850c0, #4158d0);
     background: linear-gradient(-135deg, #c850c0, #4158d0);
}
 .wrap-login100 {
     -webkit-box-shadow: 0px 3px 5px 0px rgba(51,51,51,1);
     -moz-box-shadow: 0px 3px 5px 0px rgba(51,51,51,1);
     box-shadow: 0px 3px 5px 0px rgba(51,51,51,1);
     width: 830px;
     background: #fff;
     border-radius: 10px;
     overflow: hidden;
     max-height: 416px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding: 50px 75px 50px 50px;
}
/*------------------------------------------------------------------ [ ]*/
 .login100-pic {
     width: 316px;
     display: flex;
     justify-content: center;
     align-items: center;
     height:295px;
}
 .login100-pic img {
    /*max-width: 100%;
     position: relative;
     top: 18%;
     margin: 0 auto;
     left: 12%;
     text-align: center;
     position: absolute;
     top: 45%;
    */
}
/*------------------------------------------------------------------ [ ]*/
 .login100-form {
     width: 290px;
}
 .login100-form-title {
     font-size: 24px;
     color: #333333;
     line-height: 1.2;
     text-align: center;
     width: 100%;
     display: block;
     padding-bottom: 30px;
}
/*---------------------------------------------*/
 .wrap-input100 {
     position: relative;
     width: 100%;
     z-index: 1;
     margin-bottom: 10px;
}
 .input100 {
     font-size: 15px;
     line-height: 1.5;
     color: #666666;
     display: block;
     width: 100%;
     background: #e6e6e6;
     height: 50px;
     border-radius: 25px;
     padding: 0 30px 0 68px;
}
/*------------------------------------------------------------------ [ Focus ]*/
 .focus-input100 {
     display: block;
     position: absolute;
     border-radius: 25px;
     bottom: 0;
     left: 0;
     z-index: -1;
     width: 100%;
     height: 100%;
     box-shadow: 0px 0px 0px 0px;
     color: rgba(87,184,70, 0.8);
}
 .input100:focus + .focus-input100 {
     -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
     animation: anim-shadow 0.5s ease-in-out forwards;
}
 @-webkit-keyframes anim-shadow {
     to {
         box-shadow: 0px 0px 70px 25px;
         opacity: 0;
    }
}
 @keyframes anim-shadow {
     to {
         box-shadow: 0px 0px 70px 25px;
         opacity: 0;
    }
}
 .symbol-input100 {
     font-size: 15px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     position: absolute;
     border-radius: 25px;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding-left: 35px;
     pointer-events: none;
     color: #666666;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}
 .input100:focus + .focus-input100 + .symbol-input100 {
     color: #3498db;
     padding-left: 28px;
}
/*------------------------------------------------------------------ [ Button ]*/
 .container-login100-form-btn {
     width: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     padding-top: 8px;
}
 .login100-form-btn {
     font-size: 15px;
     line-height: 1.5;
     color: #fff;
     text-transform: uppercase;
    /*width: 100%;
    */
     height: 42px;
     border-radius: 25px;
     background: #3498db;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 25px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}
 .login100-form-btn:hover {
     color: #fff;
     background: #2e56c6;
}
 .azure-btn {
     margin-top: 0px;
     background: #4299e1;
     color: #FFFFFF;
     font-weight: bold;
     border-radius:10px;
     padding:5px;
}
 .azure-btn:hover {
     background: #0284c7;
}
 .hr-text {
     display: flex;
     align-items: center;
     margin: 2rem 0;
     font-size: 1.2rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .04em;
     line-height: 1rem;
     color: #6c7a91;
     height: 1px;
}
 .hr-text:after, .hr-text:before {
     flex: 1 1 auto;
     height: 2px;
     background-color: #adacac;
}
 .hr-text:before {
     content: "";
     margin-right: .5rem;
}
 .hr-text:after {
     content: "";
     margin-left: .5rem;
}
 .logo-accre {
     background: #fff !important;
     height: 50px;
     bottom: 0;
     position: absolute 
}
 @media (max-width: 1100px) {
     .license .licensehead {
         width: 86% !important;
         margin: 0 auto;
    }
}
 @media (max-width: 992px) {
     .license-detail {
         width: 100% !important;
         max-height: max-content !important;
    }
     .logo-license-detail {
         position: relative !important;
         top: 0px !important;
         left: 0px !important;
         width: 100%;
         text-align: center;
    }
     .text-area {
         height: 232px !important;
    }
     .title-absolute {
         max-width: 100%;
         position: relative !important;
         top: unset !important;
         width: 100%;
         text-align: center;
         padding-top: 20px !important;
         padding-bottom: 10px !important;
    }
     .license .wrap-login100 {
         max-height: max-content !important;
    }
     .license .licensehead {
         width: 86% !important;
         margin: 0 auto;
    }
     .license .login100-pic {
         width: 100% !important;
         position: relative;
         display: block !important;
    }
     .wrap-login100 {
         padding: 177px 90px 33px 85px;
    }
     .license .wrap-login100 {
         width: auto !important;
         max-height: auto !important;
         padding: 30px 30px 30px 30px;
    }
     .license .licenseform {
         width: 100% !important;
    }
     .mobile-m-20 {
         margin-top: 20px;
    }
     .logo-license {
         position: relative !important;
         top: 0px !important;
         left: 0px !important;
         width: 100%;
         text-align: center;
    }
     .login100-pic {
         width: 35%;
    }
     .login100-form {
         width: 50%;
    }
}
 @media (max-width: 768px) {
     .wrap-login100 {
         padding: 100px 80px 33px 80px;
    }
     .login100-pic {
         display: none;
    }
     .logo-accre img{
         display: none;
    }
     .login100-form {
         width: 100%;
    }
     .vl {
         display: none !important;
    }
}
 @media (max-width: 576px) {
     .wrap-login100 {
         padding: 100px 15px 33px 15px;
    }
     .vl {
         display: none;
    }
}
 .text-center {
     text-align: center;
}
 .p-t-12 {
     padding-top: 12px;
}
 .vl {
     border-left: 3px solid whitesmoke;
    /*height: 500px;
    */
}
 .limiter {
     background-image: url('images/bg.jpg');
     background-repeat: repeat-x;
     background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-attachment: fixed;
     position: relative;
     min-height: 100vh;
}
 .container-login100 {
     min-height: 100vh;
     background: -moz-linear-gradient(45deg, rgba(51,153,219,0.8) 50%, rgba(200,80,192,0.8) 100%);
    /* ff3.6+ */
     background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(51,153,219,0.8)), color-stop(100%, rgba(200,80,192,0.8)));
    /* safari4+,chrome */
     background: -webkit-linear-gradient(45deg, rgba(51,153,219,0.8) 50%, rgba(200,80,192,0.8) 100%);
    /* safari5.1+,chrome10+ */
     background: -o-linear-gradient(45deg, rgba(51,153,219,0.8) 50%, rgba(200,80,192,0.8) 100%);
    /* opera 11.10+ */
     background: -ms-linear-gradient(45deg, rgba(51,153,219,0.8) 50%, rgba(200,80,192,0.8) 100%);
    /* ie10+ */
     background: linear-gradient(45deg, rgba(51,153,219,0.8) 50%, rgba(200,80,192,0.8) 100%);
    /* w3c */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2DBDD5', endColorstr='#3399DB',GradientType=1 );
    /* ie6-9 */
}
 .margin-bottom-20 {
     margin-bottom: 20px;
}
 .margin-top-4 {
     margin-top: 4px;
}
 #forgotpassword .modal-dialog {
     width: 409px;
}
 .note {
    /* margin-top: 120%;
     margin-left: -34px;
     */
}
 .req {
     margin-left: 3px;
     color: #dc373d;
     font-weight: bold;
     font-size: 14px;
     padding-bottom: 5px;
}
 .note p {
     font-size: 11px;
     padding-left: 6px;
}
 .field-icon {
     float: right;
     margin-top: -31px;
     position: relative;
     z-index: 2;
     padding-right: 30px;
}
 .show-password {
     padding-right: 28px;
}
 .logo-accre {
     width: 100%;
     margin: 0 auto;
     text-align: center;
}
 .logo-accre img {
     position: absolute;
     bottom: 0;
     margin-left: -80px;
}
 .report-incident {
     position: absolute;
     top: 64%;
     vertical-align: middle;
}
 .br-25 {
     border-radius: 25px !important;
}
 .div-ryt {
     text-align: right;
     width: 100%;
}
 .p0 {
     padding: 0px;
}
 .pad-wrap {
     padding: 50px 75px 50px 50px;
}
 .incident-add.btn {
     margin-left: 0px !important;
     margin-right: 0px !important;
}
 .rpt-inc {
     position: absolute;
     right: 2%;
     top: 2%;
}
 .pos-rel {
     position: relative;
}
 .license-form-btn {
     font-size: 16px;
     line-height: 1.5;
     color: #fff;
     height: 50px;
     border-radius: 6px;
     background: #3498db;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 17px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}
 .readonly-clr {
     background: #ccc4c4 !important;
}
 .container-login100-form-btn a:hover, .container-login100-form-btn a:focus {
     color: white;
     text-decoration: none;
}
 .logo-license {
     position: absolute;
     top: 10px;
     left: 36px;
}
 .licensehead h2 {
     width: 100%;
     text-align: center;
     border-bottom: 2px solid #ea863b;
     line-height: 0.1em;
     margin: 10px 0 20px;
}
 .licensehead h2 span {
     background: #fff;
     padding: 0 10px;
     color: #ea863b;
     font-size: 21px;
}
 .title-absolute {
     max-width: 100%;
     position: absolute;
     top: 45%;
     width: 100%;
     text-align: center;
}
 .license .licensehead {
     width: 63%;
     margin: 0 auto;
}
 .licenseform {
     text-align: center;
}
 .license-form-title {
     padding-bottom: 20px !important;
}
 .margin-top-30 {
     padding-top: 30px;
}
 .license .wrap-input100 {
     position: relative;
     width: 100%;
     z-index: 1;
     margin-bottom: 25px;
}
 .license .input100 {
     border-radius: 6px;
}
 .license .login100-pic {
     width: 45%;
     position: relative;
}
 .license .licenseform {
     width: 45%;
}
 .license .login100-form {
     width: 100%;
}
 .license .wrap-login100 {
     width: 60%;
     max-height: 700px;
     padding: 30px 30px 30px 30px;
}
 .text-area {
     font-size: 13px;
     line-height: 1.5;
     color: #666666;
     display: block;
     width: 100%;
     border-radius: 5px;
     background: #e6e6e6;
     height: 180px;
     resize: none;
     padding: 8px;
     outline: none;
     border: none;
}
 .pasteoption {
     text-align: right;
     margin-top: 10px;
     margin-right: 8px;
}
 .pasteoption a {
     cursor: pointer;
}
 .pasteoption a:hover, .pasteoption a:focus {
     text-decoration: none;
}
 .license-detail {
     box-shadow: 0px 3px 5px 0px rgb(51 51 51);
     width: 830px;
     background: #fff;
     border-radius: 10px;
     overflow: hidden;
     max-height: 416px;
     padding: 30px 30px 30px 30px;
}
 .logo-license-detail {
     float: left;
}
 .mt25 {
     margin-top: 25px;
}
 .license-detai .licensehead {
     margin: 0 auto;
     margin-top: 37px;
     width: auto !important;
}
 .text-center {
     text-align: center;
}
 .b-10 {
     margin-bottom: 2px !important;
}
 .card-title {
     display: block;
     line-height: 21px;
     margin-bottom: 15px;
}
 .pl {
     float: right;
}
 .center-input {
     width: 80%;
     margin: 0 auto;
}
 .w-100p {
     width: 100%;
}
 .image.wrap-login100 {
     padding: 50px 50px 50px 50px;
     text-align: center;
     display: block;
}
 .highlight {
     color: green;
     font-size: 16px;
     font-weight: 600;
}
 .float-right {
     float: right;
}
 .red-clr {
     color: #F00;
     font-size: 16px;
}
 .orange-clr {
     color: #ff6d00;
     font-size: 16px;
}
 .green-clr {
     color: #339900;
     font-size: 16px;
}
 .float-left {
     float: left;
}
 .float-right {
     float: right;
}