body {font-family: 'Roboto', sans-serif;background:#ffffff;} 


/* 01 GLOBAL */

ul, li, ul li, table, lable, p, span, dl, dt, dd, table, tr, td {margin: 0px; padding: 0px;}
* {margin: 0px; padding: 0px;}
a:hover, a:focus {text-decoration: none !important;}
img {border: none;}
.mt5 {margin-top: 5px !important;}
.mt7 {margin-top: 7px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}

pd10 {padding: 10px;}
.img-fullwidth img {width: 100%; height: auto;}
.mb-23{margin-bottom:23px;}
.mb-50{margin-bottom:50px;}
.mt-0{margin-top:0 !important;}
.mb-0{margin-bottom:0 !important;}
.border-bottom0{border-bottom:0 !important;}
body{font-family: 'Open Sans', sans-serif !important;overflow-x:hidden; color:#333;} 
.text-info {color: #333;}
header, footer, figure, aside, section, article {display: block;}
.full-width {float: left; width: 100%; padding: 0 15px 30px; max-width: 100%;}
.widthfull {width: 100%; float: left;}
.breadcrumb { padding: 8px 0px !important; margin-bottom: 0px !important; list-style: none !important; background-color: transparent !important; border-radius: 0px !important; margin-top: 10px;}
.top_line { width: 100%; height: 4px; float: left; background: #003366; margin-bottom:5px;}
.im-responsive{width:100%; height:auto;}
select:-moz-focusring{color: transparent !important; text-shadow: 0 0 0 #000 !important;}
.topcontrol{background:#203375  !important;}

.padding0 {margin-left: -5px !important; margin-right: -5px !important;}
.padding0>div {padding-left: 5px !important; padding-right: 5px !important;}

.padding0-tab {margin-left: -5px !important; margin-right: -5px !important;}
.padding0-tab>div {padding-left: 5px !important; padding-right: 5px !important;}


.confirm-panel{width:100%; float:left; background:#f5f5f5; padding:20px 15px;}
.confirm-panel p{width:100%; float:left; margin-bottom:15px;}
.confirm-panel p .highlight{color:#b90404;}
.confirm-panel .radio-btn-panel{width:100%; float:left;}




/*---login-pg---*/
.login-pg{width:100%; height:100vh; float:left;}
.login-pg .login-pg-inner{width:100%; height:100vh;  display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.login-pg .login-pg-inner .login-pg-row{width:100%; display:flex;}
.login-pg .login-pg-inner .login-pg-row .login-pg-row-inner{width:100%; display:flex;}
.login-pg .im-panel{width:20%; display:flex; margin-right:20px; padding: 7px;}
.login-pg .im-panel img{width:100%; height:auto; }
.login-pg .form-panel{width:50%; display:flex; flex-direction:column; margin-left:20px;}
.login-pg .form-panel .f-logo{width:100%; display:flex; margin-bottom:30px; justify-content:center;}
.login-pg .form-panel .f-logo img{width:250px;}
.login-pg .form-panel .company-name{width:100%; display:flex; justify-content:center; margin:2px 0; font-size:24px; color:#D11B2E; font-weight:600;}
.login-pg .form-panel .company-name2{width:100%; display:flex; justify-content:center; margin:0px 0; font-family: 'MonteCarlo', cursive; font-size:24px; font-style:italic; color:#D11B2E; font-weight:600;}
.login-pg .form-panel .form-control{border-radius:0px; height:45px; line-height:45px;}
.login-pg .form-panel .btn-outer{width:100%; float:left; margin:30px auto; text-align: center;}
.login-pg .form-panel .btn-outer .btn{font-size: 18px;font-weight: 600;letter-spacing: 2px;fill: #033880;color: #033880;background-color: rgba(0,0,0,0); border:4px solid #033880; border-radius: 50px 50px 50px 50px;padding: 10px 40px 10px 40px;}
.login-pg .form-panel .btn-outer .btn:hover{background:#033880; color:#fff;}
.login-pg .form-panel .forgot-signup-panel{width:100%; display:flex; justify-content:space-between; color:#033880; font-weight:600;}
.login-pg .form-panel .forgot-signup-panel .forgot{color:#D11B2E;}
.login-pg .form-panel .forgot-signup-panel .signup{color:#D11B2E;}

.login-pg .footer-full{width:100%; float:left; background:#033880; margin-top:15px; padding:10px 0;}
.login-pg .footer-full .copy-right{float:left; color:#fff; font-size:11px;}
.login-pg .footer-full .site-developed{float: right; color:#fff; padding-left:10px; font-size:11px;}
.login-pg .footer-full .site-developed a{color:#fff;}
.login-pg .footer-full .login-pg-row-inner{justify-content:flex-end;}

/*--bugreport-popup --*/
.forgot-signup-popup .modal#divsignuppopup{padding-right:0px !important; z-index:11111;}
.forgot-signup-popup .modal#divforgotpopup{padding-right:0px !important; z-index:111111;}
.forgot-signup-popup .modal-dialog{width:auto; max-width: 450px; }
.forgot-signup-popup .modal-dialog .close{width: 35px;height: 35px;border-radius: 50%;padding: 15px 7px;border: none;opacity: 1;color: #ccc;font-size: 33px;font-weight: 300;position: absolute;right: 5px;top: 5px;line-height: 0; z-index:11;}
.forgot-signup-popup .modal-dialog .close:hover {opacity: 1;color: #333;}
.forgot-signup-popup .modal-dialog .modal-content{width: 100%;float: left; background:#fff; padding: 10px 15px;}
.forgot-signup-popup .modal-dialog .heading{width: 100%;float: left;position: absolute;top:-40px; text-align: center;margin: 0 0 20px 0; font-size:20px;color: #D11B2E;font-weight:600;}
.forgot-signup-popup .modal-dialog .form-panel-inner{width:100%; float:left; margin-top:20px;}
.forgot-signup-popup .modal-dialog .form-panel-inner input{width:100%; border-radius:0px; padding:10px; height:40px; font-size:14px;}
.forgot-signup-popup .modal-dialog .form-panel-inner .form-control{border-radius:0px;}
.forgot-signup-popup .modal-dialog .submit-btn-outer{width:200px; margin:0 auto;}
.forgot-signup-popup .modal-dialog .submit-btn-outer .submit-btn{width:100%; float:left; background:#033880; color:#fff; border:0px; border-radius: 5px; outline:none; margin-top:20px; padding:10px 0;}
.forgot-signup-popup .modal-dialog .key-outer-outer{width:100%; float:left;margin-bottom:20px;}
.forgot-signup-popup .modal-dialog .key-outer{width:80px; margin:0 auto;  }
.forgot-signup-popup .modal-dialog .key{width:100%; height:80px; float:left; text-align:center; border-radius:50%; padding:8px 0; padding-top:22px; font-weight:600; background:#033880; /*background:rgba(21,189,204,0.5);*/ color:#fff;}
.forgot-signup-popup .modal-dialog .key .icon{width:100%; float:left; text-align:center; font-size:26px;}
.forgot-signup-popup .modal-dialog .key .text{width:100%; float:left; text-align:center; font-size:14px; margin-top:-5px; font-weight:normal;}
.forgot-signup-popup .submintbtn1{position:relative; overflow:hidden; text-align:center; font-weight:600; font-size: 16px;}
.forgot-signup-popup .submintbtn1 span{position:relative; z-index:1;}
.forgot-signup-popup .submintbtn1::before{position:absolute; content:""; width:0%; height:360px; transform:rotate(-45deg); top:-150px; left:0px; background:#15bdcc; transition:0.4s;}
.forgot-signup-popup .submintbtn1:hover::before{width:100%;}
.forgot-signup-popup .submintbtn1::after{position:absolute; content:""; width:0%; height:360px; transform:rotate(-45deg); top:-150px; left:0px; background:#D11B2E; transition:0.8s; transition-delay:0.2s;}
.forgot-signup-popup .submintbtn1:hover::after{width:100%;}
.forgot-signup-popup .modal-dialog button{outline:none;}
.forgot-signup-popup .modal-dialog button.close{background:#000; width:20px; height:20px; font-size:16px; color:#fff !important; padding:0px; border-radius:50%; opacity:1 !important;}
.forgot-signup-popup .modal-dialog .modal-content{border:0px;}
.forgot-signup-popup .modal-dialog .modal-body{width:100%; float:left;}
.forgot-signup-popup .modal-dialog .modal-header{display:block; padding: 25px 0;}
.forgot-signup-popup .modal-dialog .modal-footer{display:none;}
/*--bugreport-popup --*/

@media only screen and (min-width:320px) and (max-width:767px) {
.login-pg .login-pg-inner{width:100%; height:100vh;  display:flex; flex-direction:column;}
.login-pg .login-pg-inner .login-pg-row .login-pg-row-inner{flex-direction:column;}
.login-pg .im-panel{width:100%; margin-right:0px; margin-bottom:20px;}
.login-pg .form-panel{width:100%;margin-left:0px;}
}

/*---login-pg---*/