* {margin:0;
padding:0;
}
html,
body {
height: 100%;
}
#container{ min-height:100%;}
#main{ overflow:auto;}
body {
position:relative;
align-items: center;
background-color: #ededed;
color: #000000 !important;
overflow:scroll;
}
/*form-signin width change from 330 to 440*/
.form-signin {
width: 100%;
max-width: 90%;
padding: ;
margin: 5%;
}
.btn-primary{border-radius:10px;
background-color: #f37e49}
.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover{border-radius:10px;
background-color: #f37e49}
footer{color: #fff; position:relative; background-color: #3e4347}
.form-signin .checkbox {
font-weight: 400;
}
.form-signin .form-floating:focus-within {
z-index: 2;
}
.form-signin input[type="email"] {
margin-bottom: 0px;
}
.form-signin input[type="password"] {
margin-bottom: 0px;
}
.btn-w{ width:100%}
.pad-0{padding:0 !important}
.pad-5{padding:5% !important}
.pad-10{padding:10% !important}
.pad-15{padding:15% !important}
.pad-20{padding:20% !important}
.pad-25{padding:25% !important}
.pad-30{padding:30% !important}
.pad-35{padding:35% !important}
.pad-40{padding:40% !important}
.pad-45{padding:45% !important}
.pad-50{padding:50% !important}
.ml-1{margin-left: 0.25rem}
.ml-2{margin-left: 0.50rem}
.ml-3{margin-left: 0.75rem}
.ml-4{margin-left: 1.00rem}
.ml-5{margin-left: 1.25rem}
.ml-6{margin-left: 1.50rem}
.ml-7{margin-left: 1.75rem}
.ml-8{margin-left: 2.00rem}
.ml-9{margin-left: 2.25rem}
.ml-10{margin-left: 2.50rem}
.mr-1{margin-right: 0.25rem}
.mr-2{margin-right: 0.50rem}
.mr-3{margin-right: 0.75rem}
.mr-4{margin-right: 1.00rem}
.mr-5{margin-right: 1.25rem}
.mr-6{margin-right: 1.50rem}
.mr-7{margin-right: 1.75rem}
.mr-8{margin-right: 2.00rem}
.mr-9{margin-right: 2.25rem}
.mr-10{margin-right: 2.50rem}
.text-left{text-align:left !important}
.text-right{text-align:right !important;}
.fs-sm-1{ font-size:0.1rem !important}
.fs-sm-2{ font-size:0.2rem !important}
.fs-sm-3{ font-size:0.3rem !important}
.fs-sm-4{ font-size:0.4rem !important}
.fs-sm-5{ font-size:0.5rem !important}
.fs-sm-6{ font-size:0.6rem !important}
.fs-7{ font-size:0.7rem !important}
.fs-8{ font-size:0.8rem !important}
.fs-9{ font-size:0.9rem !important}
.fs-10{ font-size:1rem !important}
.color-1{color: #fff; background-color: #3e4347}
.color-2{color: #fff; background-color: #3e4347}
.color-3{color: #fff; background-color: #3e4347}
.color-4{color: #fff; background-color: #3e4347}
.color-5{color: #fff; background-color: #3e4347}
.color-6{color: #fff; background-color: #3e4347}
.navbar{background-color: #3e4347 !important}
.navbar-brand{margin-right:0 !important;}
.card-header{color: #f37e49 !important; background-color: #3e4347 !important;}
.btn{color: #fff !important;}
.btn-link{text-decoration:none !important}
.form-floating>label{color: #f37e49 !important;}
a{color: #f37e49 }
a.color1{color: #f37e49 }
.checked{color: #f37e49 !important;}
.fl{ float:left !important}
.fr{ float:right !important}
.fn{ float:none !important}
label.green{color:#008000}
/*breakpoint css start*/
.example {
padding: 20px;
color: white;
}
.mar-0{margin:0;}
main > .container {
padding: 60px 15px 0;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.example {background: red;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.example {background: green;}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.example {background: blue;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.example {background: orange;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.example {background: pink;}
}
/*breakpoint css end*/
/*line css start*/
hr.line1 {
border-top: 1px solid #000000;
}
hr.line2 {
border-top: 2px solid #000000;
}
hr.line3 {
border-top: 3px solid #000000;
}
hr.line4 {
border-top: 4px solid #000000;
}
hr.line5 {
border-top: 5px solid #000000;
}
hr.line6 {
border-top: 6px solid #000000;
}
hr.line7 {
border: 1px solid #e7e7e7;
}
hr.line8 {
border: 2px solid #e7e7e7;
}
hr.line9 {
border: 3px solid #e7e7e7;
}
hr.line10 {
border: 4px solid #e7e7e7;
}
hr.line11 {
border: 5px solid #e7e7e7;
}
hr.line12 {
border: 6px solid #e7e7e7;
}
/*line css end*/
.offcanvas-start{width:100% !important}
.offcanvas-end{width:100% !important}
hr.l1 {
border-top: 1px solid #e7e7e7;
}
/* Dashed red border */
hr.l2 {
border-top: 1px dashed #e7e7e7;
}
/* Dotted red border */
hr.l3 {
border-top: 1px dotted #e7e7e7;
}
/* Thick red border */
hr.l4 {
border: 1px solid #e7e7e7;
}
/* Large rounded green border */
hr.l5 {
border: 5px solid #e7e7e7;
border-radius: 5px;
}
/* spinner css*/
.spin {
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
background:#000 !important;
color:#fff;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9500;
opacity: 0.8;
height: 100%;
}
.spinner-border{
width:3rem !important;
height:3rem !important;
}
.red{color:red !important}
/*css module paragraph wrap ... show more start*/
.module .collapse, .module .collapsing {
height: 3rem;
}
.module .collapse {
position: relative;
display: block;
overflow: hidden;
}
.module .collapse:before {
content: ' ...';
position: absolute;
right: 0;
bottom: 0;
}
.module .collapse.show {
height: auto;
}
.module .collapse.show:before {
display: none;
}
/*.module a.collapsed:after {
content: 'Read more';
}
.module a:not(.collapsed):after {
content: 'Read Less';
}*/
/*css module paragraph wrap ... show more end*/
/*Toggle checkbox start*/
.form-check-input:checked{
background-color: #f37e49;
border-color: #f37e49 }
/*Toggle checkbox end*/
.notify {
float:left;
background-color:white;
border-radius:5px;
color:red
}
.notify-t{
background-color:#ffcccc;
border-radius:5px;
color:red}
.fa{color:#6a6a6a}
a:hover {
color: #f37e49 !important;
}
.accord-top-cont p{
color: #999999;
}
.accordion-button:not(.collapsed) {
color: #ffffff !important;
background-color: #f37e49 !important;
}