html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */
/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
/* Default Font Styles
______________________*/
body, input, select, textarea{
font-family: "Open Sans";
font-size:16px;
color:#000;
line-height:1.4;
font-weight: 400;
}
*,
*:after,
*:before{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Headings
______________________*/
h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
body{
background-image: url(../images/body11.jpg);
background-repeat: no-repeat;
background-size:100% 100%;
}
/* Links
______________________*/
a{ }
a:hover {
-webkit-transition:0.9s;
-moz-transition:0.9s;
-ms-transition:0.9s;
-o-transition:0.9s;
transition:0.9s;
color: #e14800;
}
/* p, blockquote, address
______________________*/
p{
line-height: 1.5;
margin-bottom: 15px;
margin-top: 20px;
}
/* Lists
______________________*/
ul{
}
ul li{
}
ol{
}
ol li{
}
/* Layout
______________________*/
#container-fluid{
}
.container{
width:1280px;
margin:0 auto;
}
.menu-btn{
background: #00b3ca;
padding: 10px 16px;
border: none;
position: absolute;
right: 20px;
top: 50px;
display: none;
border-radius: 5px;
cursor: pointer;
width: 61px;
}
.menu-btn i{
width: 30px;
margin:6px 0;
display: block;
border: 1px solid #fff;
}
.sidebar-left{
position: relative;
background-color: #1a1a1a;
}
.sidebar-left h3{
margin: 0;
color: #fff;
font-weight: bold;
font-size: 18px;
text-align: center;
padding: 50px 0 20px;
}
.sidebar-left ul{
padding: 0;
}
.sidebar-left ul i {
color: #fff;
font-size: 18px;
}
.sidebar-left a.active,
.sidebar-left a:hover{
background: #333333;
color: #ffffff;
-o-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-ms-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-moz-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
border-left: 6px solid #00b3ca
}
.sidebar-left .active{
background: #333333;
color: #ffffff;
-o-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-ms-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-moz-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
border-left: 6px solid #00b3ca;
}
.sidebar-left a{
font-weight: 200;
color: #ffffff;
display: block;
clear: both;
text-decoration: none;
padding: 19px 20px 19px 15px;
border-bottom: 1px solid #333333;
-o-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-ms-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-moz-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
-webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
border-left: 6px solid #222222;
font-size: 18px;
}
.sidebar-left li a img{
width: 24px;
vertical-align: middle;
margin-right: 5px;
}
.logo-sec{
text-align: center;
}
.logo-sec img{
width: 157px;
padding-top: 50px;
}
/*kom igång page start*/
.contents-right{
background: #fff;
margin-left: -30px;
min-height: 636px;
padding:50px 100px 50px;
}
.inner-title h2{
font-size: 40px;
margin-bottom: 15px;
}
/*overview page end*/
/*company page start*/
.inner-title button{
background-color: #00b3ca;
margin-top: 30px;
border: none;
font-weight: bold;
border-radius: 4px;
padding: 10px 54px;
font-size: 21px;
}
.inner-title a{
color: #fff;
text-decoration: none;
}
.inner-title a:hover{
color: #fff;
}
.inner-title button:hover{
background-color: #000;
color: #fff;
-webkit-transition:0.6;
}
/*company page end */
/*add a company page start */
.add-company-bg {
padding: 30px 80px;
background-color: #f2f2f2;
}
.add-company-form label{
margin-bottom: 10px;
font-weight: 400;
}
.add-company-form input{
border:1px solid #ccc !important;
width: 100%;
border:none;
padding: 0 15px;
color: #000;
height: 44px;
border-radius: 4px;
margin-bottom: 20px;
}
.add-company-form ::-webkit-input-placeholder {
color: #000;
}
.form-filed1 ::-webkit-input-placeholder {
color: #000;
}
.add-company-left label{
display: block;
margin-bottom: 10px;
font-weight: 400;
}
.add-company-left{
margin-left: 20px;
margin-bottom: 10px;
font-weight: 400;
}
.add-company-left input{
border:1px solid #ccc !important;
width: 100%;
border:none;
padding: 0 15px;
color: #000;
height: 44px;
border-radius: 4px;
margin-bottom: 20px;
}
.add-company-right label{
display: block;
margin-bottom: 10px;
font-weight: 400;
}
.add-company-right input{
border:1px solid #ccc !important;
width: 96%;
border:none;
padding: 0 15px;
color: #000;
height: 44px;
border-radius: 4px;
margin-bottom: 20px;
}
.add-company-left ::-webkit-input-placeholder {
color: #000;
}
.add-company-right ::-webkit-input-placeholder {
color: #000;
}
.add-company-btn button{
background-color:#00b3ca;
margin-top: 30px;
margin-left: 20px;
border:none;
font-weight: bold;
border-radius: 4px;
padding:10px 75px;
font-size: 18px;
color: #fff;
}
.add-company-btn button:hover{
background-color: #000;
color: #fff;
-webkit-transition:0.6;
}
/*add a company page end */
/*edit page start */
.de-activate-btn,
.update-btn{
margin-top: 30px;
}
.update-btn button, .update-btn a,
.de-activate-btn button{
background: #00b3ca;
border-radius: 4px;
padding: 12px 32px;
font-size: 17px;
font-weight: 400;
border: none;
margin-right: 12px;
}
.update-btn button:hover,
.de-activate-btn button:hover{
background: #000;
}
.update-btn a:hover,
.de-activate-btn a:hover{
color: #fff;
}
.update-btn a,
.de-activate-btn a{
text-decoration: none;
color: #fff;
}
.edit-inner-title {
margin-top: 40px;
}
/*edit page end*/
/*workplace page start */
.workplace-table{
}
.workplace-table{
background-color: #f2f2f2;
width: 100%;
}
.workplace-table tr th{
color: #fff;
border: solid #008fb3;
padding:10px 15px;
font-weight: 600;
font-size: 15px;
background-color: #008fb3;
}
.workplace-table tr td a{
text-decoration: none;
height: 50px;
color: #fff;
width: 60px;
padding: 10px;
vertical-align: middle;
line-height: 1.1;
display: inline-block;
background-color: transparent;
color: #00b3ca;
}
.workplace-table tr td a i {
font-size: 30px;
color: #00b3ca;
}
.workplace-table tr td{
text-align: center;
padding:20px 12px 20px;
width: 49px;
}
.workplace-btn{
margin-top: 60px;
}
.add-new-form label{
display: block;
}
.add-new-form input{
border:1px solid #ccc !important;
background-color: #f5f5f5;
width: 50% !important;
color: #000;
text-align: left;
}
.workplace-btn a{
text-decoration: none;
color: #fff;
}
::-webkit-input-placeholder{
color: #ccc !important;
}
.add-new-form ::-webkit-input-placeholder {
color: #000;
}
.workplace-btn a:hover{
color: #fff;
text-decoration: none;
}
/*workplace page end */
/*current page start*/
.current-table-box{
background-color: #f2f2f2;
text-align: center;
width: 100%;
}
.current-table-box tr th{
color: #fff;
padding:10px 15px;
font-weight: 400;
font-size: 18px;
background-color: #404040;
}
.current-table-box tr td a{
text-decoration: none;
background-color: #00b3ca;
padding: 6px 15px;
margin: 20px 0;
display: inline-block;
color: #fff;
border-radius: 4px;
}
.current-table-box tr td {
width: auto;
}
.current-table-box tr td a:hover{
background: #000;
color: #fff;
}
.current-table-box1{
border-top: 3px solid #00b3ca;
}
.current-btn{
margin-top: 40px;
}
.current-btn a{
text-decoration: none;
color: #fff;
background-color: #00b3ca;
border-radius: 4px;
padding: 6px 20px;
margin-right: 8px;
font-weight: bold;
}
.current-btn a:hover{
background: #000;
color: #fff;
}
/*current page end*/
/*edit workplace start*/
.edit-workplace{
text-align: left;
}
.edit-workplace tr td{
padding-left: 15px;
}
/*edit workplace end*/
/*workplace history start*/
.search-form{
padding: 30px;
margin-bottom: 20px;
background-color: #f2f2f2;
}
.edit-entry tr td a{
margin: 21px 5px 10px;
background: #5bc0de;
color: #fff;
padding: 6px 25px;
font-weight: 400;
font-size: 17px;
}
.show-btn button a,
.pdf-btn button a{
text-decoration: none;
color: #fff;
}
.show-btn button,
.pdf-btn button {
border:none;
background-color: #00b3ca;
border-radius: 4px;
padding: 8px 50px;
}
.edit-entry tr td{
width: 250px;
}
button{
color: #fff;
}
.edit-entry tr td .eidt-btn-bg{
background: #00b3ca;
color: #fff;
height: 46px;
text-align: center;
line-height: 2.5;
width: 123px;
border: none;
border-radius: 4px;
}
.edit-entry input{
border:1px solid #ccc !important;
border:1px solid #000;
height: 35px;
padding: 0 15px;
/*margin-top: 5px;*/
line-height: 37px !important;
border-radius: 4px;
width: 95%;
}
.current-table p{
margin-top: 20px;
}
.chane-title{
text-align: center;
}
/*workplace history end*/
/*user page star*/
.user-input-left input{
border:1px solid #ccc !important;
width: 100%;
height: 44px;
background: #fff;
color: #000;
padding: 0 15px;
}
.user-input-left label{
display: block;
}
.user-input-right label{
display: block;
font-weight: 400;
}
label{
font-weight: 400;
margin-bottom: 20px;
}
.user-input-right input{
border:1px solid #ccc !important;
width: 100%;
margin-bottom: 20px;
padding: 0 15px;
height: 44px;
background: #fff;
color: #000;
}
/*user page end*/
/*logout page*/
*log out page*/
#banner-wrap{
padding: 30px 0 0;
}
.logo{
float: left;
}
.buttons{
padding-top: 30px;
float: right;
}
/*.buttons a:hover{
background: #000;
}*/
.buttons a{
-webkit-transition:0.9s;
color: #fff;
font-size: 18px;
/*background-color: #000;
border-radius: 4px;
padding: 8px 25px;
text-decoration: none;*/
text-decoration: none;
margin-left: 20px;
}
.banner-left{
float: left;
width: 800px;
}
.banner-left h1{
font-size: 38px;
color: #fff;
font-weight: 400;
margin: 80px 0 30px;
}
.banner-left p{
font-size: 18px;
margin-bottom: 20px;
font-weight: 400;
color: #fff;
}
.banner-left img{
width: 212px;
}
.banner-left button{
background: #fff;
border-radius: 35px;
border: 2px solid #008fb3;
padding: 14px 30px;
display: inline-block;
width: 40%;
color: #008fb3;
margin: 12px 0 0px;
}
.banner-left button:hover{
background: #e6faff;
}
.mobile-button button{
background: #fff;
border-radius: 35px;
border: 3px solid #008fb3;
padding: 14px 30px;
display: inline-block;
width: 100%;
color: #008fb3;
font-weight: 500;
margin: 12px 0 0px;
}
.mobile-button button:hover{
background: #e6faff;
}
.banner-right{
padding-top: 80px;
float: right;
}
.banner-right img{
width: 300px;
}
.main-title{
text-align: center;
margin-bottom: 50px;
}
.main-title h2{
margin-bottom: 15px;
}
.main-title p{
font-size: 18px;
margin-bottom: 20px;
padding: 0 180px;
}
.main-title b{
display: block;
font-size: 18px;
margin-top: 30px;
}
.icons-box2{
margin: 10px 0 60px;
text-align: center;
padding: 0 30px;
}
#main-wrap{
background: url(../images/body11.jpg);
background-repeat: no-repeat;
padding-top: 0px;
}
.bg{
background: url(../images/body1.jpg);
background-repeat: no-repeat;
padding-top: 0px;
background-size:100%;
}
#main-wrap1{
background: #fff;
padding: 50px 0 0;
}
.icons-box2 img{
width: 80px;
margin-bottom: 15px;
}
.icons-box2 h2{
margin-bottom: 15px;
font-size: 22px;
color: #fff;
}
.icons-box2 p{
margin-bottom: 15px;
color: #fff;
font-size: 16px;
font-weight: 300;
}
.icons-box2 a{
text-decoration: none;
color: #fff;
display: inline-block;
margin-top: 20px;
background: #00b3ca;
padding: 6px 25px;
border-radius: 4px;
}
.icons-box1 i{
}
.icons-box i{
font-size: 49px;
margin-bottom: 14px;
color: #008fb3;
}
.icons-box1{
margin: 40px 0 60px;
text-align: center;
padding: 30px 30px;
border-radius: 4px;
}
.icons-box1 img{
width: 80px;
}
.icons-box1 h2{
font-size: 20px;
color: #a4a4a4;
margin: 10px 0 10px;
}
.icons-box1 p{
color: #000;
font-weight: 300;
}
.icons-box{
text-align: center;
margin-bottom: 50px;
}
.icons-box img{
width: 80px;
margin-bottom: 15px;
}
.icons-box h2{
color: #000;
font-size: 20px;
margin: 10px 0 10px;
}
.icons-box p{
color: #000;
font-size: 15px;
padding: 0 30px;
}
.icons-wrap1{
margin-bottom: 0px;
background: #fff;
padding: 30px 15px 35px;
}
.icons-box .rekyl{
text-align: center;
width: 200px;
margin-top: 40px;
}
.icons-wrap{
padding: 60px 15px 30px;
background: #eee;
}
#banner-wrap{
background: #00b3ca;
}
.icons-wrap2{
background: #eee;
padding: 50px 15px 26px;
}
.icons-wrap3{
padding: 60px 15px 30px;
background: url(../images/bg2.png);
background-repeat: no-repeat;
}
/*popup*/
.overlay-input-box {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 1;
display: none;
}
.absolute-sec-box {
position: absolute;
right: 15px;
top: -4%;
}
.form-filed-box button:hover{
background: #000;
}
.absolute-sec a{
text-decoration: none;
color: #fff;
font-size: 26px;
}
.absolute-sec-box img{
width: 12px;
vertical-align: middle;
}
.popup-sec-box {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
padding: 40px 0;
display: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.popup-sec-box h2 {
margin-bottom: 30px;
color: #000;
line-height: 1.2;
font-size: 25px;
}
.popup-sec-box h3 {
font-size: 20px;
color: white;
display: block;
font-weight: 700;
text-transform: uppercase;
}
.form-filed-inline{
padding:38px 50px 96px;
}
.form-filed-box {
position: relative;
max-width: 452px;
background: #fff;
padding:38px 50px 45px;
margin: 0 auto;
}
.form-filed-box a:hover{
color: #000;
}
.form-filed-box label{
float: left;
margin-bottom: 12px;
}
.form-filed-box a{
margin-top: 15px;
color: #0088cc;
text-decoration: none;
display: inline-block;
}
.form-filed-box input{
background: rgba(158, 158, 158, 0.29);
margin-bottom: 12px;
color: #000;
font-size: 22px;
padding: 0 15px;
height: 50px;
width: 100%;
border: none;
}
.form-filed-box button{
padding:10px 0 10px;
width: 100%;
border-radius: 4px;
background:#00b3ca;
color: #fff;
margin-top: 20px;
font-size: 18px;
border: none;
float: left;
font-weight: bold;
}
.absolute-box i{
color: #fff;
font-size: 50px;
}
/*popup sec*/
.overlay-input {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 1;
display: none;
}
.absolute-sec {
position: absolute;
right: 15px;
top: -4%;
}
.form-filed button:hover{
background: #000;
}
.absolute-sec a{
text-decoration: none;
color: #fff;
font-size: 26px;
}
.absolute-sec img{
width: 12px;
vertical-align: middle;
}
.popup-sec {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
padding: 40px 0;
display: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.popup-sec h2 {
margin-bottom: 30px;
color: #000;
line-height: 1.2;
font-size: 25px;
}
.popup-sec h3 {
font-size: 20px;
color: white;
display: block;
font-weight: 700;
text-transform: uppercase;
}
.form-filed {
position: relative;
max-width: 452px;
background: #fff;
padding:38px 50px 90px;
margin: 0 auto;
}
.form-filed a:hover{
color: #000;
}
.form-filed label{
float: left;
margin-bottom: 12px;
}
.form-filed a{
margin-top: 15px;
color: #0088cc;
text-decoration: none;
display: inline-block;
}
.form-filed input{
background: rgba(158, 158, 158, 0.29);
margin-bottom: 12px;
color: #000;
font-size: 22px;
padding: 0 15px;
height: 50px;
width: 100%;
border: none;
}
.form-filed button{
padding:10px 0 10px;
width: 100%;
border-radius: 4px;
background:#00b3ca;
color: #fff;
margin-top: 20px;
font-size: 18px;
border: none;
float: left;
font-weight: bold;
}
.absolute i{
color: #fff;
font-size: 50px;
}
/*popup2*/
.overlay-input2 {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 1;
display: none;
}
.absolute-sec2 {
position: absolute;
right: 21px;
top: -3%;
}
.absolute-sec2 a{
text-decoration: none;
color: #fff;
font-size: 26px;
}
.absolute-sec2 img{
vertical-align: middle;
width: 12px;
}
.popup-sec2 {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
padding: 40px 0;
display: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.popup-sec2 h2 {
margin-bottom: 30px;
color: #000;
line-height: 1.2;
font-size: 25px;
}
.popup-sec2 h3 {
font-size: 20px;
color: white;
display: block;
font-weight: 700;
text-transform: uppercase;
}
.form-filed2 {
position: relative;
max-width: 600px;
background: #fff;
padding: 30px 50px 120px;
margin: 0 auto;
}
.form-filed2 input{
background: rgba(158, 158, 158, 0.29);
margin-bottom: 12px;
color: #000;
font-size: 22px;
padding: 0 15px;
height: 50px;
width: 100%;
border: none;
}
.form-filed2 button{
padding:10px 0 10px;
width: 40%;
border-radius: 4px;
background:#000;
color: #fff;
margin-top: 20px;
font-size: 18px;
border: none;
float: left;
font-weight: bold;
}
.form-filed2 button:hover{
background: #00b3ca;
color: #fff;
}
.absolute2 i{
color: #fff;
font-size: 50px;
}
/*popup3/*
.overlay-input5 {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 1;
display: none;
}
.absolute-sec5 {
position: absolute;
right: 21px;
top: -3%;
}
.absolute-sec5 a{
text-decoration: none;
color: #fff;
font-size: 26px;
}
.absolute-sec5 img{
vertical-align: middle;
width: 12px;
}
.popup-sec5 {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
padding: 40px 0;
display: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.popup-sec5 h2 {
margin-bottom: 30px;
color: #000;
line-height: 1.2;
font-size: 25px;
}
.popup-sec5 h3 {
font-size: 20px;
color: white;
display: block;
font-weight: 700;
text-transform: uppercase;
}
.form-filed5 {
position: relative;
max-width: 600px;
background: #fff;
padding: 30px 50px 120px;
margin: 0 auto;
}
.form-filed5 input{
background: rgba(158, 158, 158, 0.29);
margin-bottom: 12px;
color: #000;
font-size: 22px;
padding: 0 15px;
height: 50px;
width: 100%;
border: none;
}
.form-filed5 button{
padding:10px 0 10px;
width: 40%;
border-radius: 4px;
background:#000;
color: #fff;
margin-top: 20px;
font-size: 18px;
border: none;
float: left;
font-weight: bold;
}
.form-filed5 button:hover{
background: #00b3ca;
color: #fff;
}
.absolute5 i{
color: #fff;
font-size: 50px;
}
/*popup*/
.overlay-input1 {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 1;
display: none;
}
.absolute-sec1 {
position: absolute;
right: 12px;
top: -1%;
}
.absolute-sec1 a{
text-decoration: none;
color: #fff;
font-size: 26px;
}
.absolute-sec1 img{
width: 12px;
vertical-align: middle;
}
.popup-sec1 {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
padding: 40px 0;
display: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.popup-sec1 h2 {
margin:30px 0 30px 46px;
color: #000;
line-height: 1.2;
font-size: 26px;
}
.popup-sec1 h3 {
font-size: 20px;
color: white;
display: block;
font-weight: 700;
text-transform: uppercase;
}
.form-filed1 {
position: relative;
max-width: 600px;
background: #fff;
padding: 10px 50px 120px;
margin: 0 auto;
}
.form-filed1 input{
background: #f5f5f5;
margin-bottom: 12px;
color: #000;
font-size: 18px;
padding: 0 15px;
height: 50px;
width: 100%;
border: none;
}
.form-filed1 button{
padding:10px 0 10px;
width: 100%;
border-radius: 4px;
background:#00b3ca;
color: #fff;
margin-top: 20px;
font-size: 18px;
border: none;
float: left;
font-weight: bold;
}
.form-filed1 button:hover{
background: #000;
color: #fff;
}
.absolute1 i{
color: #fff;
font-size: 50px;
}
.drop-down ul{
padding: 0;
}
.drop-down li:last-child{
border-bottom: none;
margin-bottom: 0px;
}
.drop-down li{
margin-bottom: 12px;
border-bottom: 1px solid #fff;
padding-bottom: 12px;
}
.drop-down a{
transition-duration: none;
font-size: 16px;
color: #fff;
margin-left: 0;
}
.register-click{
position: relative;
}
.drop-down{
display: none;
position: absolute;
right: 18px;
top: 56px;
background: #00b3ca;
width: 150px;
padding: 12px 0 3px;
}
#btn1{
margin-top: -12px;
}
#footer-wrap{
padding: 60px 15px;
background: #000;
}
.footer-col-1 img{
width: 150px;
margin-bottom: 15px;
}
.footer-col-1 h3{
color: #fff;
font-weight: 400;
font-size: 17px;
margin-bottom: 14px;
}
.footer-col-1 b{
font-weight: bold;
color: #fff;
font-size: 16px;
display: block;
}
.logo img{
margin-top: 40px;
width: 150px;
}
.footer-col-2{
padding-top: 10px;
}
.footer-col-3{
padding-top: 10px;
}
.footer-btm {
background: #000;
margin-top: 0;
text-align: center;
padding: 17px 15px 1px;
}
.footer-col-2 b{
margin-bottom: 10px;
}
.footer-btm p{
color: #000;
/*font-weight: 300;*/
}
/*footer start */
#footer-wrap{
text-align: center;
padding: 15px 15px;
background-color: #00b3ca;
}
.footer-btm p{
color: #fff;
font-weight: 400;
}
.calendar-form input{
padding: 0 15px;
}
/*responsive*/
@media(max-width: 1199px){
.container{
width:1024px;
}
.workplace-table tr td a{
width: 40px;
padding: 9px 6px 0;
}
}
@media(max-width: 1023px){
.container{
width:740px;
}
.content-right{
padding: 100px 30px 50px;
}
.add-company-bg {
padding: 30px;
}
.sidebar-left a{
font-size: 13px;
padding: 19px 14px 19px 6px;
}
.workplace-table tr td a{
width: 40px;
padding: 9px 6px 0;
}
.workplace-table tr td{
padding: 20px 0;
}
.contents-right {
margin-left: -30px;
padding: 100px 14px 50px;
}
}
@media(max-width: 767px){
.container{
width:auto;
}
.workplace-table{
width: 100%;
height: auto;
border: thin solid black;
overflow-x: visible;
overflow-y: hidden;
}
.drop-down {
display: none;
position: static;
right: 18px;
top: 56px;
background: #00b3ca;
width: 100%;
padding: 12px 0 3px;
}
.logo{
float: none;
text-align: center;
}
.banner-left {
float: none;
width: auto;
}
.banner-left h1{
font-size: 32px;
margin: 30px 0;
}
.banner-right {
padding-top: 80px;
float: left;
text-align: center;
}
.footer-col-1{
text-align: center;
padding-top: 10px;
}
.footer-col-2 {
padding-top: 10px;
text-align: center;
}
.footer-col-3 {
text-align: center;
padding-top: 10px;
}
.buttons{
float: none;
text-align: center;
}
.add-company-left{
margin-bottom: 0;
}
.contents-right{
padding: 20px 15px 50px !important;
}
.workplace-table tr td{
width: 100%;
}
.workplace-table tr td {
width: 31%;
font-size: 12px;
}
.workplace-table tr td a{
height: 37;
width: 34px;
}
.dark-blus1 img, .dark-blus2 img, .dark-blus3 img, .dark-blus4 img {
width: 21px;
}
.add-new-form input{
width: 100% !important;
}
.contents-right{
padding: 39px 15px 50px;
}
.add-company-left{
margin-left: 0;
}
.add-company-bg{
padding: 30px 30px;
}
button{
width: 100%;
margin: 0;
}
.add-new-form input{
width: 100%;
}
.add-new-form{
width: 100%;
}
.add-company-btn button{
margin-left: 0;
}
.add-company-left input{
width: 100%;
}
.inner-title h2{
font-size: 18px;
}
.contents-right{
margin-left: 0;
}
.menu-btn{
display: block;
}
.logo-sec {
text-align: left;
}
.logo-sec img {
width: 150px;
padding-top: 23px;
}
.hidden1{
display: none;
}
.logo-sec img {
width: 124px;
padding-top: 23px;
}
.form-filed button{
width: 100%;
}
.absolute-sec{
right: 21px;
}
.popup-sec1{
top:62%;
}
.absolute-sec1 {
top: -9%;
}
.form-filed1,
.form-filed,
.form-filed2{
max-width: 100%;
}
.popup-sec1 h2,
.popup-sec h2,
.popup-sec2 h2{
margin:30px 0 30px 8px;
}
.main-title p{
padding: 0 15px;
}
}
/* DATATABLES */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
background: transparent;
}
.dataTables_wrapper {
padding-bottom: 30px;
}
.dataTables_length {
float: left;
}
.dataTables_filter label {
margin-right: 5px;
}
.html5buttons {
float: right;
}
.html5buttons a {
border: 1px solid #e7eaec;
background: #fff;
color: #676a6c;
box-shadow: none;
padding: 6px 8px;
font-size: 12px;
}
.html5buttons a:hover,
.html5buttons a:focus:active {
background-color: #eee;
color: inherit;
border-color: #d2d2d2;
}
div.dt-button-info {
z-index: 100;
}
@media (max-width: 768px) {
.html5buttons {
float: none;
margin-top: 10px;
}
.dataTables_length {
float: none;
}
}
.dark-blus1 img,
.dark-blus2 img,
.dark-blus3 img,
.dark-blus4 img
{
width: 30px;
}
.dark-blus2 a i{
font-size: 30px;
color: #fff;
}
.dark-blus1 a,
.dark-blus3 a,
.dark-blus4 a,
.dark-blus2 a{
text-align: center;
border-radius: 24px;
}
.dark-blus1 a:hover,
.dark-blus3 a:hover,
.dark-blus4 a:hover,
.dark-blus2 a:hover{
background: #666666;
}
.footer-col-1 b,
.footer-col-2 b {
font-weight: 400;
}
.footer-col-1,
.footer-col-2,
.footer-col-3{
text-align: left;
}
.current-table a:hover{
text-decoration: none;
}
.current-table a{
font-weight: bold;
}
.overlay-input10 {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 1;
display: none;
}
.absolute-sec10 {
position: absolute;
right: 15px;
top: -4%;
}
.form-filed10 button:hover{
background: #000;
}
.absolute-sec a{
text-decoration: none;
color: #fff;
font-size: 26px;
}
.absolute-sec10 img{
width: 12px;
vertical-align: middle;
}
.popup-sec10 {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
padding: 40px 0;
display: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.popup-sec10 h2 {
margin-bottom: 30px;
color: #000;
line-height: 1.2;
font-size: 25px;
}
.popup-sec10 h3 {
font-size: 20px;
color: white;
display: block;
font-weight: 700;
text-transform: uppercase;
}
.form-filed10 {
position: relative;
max-width: 452px;
background: #fff;
padding:38px 50px 40px;
margin: 0 auto;
}
.form-filed10 a:hover{
color: #000;
}
.form-filed10 label{
float: left;
margin-bottom: 12px;
}
.form-filed10 a{
margin-top: 15px;
color: #0088cc;
text-decoration: none;
display: inline-block;
}
.form-filed10 input{
background: rgba(158, 158, 158, 0.29);
margin-bottom: 12px;
color: #000;
font-size: 22px;
padding: 0 15px;
height: 50px;
width: 100%;
border: none;
}
.form-filed10 button{
padding:10px 0 10px;
width: 100%;
border-radius: 4px;
background:#00b3ca;
color: #fff;
margin-top: 20px;
font-size: 18px;
border: none;
float: left;
font-weight: bold;
}
.absolute10 i{
color: #fff;
font-size: 50px;
}
.overlay-input8 {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 1;
display: none;
}
.absolute-sec8 {
position: absolute;
right: 15px;
top: -4%;
}
.form-filed8 button:hover{
background: #000;
}
.absolute-sec a{
text-decoration: none;
color: #fff;
font-size: 26px;
}
.absolute-sec8 img{
width: 12px;
vertical-align: middle;
}
.popup-sec8 {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
padding: 40px 0;
display: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.popup-sec8 h2 {
margin-bottom: 30px;
color: #000;
line-height: 1.2;
font-size: 25px;
}
.popup-sec8 h3 {
font-size: 20px;
color: white;
display: block;
font-weight: 700;
text-transform: uppercase;
}
.form-filed8{
position: relative;
max-width: 452px;
background: #fff;
padding:38px 50px 40px;
margin: 0 auto;
}
.form-filed8 a:hover{
color: #000;
}
.form-filed8 label{
float: left;
margin-bottom: 12px;
}
.form-filed8 a{
margin-top: 15px;
color: #0088cc;
text-decoration: none;
display: inline-block;
}
.form-filed8 input{
background: rgba(158, 158, 158, 0.29);
margin-bottom: 12px;
color: #000;
font-size: 22px;
padding: 0 15px;
height: 50px;
width: 100%;
border: none;
}
.form-filed8 button{
padding:10px 0 10px;
width: 100%;
border-radius: 4px;
background:#00b3ca;
color: #fff;
margin-top: 20px;
font-size: 18px;
border: none;
float: left;
font-weight: bold;
}
.absolute8 i{
color: #fff;
font-size: 50px;
}
.popup-new-password {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
padding: 40px 0;
/*display: none;*/
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.searchBox {
position: relative;
}
.searchBox ul {
position: absolute;
width: 100%;
/*height: 100px;*/
/*overflow-y: scroll;*/
}
.searchBox ul li{
display: inline-block;
width: 100%;
padding: 5px;
padding-left: 15px;
border: 1px solid #bbb;
background-color: #eee;
cursor: pointer;
}
.popup-sec1 {
/*position: relative;*/
/*display: block;*/
}
.bg-none{
background:url(../images/loginBG.png) no-repeat top center;
background-size: 100%;
padding-top: 100px;
}
.popup-sec1-inner{
max-width: 437px;
margin: 0 auto;
padding: 1px 15px 40px;
border: 1px solid #ddd;
border-radius: 4px;
}
.form-filed1-inner h2{
margin: 10px 0 19px 0;
color: #fff;
line-height: 1.2;
font-size: 22px;
padding: 25px 0;
text-align: center;
margin-bottom: 26px;
background: #00b3ca;
}
.form-filed1-inner input {
background: rgb(255, 255, 255);
margin-bottom: 12px;
color: #9E9E9E;
font-size: 18px;
padding: 0 15px;
height: 50px;
width: 100%;
border: #fafafa;
}
.form-filed1-inner button {
padding: 10px 0 10px;
width: 50%;
border-radius: 4px;
background: #00b3ca;
color: #fff;
margin-top: 20px;
font-size: 18px;
border: none;
font-weight: bold;
text-align: center;
}
.form-filed1-inner button:hover {
background: #000;
color: #fff;
}
.center-btn{
text-align: center;
}
.registration-form .popup-sec1-inner {
margin-bottom: 60px;
background: #f9f9f9;
}
body.register-page {
background: none;
}
body.register-page .banner {
background: none !important;
}
.white{
color: #000 !important;
}
.footer-col-1{
padding-right: 97px;
}
.footer-col-1 p{
color: #fff;
}
.footer-col-1 a{
color: #fff;
text-decoration: none;
margin-bottom: 12px;
display: inline-block;
}
input, textarea, select {
color: #817b7b !important;
}
.search-box{
padding:30px 80px 30px 13px;
}
.current-table-box .edit-entry{
text-align: left;
padding-top:40px;
}
.current-table-box .edit-entry label{
margin-bottom: 8px;
}
.row{
margin: 0;
}
.edit_bg {
background-color: #404040;
padding: 28px 15px;
margin-bottom: 12px;
}
.check-out_inner{
padding:0 15px 23px;
}