html, body { height: 100%; }
body { font-family: arial; background: #f7f7f7; }
h1, h2, h3, h1, h2, h3 { margin-top: 10px; }
a:focus { outline: none; }
div.FixedHeader_Cloned table { margin: 0 !important }

.mar-b0 { margin-bottom: 0!important; }
.wh_70p { width: 70%!important; }

.pad_b0 { padding-bottom: 0!important; }
.mainwrapper { min-height: 100%; overflow: hidden; position: relative; }
.wrapperCntr { width: 100%; height: 100%; display: table; }
.bor-top { border-top: 1px solid #e7e8e8; }
.bor-bottom { border-bottom: 1px solid #e7e8e8; }
.bor-all { border: 1px solid #e7e8e8; }
.error-red { color: red; }

/*### Login Start ###*/



.nav .breadcrumb { background: none; margin-top: 15px; margin-bottom: 0; border-radius: 0; }
.nav .breadcrumb li i { color: #c9c8c8; }
.nav .breadcrumb li a { color: #828282; font-size: 13px; }


/*### Home Start ###*/
.home-button{ padding-top: 50px; }
.home-button .blue a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #34b7e2; color: #fff; padding: 5%; border: none; text-shadow: 0px 0px 1px #626262; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home-button .blue a i { width: 100%; display: block; font-size: 50px; color: #fff; line-height: 100px; }
.home-button .blue a:hover { text-decoration: none; }

.home-button .orange a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #fea318; color: #fff; padding: 5%; border: none; text-shadow: 0px 0px 1px #626262; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home-button .orange a i { width: 100%; display: block; font-size: 50px; color: #fff; line-height: 100px; }
.home-button .orange a:hover { text-decoration: none; }


.home-button .red a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #fd5833; color: #fff; padding: 5%; border: none; text-shadow: 0px 0px 1px #626262; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home-button .red a i { width: 100%; display: block; font-size: 50px; color: #fff; line-height: 100px; }
.home-button .red a:hover  { text-decoration: none; }

.home-button .l-green a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #b4d335; color: #fff; padding: 5%; border: none; text-shadow: 0px 0px 1px #626262; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home-button .l-green a i { width: 100%; display: block; font-size: 50px; color: #fff; line-height: 100px; }
.home-button .l-green a:hover { text-decoration: none; }

.home-button .purple a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #d62294; color: #fff; padding: 5%; border: none; text-shadow: 0px 0px 1px #626262; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home-button .purple a i { width: 100%; display: block; font-size: 50px; color: #fff; line-height: 100px; }
.home-button .purple a:hover { text-decoration: none; }


.home-button .aqua a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #00c77a; color: #fff; padding: 5%; border: none; text-shadow: 0px 0px 1px #626262; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home-button .aqua a i { width: 100%; display: block; font-size: 50px; color: #fff; line-height: 100px; }
.home-button .aqua a:hover { text-decoration: none; }

.home-button .grey a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #5a5a5a; color: #fff; padding: 5%; border: none; text-shadow: 0px 0px 1px #626262; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home-button .grey a i { width: 100%; display: block; font-size: 50px; color: #fff; line-height: 100px; }
.home-button .grey a:hover { text-decoration: none; }

.home-button .sky a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #13d8bf; color: #fff; padding: 5%; border: none; text-shadow: 0px 0px 1px #626262; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home-button .sky a i { width: 100%; display: block; font-size: 50px; color: #fff; line-height: 100px; }
.home-button .sky a:hover { text-decoration: none; }
/*### Home End ###*/

/*### Task Assignment Start ###*/
.navtab .breadcrumb { background: none; margin-top: 0; margin-bottom: 0; border-radius: 0; padding-left: 0; padding-right: 0; }
.navtab .breadcrumb li i { color: #c9c8c8; }
.navtab .breadcrumb li a { color: #828282; font-size: 13px; }

.menu-tab { padding-top: 9px; padding-right: 0; }
.menu-tab a { width: 60px; height: 20px; color: #808383; text-decoration: none; overflow: hidden; }
.menu-tab a i { font-size: 20px; height: 15px; overflow: hidden; }
	
.task-form { background: none; border-radius: 0; box-shadow: none; border-color: #e7e8e8; margin-top: 10px; margin-bottom: 0; }
.task-form .col-md-4 { margin-bottom: 10px; }
.task-form .panel-heading { padding: 5px 15px; background: none; border-color: #e7e8e8; position: relative; }
.task-form .panel-heading h2 { font-size: 14px; font-weight: 600; color: #f7941e; margin: 0; padding: 5px 0;  }
.task-form .panel-heading label { font-size: 12px; color: #656869; }
.task-form .panel-heading input[type='radio'] { margin-top: 2px; }
.task-form .panel-body label { width: 34%; font-size: 12px; font-weight: normal; color: #656869; }
.task-form .panel-body input[type='text'], .task-form .panel-body input[type='password']  { width: 65%; height: 28px; font-size: 12px; font-weight: normal; color: #656869; float: right; border: 1px solid #cacaca; }
.task-form .panel-body select { width: 65%; height: 26px; padding: 2px; font-size: 12px; font-weight: normal; color: #656869; float: right; border: 1px solid #cacaca; }
.task-form .panel-body span { width: 32%; display: inline-flex; }
.task-form .panel-body span input[type='text'] { width: 100%; height: 28px; font-size: 12px; font-weight: normal; color: #656869; float: right; border: 1px solid #cacaca; }
.task-form .panel-body b { font-size: 12px; font-weight: normal; color: #656869; margin-right: 10px; }
.task-form .panel-body b input[type='radio']{   }

.task-form .panel-footer { background: none; border-color: #e7e8e8; margin-top: -10px; position: relative; padding: 5px 15px; }
.task-form .panel-footer .col-md-5 { line-height: 30px; }
.task-form .panel-footer .col-md-7 input[type='button']{ width: 100px; font-size: 12px; font-weight: normal; height: 30px; background: #99ca44; border: none; color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-left: 10px; }

.textbox { font-size: 12px; font-weight: normal; }

.gridbox { background: none; border-radius: 0; box-shadow: none; border-color: #e7e8e8; margin-top: 10px; margin-bottom: 0; }
.gridbox .panel-heading { padding: 5px 15px; background: none; border-color: #e7e8e8; }
.gridbox .panel-heading h2 { margin: 0; font-size: 16px; color: #656869; }
.gridbox .panel-heading .grid-icon { list-style: none; margin: -5px 0 0 0;  position: absolute; right: 0; }
.gridbox .panel-heading .grid-icon li { border-left: 1px solid #e7e8e8; height: 30px; }
.gridbox .panel-heading .grid-icon li button[type='button'] { background: none; font-size: 18px; border: none; color: #808383; padding: 5px 10px; }
.gridbox .panel-footer { background: none; border-color: #e7e8e8; margin-top: -10px; position: relative; padding: 5px 15px; }

.gird1 { margin-bottom: 0; border-collapse: collapse; border-color: #dcdcdc; } 
.gird1 th { font-size: 13px; line-height: 16px!important; vertical-align: middle; font-weight: normal; color: #fff; background: #5d5952; border-color: #dcdcdc; padding: 3px; }
.gird1 tr {  }
.gird1 td i { font-size: 20px; color: #808383; }
.gird1 td { font-size: 12px; color: #333333; border-color: #dcdcdc; padding: 3px; }
.gird1 td a { color: #333333;  }
.gird1 tr:nth-child(even) { background-color: #f0f0f2; }
.gird1 td select { width: 100%; border: 1px solid #dcdcdc; padding: 2px 2px 0 2px; }
.gird1 td button[type='button'] { font-size: 16px; color: #808383; background: none; border: none;  }
.gird1 tbody { background: #f4f4f4; margin-top: -1px; }

.gird2 { margin-bottom: 0; border-collapse: collapse; border-color: #dcdcdc; } 
.gird2 tr {  }
.gird2 td { border-color: #dcdcdc; padding: 3px 5px; }
.gird2 td label { width: auto!important; font-size: 12px; color: #333333; margin: 0; }
.gird2 td span { font-size: 12px; font-weight: 600; color: #333333; margin: 0; }
.gird2 tr:nth-child(even) { background-color: #f0f0f2; }
.gird2 tbody {  margin-top: -1px; }

/*### Task Assignment End ###*/

/*### Login Management Start ###*/
/*.modal-dialog { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }*/
.popup1 { background: rgba(226,226,226,.9) ; }
.popup1 .modal-header { padding-top: 0; padding-bottom: 0; border-bottom: none;}
.popup1 .modal-header h2 { width: 40%; background: #ff4747; font-size: 20px; font-weight: normal; color: #fff; padding: 5px 3%; position: absolute; top: -20px; }
.popup1 .modal-header span { width: 8%; background: #ff4747; font-size: 13px; font-weight: normal; color: #fff; padding: 13px 3%; position: absolute; top: -20px; right: 15px; cursor: pointer; }
.popup1 .modal-body { padding-bottom: 0; }
.popup1 .modal-body .col-md-6 {}
.popup1 .modal-body .col-md-12 label, .popup1 .modal-body .col-md-6 label { font-size: 13px; font-weight: normal; color: #646768; }
.popup1 .modal-body .col-md-12 input[type='text'], .popup1 .modal-body .col-md-12 input[type='password'], .popup1 .modal-body .col-md-6 input[type='text'] { width: 100%; height: 38px; padding: 5px; font-size: 18px; font-weight: normal; color: #9b9b9b; float: right; border: 1px solid #b5b1b1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.popup1 .modal-body .col-md-12 select, .popup1 .modal-body .col-md-6 select { width: 100%; height: 36px; padding: 2px; font-size: 18px; font-weight: normal; color: #9b9b9b; float: right; border: 1px solid #b5b1b1; }

.popup1 .modal-body .col-md-12 span { color: #FF4747; font-size: 13px; }

.popup1 .modal-footer { border-top: none; padding-top: 0; padding-bottom: 20px; }
.popup1 .modal-footer input[type='submit'], .popup1 .modal-footer input[type='button']{ width: 100%; height: 42px; color: #fff; font-size: 18px; font-weight: normal; background: #ff4747; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }


.login_detail { width: 100%; float: left; }
.login_detail td { width: 25%; border: 1px solid #dbdee0; padding: 0 10px; background: #fafbfc; }
.login_detail td label { width: auto; font-size: 12px; font-weight: normal; color: #424242; float: left; line-height: 24px; }
.login_detail td input[type='checkbox'] { float: left; margin-top: 6px; margin-right: 10px; }

/*### Login Management End ###*/

/*### Upload New Data Start ###*/
.uploadbox .bootstrap-filestyle { width: 82%; float: right; }
.uploadbox .bootstrap-filestyle input[type='text'] { height: 30px; }
/*### Upload New Data End ###*/

.overflow1 { width: 100%; max-height: 500px; overflow: hidden; position: relative; }


/*### Sidebar Start ###*/
#wrapper { min-height: 100%; position: relative; margin-bottom: 50px; padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#wrapper.toggled { padding-right: 250px; }
#sidebar-wrapper { z-index: 1000; position: fixed; right: -250px; width: 0; height: 100%; margin-right: 250px; overflow-y: auto; background: #595959; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#wrapper.toggled #sidebar-wrapper { width: 250px; }
#page-content-wrapper { width: 100%; position: absolute; }
#wrapper.toggled #page-content-wrapper { position: absolute; margin-right: 250px; }
.sidebar-nav { position: absolute; top: 0; width: 250px; margin: 0; margin-top: 20px; padding: 0; list-style: none; }
.sidebar-nav li { text-indent: 20px; line-height: 40px; }
.sidebar-nav li a { display: block; text-decoration: none; color: #999999; }
.sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255,255,255,0.2); }
.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; }
.sidebar-nav > .sidebar-brand { height: 65px; font-size: 18px; line-height: 60px; }
.sidebar-nav > .sidebar-brand a { color: #999999; }
.sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; }



.captchaBox { /*text-indent: -9999px;*/ }
.captchaBox br { display: none; }
.captchaBox img { width: 90px!important; border: 1px solid #ddd; height: 30px; margin-top: 13px; float: right; border: 1px solid #cfcfcf; -webkit-filter: contrast(160%); filter: contrast(160%); }
.captchaBox a { width: 24px; height: 24px; margin: 16px 10px 0 10px; float: right; background: url(../Images/refresh-icon.png) no-repeat center top; }
.captchaBox input[type='text'] { width: 48%!important; float: left!important; border: none; }


@media(min-width:768px) {
#wrapper { padding-right: 250px; }
#wrapper.toggled { padding-right: 0; }
#sidebar-wrapper { width: 250px; }
#wrapper.toggled #sidebar-wrapper { width: 0; }
#page-content-wrapper { position: relative; }
#wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; }
}
/*### Sidebar End ###*/


/*### Footer Start ###*/
.footerCntr { background: #373737; position: relative; margin-top: -25px; }
.footerCntr .footer-box { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #737373; line-height: 25px; }
.footerCntr .footer-box img { margin: 0 0 0 10px; float: right; }
/*### Footer End ###*/


/**----------------- 16 May ---------------------**/
.qmsdashbox { width: 98%; margin: 0 auto; }
.qmsdashbox ul { list-style: none; padding: 0; }
.qmsdashbox li { width: 19%; float: left; margin: .5%; background: #fff; border: 1px solid #efeff0; }
.qmsdashbox li i { height: 80px; line-height: 80px; font-size: 25px; background: #2fb5e5; display: block; text-align: center; color: #fff; }
.qmsdashbox li h2 { color: #2fb5e5; font-size: 14px; font-weight: 600; text-transform: uppercase; text-align: center; line-height: 12px; padding-top: 20px; margin-top: 0; }
.qmsdashbox li h2 span { width: 100%; font-size: 12px; color: #000; }
.qmsdashbox li p { color: #929292; font-size: 11px; font-weight: normal; text-align: center; border-top: 1px dotted #c4cdca; margin: 5%; padding: 10px 0 10px 0; }

.filerBox { width: auto; float: right; padding: 0; position: absolute; top: 0; right: 0; margin-bottom: 0; }
.filerBox li { width: 52px; min-width: auto;  height: 36px; border-left: 1px solid #dbdee0; text-align: center; display: table-cell; vertical-align: middle; float: none; }
.filerBox li a { width: 100%; height: 100%; vertical-align: middle; color: #6f7480; display: inline; }
.filerBox li span { font-size: 18px; color: #6f7480; background: none;  margin: 0; }		
.filerBox li button[type='button'] { background: none; border: none; font-size: 18px;  }	

/********* POPUP CLASSES START ********/

.popup2 { width: 100%; overflow: hidden; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.popup2 .modal-header { width: 100%; background: #474e59; padding: 0 15px; overflow: hidden; position: relative; }
.popup2 .modal-header h2 { width: auto; line-height: 36px; font-size: 15px; font-weight: normal; color: #fff; float: left; }
.popup2 .modal-header .close { color: #fff; font-size: 24px; font-weight: 600; line-height: 30px; text-decoration: none; opacity: .9; margin: 3px 0 0 0; float: right; text-shadow: none; }
.popup2 .modal-body {}
.popup2 .modal-footer { width: 100%; float: left; padding: 10px 15px; }
.popup2 .modal-footer button[type='submit'],
.popup2 .modal-footer button[type='button']{ width: 100px; font-size: 12px; font-weight: normal; height: 30px; background: #99ca44; border: none; color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-left: 10px; }

.aduitsheet { width: 100%; float: left; padding: 15px; /*border-bottom: 1px solid #dbdee0;*/ }
.aduitsheet ul { padding: 0; }
.aduitsheet li { width: 50%; list-style: none; float: left; margin-bottom: 6.5px;   }
.aduitsheet li label { width: 44%; font-size: 12px; font-weight: normal; color: #424242; float: left; line-height: 24px; }
.aduitsheet li input[type='text'] { width: 52%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 0 1%; }
.aduitsheet li select { width: 52%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 2px; }
.aduitsheet li input[type='checkbox'] { float: left; margin-top: 3px; margin-right: 10px; }
.aduitsheet li input[type='radio'] { float: left; margin-top: 6px; margin-right: 10px; }
.aduitsheet li span { width: 32.5%; font-size: 12px; font-weight: normal; color: #424242; float: left; position: relative;  line-height: 24px; }
.aduitsheet li li span input[type='text'] { width: 85%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 0 1%; font-size: 11px; }
.aduitsheet li span select { width: 85%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 2px; margin: 0; }
.aduitsheet li span img { position: absolute; margin-left: -24px; top: 1px; }
.aduitsheet li textarea { width: 80%; height: 50px; border: 1px solid #dbdee0; float: left; padding: 0 1%; resize: none; }
.aduitsheet li span i { position: absolute; right: 19%; line-height: 26px; font-size: 17px; cursor: pointer; }
.aduitsheet li b { font-size: 12px; font-weight: normal; color: #424242; float: left; line-height: 24px;  margin-right: 10px; }

/********* POPUP CLASSES END ********/

/*------------- Menu --------------*/
.menuBox1  { float: right; margin-top: 19px; }
.menuBox1 button[type='button'] { width: 35px; height: 30px; background: #5d5952; border: none; color: #fff; font-size: 16px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

.subnavBox { width: 240px; height: 100%; position: fixed; top: 0; right: -63px; z-index: 1; overflow: hidden; box-sizing: border-box; margin: 0; padding: 0; background: rgba(114,114,115,.98); }
.subnavBox h2 { width: 100%; font-family: RobotoDraft; font-size: 16px; font-weight: 400; color: #dfdfdf; line-height: 45px; display: inline-block; padding: 0 15px; background: #5b5b61; margin: 0; }
.subnavBox ul { width: 100%; padding: 0; margin: 0; float: left; }
.subnavBox li { list-style: none; border-bottom: 1px dotted #8e8e8f; }
.subnavBox li a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 32px; font-size: 13px; white-space: nowrap; color: #dfdfdf; padding: 0 15px; }
.subnavBox ul ul li { border-bottom: 1px solid #f3f3f3; }
.subnavBox ul ul li a b { width: 15px; height: 15px; border: 2px solid #ff9b9b; display: inline-flex; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-right: 10px; }

.menubutton { width: 100%; float: left; padding: 10px; }
.menubutton a { width: 30px; height: 30px; float: left; background: #5d5952; margin-left: 1px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; cursor: pointer; }
.menubutton a b { line-height: 30px; }

.chartBox { width: 100%; float: left; padding: 10px; }
.chartBox .bit-3 { width: 33%; float: left; padding: 10px; }

.footerBox {
    width: 100%;
    background: #00843d;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #F00023;
    position: relative;
    margin: -28px 0 0 0;
    display: table;
    z-index: 9999;
}
.footerBox .site_view { text-align: center; font-size: 12px; color: #c8ced5; font-weight: normal; line-height: 28px; text-align: center; }
.footerBox .site_view span { font-size: 12px; color: #c8ced5; font-weight: normal; line-height: 28px; text-align: center; padding: 0 10px }

/*### Login Start ###*/

.navBox {
    background: #00843d;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0px;
    border-top: 3px solid red;
    border-bottom: 3px solid white;
}
.navBox .navbar-header {}
.navBox .navbar-header a { margin-top: 4px; display: table; }
.navBox .insightBox { margin: 5px 0; }

.loginBox .form-bottom input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ee8323 inset!important; -webkit-text-fill-color: black; }

.loginBox {
    width: 300px;
    margin-top: -10px;
    float: right;
    height: 382px;
    position: absolute;
    margin: auto;
    top: -40px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
    .loginBox .form-top {
        padding: 0 20px 0 20px;
        background: white;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-top: 3px solid #00843d;
    }
    .loginBox .login_castrol {
        height: 50px;
        width: 50px;
        margin-left:105px;
        margin-top:5px;
    }
    .loginBox .form-top h2 {
        margin: 0;
        font-size: 30px;
        line-height: 24px;
        font-family: 'Lato';
        font-weight: 300;
        line-height: 22px;
        color: black;
        padding: 10px 0 10px 0;
        text-align: center;
    }
.loginBox .form-top p { margin: 0; font-size: 12px; font-family: arial; font-weight: 300; line-height: 16px; color: black; padding: 0 0 19px 0; text-align: center; background: url(../images/border-2.png) no-repeat center bottom; } 
.loginBox .form-top h2 b { font-size: 18px; font-weight: normal;  color: #ed1651; }
    .loginBox .form-bottom {
        background: white;
        padding: 20px;
        -webkit-box-shadow: 0px 45px 44px -31px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 45px 44px -31px rgba(0,0,0,0.75);
        box-shadow: 0px 45px 44px -31px rgba(0,0,0,0.75);
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom: 3px solid #00843d;
    }
.loginBox .form-bottom label { font-family: arial; font-size: 14px; font-weight: normal; color: #fff; }
.loginBox .form-bottom b { font-family: arial; font-size: 13px; font-weight: normal; color: #fff; }
.loginBox .form-bottom b a { font-family: arial; font-size: 13px; font-weight: normal; color: #fff; text-decoration: underline }
.loginBox .form-bottom b a:hover { text-decoration: none; }
.loginBox .form-bottom input[type='text']:focus, 
.loginBox .form-bottom input[type='password']:focus { box-shadow: none;  z-index: 0;color:black }
        .loginBox .form-bottom input[type='text'],
        .loginBox .form-bottom input[type='password'] {
            box-shadow: none;
            color: black ;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            box-shdow: 0;
        }
.loginBox .form-bottom select { float: right; height: 25px; background: none; border: 1px solid #fcd8ae; font-family: arial; font-size: 13px; font-weight: normal; color: #fff; box-shdow: 0; }
.loginBox .form-bottom select option { color: black; background: rgba(84,84,84,10); border: none; }
.loginBox .form-bottom select:focus { outline-color: #fcd8ae; }

.loginBox .form-bottom input[type='text']:active, 
.loginBox .form-bottom input[type='password']:active { z-index: 0; color:black}

        .loginBox .form-bottom button[type='submit'] {
            width: 103px;
            height: 44px;
            font-family: 'Lato';
            font-weight: 700;
            background: #F00023 !important;
            text-transform: uppercase;
            border: none;
            font-size: 18px;
            color: white;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 30px;
            box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%) !important;
        }


.loginBox .form-bottom .form-group:nth-child(3) { margin-bottom: 5px; }
.loginBox .form-bottom .form-group:nth-child(4) { width: 100%; margin-bottom: 0; margin-top: 10px; display: inline-block; }

        .loginBox .form-bottom .emailbox {
            font-family: arial;
            font-size: 12px;
            font-weight: normal;
            color: black;
        }
            .loginBox .form-bottom .emailbox a {
                color: black;
                text-decoration: underline;
            }
.loginBox .form-bottom .emailbox a:hover { text-decoration: none;  }
.loginBox .forgetbutton { font-family: arial; font-size: 12px; font-weight: normal; color: black; }

/* Card */
.card { position: relative; padding: 60px 0 40px 0; box-sizing: border-box; -webkit-transition: .3s ease; transition: .3s ease; }
.card:first-child { background: #fafafa; height: 10px; border-radius: 5px 5px 0 0; margin: 0 10px; padding: 0; }
.card .input-container { position: relative; margin: 0 0 15px 0; }
.card .input-container input { outline: none; z-index: 1; position: relative; font-family: Arial, Helvetica, sans-serif; background: none; width: 100%; height: 50px; border: 0; color: black; font-size: 18px; font-weight: 400; }
.card .input-container input:focus ~ label { color: black; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75); }
    .card .input-container input:focus ~ .bar:before,
    .card .input-container input:focus ~ .bar:after {
        width: 50%;
        color: black;
    }
.card .input-container input:valid ~ label { color: black; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75); }
.card .input-container label { position: absolute; top: 0; left: 0; z-index: 1; color: black; font-size: 13px; font-weight: 300; line-height: 60px; text-transform: uppercase; -webkit-transition: 0.2s ease; transition: 0.2s ease; }
.card .input-container label:hover { z-index: 0; }
    .card .input-container .bar {
        position: absolute;
        left: 0;
        bottom: 0;
        background: black;
        width: 100%;
        height: 1px;
        z-index: 1;
    }
.card .input-container .bar:before, .card .input-container .bar:after { content: ''; position: absolute; background: black; width: 0; height: 2px!important; -webkit-transition: .2s ease; transition: .2s ease; }
.card .input-container .bar:before { left: 50%; }
.card .input-container .bar:after { right: 50%; }
.card .input-container1 { font-family: arial; font-size: 12px; font-weight: normal; font-style: normal; color: #fff; display: flex; }
.card .input-container1 em { padding-right: 10px; font-style: normal; color:black}
    .card .input-container1 input[type='radio'] {
        margin-top: 2px;
        color: black;
    }
    .card .input-container1 span {
        padding-left: 4px;
        padding-right: 10px;
        color: black;
    }
.carouselcaption {
    margin-top: -210px;
    color: white;
    margin-left: 270px;
    border-radius: 10px;
}
.Readmore {
    border-radius: 20px;
    color: white;
}

.btnsecondary {
    background-color: #F00023 !important;
    border: none !important;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%) !important;
    font-size: 14px !important;
    color: white;
    border-radius: 10px;
}
.btnsecondary:hover {
    border-radius: 20px;
    color: white;
}

@media (max-width:990px)
{
    .carouselcaption {
        margin-top: -120px;
        color: white;
        margin-left: 180px;
        border-radius: 10px;
    }

    .btnsecondary {
        background-color: #F00023 !important;
        border: none !important;
        box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%) !important;
        font-size: 14px !important;
        color: white;
        border-radius: 10px;
    }
}
/* Keyframes */
@-webkit-keyframes buttonFadeInUp {
    0% {
    bottom: 30px;
    opacity: 0;
  }
}
@keyframes buttonFadeInUp {
  0% {
    bottom: 30px;
    opacity: 0;
  }
}

.login-text {  }
.login-text h2 { font-family: 'Lato'; font-size: 48px; font-weight: 300; color: #fff; font-style: normal; line-height: 32px; margin-top: 60px }
.login-text h3 { font-family: 'Lato'; font-weight: 300; color: #fff; text-transform: uppercase; word-spacing: 8pt; }
.login-text ul { margin-top: 20px; padding: 0; list-style: none; }
.login-text li { font-family: 'Lato'; font-size: 16px; font-weight: 300; color: #fff; font-style: normal; line-height: 22px; margin-bottom: 10px; background: url(../images/icon-1.png) no-repeat; padding-left: 40px }
.login-text img { margin-top: 20px; }

.firstslide {  }
.firstslide h2 { font-family: Roboto; font-size: 36px; font-weight: 300; line-height: 30px; margin-bottom: 20px; background: url(../images/line-1.png) no-repeat left bottom; padding-bottom: 20px; }
.firstslide h3 { font-family: Roboto; font-size: 24px; font-weight: normal; text-transform: uppercase; margin: 0; }
.firstslide h4 { font-family: Roboto; font-size: 26px; font-weight: 700; text-transform: uppercase; color: #ee6f23; margin: 0; }
.firstslide h5 { font-family: arial; font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0; }

.secondslide {  }
.secondslide h2 { font-family: Roboto; font-size: 36px; font-weight: 300; line-height: 30px; margin-bottom: 20px; background: url(../images/line-1.png) no-repeat left bottom; padding-bottom: 20px; }
.secondslide h3 { font-family: Roboto; font-size: 24px; font-weight: normal; text-transform: uppercase; margin: 0; }
.secondslide h4 { font-family: Roboto; font-size: 26px; font-weight: 700; text-transform: uppercase; color: #ee6f23; margin: 0; }
.secondslide h5 { font-family: arial; font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0; }

.thirdslide {  }
.thirdslide h2 { font-family: Roboto; font-size: 36px; font-weight: 300; line-height: 30px; margin-bottom: 20px; background: url(../images/line-1.png) no-repeat left bottom; padding-bottom: 20px; }
.thirdslide h3 { font-family: Roboto; font-size: 24px; font-weight: normal; text-transform: uppercase; margin: 0; }
.thirdslide h4 { font-family: Roboto; font-size: 26px; font-weight: 700; text-transform: uppercase; color: #ee6f23; margin: 0; }
.thirdslide h5 { font-family: arial; font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0; }

.slide1 .arrow1 { right: 200px; top: 50px; bottom: -60px; position: absolute; }
.slide2 .arrow1 { position: absolute; }
.slide2 img { position: absolute; }
.slide3 .arrow1 { position: absolute; }
.slide3 img { position: absolute; }

.report_typeBox { width: 99.8%; border: 1px solid #dbdee0; float: left; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.report_typeBox .report_head { /*border-bottom: 1px solid #dbdee0;*/ position: relative; }
.report_typeBox .report_head h2 { font-family: arial; font-size: 14px; font-weight: 600; color: #ff6000; display: inline-block; padding: 15px; margin: 0; }
.report_typeBox .report_head h2 b { font-weight: normal; }
.report_typeBox .report_head h2 span { background: #646769; font-family: arial; cursor: pointer; font-size: 13px; font-weight: normal; color: #fff; padding: 0 20px 0 34px; position: relative; margin: 2px 6px 0 0; line-height: 30px; float: left; display: inline-block; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.report_typeBox .report_head h2 span.active{ background: #f74944; }

.report_typeBox .report_head h2 span b { width: 20px; height: 30px; background: url(../images/tab_grey.png) no-repeat right top; float: right; right: -32px; position: relative; }
.report_typeBox .report_head h2 span b.active{ background: url(../images/tab_red.png) no-repeat right top; } 



.report_typeBox .report_head ul { width: 78%; float: left; padding: 7px 10px; }
.report_typeBox .report_head li { /*width: 65%;*/ min-width: 60%; list-style: none; float: left; }
.report_typeBox .report_head li label { width: 24%; float: left; font-size: 12px; font-weight: normal; color: #424242; }
.report_typeBox .report_head li input[type='radio'] { margin: 2px 10px 0 0; float: left; }
.report_typeBox .report_head li span { font-size: 12px; font-weight: normal; color: #424242; line-height: normal; /*float: left;*/ margin: 0 10px 0 0; }
.report_typeBox .report_head h3 b { font-size: 16px; color: #515157; font-weight: normal; vertical-align: middle; margin-right: 3px; }
.report_typeBox .report_head h3 { /*border-left: 1px solid #DBDEE0;*/ font-size: 12px; margin: 0; padding: 0 15px; font-weight: normal; color: #4d4e60; float: right; /*margin: 0 10px 0 0;*/ line-height: 44px; cursor: pointer; }
.report_typeBox .report_head h3 span { /*font-size: 18px; admin/register Creating Problem*/ font-size: 13px;  color: #515157; vertical-align: middle; }
.report_typeBox .report_head h3:hover { color: #f03333; text-decoration: none; }
.report_typeBox .report_head h3 a { color: #424242;}
.report_typeBox .report_head h4 { font-size: 12px; font-weight: normal; color: #3a3d40; float: right; margin: 0 10px 0 0; line-height: 32px; }
.report_typeBox .report_head h4 img { margin-right: 5px; }
.report_typeBox .report_head .filerBox { width: auto; float: right; padding: 0; margin: 0; }
.report_typeBox .report_head .filerBox li { width: 52px; min-width: auto;  height: 47px; /*border-left: 1px solid #dbdee0;*/ text-align: center; display: table-cell; vertical-align: middle; float: none; }
.report_typeBox .report_head .filerBox li a { width: 100%; height: 100%; vertical-align: middle; color: #515157; display: inline; }
.report_typeBox .report_head .filerBox li span { font-size: 18px; color: #515157; background: none;  margin: 0; }

.report_typeBox .errorBox { width: 100%; /*height: 37px;*/ border-top: 1px solid #dbdee0; /*overflow: hidden;*/ float: left; padding: 10px; margin-top: -1px; }
.report_typeBox .errorBox span { float: left; padding: 6px 10px; font-size: 12px; font-weight: normal; color: #ff0000; }
.report_typeBox .errorBox input[type='submit'] { float: right!important; margin: 0 10px 0 10px!important; }
.report_typeBox .errorBox input[type='button'] { float: right!important; margin: 0 10px 0 10px!important; }

.report_typeBox .forgotpassword { width: 100%; float: left; padding: 15px; border-bottom: 1px solid #dbdee0; }
.report_typeBox .forgotpassword ul { padding: 0; }
.report_typeBox .forgotpassword li { width: 50%; list-style: none; float: left; margin-bottom: 6.5px;  }
.report_typeBox .forgotpassword li label { width: 44%; font-size: 12px; font-weight: normal; color: #424242; float: left; line-height: 26px; margin: 0; }
.report_typeBox .forgotpassword li input[type='text'],
.report_typeBox .forgotpassword li input[type='email'] { width: 52%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 0 1%; margin-bottom: 5px; }
.report_typeBox .forgotpassword li select { width: 52%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 2px; margin-bottom: 5px; }
.report_typeBox .forgotpassword input[type='checkbox'] { float: left; margin-top: 3px; margin-right: 10px; }
.report_typeBox .forgotpassword input[type='radio'] { float: left; margin-top: 6px; margin-right: 10px; }
.report_typeBox .forgotpassword li span { width: 32.5%; font-size: 12px; font-weight: normal; color: #424242; float: left; position: relative;  line-height: 24px; }
.report_typeBox .forgotpassword li span input[type='text'] { width: 85%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 0 1%; font-size: 11px; }
.report_typeBox .forgotpassword li span select { width: 85%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 2px; margin: 0; }
.report_typeBox .forgotpassword li span img { position: absolute; margin-left: -24px; top: 1px; }
.report_typeBox .forgotpassword li textarea { width: 80%; height: 50px; border: 1px solid #dbdee0; float: left; padding: 0 1%; resize: none; }
.report_typeBox .forgotpassword li span i { position: absolute; right: 19%; line-height: 26px; font-size: 17px; cursor: pointer; }
.report_typeBox .forgotpassword li b { font-size: 12px; font-weight: normal; color: #424242; float: left; line-height: 24px;  margin-right: 10px; }

.blue_button {
    width: 110px;
    height: 30px;
    float: left;
    font-size: 12px;
    background: #00843d;
    border: none;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.blue_button_Disable { width: 110px; height: 30px; float: left; font-size: 12px; background: #10c8b8; border: none; color: #fff; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.blue_button:hover { background: #0fbdae; }




.report_typeBox .assign_default { width: 100%; float: left; padding: 10px 15px;  }
.report_typeBox .assign_default p { font-size: 12px; font-weight: normal; color: #424242; }
.report_typeBox .assign_default a { font-size: 12px; font-weight: normal; color: #2E8CDC; }
.report_typeBox .assign_default a:hover { text-decoration: none;}
.report_typeBox .assign_default ul { padding: 0;  }
.report_typeBox .assign_default li { width: 50%; list-style: none; float: left; margin-bottom: 6.5px; }
.report_typeBox .assign_default li label { width: 45%; font-size: 12px; font-weight: normal; color: #424242; float: left; line-height: 24px; }
.report_typeBox .assign_default li input[type='text'] { width: 50%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 0 1%; }
.report_typeBox .assign_default li textarea { width: 50%; border: 1px solid #dbdee0; float: left; padding: 0 1%; }
.report_typeBox .assign_default li span { width: 47%; font-size: 12px; font-weight: normal; color: #2E8CDC; float: left; }
.report_typeBox .assign_default li select { width: 50%; height: 26px; border: 1px solid #dbdee0; float: left; padding: 2px; }
.report_typeBox .assign_default input[type='checkbox'] { float: left; margin-top: 3px; margin-right: 10px; }
.report_typeBox .assign_default i { width: 77.9%; float: right; font-size: 12px; font-weight: normal; font-style: normal; color: #424242; margin-top: 5px; }
.report_typeBox .assign_default i b { }
.report_typeBox .assign_default li span i { position: absolute; right: 13%; line-height: 26px; font-size: 17px; cursor: pointer; }