body,html {padding:0;margin:0;}
body{font-family:Roboto,sans-serif;font-display:auto;font-weight:400;font-size:16px;line-height:24px;color:#212b36;overflow-x:hidden;-webkit-font-smoothing:antialiased; padding-bottom:150px;}
.top-steps {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.top-steps a {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; position: relative; text-align:center; border:1px solid #f3f3f3; border-bottom:2px solid #f3f3f3; border-top:2px solid #f3f3f3; padding:10px 0; background:#f9f9f9; color:#868686; text-decoration:none; }
.top-steps a.active {background:#2775ff; color:#fff;}
.footer-button {background:#fff;padding:20px 0 40px 0; width:100%; text-align:center;}
.btn {padding: 10px 20px; font-weight:bold; margin:0 5px; }
.btn-dark { background-color: #333; border-color: #333; box-shadow: 0 6px 25px rgba(0,0,0,.1); }
.btn-warning {box-shadow: 0 6px 25px rgba(0,0,0,.1); }
.form-control {height:40px;}
h2 {font-size:16px;margin-bottom:10px;margin-top:20px; font-weight:normal; color:#212b36;}
.tab-content {padding-top:10px;}

.radio label {width:100%; overflow: hidden; margin: 0;}
.ikapsam { display: flex; justify-content: center; align-items: center; width:100%; cursor:pointer; height:80px; border:2px solid #fff; text-align:center; border-radius: 5px; padding:5px 0; }
.ikapsam img {vertical-align: middle; display: table-cell; max-width:100%; max-height: 100%;}
label > input:checked + .ikapsam {border:2px solid #2775ff;}
label > input{visibility: hidden;position: absolute; width: 100%; min-height: 80px; z-index:2;} 
label > input + img{ width:100%; cursor:pointer;} 
.ikapsambanner { display: flex; justify-content: center; align-items: center; width:100%; cursor:pointer; border:2px solid #ccc; text-align:center; border-radius: 5px; padding:5px 0; }
.ikapsambanner img {vertical-align: middle; display: table-cell; max-width:100%; max-height: 100%;}
label > input:checked + .ikapsambanner {border:2px solid #2775ff;}

div.colorPicker-picker { border:1px solid #f2f2f2; border-radius:6px; height: 50px; width: 100%; padding: 0 !important; cursor: pointer; line-height: 16px; font-size:0.75em; font-weight:bold; text-align: center; } div.colorPicker-palette {left:0!important;padding-top:10px; width: 100%; position: absolute; z-index: 9999; } div.colorPicker_hexWrap {width: 100%; } div.colorPicker_hexWrap label {display:none;} div.colorPicker_hexWrap input {margin-top: 10px; font-size: 95%; width: 100%; } div.colorPicker-swatch { height: 30px; width: 10%; float: left; cursor: pointer; line-height: 12px; }

.ValidationErrors { position: fixed; bottom: 0px; z-index:2; left:0; color: #fff; background: #eb644d; width: 100%; font-size: 13px; display: block; text-align:center; padding: 5px 0; }

body   { overflow-y: scroll; overflow-x: hidden; } html { overflow-y: auto; background-color: transparent; }

::-webkit-scrollbar-thumb, #sidebar::-webkit-scrollbar-thumb{
    background: rgba(128,134,139,.26);
    border-radius: 8px;
}
::-webkit-scrollbar-corner, [scrollbars]::-webkit-scrollbar-corner {
    background: 0;
}

[scrollbars]::-webkit-scrollbar, ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

@media (max-width: 769px){
.nav-tabs .nav-link {padding: 2px 5px!important; margin-right:3px; margin-bottom:3px; border-radius: 2px!important; font-size: 12px!important; border:1px solid #dee2e6; color:#222;}	
.nav-tabs .nav-link.active {border:1px solid #007bff; color: #007bff!important; }
.nav-tabs {border:0!important;}
.ikapsam {height:50px;}
.logo-final {width:100%;}
}	
.logo-final {max-width:500px; margin-top:10px; margin-bottom:15px; border:1px solid #ccc;}