body{padding:0; margin:0; color:#505c65; font:400 14px/1.5 'Roboto', sans-serif; cursor:default; background:#f1f5f8;}

a{text-decoration:none; outline:none; color:#084f8c;}

a:hover{color:#428bca; text-decoration:none;}

img{max-width:100%; height:auto;}

h1, .h1{font-size:22px; text-transform:uppercase; margin-bottom:20px; color:#084f8c;}

h3, .h3{font-size:18px; text-transform:uppercase; margin-bottom:20px; color:#084f8c; font-weight:400;}

.font-size12{font-size:12px !important;}



.form-group{margin-bottom:24px;}

.form-control{border-color:#d3dadf; padding:10px 20px; height: calc(1.5em + 1.75rem + 2px);}

.form-control::-webkit-input-placeholder{color:#abb1b7;}

.form-control::-moz-placeholder{color:#abb1b7;}

.form-control:-ms-input-placeholder{color:#abb1b7;}

.form-control::-ms-input-placeholder{color:#abb1b7;}

.form-control::placeholder{color:#abb1b7;}



textarea.form-control{height:150px;}



.btn{font-weight:400; font-size:16px; padding:14px 20px;}

.btn-group-sm > .btn, .btn-sm{font-size:14px; padding:5px 15px;}



.btn-link{color:#084f8c;}

.btn-link:hover, .btn-link:focus{color:#428bca;}



.btn-primary{border-color:#084f8c; background-color:#084f8c;}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{border-color:#428bca; background-color:#428bca;}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus{box-shadow:0 0 0 .2rem rgba(8,79,140,.5);}

.bg-primary{background-color:#084f8c !important;}

.border-primary{border-color:#084f8c !important;}

.text-primary{color:#084f8c !important;}

a.text-primary:focus, a.text-primary:hover{color:#428bca !important;}



.btn-success{border-color:#85c020; background-color:#85c020;}

.btn-success:hover, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle{border-color:#73a818; background-color:#73a818;}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus, .btn-success.focus, .btn-success:focus{box-shadow:0 0 0 .2rem rgba(133,192,32,.5);}

.bg-success{background-color:#85c020 !important;}

.border-success{border-color:#85c020 !important;}

.text-success{color:#85c020 !important;}

a.text-success:focus, a.text-success:hover{color:#73a818 !important;}



.shadow{box-shadow:0 0 13px rgba(121,135,145,.21) !important;}



.table-striped tbody tr:nth-of-type(1n+1){background-color:transparent;}

.table-striped tbody tr:nth-child(even){background-color:#f8f8f8;}



.search-box{position:relative; width:345px;}

.search-box .form-control{padding-right:55px;}

.search-box .btn{position:absolute; z-index:9; top:0; right:0; height:100%; width:55px; padding:0; font-size:14px;}



.btn-userlink{color:#084f8c; font-size:12px; font-weight:500; text-transform:uppercase; background:none; border:none; padding:0; box-shadow:none !important; min-width:130px; text-align:left;}

.btn-userlink .fa{width:32px; height:32px; border-radius:3px; background:#0a4f8b; color:#fff; text-align:center; line-height:32px; margin-right:6px;}



.btn-alertlink{color:#084f8c; background:none; border:none; padding:0; box-shadow:none !important; position:relative; padding:4px;}

.btn-alertlink:after{display:none;}

.btn-alertlink .fa{font-size:18px;}

.btn-alertlink .not{background:#85c020; width:20px; height:20px; border-radius:100%;  position:absolute; top:-6px; right:-4px; display:block; color:#fff; text-align:center; line-height:20px; font-size:11px; font-weight:700;}



.dropdown-menu{font-size:14px;}

.dropdown-item{padding: .50rem 1.5rem; color:#566069;}

ul.dropdown-menu{list-style:none; padding:0; margin:0; border-color:#e1e7ec; box-shadow:0 0 13px rgba(121, 135, 145, 0.21);}

ul.dropdown-menu li{border-top:solid 1px #e7e7e7;}

ul.dropdown-menu li:first-child{border-top:none;}



/*Login Page Start*/

.login-page{background:url(../images/login-bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;}

.login-page-wrapper{min-height:100vh; padding:100px 0; position:relative;}

.header-login{padding:10px 15px; background:#ffffff; text-align:center; position:absolute; left:0; top:0; width:100%; z-index:999;}

.footer-login{padding:20px 15px; background:#f1f5f8; text-align:center; color:#084f8c; position:absolute; left:0; bottom:0; width:100%; z-index:999;}

.login-box{width:100%; color:#fff; padding:0 15px;}

@media (min-width: 576px) {.login-box{width:490px;}}

.login-box h1{text-align:center; color:#fff;}



.offering-sec{padding:20px 0; font-weight:500l; font-size:16px;}

.offering-sec a{color:#85c020;}

.offering-sec h5{text-align:center; margin-bottom:10px;}

.offering-sec .media{border-top:solid 1px #fff; border-bottom:solid 1px #fff; padding:10px 0; margin-bottom:10px;}

.offering-sec h3{margin:0; font-size:22px; font-weight:700; color:#fff;}



.offering-sec2{background:#fff; border-radius:50px; padding:10px;}

.offering-sec2 .row{margin-left:-5px; margin-right:-5px;}

.offering-sec2 .row > [class^="col-"]{padding-left:5px; padding-right:5px;}



/*Login Page End*/



.ddb-header{margin:0; padding:10px 25px; background:#ffffff; border-bottom:solid 1px #e0e5e8; position:relative; z-index:999;}

.ddb-header .logo{width:168px;}

.ddb-header-right{padding:0 15px 0 0;}



.ddb-main{margin:0; min-height:calc(100vh - 82px);}

.ddb-sidebar{width:194px; border-right:solid 1px #e0e5e8;}

.ddb-main-contaner{padding:40px 40px 0;}

.ddb-footer{margin:40px -40px 0; border-top:solid 1px #e0e5e8; color:#084f8c; padding:15px; text-align:center;}



.ddb-leftmenu{padding:24px 0;}

.ddb-leftmenu ul{padding:0; margin:0; list-style:none;}

.ddb-leftmenu ul li{margin-bottom:1px;}

.ddb-leftmenu ul li a{color:#566069; font-size:14px; font-weight:400; padding:10px 15px 10px 50px; display:block; position:relative;}

.ddb-leftmenu ul li a .fa{position:absolute; left:24px; top:14px; font-size:14px;}

.ddb-leftmenu ul li a:hover, 

.ddb-leftmenu ul li:hover > a,

.ddb-leftmenu ul li.active > a{color:#084e8c;}

.ddb-leftmenu ul li .icon{display:block; width:20px; height:20px;}

.ddb-leftmenu ul ul li a{padding-left:62px; color:#566069; font-size:13px;}

.ddb-leftmenu ul ul li a:before{font-family:'FontAwesome'; content:"\f105"; position:absolute; top:10px; left:50px;}

.ddb-leftmenu ul ul li a:hover, 

.ddb-leftmenu ul ul li.active > a{color:#084e8c;}



ul.dashboard-box{padding:0; margin:0; list-style:none; border-radius: .25rem; overflow:hidden;}

ul.dashboard-box li.box{float:left; width:33.333%;}

ul.dashboard-box li.box a{height:177px; background:#fff; border:solid 1px #e0e5e8; margin:-1px; display:block; text-align:center; color:#084e8b; padding-top:22px;}

ul.dashboard-box li.box a .glyph-icon{display:block; font-size:55px; font-weight:normal;}

ul.dashboard-box li.box a span{width:100%; text-align:center; font-size:18px; font-weight:300; display:block; text-transform:uppercase;}

ul.dashboard-box li.box a:hover{box-shadow:inset 0 0 18px rgba(0,0,0,0.18);}

.unread{font-weight: bold}.unread a{color:#000;}

#two-step .toggle {
    width: 65px !important;
    height: 35px !important;
    padding: 0px;
    margin-left: 15px;
}

#two-step .toggle-off,
#two-step .toggle-on{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    cursor: pointer;
}

#two-step .toggle-off{
    background-color: #e6e6e6;
    border-color: #adadad;
}

#two-step .toggle-handle{
    background: #fff;
    padding-left: 5px;
}