H69UNtblNBNpha2dtB1Odn8qYp1Qk5NK2gi7yfceofo9N
/
home
/
ymswebso
/
public_html
/
projects
/
bevelplexus
/
html-final
/
css
/
Nama File / Folder
Size
Action
style.css
4.127KB
Hapus
Edit
Rename
body{margin:0px; padding:0px; overflow-x:hidden;height: 100%; width:100%;font-family: 'Mulish', sans-serif; color:#879dad;background:url(../images/bg.jpg) no-repeat 0 0/cover;background-attachment: fixed;} html{height:100vh;} a{color: #015eff;} a:hover{text-decoration:none;} .logo{max-width:100%; max-height:50px;} .white_box {width: 100%;box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);background: #f5f6f9;border-radius: 5px;overflow: hidden;} h4{color:#4a4b65;} .start_field{border-bottom: solid 2px #ccc !important; border-radius:0px; text-align:center; padding:10px; width:100%; border:0px; outline:none;background: transparent;} .start_field:focus{border-bottom: solid 2px #0185ff !important; border-radius:0px;} label {font-weight: 600;} .btn_primary{border-radius:4px; padding: 10px 35px;} .back_btn, .next_btn{color:#879dad; font-size:11px; font-weight:700; text-decoration:none;} #msform fieldset:not(:first-of-type) {display: none} #msform .form-control{height: calc(2.2em + .75rem + 2px); position: relative;} .form-control:focus {outline: 0;box-shadow: none;} #msform .card h6{color: #4a4b65;} #msform label{color: #879dad; font-weight: 700;} #msform .custom-control-label{color: #879dad; font-weight: 500; line-height: 20px; font-size: 14px;} #msform .custom-control-label::before {width: 20px;height: 20px;border: solid 1px #dae0e4;border-radius: 0 !important;} #msform .custom-control-label::after {width: 20px;height: 20px;} .progress {height: 5px;background-color: #c0c9d8;} .progress-bar {height: 5px;border-radius: 3px;} .border_right{border-right: dashed 1px #a2b2e8;height: 46px;width: 1px;margin: auto;} /*File Upload*/ .files input {outline: 2px dashed #92b0b3;outline-offset: -10px;-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;transition: outline-offset .15s ease-in-out, background-color .15s linear;padding: 120px 0px 85px 35%;text-align: center !important;margin: 0; width: 100% !important;} .files input:focus{outline: 2px dashed #92b0b3;outline-offset: -10px;-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;} .files{ position:relative} .files:after {pointer-events: none;position: absolute;top: 60px;left: 0;width: 50px;right: 0;height: 56px;content: "";background-image: url(../images/download.png);display: block;margin: 0 auto;background-size: 100%;background-repeat: no-repeat;} .color input{ background-color:#f1f1f1;} .files:before {position: absolute;bottom: 0px;left: 0; pointer-events: none;width: 100%;right: 0;height: 57px;content: "or drag it here. ";display: block;margin: 0 auto;color: #bfbfbf;font-weight: 600;text-transform: capitalize;text-align: center; z-index:9;} .input-group-text {color: #909194;background-color: #fff;border: solid 1px #d9d9d9;border-right: 0 !important;right: -1px;position: relative;z-index: 1;} .text12{font-size:12px;} .text_waiting{font-size:10px;color:#771f07; font-weight:bold;} .btn_blue{background:#fff; border-radius:4px;padding: 10px; color:#4a4b65; font-size:16px; font-weight:700; border: solid 1px #d9d9d9;} .btn_blue:hover, .btn_blue.active{background:#1a18a7; border-radius:4px;padding: 10px; color:#fff; font-size:16px; font-weight:700; border: solid 1px #d9d9d9;} .btn_blue .fa{color: #0185ff;font-size:28px;vertical-align: middle;} .scrollable-menu {height: auto;max-height: 18rem;overflow-x: hidden;} .input-group { .input-group-btn .btn-secondary {color: #464a4c;background-color: #1a18a7;} } /*Radeo custom*/ .radios .radio {background-color: #fff;display: inline-block;width: 100%;min-height: 175px;cursor: pointer;padding: 15px;border: solid 1px #e6e6e6;border-radius: 4px;box-shadow: 0 0 4px 4px #f2f2f2;font-size:12px;} .radios .radio .fa{color:#0185ff;} .radios input[type=radio] {display: none;} .radios input[type=radio]:checked + .radio {background-color: #1a18a7;} .radios input[type=radio]:checked + .radio h4 {color: #fff;} /*Select*/ .matches {margin: 0;padding: 0;border-radius: 0px;} .matches > .match {margin: 0;padding: 0.5em;background-color: white;list-style: none;text-align: left;} .match > .highlight {background-color: #70CDFF;}