form.default .form-group input, form.default .form-group textarea{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
form.default .form-group textarea{
height: auto;
}
form.default .form-group input.submit{
color: #fff;
background-color: #27ae60;
border-radius: 0;
border: none;
width: 70px;
margin-left: auto;
margin-right: auto;
display: block;
}
a.btn-outline-info {
color: #5bc0de;
background-image: none;
background-color: transparent;
border-color: #5bc0de;
}
a.btn-outline-danger {
color: #d9534f;
background-image: none;
background-color: transparent;
border-color: #d9534f;
}
a.btn-outline-warning {
color: #f0ad4e;
background-image: none;
background-color: transparent;
border-color: #f0ad4e;
border: 1px solid #f0ad4e;
}
a.btn-outline-info.active, a.btn-outline-info:active, .show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #5bc0de;
border-color: #5bc0de;
border: 1px solid #5bc0de;
}
a.btn-outline-info:hover {
color: #fff;
background-color: #5bc0de;
border-color: #5bc0de;
border: 1px solid #5bc0de;
}
a.btn-outline-warning:hover {
color: #fff;
background-color: #f0ad4e;
border-color: #f0ad4e;
border: 1px solid #f0ad4e;
}
.form-wrap .form-field{
padding: 0px 15px 15px;
}
.modtbl label{
width: 200px;
}
.modtbl .popbtn{
height: 30px;
margin-right: 20px;
}
.modtbl .popbtn input{
float: right;
clear: both;
}
.modal-header h5{
display: inline-block;
font-weight: 600;
font-size: 16px;
}
label.chkbox{
display: block;
}
label.chkbox input{
display: inline-block !important;
width: 20px !important;
height: 14px !important;
} form.form-4{
display: block;  
}
textarea::-webkit-input-placeholder {  color: #999;}
form.form-4 textarea{
min-height: 100px;
}
p.titlecls{
display: inline-block;
float: left;
width: 16%;
background: #2d3e50;
color: #fff;
padding-top: 17px;
padding-bottom: 17px;
text-align: center;
font-weight: bold;
float: left;
margin-right: 5px;
}
.form-1{
display: block;
padding: 0px 10px;
}
.submit-1{
color: #fff;
background-color: #27ae60;
border-radius: 0;
border: none;
padding: 10px 20px;
float: none !important;
margin-left: auto;
margin-right: auto;
display: block;
}
form.form-1 textarea{
min-height: 100px;
}
.form-2 .form-group, .form-9 .form-group{
display: inline-block;
}
.form-1 .col-lg-6{
width: 220px !important; 
}
.submit-1, .submit-3, .submit-4, .submit-5{
float: right !important;
}
.form-2 .col-md-12, .form-9 .col-md-12{
width: 100%;
padding: 0px;
}
.form-2 .left, .form-2 .right{
width: 95% !important;
}
.form-2 .col-md-12 textarea, .form-9 .col-md-12 textarea{
height: 200px !important;
}
.form-2, .form-9{
margin-top: 20px; 
}
.form-7 .col-md-6{
width: 47%;
display: inline-block;
margin: 3px 5px;
}
.form-7 .file{
margin: 5px 10px;
width: 96%;
}
.form-7 .form-control-label{
font-weight: bold;
margin-bottom: 3px;
display: block;
}
.form-7 textarea{
margin: 10px auto;
width: 96% !important;
}
.submit-7{
float: right;
margin-right: 10px;
background: #27ae4b !important;
}    
.form-8 .left, .form-8 .right{
width: 50%;
display: inline-block;
}
.form-8 .form-group select{
width: 100%;
height: 35px;
background-color: #fff;
}
.form-8 .toptit h2{
font-size: 24px;
}
.form-8 h2{
font-size: 18px;  
}
.form-8 .full{
width: 102%; 
}
.form-8 .topline{
border-top: 1px dotted;
width: 102%;
margin-top: 10px;
padding-top: 5px;
}
.form-8 .full label{
font-weight: bold;
}
.form-8 .submit-8{
float: right;
margin-right: -2%;  
background: #27ae4b;
}
.form-8 .submit-8:hover{
color: #FFFFFF;
background: #8ec63e;
}
ul.pagination {
text-align:center;
color:#829994;
}
ul.pagination li {
display:inline;
padding:0 3px;
}
ul.pagination a {
color:#0d7963;
display:inline-block;
padding:5px 10px;
border:1px solid #cde0dc;
text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {
background:#0d7963;
color:#fff; 
}
.form-9 .form-group .form-control-textarea {
margin: 0;
padding: 6px 10px;
min-width: 240px;
max-height: 70px;
font-size: 14px;
border: 1px solid #CCCCCC;
background: #e4e2e2;
color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
min-height: 35px !important;
}
.form-9 .form-group .namn-textfield, .form-9 .form-group .e-post-textfield, .form-9 .form-group .telefon-textfield, .form-9 .form-group .gatuadress-textfield, .form-9 .form-group .postnr-textfield, .form-9 .form-group .stad-textfield {
display: inline-block;
margin: 0;
padding: 6px 10px;
width: 60%;
font-size: 14px;
border: 1px solid #CCCCCC;
background: #e4e2e2;
color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.form-9 .form-group .namn-label, .form-9 .form-group .e-post-label, .form-9 .form-group .telefon-label, .form-9 .form-group .gatuadress-label, .form-9 .form-group .postnr-label, .form-9 .form-group .stad-label {
float: left;
margin: 0;
padding: 0px 0px;
position: relative;
text-shadow: none;
width: 39%;
margin-right: 1%;
font-size: 14px;
color: #000000;
line-height: 28px;
}
.form-9 .submit-9 {
margin: 0;
padding: 12px 10px;
width: 100%;
font-size: 20px;
border: 1px solid #76b41d;
background: linear-gradient(to bottom, #8fc800 0%,#76b41d 100%);
color: #FFFFFF;
border-top: 1px solid #76b41d;
}
.form-9 .submit-9:hover, .form-9 .submit-9:focus {
margin: 0;
padding: 12px 10px;
width: 100%;
font-size: 20px;
border: 1px solid #76b41d;
background: linear-gradient(to bottom, #76b41d 0%,#8fc800 100%);
color: #FFFFFF;
}.wrap {
position: absolute;
overflow: hidden;
top: 10%;
bottom: 41px;
padding: 20px;
display: block;
border-radius: 4px;
transform: translateY(20px);
transition: all 0.5s;
visibility: hidden;
}
.wrap .content {
opacity: 0;
}
.wrap:before {
position: relative;
width: 1px;
height: 1px;
background: white;
content: "";
bottom: 20px;
left: 50%;
top: 95%;
color: #fff;
border-radius: 50%;
-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active {
display: block;
visibility: visible;
box-shadow: 2px 3px 16px silver;
transition: all 600ms;
transform: translateY(0px);
transition: all 0.5s;
height: auto;
background: #fff;
position: relative;
}
.wrap.active:before {
border-radius: 50%;
top: 50%;
left: 50%;
margin-left: -1000px;
margin-top: -1000px;
-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active .content {
position: relative;
width: 100%;
z-index: 1;
opacity: 1;
transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
a.button {
padding: 0px 10px;
margin: 0px;
clear: both;
text-decoration: none;
background: #007fed;
color: #fff;
font-size: 24px;
display: inline-block;
position: relative;
transition: transform 0.25s;
margin-bottom: -15px;
}
a.button:hover {
text-decoration: none;
background: #2198ff;
}
a.button.active {
transform: rotate(135deg);
transition: transform 0.5s;
}
input.subtn{
width: 130px !important;
margin-top: 20px;
float: right;
}
button.close{
margin-right: 10px;
opacity: 1 !important;
background-color: #fff !important;
position: relative;
display: block;
float: right;
border: none;
}
.alert-success{
color: #3c763d;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
form input.dis{
background-color: #b3b9b3 !important;
}
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}