Fhtml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
background-color: #d6d6d6 !important;
font-weight: bold !important;
}
a {
text-decoration: none !important;
}
.clear{
clear:both;
}
.space100{
width:100%;
margin-top:100px;
float:left;
}
.space40{
width:100%;
margin-top:40px;
float:left;
}
.space50{
width:100%;
margin-top:50px;
float:left;
}
/*================================css reset========================================*/
@font-face {
font-family: 'montserratlight';
src: url('../fonts/montserrat-light_0.eot');
src: url('../fonts/montserrat-light_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/montserrat-light_0.woff2') format('woff2'),
url('../fonts/montserrat-light_0.woff') format('woff'),
url('../fonts/montserrat-light_0.ttf') format('truetype'),
url('../fonts/montserrat-light_0.svg#montserratlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Montserrat-Bold';
src: url('../fonts/Montserrat-Bold.eot');
src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'),
url('../fonts/Montserrat-Bold.ttf') format('truetype'),
url('../fonts/Montserrat-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.top_head {
background-color: #050547;
float: left;
width: 100%;
height: 67px;
}
.wrapper {
//max-width: 1200px;
max-width: 96%;
margin: 0 auto;
width: 100%;
}
.logo {
width: 60%;
text-align: center;
padding: 7px 0;
float: left;
margin: 0 0 0 170px;
}
.top_head2 {
background-color: #e5e5e5;
float: left;
width: 100%;
}
ul.navigation {
float: left;
width: 100%;
padding: 0 0;
}
ul.navigation li:first-child {
padding-left: 0;
}
ul.navigation li {
float: left;
list-style: none;
padding: 15px 15px;
}
ul.navigation li a {
text-decoration: none;
font-family: 'montserratlight';
font-weight: 400;
font-size: 14px;
color: #7e7e7e;
}
.dash_content {
/*width: 60%;*/
width: 50%;
margin: 0 auto;
overflow: hidden;
margin-top: 160px;
padding-left: 50px;
}
.tools {
float: left;
width: 131px;
text-align: center;
}
.box_images {
width: 100%;
/*background-color: #e38009;*/
border-radius: 6px;
/*padding: 25px 0;*/
}
.box_images img{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.box_images img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.tools h1 {
font-family: 'montserratlight';
font-weight: 400;
font-size: 15px;
color: #7e7e7e;
margin-top:10px;
line-height: 17px;
}
.box_images.change {
background-color: #bd3a26;
}
.box_images.change1 {
background-color: #96a6a6;
}
.box_images.change2 {
background-color: #9a57c0;
}
.box_images.change3 {
background-color: #f1c502;
}
.box_images.change4 {
background-color: #2ba083;
}
.dash_content a:nth-child(4n) {
/*margin-right: 0;*/
}
.dash_content a {
display: inline-block;
margin-right: 60px;
margin-top: 40px;
}
.back_clr{
background:#eeeeee;
}
.company_opn {
width: 100%;
margin: 0 auto;
margin-top: 40px;
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 8px;
padding:40px 15px;
overflow: hidden;
}
.company_opn h1 {
font-family: 'montserratlight';
font-weight: 400;
font-size: 24px;
color: #656565;
text-align: center;
margin-bottom: 8px;
}
.company_opn p {
font-family: 'montserratlight';
font-weight: 400;
font-size: 15px;
color: #656565;
text-align: center;
}
/*============table==============*/
.CSSTableGenerator {
margin:0px;padding:0px;
width:100%;
border:1px solid #e5e5e5;
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
display: inline-block;
}.CSSTableGenerator table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
}
.CSSTableGenerator tr:hover td{
}
.CSSTableGenerator tr:nth-child(odd){
background-color:#efefef; height: 40px;
}
.CSSTableGenerator tr:nth-child(even) {
background-color:#ffffff; height: 40px;
}
.CSSTableGenerator td{
vertical-align:middle;
border:1px solid #e5e5e5;
border-width:0px 1px 1px 0px;
text-align:left;
padding:10px;
font-size:12px;
font-family:Arial;
font-weight:normal;
color:#656565;
}.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
width: 7%;
border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
border:0px solid #e5e5e5;
text-align:left;
border-width:0px 0px 0px 0px;
font-size:15px;
font-family: 'montserratlight';
font-weight: 400;
color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
}
.CSSTableGenerator tr:first-child td:first-child{
border-width:0px 0px 0px 0px;
border:none;
}
.CSSTableGenerator tr:first-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator td:first-child{
width:50%;
}
.table_set {
width: 100%;
margin-top: 35px;
}
/*============table==============*/
.table_right {
width: 14%;
float: right;
padding-top: 101px;
margin-left: 10px;
}
a.openn {
width: 100%;
display: inline-block;
text-decoration: none;
background-color: #050547;
color: #fff;
text-align: center;
padding: 10px 0;
border-radius: 4px;
font-family: 'montserratlight';
font-size:16px;
}
a.edit {
width: 100%;
display: inline-block;
text-decoration: none;
background-color: #4e9e19;
color: #fff;
text-align: center;
padding: 10px 0;
border-radius: 4px;
font-family: 'montserratlight';
font-size:16px;
margin-top:10px;
}
.set_company {
width: 100%;
text-align: center;
display: inline-block;
margin-top: 40px;
}
.company_tools {
width: 147px;
display: inline-block;
margin: 0 15px;
}
.company_tools h2 {
color:#656565;
font-family: 'montserratlight';
font-size:16px;
line-height: 18px;
}
.commen_images {
margin-bottom: 5px;
}
.business_set {
width: 65%;
margin: 0 auto;
}
.business_set h1 {
color:#656565;
font-family: 'montserratlight';
font-size:27px;
}
.business_set p {
color:#656565;
font-family: 'montserratlight';
font-size:16px;
line-height: 19px;
}
p.basic {
width: 76%;
margin: 0 auto;
margin-top: 20px;
}
.business_set span {
width: 100%;
display: inline-block;
text-align: center;
color:#ababab;
font-family: 'montserratlight';
font-size:16px;
margin-top:12px;
}
a.express {
width: 252px;
display: block;
text-decoration: none;
background-color: #050547;
color: #fff;
text-align: center;
padding: 15px 0;
border-radius: 4px;
font-family: 'montserratlight';
font-size: 16px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 45px;
}
a.setup {
width: 170px;
display: block;
text-decoration: none;
background-color: #4e9e19;
color: #fff;
text-align: center;
padding: 10px 0;
border-radius: 4px;
font-family: 'montserratlight';
font-size: 16px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 25px;
}
.other {
width: 170px;
background: #4e9e19 url(../images/drop_white.png) no-repeat;
color: #fff;
padding: 7px 15px;
border-radius: 4px;
font-family: 'montserratlight';
font-size: 16px;
background-position: 137px 16px;
display: block;
margin: 0 auto;
margin-top: 20px;
-moz-appearance: none;
-webkit-appearance: none;
border: medium none;
outline:none;
}
.other option{
background:#cecece;
}
/*form styles*/
#msform {
width: 400px;
margin: 50px auto;
text-align: center;
position: relative;
}
#msform fieldset {
/* background: white; */
/* border: 0 none; */
/* border-radius: 3px; */
/* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); */
/*padding: 20px 30px;*/
box-sizing: border-box;
width: 80%;
margin: 0 10%;
position:relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform input, #msform textarea {
padding: 15px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
font-size: 13px;
background-color:#f2f2f2;
}
/*buttons*/
#msform .action-button {
width: 100px;
background: #27AE60;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
/*headings*/
.fs-title {
font-size: 15px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
}
#progressbar li {
list-style-type: none;
color: white;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after{
background: #050547;
color: white;
}
/* create account
-----------------------*/
/*form styles*/
#msform {
width: 100%;
margin: 0px auto;
text-align: center;
position: relative;
margin-top: 30px;
}
#msform fieldset {
/* background: white; */
/* border: 1px solid #D4D4D5; */
/* border-radius: 5px; */
/* box-shadow: 14px 16px 1px 0 #E6E6E7; */
/* padding: 20px 30px; */
box-sizing: border-box;
width: 85%;
/* left: 0; */
/* right: 0; */
/*margin: 0 auto; */
position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform input, #msform textarea {
border: none;
border-radius: 3px;
margin-bottom: 0px;
width: 55%;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
color: #2C3E50;
font-size: 13px;
height: 40px;
background-color: #f0f0f0;
float: left;
}
#msform .selector_account {
padding: 3% 2.6%;
border: 1px solid #dedede;
border-radius: 5px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
color: #ccc;
font-size: 13px;
}
#msform label {
font-family: 'montserratlight';
color: #656565;
font-size: 16px;
float: left;
margin: 10px 0;
text-align: right;
width: 140px;
}
/*buttons*/
#msform .action-button {
width: 100px;
background: #4e9e19;
font-family: 'montserratlight';
font-size: 16px;
color: white;
border: 0 none;
border-radius: 5px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
float: right;
}
#msform p {
font-family: 'montserratlight';
color: #a8a8a8;
font-size: 11px;
text-align: left;
float: left;
line-height: 20px;
margin-bottom: 10px;
}
fieldset ul {
border: 1px solid #ECECED;
margin: 0;
padding: 2px;
border-radius: 5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
}
fieldset ul li{
list-style:none;
font-family: Arial, Helvetica, sans-serif;
color: #6f6f70;
font-size: 15px;
}
fieldset ul li a{
background: none repeat scroll 0 0 #ECECED;
border: 1px solid #FFFFFF;
display: block;
padding: 15px;
text-align: left;
color: #6f6f70;
text-decoration:none;
transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
fieldset ul li a:hover{
background:#429C46;
color:#fff;
}
fieldset ul li:first-child a{
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-ms-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
fieldset ul li:last-child a{
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-ms-border-radius:0 0 5px 5px;
-o-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}
/*headings*/
.fs-title {
font-size: 24px;
text-transform: capitalize;
font-family: 'Museo500';
color: #429C46;
margin-bottom: 10px;
font-weight:normal;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
padding: 0 0 0 166px;
position: relative;
z-index: 0;
}
#progressbar li {
list-style-type: none;
color: #656565;
font-family: 'montserratlight';
font-size: 16px;
width: 20.9%;
float: left;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 35px;
line-height: 36px;
display: block;
font-size: 11px;
color: #fff;
background: #b0c8eb;
margin: 0 auto 5px auto;
height: 35px;
border-radius: 30px;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: #050547;
position: absolute;
left: -50%;
top: 16px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after{
background: #050547;
color: white;
}
.radio-demo {
width:100%;
overflow:hidden;
}
.radio-demo [type="checkbox"] {
position:absolute;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
height: 14px;
width: 14px !important;
}
.label_wd {
width:auto;
display:block;
float:left;
}
.radio-demo [type="checkbox"] + label {
position:relative;
padding: 0 0px 0 35px;
font-size: 13px !important;
line-height: 20px;
margin-right:20px;
color:#7a7a79;
text-align:left;
}
.radio-demo [type="checkbox"] + label:before {
content:"";
display:block;
position:absolute;
top:2px;
left:0;
height: 20px;
width: 20px;
background: white;
border: 1px solid #d1d1d1;
box-shadow: inset 0px 0px 0px 3px white;
-webkit-box-shadow: inset 0px 0px 0px 3px white;
-moz-box-shadow: inset 0px 0px 0px 3px white;
-o-box-shadow: inset 0px 0px 0px 3px white;
border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
}
.radio-demo [type="checkbox"]:checked + label:before {
background: #d1d1d1;
border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
}
.browse_sec .inputfile {
background: #fff;
border: 1px solid #d8d8d8;
color: #9B9B9B;
float: left;
font-size: 12px;
height: 45px;
line-height: 45px;
margin-top: 25px;
padding: 0 15px !important;
width: 382px !important;
border-radius: 5px 0 0 5px !important;
}
.browse_sec input.upload {
cursor: pointer;
font-size: 14px;
height: 43px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 116px;
}
.fileUpload {
margin: -10px 0 0;
overflow: hidden;
position: relative;
}
.btn-primary {
background:#3150a0;
border: 0px solid #3150a0;
border-radius: 0 5px 5px 0;
color: #fff;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
height: 44px;
line-height:44px;
margin-left: 0px;
margin-top: 25px;
padding-top: 0px;
text-align: center;
text-transform: uppercase;
width: 103px;
}
.form_set {
width: 80%;
display: block;
}
.reprt {
display: inline-block;
width: 78%;
padding-left: 10px;
margin-bottom: 15px;
}
.reprt2 {
display: inline-block;
width: 40%;
padding-left: 10px;
}
.form_selector{
border: none;
border-radius: 3px;
margin-bottom: 0px;
width: 65%;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
color: #2C3E50;
font-size: 13px;
height: 40px;
background: #fafafa url(../images/drop_down.png) no-repeat;
float: left;
background-position: 509px;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #f0f0f0;
}
.form_selector2{
border: none;
border-radius: 3px;
margin-bottom: 0px;
width: 30%;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
color: #2C3E50;
font-size: 13px;
height: 40px;
background: #fafafa url(../images/drop_down.png) no-repeat;
float: left;
background-position: 195px;
-webkit-appearance: none;
-moz-appearance: none;
}
.set_btn {
display: inline-block;
float: right;
}
label.label_test {
width: 66px !important;
padding-left: 10px;
text-align: center !important;
}
#msform .continue {
width: 100px;
background: #4e9e19;
font-family: 'montserratlight';
font-size: 16px;
color: white;
border: 0 none;
border-radius: 5px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
float: right;
}
.preview{
width:183px !important;
}
/* ============== POPUP ============== */
#mask {
display: none;
background: rgba(0, 0, 0, 0.8);
position: fixed;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 999;
}
#mask2 {
display: none;
background: rgba(0, 0, 0, 0.8);
position: fixed;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 999;
}
.popup {
display: none;
float: left;
position: fixed;
top: 50%;
left: 50%;
z-index: 99999;/*box-shadow: 0px 0px 20px #999;
-moz-box-shadow: 0px 0px 20px #999; /* Firefox
-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome
border-radius:3px 3px 3px 3px;
-moz-border-radius: 3px; /* Firefox
-webkit-border-radius: 3px; Safari, Chrome */
}
.popup_wrap_2{
width:510px;
}
.invite2 {
background: none repeat scroll 0 0 #fff;
border: medium none;
border-radius: 4px;
width: 510px;
}
.header-top {
background: none repeat scroll 0 0 #e90e88;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
width: 100%;
}
.header-top h1 {
color: #ffffff;
font-family: centurygothic-bold;
font-size: 16px;
line-height: 40px;
text-align: center;
}
.invite2 span {
color: #4b4b4b;
font-family: "open sans";
font-size: 13px;
line-height: 49px;
margin-left: 18px;
}
.pop-in {
padding: 30px 0;
text-align: center;
}
.pop-in > h1 {
color: #bdbdbd;
font-family: centurygothicregular;
font-size: 20px;
line-height: 25px;
}
.poms {
padding-bottom: 22px;
text-align: center;
}
.popbtn {
background: none repeat scroll 0 0 #1098cf;
border: medium none;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-family: centurygothicregular;
font-size: 16px;
height: 57px;
line-height: normal;
margin-right: 7px;
width: 203px;
}
.popbtn2 {
background: none repeat scroll 0 0 #1098cf;
border: medium none;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-family: centurygothicregular;
font-size: 16px;
height: 57px;
line-height: normal;
margin-left: 7px;
width: 203px;
}
.restore {
float: left;
width: 742px;
}
.restore_heading {
float: left;
width: 100%;
text-align: center;
background: #5092bd;
border-radius: 5px 5px 0 0;
}
.restore_heading h1 {
font-family: 'montserratlight';
font-size: 16px;
color: #fff;
text-align: center;
margin: 0;
padding: 12px 0;
}
.restore_type {
float: left;
width: 100%;
background: #fff;
border-radius: 0 0 5px 5px;
overflow: hidden;
padding-bottom: 20px;
}
.restore_type_save {
/*float: left;
margin: 0 0 0 27px;*/
overflow: hidden;
padding: 20px;
/*width: 100000px;*/
}
.restore_type_heading {
width: 100%;
padding: 20px 0 5px 12px;
}
.restore_type_heading h1 {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
}
.restore_type_checkbox {
float: left;
max-width: 705px;
width: 100%;
margin-right: 20px;
position:relative;
}
.squaredOne3 {
float: left;
}
.squaredOne3 [type="radio"] {
height: 14px;
opacity: 0;
position: absolute;
width: 14px;
}
input[type="radio"] {
margin-top: 12px;
padding: 0;
margin-left: 0;
margin-right: 0;
}
.squaredOne3 [type="radio"] + label {
font-family: 'montserratlight';
font-weight: bold;
font-size: 16px;
color: #656565;
line-height: 25px;
margin: 16px 0 0;
padding: 0 0 0 30px;
position: relative;
text-align: left;
}
.squaredOne3 [type="radio"]:checked + label:before {
background: none repeat scroll 0 0 #5092bd;
border-radius: 40px;
}
.squaredOne3 [type="radio"] + label:before {
background: none repeat scroll 0 0 white;
border: 1px solid #d1d1d1;
border-radius: 40px;
box-shadow: 0 0 0 3px white inset;
content: "";
display: block;
height: 15px;
left: 0;
position: absolute;
top: 2px;
width: 15px;
}
label.label_wd {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
line-height: 25px;
padding: 0 0 0 30px;
float: left;
width: 100%;
}
.restore_button {
float: left;
margin-top: 30px;
width: 96%;
margin-right: 30px;
}
.restore_type_button {
float: right;
}
.restore_type_button a {
float: left;
text-decoration: none;
background-color: #4e9e19;
color: #fff;
text-align: center;
padding: 13px 28px;
border-radius: 6px;
font-family: 'montserratlight';
font-size: 16px;
margin-left: 10px;
}
/*pop-up
--------------------- */
.field {
margin-bottom: 10px !important;
}
/*form styles*/
#msform2 {
width: 400px;
margin: 50px auto;
text-align: center;
position: relative;
}
#msform2 fieldset {
/* background: white; */
/* border: 0 none; */
/* border-radius: 3px; */
/* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); */
/*padding: 20px 30px;*/
box-sizing: border-box;
width: 80%;
margin: 0 10%;
position:relative;
}
/*Hide all except first fieldset*/
#msform2 fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform2 input, #msform2 textarea {
padding: 15px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
font-size: 13px;
}
/*buttons*/
#msform2 .action-button {
width: 100px;
background: #27AE60;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
/*headings*/
.fs-title {
font-size: 15px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar2 {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
}
#progressbar2 li {
list-style-type: none;
color: white;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
}
#progressbar2 li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar2 li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar2 li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar2 li.active:before, #progressbar2 li.active:after{
background: #050547;
color: white;
}
/* create account
-----------------------*/
/*form styles*/
#msform2 {
width: 100%;
margin: 0px auto;
text-align: center;
position: relative;
margin-top: 30px;
}
#msform2 fieldset {
/* background: white; */
/* border: 1px solid #D4D4D5; */
/* border-radius: 5px; */
/* box-shadow: 14px 16px 1px 0 #E6E6E7; */
/* padding: 20px 30px; */
box-sizing: border-box;
width: 100%;
/* left: 0; */
/* right: 0; */
margin: 0 auto;
position: relative;
}
/*Hide all except first fieldset*/
#msform2 fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform2 input, #msform2 textarea {
border: none;
border-radius: 3px;
margin-bottom: 0px;
width: 96%;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
color: #2C3E50;
font-size: 13px;
height: 40px;
background-color: #fafafa;
float: left;
}
#msform2 .selector_account {
padding: 3% 2.6%;
border: 1px solid #dedede;
border-radius: 5px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
color: #ccc;
font-size: 13px;
}
#msform2 label {
font-family: 'montserratlight';
color: #656565;
font-size: 13px;
float: left;
margin: 0;
text-align: left;
width: 140px;
}
/*buttons*/
#msform2 .action-button {
width: 100px;
background: #4e9e19;
font-family: 'montserratlight';
font-size: 16px;
color: white;
border: 0 none;
border-radius: 5px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
float: right;
}
fieldset ul {
border: 1px solid #ECECED;
margin: 0;
padding: 2px;
border-radius: 5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
}
fieldset ul li{
list-style:none;
font-family: Arial, Helvetica, sans-serif;
color: #6f6f70;
font-size: 15px;
}
fieldset ul li a{
background: none repeat scroll 0 0 #ECECED;
border: 1px solid #FFFFFF;
display: block;
padding: 15px;
text-align: left;
color: #6f6f70;
text-decoration:none;
transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
fieldset ul li a:hover{
background:#429C46;
color:#fff;
}
fieldset ul li:first-child a{
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-ms-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
fieldset ul li:last-child a{
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-ms-border-radius:0 0 5px 5px;
-o-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}
/*progressbar*/
#progressbar2 {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
padding: 0 0 0 197px;
position: relative;
z-index: 9;
}
#progressbar2 li {
list-style-type: none;
color: #656565;
font-family: 'montserratlight';
font-size: 16px;
width: 20.9%;
float: left;
position: relative;
}
#progressbar2 li:before {
content: counter(step);
counter-increment: step;
width: 35px;
line-height: 36px;
display: block;
font-size: 11px;
color: #fff;
background: #b0c8eb;
margin: 0 auto 5px auto;
height: 35px;
border-radius: 30px;
}
/*progressbar connectors*/
#progressbar2 li:after {
content: '';
width: 100%;
height: 2px;
background: #050547;
position: absolute;
left: -50%;
top: 16px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar2 li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar2 li.active:before, #progressbar2 li.active:after{
background: #050547;
color: white;
}
.form_set {
width: 100% !important;
display: block;
}
.form_set table tr th{
background-color: #5092bd;
color: #fff;
padding: 10px;
height: auto;
}
.set_btn {
display: inline-block;
float: right;
}
#msform2 .continue {
width: 100px;
background: #4e9e19;
font-family: 'montserratlight';
font-size: 16px;
color: white;
border: 0 none;
border-radius: 5px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
float: right;
}
.preview{
width:183px !important;
}
.restore_type p {
width: 100%;
text-align: center;
margin-top: 30px;
font-size: 16px;
color: #656565;
font-family: 'montserratlight';
font-weight: bold;
}
.features {
width: 50%;
display: inline-block;
}
.features p {
width: 100%;
text-align: center;
margin-top: 0px !important;;
font-size: 16px;
color: #656565;
font-family: 'montserratlight';
font-weight: bold;
line-height: 19px;
}
.features.features2 {
width: 100%;
margin-bottom: 60px;
}
.features a {
color: #4e9e19;
line-height: 25px;
font-size: 16px;
font-family: 'montserratlight';
font-weight: bold;
}
/*===========popup table===========*/
.popup_table {
margin: 0px;
padding: 0px;
width: 90%;
border: 1px solid #e5e5e5;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
margin: 0 auto;
margin-top:25px;
margin-bottom:20px;
}
.popup_table table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.popup_table tr:last-child td:last-child {
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
}
.popup_table table tr:first-child td:first-child {
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
width: 70%;
}
.popup_table table tr:first-child td:last-child {
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
text-align: center;
}.popup_table tr:last-child td:first-child{
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
}.popup_table tr:hover td{
}
.popup_table tr:nth-child(odd){ background-color:#efefef; height: 39px; }
.popup_table tr:nth-child(even) { background-color:#ffffff; height: 39px; }.popup_table td{
vertical-align:middle;
/*border:1px solid #e5e5e5;*/
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:16px;
font-family: 'montserratlight';
font-weight:normal;
color:#656565;
}.popup_table tr:last-child td{
border-width:0px 1px 0px 0px;
}.popup_table tr td:last-child{
border-width:0px 0px 1px 0px;
text-align: center;
}.popup_table tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.popup_table tr:first-child td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
border:0px solid #e5e5e5;
text-align:left;
border-width:0px 0px 1px 1px;
font-size:16px;
font-family: 'montserratlight';
color:#ffffff;
}
.popup_table tr:first-child:hover td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
}
.popup_table tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.popup_table tr:first-child td:last-child{
border-width:0px 0px 1px 0px;
}
.popup_btn {
margin-right: 35px !important;
}
/*==========07/10/15=============*/
.add_info {
float: left;
width: 100%;
border-bottom: 1px solid #e5e5e5;
padding: 12px 0;
}
.add_info:first-child {
border-top: 1px solid #e5e5e5;
}
.add_info_left {
float: left;
height: 128px;
width: 128px;
border: 3px solid #ebebeb;
border-radius: 80px;
}
.add_info_left img {
padding-top: 30px;
}
.add_info_right {
float: left;
width: 81%;
margin-top: 30px;
padding-left: 30px;
}
.add_info_right h1 {
text-align:left;
}
.add_info_right p {
text-align: left;
width: 80%;
font-size: 16px !important;
color: #656565 !important;
}
.add_info_right a {
width: 100px;
background: #4e9e19;
font-family: 'montserratlight';
font-size: 16px;
color: white;
border: 0 none;
border-radius: 5px;
padding: 10px 5px;
float: right;
}
.add_info_btn {
float: right;
margin-top:40px;
}
.add_info_btn a {
width: 100px;
background: #4e9e19;
font-family: 'montserratlight';
font-size: 16px;
color: white;
border: 0 none;
border-radius: 5px;
padding: 10px 16px;
}
.top_head3 {
float: left;
width: 100%;
background: #707070;
}
.top_head3 li {
float: left;
}
.top_head3 ul {
padding:15px 0;
display:inline-block;
}
select.ven_selector {
border: none;
color: #fff;
font-size: 15px;
margin-right: 45px;
font-family: 'montserratlight';
font-weight: 400;
outline: none;
background: url(../images/drop_black.png) no-repeat;
background-position: right 8px;
-webkit-appearance: none;
padding: 0 10px 0px 0;
-moz-appearance: none;
}
.vendors {
width: 100%;
float: left;
margin-top: 15px;
}
a.vendors_top_btn {
background-color: #cdcdcd;
color: #000;
border-radius: 6px;
float: left;
font-family: "montserratlight";
font-size: 13px;
font-weight: 400;
height: 32px;
line-height: 32px;
margin-right: 8px;
padding: 0;
text-align: center;
width: 125px;
}
a.vendors_top_btn.active{
background-color: #050547;
color: #fff;
}
a.vendors_top_btn2 {
float: left;
background-color: #cdcdcd;
color: #000;
padding: 0px;
border-radius: 6px;
font-size: 13px;
font-family: 'montserratlight';
font-weight:400;
width:125px;
text-align:center;
margin-right:8px;
height: 32px;
line-height: 32px;
}
.vendors_main {
float: left;
width: 100%;
margin-top: 15px;
}
.vendors_left {
float: left;
width: 28%;
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 4px;
padding: 15px;
height: auto !important;
}
.vendors_right_first {
height: auto !important;
}
.active_vendors {
width: 100%;
display: inline-block;
}
select.vendor_drp_dwn {
width: 20%;
padding: 8px 0;
border: 1px solid #c3c3c3;
background: url(../images/drop_black.png) , -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background:url(../images/drop_black.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background:url(../images/drop_black.png), -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background:url(../images/drop_black.png), -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background:url(../images/drop_black.png), linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
border-radius: 4px;
outline: none;
background-repeat: no-repeat;
background-position: 97%;
-webkit-appearance:none;
-moz-appearance: none;
}
input.vdn_field {
width: 25%;
margin-top: 16px;
height: 32px;
border-radius: 4px;
padding-left: 10px;
float:left;
border: 1px solid #c3c3c3;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
}
button.active_vdn_btn {
border-radius: 4px;
border: 1px solid #c3c3c3;
float:left;
margin: 16px 0 0 10px;
padding: 7px;
cursor: pointer;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
}
/*=============vendor table===============*/
.vendor_table {
margin:0px;padding:0px;
width:100%;
border:1px solid #c3c3c3;
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}.vendor_table table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.vendor_table tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.vendor_table table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.vendor_table table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.vendor_table tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.vendor_table tr:hover td{
background-color:#ffffff;
}
.vendor_table td {
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
border-width: 0px 1px 1px 0px;
text-align: center;
padding: 15px 100px;
font-size: 12px;
font-family: Arial;
font-weight: normal;
width: 132px;
color: #7d7d7d;
}
.vendor_table tr:last-child td{
border-width:0px 1px 1px 0px;
}.vendor_table tr td:last-child{
border-width:0px 0px 1px 0px;
}.vendor_table tr:last-child td:last-child{
border-width:0px 0px 1px 0px;
}
.vendor_table thead tr:first-child td{
background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff"); background: -o-linear-gradient(top,#ffffff,ffffff);
background-color:#ffffff;
border:0px solid #cccccc;
text-align:center;
border-width:0px 0px 1px 0px;
font-size:14px;
font-family: 'montserratlight';
font-weight:400;
color:#212121;
}
.vendor_table tr:first-child:hover td{
background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff"); background: -o-linear-gradient(top,#ffffff,ffffff);
background-color:#ffffff;
}
.vendor_table thead tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.vendor_table tr:first-child td:last-child{
border-width:0px 0px 1px 0px;
}
tbody.left_sclr {
height: 400px; /* Just for the demo */
overflow-y: auto; /* Trigger vertical scroll */
overflow-x: hidden; /* Hide the horizontal scroll */
}
.vendor_table thead,.vendor_table tbody { display: block; }
.vendor_left_table {
margin-top: 15px;
margin-bottom: 70px;
}
.vendors_right{
float: left;
width: 68%;
margin-left: 1%;
}
.vendors_right_main {
float: left;
width: 96%;
background-color: #fff;
padding: 15px;
border: 1px solid #d6d6d6;
border-radius: 4px;
}
.vendor_information {
float: left;
width: 64%;
}
.vendor_information_head {
width: 100%;
display: inline-block;
border-bottom: 1px solid #cccccc;
padding-bottom: 10px;
}
.vendor_information_head h1 {
float:left;
font-family: 'montserratlight';
font-size: 20px;
color: #656565;
}
.vendor_information_head a {
border-radius: 4px;
border: 1px solid #c3c3c3;
float: left;
padding: 0 7px;
cursor: pointer;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
height: 32px;
vertical-align: middle;
float:right;
margin-right:5px;
}
.vendor_information_head img {
margin-top:5px;
}
.vendor_information_bottom {
margin-top: 30px;
display: inline-block;
width: 100%;
}
.vendor_information_bottom h1 {
float: left;
width: 26%;
text-align: right;
margin-bottom: 10px;
font-family: 'montserratlight';
font-size: 14px;
color: #656565;
}
.vendor_information_bottom p {
float: left;
width: 70%;
height:20px;
margin-bottom: 10px;
margin-left: 4%;
font-family: 'montserratlight';
font-size: 14px;
color: #212121;
}
.map {
/* width: 100%; */
display: inline-block;
margin-top: 65px;
margin-left: 100px;
}
.map li {
float: left;
padding: 0 10px 0 10px;
}
.map a {
font-family: 'montserratlight';
font-size: 16px;
color: #050547;
}
.map li:first-child{
border-right:1px solid #cccccc;
}
.vendor_btn {
width: 100%;
display: inline-block;
margin-top: 20px;
}
.vendors_right_bottom {
float: left;
width: 96%;
background-color: #fff;
padding: 15px 15px 191px 15px;
border: 1px solid #d6d6d6;
border-radius: 4px;
margin-top: 5px;
}
.vendors_right_bottom h1 {
float: left;
font-family: 'montserratlight';
font-size: 14px;
color: #c3c3c3;
margin-top: 7px;
margin-right: 10px;
}
select.vendor_drp_dwn2 {
width: 183px;
padding: 6px 0;
border: 1px solid #c3c3c3;
background: url(../images/drop_black.png) , -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background:url(../images/drop_black.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background:url(../images/drop_black.png), -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background:url(../images/drop_black.png), -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background:url(../images/drop_black.png), linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
border-radius: 4px;
outline: none;
background-repeat: no-repeat;
background-position: 97%;
float: left;
-webkit-appearance:none;
margin-right: 10px;
-moz-appearance: none;
}
.vendors_tabs {
width: 100%;
display: inline-block;
border: 1px solid #c3c3c3;
padding-bottom: 70%;
}
.vendors_tabs li {
width: 100%;
float: left;
}
.vendors_tabs li a {
font-family: 'montserratlight';
font-size: 14px;
color: #212121;
padding: 10px 0 10px 20px;
width: 95.5%;
display: inline-block;
}
.vendors_tabs li a:hover {
color: #fff;
background:#5092bd;
}
.vendors_tabs li.active a {
color: #fff;
background:#5092bd;
}
.vendors_right_bottom2 {
float: left;
width: 100%;
}
.vendors_right_bottom2 h1 {
float: left;
font-family: 'montserratlight';
font-size: 14px;
color: #c3c3c3;
margin-top: 7px;
margin-right: 10px;
}
.vendors_right_first{
float: left;
width: 96%;
background-color: #fff;
padding: 15px 15px 15px 15px;
border: 1px solid #d6d6d6;
border-radius: 4px;
height: 666px;
}
/*================screen6 table vendor=====================*/
.vendor_first_table {
margin:0px;padding:0px;
width:100%;
border:1px solid #d6d6d6;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
float: left;
margin-top: 15px;
}.vendor_first_table table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.vendor_first_table tr:last-child td:last-child {
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:0px;
}
.vendor_first_table table thead tr:first-child td:first-child {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
}
.vendor_first_table table thead tr:first-child td:last-child {
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
}.vendor_first_table thead tr:last-child td:first-child{
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:0px;
}.vendor_first_table tr:hover td{
}
.vendor_first_table tr:nth-child(odd){ background-color:#ffffff; }
.vendor_first_table tr:nth-child(even) { background-color:#efefef; }.vendor_first_table td{
vertical-align:middle;
border:1px solid #d6d6d6;
border-width:0px 1px 1px 0px;
text-align:center;
padding:7px;
font-size:12px;
font-family:Arial;
font-weight:normal;
color:#000000;
width: 182px;
}.vendor_first_table tr:last-child td{
border-width:0px 1px 0px 0px;
}.vendor_first_table tr td:last-child{
border-width:0px 0px 1px 0px;
}.vendor_first_table tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.vendor_first_table thead tr:first-child td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
border:0px solid #d6d6d6;
text-align:center;
border-width:0px 0px 1px 0px;
font-size:16px;
font-family:Arial;
font-weight:normal;
color:#ffffff;
}
/*.vendor_first_table tr:first-child:hover td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
}*/
.vendor_first_table thead tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.vendor_first_table tr:first-child td:last-child{
border-width:0px 0px 1px 0px;
}
tbody.vendors_scroll {
height: 466px; /* Just for the demo */
overflow-y: auto; /* Trigger vertical scroll */
overflow-x: hidden; /* Hide the horizontal scroll */
}
.vendor_first_table thead,.vendor_first_table tbody {/* display: block; */}
select.vendor_drp2_down {
width: 190px;
padding: 8px 0;
border: 1px solid #c3c3c3;
background: url(../images/drop_black.png) , -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background:url(../images/drop_black.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background:url(../images/drop_black.png), -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background:url(../images/drop_black.png), -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background:url(../images/drop_black.png), linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
border-radius: 4px;
outline: none;
background-repeat: no-repeat;
background-position: 97%;
-webkit-appearance:none;
margin-right:10px;
-moz-appearance: none;
}
.run_reporter {
float: left;
width: 100%;
margin-top: 16px;
}
/*========screen8=======*/
.purchase_order {
width: 100%;
float: left;
background-color: #fff;
margin-top: 15px;
padding-bottom: 50px;
}
.purchase_head {
width: 100%;
padding: 13px 0;
background-color: #5092bd;
}
.purchase_head h1 {
text-align: center;
color: #fff;
font-size: 17px;
font-family: 'montserratlight';
}
.purchase_order_btn {
float: left;
width: 99%;
margin-top: 10px;
padding-left: 10px;
}
.purchase_order_btn a{
border: 1px solid #c3c3c3;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
color: #787878;
padding: 8px 22px;
display: inline-block;
border-radius: 4px;
font-family: 'montserratlight';
font-size: 14px;
}
.print{
border: 1px solid #c3c3c3;
background: url(../images/drop_down.png) , -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background:url(../images/drop_down.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background:url(../images/drop_down.png), -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background:url(../images/drop_down.png), -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background:url(../images/drop_down.png), linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
background-repeat: no-repeat;
color: #787878;
padding: 6px 18px;
display: inline-block;
border-radius: 4px;
font-family: 'montserratlight';
font-size: 14px;
background-position: 93%;
-webkit-appearance:none;
-moz-appearance: none;
}
.purchase_field {
float: left;
width: 98%;
margin: 10px 10px 0 10px;
border-bottom: 1px solid #c3c3c3;
padding-bottom: 10px;
}
.purchase_item{
width:250px;
float:left;
}
.purchase_item h1{
float: left;
font-family: 'montserratlight';
font-size: 14px;
color: #c3c3c3;
margin-top: 7px;
margin-right: 10px;
}
.purchase_item select {
border: 1px solid #c3c3c3;
background: url(../images/drop_down.png) , -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background:url(../images/drop_down.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background:url(../images/drop_down.png), -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background:url(../images/drop_down.png), -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background:url(../images/drop_down.png), linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
background-repeat: no-repeat;
color: #212121;
padding: 4px 4px;
display: inline-block;
border-radius: 4px;
font-family: 'montserratlight';
font-size: 14px;
background-position: 93%;
-webkit-appearance:none;
-moz-appearance: none;
width: 79%;
}
.purchase_item2{
width:145px;
float:left;
margin-right: 8px;
}
.purchase_item2 h1{
float: left;
font-family: 'montserratlight';
font-size: 14px;
color: #c3c3c3;
margin-top: 7px;
margin-right: 10px;
}
.purchase_item2 input[type="text"] {
width: 62%;
height: 25px;
border-radius: 4px;
padding-left: 10px;
float: left;
border: 1px solid #c3c3c3;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
.purchase_field a {
border: 1px solid #c3c3c3;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
color: #787878;
padding: 6px 22px;
display: inline-block;
border-radius: 4px;
float: left;
font-family: 'montserratlight';
font-size: 14px;
margin-right: 10px;
}
.advance {
width: 80%;
text-align: center;
margin: 0 auto;
margin-top: 20px;
}
.advance h1 {
font-family: 'montserratlight';
font-size: 20px;
color: #656565;
}
.advance h2 {
font-family: 'montserratlight';
font-size: 22px;
color: #656565;
line-height: 38px;
font-weight: bold;
}
.adjust {
width: 80%;
margin: 0 auto;
}
.billing_main {
float: left;
width: 100%;
margin-top: 13px;
}
.billing_main_left {
float: left;
width: 75%;
margin-top: 11px;
}
.bulling_main_btn {
float: left;
width: 100%;
margin-bottom: 10px;
}
.bulling_main_btn a {
font-family: 'montserratlight';
font-size: 13px;
color: #212121;
background-color: #cdcdcd;
padding: 7px 10px;
border-radius: 4px;
float: left;
margin-right: 5px;
}
.bulling_main_btn a:hover{
background:#050547;
color:#fff;
}
.billing_find {
float: left;
width: 96%;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 4px;
padding: 10px 17px;
}
.billing_nav {
display: inline-block;
width: 100%;
}
.find_btn {
float: left;
width: 70px;
padding-right: 10px;
border-right: 1px solid #cdcdcd;
}
a.find_btn2 {
font-family: 'montserratlight';
font-size: 13px;
color: #212121;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
padding: 7px 21px;
border-radius: 4px;
float: left;
border:1px solid #c2c2c2;
margin-top: 5px;
}
.find_btn img {
float: left;
margin-left: 14px;
}
.billing_nav ul {
float: left;
}
.billing_nav li {
float: left;
}
.billing_nav img {
display: block;
}
.grey_bg{
background:#eeeeee;
}
.login {
background: #fff none repeat scroll 0 0;
border: 1px solid #d9d9d9;
border-radius: 5px;
margin: 50px auto 0;
padding: 22px;
width: 1070px;
}
.login h2 {
border-bottom: 1px solid #e5e5e5;
font-size: 33px;
margin: 0 0 50px;
padding: 0 0 10px;
text-align: center;
color:#656565;
font-family: 'montserratlight';
}
.login form{
width:273px;
margin:0 auto;
}
.login label{
color:#7d7d7d;
font-size:13px;
font-family: 'montserratlight';
display: block;
margin:0 0 10px;
text-align:left;
}
.login .input_text {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
font-size: 15px;
height: 25px;
margin: 0 0 20px;
padding: 0 10px;
width: 100%;
color:#7d7d7d;
}
.login .forget_pass{
color:#7d7d7d;
font-size:13px;
font-family: 'montserratlight';
display: block;
margin:0 0 10px;
text-align:center;
display:block;
margin:0 0 20px;
}
.login .submit_btn {
background: #050547 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #fff;
display: block;
font-size: 15px;
height: 32px;
margin: 0;
width: 100%;
}
.billilng-info-form{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
font-size: 100%;
margin: 0px 0 0;
outline: 0 none;
overflow: hidden;
padding: 0;
vertical-align: baseline;
}
.bulling_main_btn {
float: left;
width: 100%;
margin-bottom: 10px;
}
.billilng-info-form > ul {
margin: 17px 0;
overflow: hidden;
width: 100%;
}
.billilng-info-form li {
float: left;
margin: 0 8px 0 0;
padding: 0;
}
.billilng-info-form li a {
background-color: #cdcdcd;
border-radius: 4px;
color: #212121;
display: block;
float: left;
font-family: "montserratlight";
font-size: 16px;
height: 38px;
line-height: 35px;
margin-right: 5px;
min-width: 150px;
padding: 0 10px;
text-align: center;
}
.billilng-info-form li a.active{
background:#050547;
color:#fff;
}
.billilng-info-form .form-content {
float: left;
margin-left: 0;
min-height: 500px;
position: relative;
width: 1114px;
}
#product_wrapper .tabs_content {
display: none;
}
#product_wrapper .tabs_content.active {
border: medium none !important;
display: block;
}
.content_user {
background: #fff none repeat scroll 0 0;
margin: 0;
padding: 7px 22px 15px;
border: 1px solid #d9d9d9;
border-radius: 5px;
}
.content_user h2{
border-bottom: 1px solid #e5e5e5;
font-size: 26px;
margin: 20px 0 28px;
padding: 0 0 10px;
text-align: left;
color:#656565;
font-family: 'montserratlight';
}
.input_user .fa.fa-camera {
float: right;
line-height: 25px;
}
.content_user ul {
margin: 56px 0 0;
padding:0;
margin-left: 100px;
}
.content_user li {
margin: 0;
padding: 0;
width: 46%;
}
.content_user .label_user {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 25px;
margin: 0 10px 0 0;
text-align: left;
text-transform: capitalize;
width: 165px;
}
span#file_data {
line-height: 25px;
width: 216px;
overflow: hidden;
display: inline-block;
float: left;
font-size:12px;
font-family:"montserratlight";
}
input#upload_profile {
position: absolute;
width: 270px;
opacity:0;
left:0px;
}
.content_user div.input_user{
overflow:hidden;
cursor: text;
position: relative;
}
.content_user #file_data{
cursor: text;
}
.content_user .input_user {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 25px;
margin: 0 0 20px;
padding: 0 10px;
width: 270px;
outline:none;
float:left;
transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
}
.content_user .input_user:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
.is_active {
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 17px;
padding: 0px 0px 0px 25px;
color: #7D7D7D;
width: 100px;
user-select:none;
-moz-user-select:none;
-o-user-select:none;
-webkit-user-select:none;
}
.label_wd{
float:left;
}
/* SQUARED FOUR */
/*input[type="checkbox"] {
display: none;
visibility: hidden;
}*/
.squaredFour {
margin: 0px auto;
position: relative;
float: left;
width: 14px;
}
.squaredFour label {
background: #e6e6e6 none repeat scroll 0 0;
border: 1px solid #dadada;
border-radius: 4px;
cursor: pointer;
height: 14px;
padding: 0 !important;
position: absolute;
top: 0;
width: 14px;
}
.squaredFour label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: transparent none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #333 #333;
border-image: none;
border-style: none none solid solid;
border-width: medium medium 3px 3px;
content: "";
height: 3px;
left: 2px;
opacity: 0;
position: absolute;
top: 3px;
transform: rotate(-45deg);
width: 7px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.squaredFour label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.5;
}
.squaredFour input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.content_user .access_rights {
margin: 28px 0;
padding: 0;
}
.content_user .access_rights > li {
margin: 0;
padding: 0;
width: 12%;
float: left;
}
.content_user .user_submit_btn {
background: #050547 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: block;
float: right;
font-family: "montserratlight";
font-size: 16px;
height: 38px;
line-height: 33px;
margin: 0 0 0 10px;
padding: 0;
text-align: center;
text-decoration: none;
width: 150px;
}
.user_management {
background: #fff none repeat scroll 0 0;
margin: 0;
padding: 7px 22px 0px;
border: 1px solid #d9d9d9;
border-radius: 5px;
}
.user_management h2 {
border-bottom: 1px solid #e5e5e5;
color: #656565;
font-family: "montserratlight";
font-size: 26px;
margin: 20px 0 0;
padding: 0 0 10px;
text-align: left;
}
.user_management .list_manage {
margin: 0;
padding: 0;
}
.user_management .list_manage li {
border-bottom: 1px solid #e5e5e5;
margin: 0;
padding: 15px 0 13px;
width: 100%;
}
.user_management .list_manage li:last-child {
border-bottom: medium none;
}
.user_management .list_manage li p {
color: #656565;
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 19px;
width: 80%;
}
.user_management .list_manage .uesr_manage_btns {
float: right;
}
.user_management .list_manage .uesr_manage_btns > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: auto;
line-height: 18px;
margin: 0 0 0 5px;
min-width: 17px;
padding: 0;
}
.pagination{
margin:10px 0 0;
padding:0;
}
.pagination li {
float: left;
margin: 0 8px 0 0;
padding: 0;
}
.pagination li.pervious_next > a {
background: #050547 none repeat scroll 0 0;
border: 1px solid #050547;
color: #fff;
width: 93px;
}
.pagination li > a {
background: #fff none repeat scroll 0 0;
border: 1px solid #dadada;
border-radius: 7px;
color: #656565;
float: none;
height: 26px;
line-height: 25px;
margin: 0;
min-width: 25px;
padding: 0;
text-align: center;
width: 25px;
display: block;
}
.uesr_company_btns {
text-align:center;
}
.uesr_company_btns > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: auto;
line-height: 18px;
margin: 0 10px;
min-width: 17px;
padding: 0;
}
p.type_restore_data {
color: #656565;
font-family: "montserratlight";
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0 0 0 25px;
text-align: left;
width: 100%;
}
p.restore_para {
color: #656565;
font-family: "montserratlight";
font-size: 15px;
font-weight: 400;
line-height: 16px;
margin: 4px 0 2px;
padding: 0 0 0 25px;
text-align: left;
width: 100%;
}
.user_display {
float: right;
margin: 7px 20px 10px 0;
padding: 0;
position: relative;
}
.user_setting {
background: rgba(0, 0, 0, 0) url("../images/drop_down_white.png") no-repeat scroll right center !important;
color: #ffffff !important;
display: block !important;
float: left !important;
margin: 0 !important;
text-decoration: none !important;
width: 180px !important;
font-family: "montserratlight " !important ;
}
.user_setting > img {
float: left;
vertical-align: middle;
}
.user_setting > p {
color: #ffffff;
float: left;
font-size: 16px;
line-height: 29px;
margin: 0 0 0 10px;
}
.user_display .toggle_this {
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 5px;
display: none;
position: absolute;
right: -9px;
top: 40px;
width: 150px;
z-index: 99;
}
.user_display .toggle_this li {
color: #737373;
font-size: 13px;
margin: 0;
text-align: left;
border-bottom: 1px solid #e5e5e5;
}
.user_display .toggle_this li:last-child {
border-bottom: none;
}
.toggle_this li:hover {
background: #5092bd none repeat scroll 0 0;
color: #fff;
}
.toggle_this li:hover a {
background: #5092bd none repeat scroll 0 0;
color: #fff;
}
.toggle_this > img {
position: absolute;
right: 5px;
top: -9px;
}
.user_display li a {
font-family: "montserratlight";
text-decoration:none;
color:#737373;
padding: 10px 0 10px 15px;
display:block;
}
#progressbar span {
color: #656565;
font-family: "montserratlight";
font-size: 16px;
left: -180px;
position: relative;
top: 8px;
z-index: -1;
}
.user_list_dd {
margin: 0;
padding: 0;
}
.user_list_dd .input_user {
background: #f2f2f2 url(../images/drop_down.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 25px;
margin: 0 0 20px;
padding: 0 10px;
width: 270px;
outline: none;
float: left;
background-position: 96% center;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
/*=======================================
COMPANY PROFILE PAGE CSS
=========================================*/
.company_wrapper {
margin: 0 auto;
width: 1280px;
}
.company_tabs{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
font-size: 100%;
margin: 0px 0 0;
outline: 0 none;
overflow: hidden;
padding: 0;
vertical-align: baseline;
}
.company_tabs > ul {
margin: 17px 0;
overflow: hidden;
width: 100%;
}
.company_tabs li {
float: left;
margin: 0 8px 0 0;
padding: 0;
}
.company_tabs li a {
background-color: #cdcdcd;
border-radius: 4px;
color: #212121;
display: block;
float: left;
font-family: "montserratlight";
font-size: 16px;
height: 38px;
line-height: 35px;
margin-right: 5px;
min-width: 150px;
padding: 0 10px;
text-align: center;
}
.company_tabs li a.active{
background:#050547;
color:#fff;
}
.company_tabs .form-content {
float: left;
margin-left: 0;
min-height: 500px;
position: relative;
width: 100%;
}
#company_wrapper .tabs_content {
display: none;
}
#company_wrapper .tabs_content.active {
border: medium none !important;
display: block;
}
.left_company {
width:998px;
float:left;
margin:0;
padding:0;
}
.left_company .vendor_porfile {
background: #fff none repeat scroll 0 0;
border: 1px solid #d8d8d8;
border-radius: 5px;
padding: 0 50px;
position: relative;
margin:0 0 14px;
}
.center_profile_btns {
background: #cdcdcd none repeat scroll 0 0;
border-radius: 0 0 5px 5px;
color: #212121;
display: block;
font-family: "montserratlight";
font-size: 16px;
height: 33px;
line-height: 33px;
margin: 0 auto;
text-align: center;
text-decoration: none;
width: 150px;
}
.icon_clicks {
float: left;
text-align: center;
text-decoration: none;
width: 80px;
position:relative;
}
.icon_clicks > p {
color: #656565;
font-family: "montserratlight";
font-size: 16px;
line-height: 20px;
}
.lines_btwn {
float: left;
margin: 21px 0 0;
padding: 0;
}
.lines_btwn2 {
float: left;
margin: 0px 0 0;
padding: 0;
}
.first_boxes {
margin: 36px 0 0;
padding: 0;
width: 100%;
}
.first_boxes .line4 {
left: 80px;
margin: 0;
position: absolute;
top: 182px;
z-index: 2;
}
.secound_boxes {
float: right;
margin: 27px 0 32px;
padding: 0;
}
.secound_boxes .line5 {
left: 122px;
position: absolute;
top: 325px;
z-index: 2;
}
.left_company .company_profile {
background: #fff none repeat scroll 0 0;
border: 1px solid #d8d8d8;
border-radius: 5px;
margin: 0 0 14px;
padding: 0 50px 65px;
position: relative;
height: 498px;
}
.third_boxes {
margin:0;
padding:0;
}
.third_boxes .line6 {
left: 80px;
position: absolute;
top: 103px;
z-index: 2;
}
.third_boxes .icon_clicks:first-child {
top: -14px;
}
.third_boxes .icon_clicks:nth-child(3) {
left: 260px;
top: 30px;
width: 100px;
}
.third_boxes .icon_clicks:last-child {
left: 510px;
top: -14px;
width: 100px;
}
.fourth_boxes {
clear: both;
float: left;
margin: 37px 0 0;
}
.fourth_boxes .line9 {
position: absolute;
top: 132px;
}
.fifth_boxes {
float: left;
margin: 0 0 0 175px;
padding: 0;
}
.fifth_boxes .icon_clicks:last-child {
left: 270px;
top: 10px;
}
.right_company {
float: left;
margin: 0 0 0 15px;
width: 256px;
}
.right_company .right_portfolio {
background: #fff none repeat scroll 0 0;
border: 1px solid #d8d8d8;
border-radius: 5px;
margin: 0 0 14px;
padding: 0 0 30px;
text-align: center;
}
.listing_division {
display: inline-block;
margin: 50px 0 0;
padding: 0 30px;
text-align: center;
width: 65px;
}
.listing_division p {
color: #656565;
font-family: "montserratlight";
font-size: 13px;
line-height: 18px;
}
.right_portfolio.high_ajt a:nth-child(2) {
margin: 30px 0 0;
}
.right_portfolio.high_ajt a:nth-child(3) {
margin: 30px 0 0;
}
.profile_user {
background: #fff none repeat scroll 0 0;
border: 1px solid #d9d9d9;
border-radius: 5px;
margin: 0;
min-width: 1137px;
padding: 7px 22px 15px;
}
.profile_user h2{
border-bottom: 1px solid #e5e5e5;
font-size: 26px;
margin: 20px 0 28px;
padding: 0 0 10px;
text-align: left;
color:#656565;
font-family: 'montserratlight';
}
.profile_pics {
border: 1px solid #d9d9d9;
border-radius: 5px;
float: left;
height: 136px;
overflow: hidden;
padding: 5px;
width: 136px;
}
.rprofile {
float: left;
margin: 0 0 0 25px;
width: 964px;
}
.rprofile h5 {
color: #656565;
font-family: "montserratlight";
font-size: 26px;
margin: 0 0 15px;
}
.profile_user .inner_disc {
border: 1px solid #e9e9e9;
border-radius: 5px;
overflow: hidden;
padding: 17px;
}
.profile_user .inner_disc h6 {
border-bottom: 1px solid #e9e9e9;
color: #656565;
font-family: "montserratlight";
font-size: 24px;
padding: 0 0 10px;
}
.profile_user .inner_disc > ul {
margin: 20px 0 0;
padding: 0;
}
.profile_user .inner_disc li:nth-child(2n) {
width: 54%;
}
.profile_user .inner_disc li {
float: left;
margin: 0 0 27px;
width: 45%;
}
.profile_user .label_user {
color: #656565;
float: left;
font-family: "Conv_Montserrat-Bold";
font-size: 16px;
font-weight: 500;
line-height: 25px;
margin: 0 10px 0 0;
text-align: left;
text-transform: capitalize;
width: 160px;
}
.profile_user .inner_disc p {
color: #656565;
display:table;
font-family: "montserratlight";
font-size: 14px;
line-height: 25px;
margin: 0 10px 0 0;
text-align: left;
text-transform: capitalize;
}
.content_user ul.edit_view_user {
float: left;
margin: 0 0 0 30px;
padding: 0;
width: 82%;
}
.content_user ul.edit_view_user li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 50%;
}
.content_user ul.edit_view_user li .label_user {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 25px;
margin: 0 10px 0 0;
text-align: left;
text-transform: capitalize;
width: 100px;
}
.user_submit_btn {
background: #050547 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #fff;
display: block;
float: right;
font-size: 16px;
height: 38px;
line-height: 33px;
margin: 0;
padding: 0;
font-family:"montserratlight";
text-decoration: none;
width: 150px;
cursor:pointer;
text-align: center;
}
.notes_information {
display: inline-block;
margin: -8px 0 0 15px;
width: 33%;
}
.notes_information_content {
margin: 8px 0 0;
padding: 0;
}
.notes_information_content .nothing {
border: 1px solid #c3c3c3;
border-radius: 4px;
color: #787878;
cursor: pointer;
display: block;
height: 34px;
line-height: 34px;
margin-right: 0;
padding: 0 7px;
text-align: left;
vertical-align: middle;
font-family:"montserratlight";
font-size:13px;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
.notes_information_content .order_check {
border: 1px solid #c3c3c3;
border-radius: 4px;
color: #787878;
cursor: pointer;
display: block;
font-family: "montserratlight";
font-size: 13px;
height: 34px;
line-height: 34px;
margin-right: 0;
margin-top: 70px;
padding: 0 7px;
text-align: center;
vertical-align: middle;
width: 163px;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
.notes_information_content h5 {
border-bottom: 1px solid #e5e5e5;
color: #656565;
font-family: "montserratlight";
font-size: 17px;
margin: 15px 0 0;
padding: 0 0 5px;
float: left;
}
.notes_information_content .link_togo {
color: #050547;
display: block;
font-family: "montserratlight";
margin: 18px 0 0;
width: 150px;
float: left;
}
.vendor_tabs{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
font-size: 100%;
margin: 0px 0 0;
outline: 0 none;
overflow: hidden;
padding: 0;
vertical-align: baseline;
}
.vendor_tabs > ul {
margin: 17px 0;
overflow: hidden;
width: 100%;
}
.vendor_tabs li {
float: left;
margin: 0 8px 0 0;
padding: 0;
}
.vendor_tabs li a {
background-color: #cdcdcd;
border-radius: 6px;
color: #000;
float: left;
font-family: "montserratlight";
font-size: 13px;
font-weight: 400;
height: 32px;
line-height: 32px;
margin-right: 0;
text-align: center;
width: 125px;
}
.vendor_tabs li a.active{
background-color: #050547;
color: #fff;
}
.vendor_tabs .form-content {
float: left;
margin-left: 0;
min-height: 200px;
position: relative;
width: 100%;
}
#vendor_wrapper .tabs_content {
display: none;
}
#vendor_wrapper .tabs_content.active {
border: medium none !important;
display: block;
}
.vendors_tbing {
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 4px;
float: left;
margin-top: 5px;
padding: 15px 15px;
width: 96%;
}
.vendors_tbing h1 {
float: left;
font-family: 'montserratlight';
font-size: 14px;
color: #c3c3c3;
margin-top: 7px;
margin-right: 10px;
}
.filters_items {
float: left;
margin: 0 0 15px;
padding: 0;
width: 100%;
}
.drop_down_mana {
background: rgba(0, 0, 0, 0) url("../images/dropdown.png") no-repeat scroll 0 0;
float: left;
height: 34px;
margin: 15px 10px 0 0;
overflow: hidden;
width: 195px;
}
.drop_down_mana select.vendor_drp_dwn2 {
-webkit-appearance:none;
-moz-appearance: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
float: left;
height: 34px;
line-height: 34px;
margin-right: 0px;
outline: medium none;
padding: 0 35px 0 0;
width: 195px;
font-size:13px;
color:#7a7a7a;
font-family: "montserratlight";
}
.right_arowes {
border: 1px solid #c3c3c3;
border-radius: 4px;
cursor: pointer;
float: right;
height: 32px;
line-height: 28px;
margin-right: 5px;
padding: 0;
text-align: center;
vertical-align: middle;
width: 34px;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
.right_arowes > img {
vertical-align: middle;
}
/*============table==============*/
.CSSTableGenerator2 {
margin:0px;padding:0px;
width:100%;
border:1px solid #e5e5e5;
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
display: inline-block;
}.CSSTableGenerator2 table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator2 tr:last-child td:last-child {
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
}
.CSSTableGenerator2 table tr:first-child td:first-child {
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
}
.CSSTableGenerator2 table tr:first-child td:last-child {
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
}.CSSTableGenerator2 tr:last-child td:first-child{
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
}.CSSTableGenerator2 tr:hover td{
}
.CSSTableGenerator2 tr:nth-child(odd){ background-color:#efefef; height: 40px; }
.CSSTableGenerator2 tr:nth-child(even) { background-color:#ffffff; height: 40px; }.CSSTableGenerator2 td{
vertical-align:middle;
border:1px solid #e5e5e5;
border-width:0px 1px 1px 0px;
text-align:left;
padding:10px;
font-size:12px;
font-family:Arial;
font-weight:normal;
color:#656565;
}.CSSTableGenerator2 tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator2 tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator2 tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator2 tr:first-child td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
border:0px solid #e5e5e5;
text-align:left;
border-width:0px 0px 0px 0px;
font-size:15px;
font-family: 'montserratlight';
font-weight: 400;
color:#ffffff;
}
.CSSTableGenerator2 tr:first-child:hover td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
}
.CSSTableGenerator2 tr:first-child td:first-child{
border-width:0px 0px 0px 0px;
border:none;
}
.CSSTableGenerator2 tr:first-child td:last-child{
border-width:0px 0px 0px 0px;
}
.table_set {
width: 100%;
margin-top: 35px;
}
/*============table==============*/
.pay_bill_btn {
background-color: #cdcdcd;
border-radius: 6px;
color: #000;
float: left;
font-family: "montserratlight";
font-size: 13px;
font-weight: 400;
height: 32px;
line-height: 32px;
margin-right: 8px;
padding: 0;
text-align: center;
width: 65px;
}
.pay_bill_btn.active{
background-color: #050547;
color: #fff;
}
.billpay_main {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #d9d9d9;
border-radius: 5px;
margin: 10px 0 0;
padding: 10px 20px;
width: 1064px;
}
.billpay_main h2 {
border-bottom: 1px solid #d9d9d9;
color: #656565;
font-size: 21px;
padding: 0 0 10px;
font-family: "montserratlight";
}
.billing_find {
width: 130% !important;
}
.billing_find {
float: left;
width: 130%;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 4px;
padding: 10px 17px;
}
.billing_nav {
display: inline-block;
width: 100%;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
}
.find_btn {
float: left;
width: 70px;
padding-right: 10px;
border-right: 1px solid #cdcdcd;
}
a.find_btn2 {
font-family: 'montserratlight';
font-size: 13px;
color: #212121;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
padding: 7px 21px;
border-radius: 4px;
float: left;
border:1px solid #c2c2c2;
margin-top: 5px;
}
.find_btn img {
float: left;
margin-left: 14px !important;
}
.billing_nav ul {
float: left;
}
.billing_nav li {
float: left;
text-align: center;
padding: 0 0px;
width: 64px;
word-wrap: break-word;
}
.billing_nav img {
display: block;
vertical-align: middle;
margin: 0 auto;
}
.billing_nav a {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
.credit {
display: inline-block;
width: 100%;
}
.squaredOne4 p {
padding: 0 0 0 26px;
line-height: 24px;
color: #7d7d7d;
font-family: 'montserratlight';
font-size: 14px;
}
.squaredOne4 {
float: left;
margin-right: 10px;
}
.squaredOne4 [type="radio"] {
height: 14px;
opacity: 0;
position: absolute;
width: 14px;
}
input[type="radio"] {
margin-top: 12px;
padding: 0;
margin-left: 0;
margin-right: 0;
}
.squaredOne4 [type="radio"] + label {
font-family: 'montserratlight';
font-weight: bold;
font-size: 16px;
color: #656565;
line-height: 25px;
margin: 16px 0 0;
padding: 0 0 0 30px;
position: relative;
text-align: left;
}
.squaredOne4 [type="radio"]:checked + label:before {
background: none repeat scroll 0 0 #5092bd;
border-radius: 40px;
}
.squaredOne4 [type="radio"] + label:before {
background: none repeat scroll 0 0 white;
border: 1px solid #d1d1d1;
border-radius: 40px;
box-shadow: 0 0 0 3px white inset;
content: "";
display: block;
height: 15px;
left: 0;
position: absolute;
top: 2px;
width: 15px;
}
label.label_wd {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
line-height: 25px;
padding: 0 0 0 30px;
float: left;
width: 100%;
}
.squaredOne4.squad_adj {
float: right;
}
.content_user2 {
display:inline-block;
width:100%;
}
.content_user2 h2 {
/* border-bottom: 1px solid #e5e5e5; */
font-size: 26px;
margin: 20px 0 0px;
padding: 0 0 10px;
text-align: left;
color: #656565;
font-family: 'montserratlight';
}
.content_user2 ul {
margin: 16px 0 0;
padding: 0;
}
.content_user2 li {
margin: 0;
padding: 0;
float: left;
padding-right: 30px;
}
.content_user2 .label_user {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 25px;
margin: 0 10px 0 0;
text-align: left;
text-transform: capitalize;
width: 122px;
}
.content_user2 .input_user {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
margin: 0 0 15px;
padding: 0 10px;
width: 270px;
outline:none;
float:left;
transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
}
.itemlist2{
width: 200px !important;
}
.itemlist2-btn{
margin-left: 750px;
}
.the_main{
margin-left: 146px;
margin-top: 70px;
}
.itemlist2-label{
width: 10px !important;
}
.content_user2 .input_user:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
select.bill_drp_dwn {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
margin: 0 0 15px;
padding: 0 10px;
width: 270px;
outline: none;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.content_user2 select.bill_drp_dwn:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
.text_input{
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 97px;
margin: 0 0 15px;
padding: 0 10px;
width: 270px;
outline: none;
float: left;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
}
.content_user2 .text_input:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
.expenses {
float: left;
width: 100%;
margin-top: 20px;
}
.expenses ul {
float: left;
width: 100%;
}
.expenses li {
float: left;
margin-right: 5px;
}
.expenses li a.active {
background: #050547;
color: #fff;
}
.expenses li a {
background-color: #cdcdcd;
border-radius: 4px 4px 0 0;
color: #212121;
display: block;
float: left;
font-family: "montserratlight";
font-size: 13px;
height: 30px;
line-height: 29px;
margin-right: 5px;
min-width: 130px;
padding: 0 20px;
text-align: left;
}
.expenses li a span{
float:right;
}
/*============table==============*/
.Expenses_table {
margin:0px;padding:0px;
width:100%;
border:1px solid #e5e5e5;
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
display: inline-block;
}.Expenses_table table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.Expenses_table tr:last-child td:last-child {
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
}
.Expenses_table table tr:first-child td:first-child {
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
}
.Expenses_table table tr:first-child td:last-child {
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
}.Expenses_table tr:last-child td:first-child{
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
}.Expenses_table tr:hover td{
}
.Expenses_table tr:nth-child(odd){ background-color:#efefef; height: 40px; }
.Expenses_table tr:nth-child(even) { background-color:#ffffff; height: 40px; }.Expenses_table td{
vertical-align:middle;
border:1px solid #e5e5e5;
border-width:0px 1px 1px 0px;
text-align:center;
padding:10px;
font-size:10px;
font-family:Arial;
font-weight:normal;
color:#000000;
}
.Expenses_table tr:last-child td{
border-width:0px 1px 0px 0px;
}
.Expenses_table tr td:last-child{
border-width:0px 0px 1px 0px;
}
.Expenses_table tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.Expenses_table thead tr:first-child td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%);
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd");
background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
border:0px solid #e5e5e5;
text-align:center;
border-width:0px 0px 0px 0px;
font-size:15px;
font-family: 'montserratlight';
font-weight: 400;
color:#ffffff;
}
.Expenses_table thead tr:first-child:hover td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%);
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd");
background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
}
.Expenses_table thead tr:first-child td:first-child{
border-width:0px 0px 0px 0px;
border:none;
}
.Expenses_table thead tr:first-child td:last-child{
border-width:0px 0px 0px 0px;
}
.Expenses_table td:first-child{
/* width:20%; */
}
.table_set {
width: 100%;
margin-top: 35px;
}
/*============table==============*/
.expenses_main {
display: inline-block;
width: auto;
padding: 10px;
background: #fff;
border-radius: 4px;
border: 1px solid #d9d9d9;
}
.show_po {
float: left;
width: 100%;
margin-top:13px;
}
.show_po a{
font-family: 'montserratlight';
border: 1px solid #c3c3c3;
font-size:13px;
padding: 7px 19px;
margin-left: 10px;
float: left;
margin-right: 5px;
color:#797979;
border-radius:4px;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
.saveclose{
background-color: #cdcdcd;
border: none;
border-radius: 6px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 15px;
font-weight: 400;
height: 32px;
line-height: 32px;
margin-right: 5px;
text-align: center;
width: 150px;
cursor:pointer
}
.saveclose:hover{
color:white;
background: #050547 none repeat scroll 0 0;
cursor:pointer
color: #fff;
}
.save_clr {
float: right;
margin-top: 50px;
margin-bottom: 10px;
}
.save_clr a{
background-color: #cdcdcd;
border-radius: 6px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 16px;
font-weight: 400;
height: 32px;
line-height: 32px;
margin-right: 5px;
text-align: center;
width: 150px;
}
.save_clr a:hover{
background: #050547 none repeat scroll 0 0;
color: #fff;
}
.save_clr a.active{
background: #050547 none repeat scroll 0 0;
color: #fff;
}
.billing_main_right {
float: left;
width: 24%;
margin-top: 37px;
margin-left: 10px;
}
.billing_main_right li {
margin-bottom:5px; float: left;
}
.billing_main_right a{
background-color: #cdcdcd;
border-radius: 6px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 16px;
font-weight: 400;
height: 32px;
line-height: 32px;
margin-right: 5px;
text-align: center;
width: 125px;
}
.billing_main_right li.active a{
background: #050547 none repeat scroll 0 0;
margin-top: 10px;
color: #fff;
}
.summary {
background: #fff none repeat scroll 0 0;
border: 1px solid #d7d7d7;
border-radius: 4px;
box-sizing: border-box;
float: left;
margin-top: 10px;
padding: 10px;
width: 100%;
/* height: 963px; */
}
.summarySalesOrder {
background: #fff none repeat scroll 0 0;
border: 1px solid #d7d7d7;
border-radius: 4px;
box-sizing: border-box;
float: left;
margin-top: 10px;
padding: 10px;
width: 415%;
/* height: 963px; */
}
.summary_main {
display: inline-block;
width: 100%;
min-height: 273px;
}
.summary_main h1 {
color: #656565;
font-family: "montserratlight";
font-size: 18px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 7px;
}
.note2{
margin-top:50px;
}
.billing_nav2 {
display: inline-block;
width: 100%;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
}
.billing_nav2 li {
float: left;
text-align: center;
padding: 0 0px;
width: 92px;
word-wrap: break-word;
}
.billing_nav2 img {
display: block;
vertical-align: middle;
margin: 0 auto;
}
.billing_nav2 ul {
float: left;
}
.billing_nav2 a {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
li.nav_line {
border-right: 1px solid #cdcdcd;
}
/*============Scrreen-11==============*/
.bulling_secound_btn {
float: left;
margin-top: 12px;
margin-bottom: 10px;
width: 100%;
}
.bulling_secound_btn a {
background-color: #cdcdcd;
border-radius: 4px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 13px;
margin-right: 5px;
padding: 7px 10px;
}
.bulling_secound_btn a:hover {
background: #050547;
color: #fff;
}
.company_opn_secound {
width: 100%;
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 8px;
padding: 17px 14px;
overflow: hidden;
}
/*============table==============*/
.CSSTableGenerator_secound {
margin:0px;padding:0px;
width:100%;
border:1px solid #e5e5e5;
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
display: inline-block;
}.CSSTableGenerator_secound table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator_secound tr:last-child td:last-child {
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
}
.CSSTableGenerator_secound table tr:first-child td:first-child {
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
}
.CSSTableGenerator_secound table tr:first-child td:last-child {
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
}.CSSTableGenerator_secound tr:last-child td:first-child{
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
}.CSSTableGenerator_secound tr:hover td{
}
.CSSTableGenerator_secound tr:nth-child(odd){
background-color:#efefef;
height: 40px;
}
.CSSTableGenerator_secound tr:nth-child(even) {
background-color:#ffffff;
height: 40px;
}
.CSSTableGenerator_secound td{
vertical-align:middle;
border:1px solid #e5e5e5;
border-width:0px 1px 1px 0px;
text-align:left;
padding:10px;
font-size:10px;
font-family:Arial;
font-weight:normal;
color:#000000;
width: 25%;
}
.CSSTableGenerator_secound tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator_secound tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator_secound tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator_secound tr:first-child td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
border:0px solid #e5e5e5;
text-align: center;
border-width:0px 0px 0px 0px;
font-size:15px;
font-family: 'montserratlight';
font-weight: 400;
color:#ffffff;
}
.CSSTableGenerator_secound tr:first-child:hover td{
background:-o-linear-gradient(bottom, #5092bd 5%, #5092bd 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5092bd), color-stop(1, #5092bd) );
background:-moz-linear-gradient( center top, #5092bd 5%, #5092bd 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5092bd", endColorstr="#5092bd"); background: -o-linear-gradient(top,#5092bd,5092bd);
background-color:#5092bd;
}
.CSSTableGenerator_secound tr:first-child td:first-child{
border-width:0px 0px 0px 0px;
border:none;
}
.CSSTableGenerator_secound tr:first-child td:last-child{
border-width:0px 0px 0px 0px;
}
.table_set_secound {
width: 100%;
float: left;
margin-top: 27px;
}
.purchase_item_secound {
float: left;
width: 100%;
}
.purchase_item_secound h1 {
float: left;
font-family: 'montserratlight';
font-size: 14px;
color: #212121;
margin-top: 7px;
margin-right: 17px;
}
.purchase_item_secound select {
background: url(../images/drop_down.png) , -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ff3.6+ */
background:url(../images/drop_down.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1))); /* safari4+,chrome */
background:url(../images/drop_down.png), -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* opera 11.10+ */
background:url(../images/drop_down.png), -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* ie10+ */
background:url(../images/drop_down.png), linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* ie6-9 */
background-repeat: no-repeat;
background-position: 98% center, 0 0;
float: left;
border: 1px solid #c2c2c2;
color: #212121;
border-radius: 4px;
font-family: 'montserratlight';
font-size: 14px;
height: 30px;
width: 270px;
outline: none;
-moz-appearance:none;
-webkit-appearance:none;
}
/*============table==============*/
.btn_secound_btn {
float: right;
margin-top: 26px;
margin-bottom: 7px;
}
.btn_secound_btn a {
background-color: #cdcdcd;
border-radius: 4px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 13px;
margin-right: 5px;
text-align: center;
padding: 12px 0;
width: 150px;
}
.btn_secound_btn a:hover {
background: #050547;
color: #fff;
}
.squaredOne5 {
float: left;
}
.squaredOne5 [type="radio"] {
height: 14px;
opacity: 0;
position: absolute;
width: 14px;
}
input[type="radio"] {
margin-top: 12px;
padding: 0;
margin-left: 0;
margin-right: 0;
}
.squaredOne5 [type="radio"] + label {
font-family: 'montserratlight';
font-weight: bold;
font-size: 16px;
color: #656565;
line-height: 25px;
margin: 16px 0 0;
padding: 0 0 0 30px;
position: relative;
text-align: left;
}
.squaredOne5 [type="radio"]:checked + label:before {
background: none repeat scroll 0 0 #5092bd;
border-radius: 40px;
}
.squaredOne5 [type="radio"] + label:before {
background: none repeat scroll 0 0 white;
border: 1px solid #d1d1d1;
border-radius: 40px;
box-shadow: 0 0 0 3px white inset;
content: "";
display: block;
height: 17px;
left: 0;
position: absolute;
top: 2px;
width: 17px;
}
label.label_wd {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
line-height: 25px;
padding: 0 0 0 30px;
float: left;
width: 100%;
}
.squaredOne5 p {
font-family: 'montserratlight';
font-size: 14px;
color: #212121;
margin: 17px 0 0 0;
}
p.date {
margin-left: 30px;
margin-top: 21px;
}
h2.company_name {
margin-top: 0px !important;
margin-bottom: 0px !important;
color: #fff;
display: block;
font-family: "Conv_Montserrat-Bold";
font-size: 26px;
text-transform: uppercase;
}
p.enterprise{
color: #fff;
font-size: 19px;
font-family: 'montserratlight';
}
.logo > a {
display: inline-block;
}
/*============The End==============*/
.cprofile {
float: left;
margin: 0;
width: 100%;
}
.cprofile h5 {
color: #656565;
font-family: "montserratlight";
font-size: 26px;
margin: 0 0 15px;
}
.access_rights_num {
margin: 28px 0;
padding: 0;
}
.access_rights_num > li {
margin: 0;
padding: 0;
width: 12%;
float: left;
}
.is_active1 {
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 17px;
padding: 0px 0px 0px 25px;
color: #7D7D7D;
width: 100px;
user-select:none;
-moz-user-select:none;
-o-user-select:none;
-webkit-user-select:none;
}
.bill_reports {
float: left;
width: 97.2%;
background: #fff;
border: 1px solid #d9d9d9;
border-radius: 4px;
padding: 10px 16px 20px 16px;
}
.bill_reports h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
padding-bottom: 8px;
border-bottom: 1px solid #e5e5e5;
width: 80%;
float: left;
}
.bill_reports_show{
float:left;
width:100%;
margin-top:13px;
}
.bill_reports_show h2{
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
}
.select_bill {
float: left;
width: 155px;
}
label.label_wd.top_end {
margin-top: 7px;
}
.date_model {
float:left;
padding:6px 15px;
border:1px solid #c2c2c2;
color:#a1a1a1;
margin-top:5px;
border-radius:4px;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
#item,#bills,#payment,#checks,#credit{
display:none;
}
.dd_line li {
float: left;
margin: 0;
padding: 0;
width: auto;
}
.dd_line li select.dd_180 {
background: #f2f2f2 url("../images/drop_black.png") no-repeat scroll 97% center;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: left;
font-size: 13px;
height: 27px;
margin: 0 0 15px;
outline: medium none;
padding: 0 25px 0 5px;
transition: all 0.2s ease-in-out 0s;
width: 174px;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.dd_line li select.dd_130 {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 13px;
height: 27px;
margin: 0 0 15px;
padding: 0 25px 0 5px;
width: 125px;
outline: none;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.purchase_ord .left_side .is_active {
-moz-user-select: none;
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 17px;
padding: 0 0 0 25px;
width: 300px;
}
.dd_line li .label_user {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 25px;
margin: 0 5px;
text-align: left;
text-transform: capitalize;
}
.purchase_ord {
display:inline-block;
width:100%;
}
.purchase_ord h2 {
/* border-bottom: 1px solid #e5e5e5; */
font-size: 26px;
margin: 20px 0 0px;
padding: 0 0 10px;
text-align: left;
color: #656565;
font-family: 'montserratlight';
}
.purchase_ord .left_side {
float: left;
width: 370px;
}
.purchase_ord .right_side {
float: left;
margin: 0;
padding: 0;
}
.purchase_ord .colum_space > li {
float: left;
margin-right: 10px;
width: 275px;
margin-top: 55px;
}
.colum_space .label_user {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
margin: 15px 10px 5px 0;
text-align: left;
text-transform: capitalize;
}
.purchase_ord .colum_space .input_user {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: left;
font-size: 15px;
height: 30px;
margin: 0;
outline: medium none;
padding: 0 10px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
.purchase_ord .colum_space .text_input {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: left;
font-size: 15px;
height: 90px;
margin: 0 0 15px;
outline: medium none;
padding: 5px 10px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
resize:none;
}
.purchase_ord .colum_space select.bill_drp {
-moz-appearance: none;
background: #f2f2f2 url("../images/drop_black.png") no-repeat scroll 95% center;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: right;
font-size: 13px;
height: 30px;
margin: 0;
outline: medium none;
padding: 0 15px 0 5px;
transition: all 0.2s ease-in-out 0s;
width: 200px;
-webkit-appearance: none;
}
.purchase_ord .colum_space2 {
float: left;
margin: 0 0 20px;
padding: 0;
}
.purchase_ord .colum_space2 > li {
float: left;
margin-right: 10px;
width: 275px;
}
.colum_space2 .label_user {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
margin: 15px 10px 5px 0;
text-align: left;
text-transform: capitalize;
}
.purchase_ord .colum_space2 .input_user {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: left;
font-size: 15px;
height: 30px;
margin: 0;
outline: medium none;
padding: 5px 10px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
.purchase_ord .colum_space2 select.bill_drp {
-moz-appearance: none;
background: #f2f2f2 url("../images/drop_black.png") no-repeat scroll 95% center;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: right;
font-size: 13px;
height: 30px;
margin: 0;
outline: medium none;
padding: 0 22px 0 5px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
tbody.purchase_scroll {
height: 160px;
/*overflow-x: hidden;
overflow-y: auto;*/
}
.purchase_scroll > tr {
height: 30px;
border-bottom: 1px solid #ddd;
}
.purchase_scroll > tr input {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: left;
font-size: 15px;
height: 30px;
margin: 0;
outline: medium none;
padding: 0 10px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
.amount_calculate {
float: right;
font-size: 14px;
margin: 10px 0;
width: 210px;
font-family: "montserratlight";
color:#7d7d7d;
}
.amount_calculate > span {
float: right;
margin: 0;
padding: 0;
text-align: right;
color:#7d7d7d;
font-family: 'Conv_Montserrat-Bold';
}
.memo_mesage {
clear: both;
display: block;
float: left;
width: 195px;
}
.memo_mesage .label_display {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
margin: 15px 10px 5px 0;
text-align: left;
text-transform: capitalize;
}
.input_free {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: left;
font-size: 15px;
height: 27px;
margin: 0;
outline: medium none;
padding: 0 10px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
.textarea_free {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: left;
font-size: 15px;
height: 97px;
margin: 0 0 0;
outline: medium none;
padding: 5px 10px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
resize:none;
}
.mt_zero{
margin-top:0 !important;
}
.summary_main_pic {
border-bottom: 1px solid #e5e5e5;
display: inline-block;
padding-bottom: 7px;
width: 100%;
}
.summary_main_pic h1 {
float: left;
color: #656565;
font-family: "montserratlight";
font-size: 18px;
padding: 13px 0 0;
border: none;
}
.summary_main_pic a {
border-radius: 4px;
border: 1px solid #c3c3c3;
float: left;
cursor: pointer;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
vertical-align: middle;
margin: 0;
padding-top: 2px;
float: right;
height: 31px;
width: 30px;
}
/*.summary_main_secound {
display: inline-block;
width: 100%;
height: 167px;
}*/
.caylors {
display: inline-block;
width: 100%;
}
.caylors h1 {
background: rgba(0, 0, 0, 0) url("../images/right_arrow.png") no-repeat scroll 0 center;
color: #656565;
display: inline-block;
font-family: "montserratlight";
font-size: 14px;
padding-left: 16px;
}
.credit_card {
float: left;
margin: 16px 15px 0 0;
}
label.label_Date {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 14px;
line-height: 25px;
margin: 0 10px 0 0;
text-align: left;
text-transform: capitalize;
}
select.bill_drp_date {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
padding: 0 10px;
width: 180px;
outline: none;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.Ending {
float: left;
margin: 16px 0 0 31px;
}
.Ending p {
float: left;
line-height: 24px;
color: #7d7d7d;
font-family: 'montserratlight';
font-size: 14px;
}
p.number {
float: left;
color: #212121;
font-family: 'montserratlight';
font-size: 14px;
line-height: 24px;
padding-left: 45px;
}
.billing_main_left.full_width {
width: 100%;
}
.summary_content{
margin:0;
padding:0;
}
.summary_content > li {
float: none;
width: 100%;
}
.summary_content li .amount_cal {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 14px;
margin: 10px 0 0;
width: 100%;
}
.summary_content li .amount_cal > span {
float: right;
margin: 0;
padding: 0;
text-align: right;
color:#7d7d7d;
font-family: 'Conv_Montserrat-Bold';
}
.vendor_opening {
float: left;
width: 100%;
padding-bottom: 50px;
border-bottom: 1px solid #d9d9d9;
}
.vendor_opening li {
float: left;
margin-right: 10px;
}
.vendor_opening label {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
font-weight: 600;
}
input.vdn_opn {
width: 162px;
margin-left:5px;
height: 27px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #c3c3c3;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
input.vdn_opn2 {
width: 102px;
height: 27px;
margin-left:5px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #c3c3c3;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
.opning_balance {
float: left;
width: 100%;
margin-top: 27px;
}
.opning_balance li {
float: left;
width:100%;
padding-bottom: 11px;
}
.opning_balance label {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
font-weight: 600;
display: inline-block;
width: 122px;
text-align: right;
}
input.vdn_blnc {
width: 223px;
height: 27px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #c3c3c3;
background:#f2f2f2;
}
input.vdn_blnc2 {
width: 74px;
height: 27px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #c3c3c3;
background:#f2f2f2;
margin-left:5px;
}
input.vdn_blnc3 {
width: 140px;
height: 27px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #c3c3c3;
background:#f2f2f2;
margin-left:5px;
}
.opning_balance2 {
float: left;
width: 100%;
margin-top: 27px;
}
.opning_balance2 li {
float: left;
padding-bottom: 11px;
margin-right:10px;
}
.opning_balance2 label {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
font-weight: 600;
display: inline-block;
width: 206px;
text-align: right;
float: left;
margin: 7px 10px 0 0;
}
.address_detail {
float: left;
width: 100%;
margin-top: 30px;
}
.address_detail h1 {
font-family: 'montserratlight';
font-size: 22px;
color: #656565;
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
.billed label {
display: block;
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
}
.billed textarea {
width: 223px;
height: 98px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #c3c3c3;
background: #f2f2f2;
margin-top: 10px;
float:left;
}
.billed {
float: left;
width: 290px;
}
.billed img {
float: left;
margin: 10px 0 0 10px;
}
.address_detail_main {
margin-top: 30px;
display: inline-block;
width: 100%;
}
.copy {
float: left;
margin: 65px 70px 0 15px;
}
.copy a {
font-family: 'montserratlight';
font-size: 11px;
color: #6f6f6f;
border: 1px solid #c3c3c3;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
padding: 7px 25px;
border-radius: 4px;
float:left;
}
.is_active2 {
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 17px;
padding: 0px 0px 0px 25px;
color: #7D7D7D;
width: 155px;
user-select: none;
-moz-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
}
.inactive {
float: left;
width: 100%;
margin-top: 27px;
}
.save_clr.new_clr {
margin-top: 30px;
}
.info_label {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
font-weight: 400;
}
.text_info h1 {
font-family: 'montserratlight';
font-size: 20px;
color: #656565;
margin-bottom: 35px;
}
.text_info {
float: left;
margin-top: 25px;
}
.inactive.vendor_stn {
float: right;
width: 50%;
margin-top: 12px;
margin-right: 32px;
}
select.vendor_info_drp{
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
margin: 0 0 15px;
padding: 0 10px;
width: 270px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.vendor_bill h2 {
color: #212121;
font-family: 'montserratlight';
font-size: 14px;
font-weight: 800;
margin-bottom:11px;
}
.vendor_bill {
float: left;
width: 100%;
margin-top: 25px;
}
.vendor_bill p {
color: #7d7d7d;
font-size: 14px;
font-family: 'montserratlight';
line-height: 22px;
margin-top: 18px;
}
ul.last_tab {
margin-top: 30px;
float: left;
}
.left_sclr a {
color: #7d7d7d;
}
.content_user_full p {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 14px;
line-height: 25px;
margin: 0 10px 0 0;
text-align: left;
}
.bank_account_2 {
display: inline-block;
width: 77%;
}
.balance {
float: right;
margin: 16px 0 0 31px;
}
.balance p {
float: left;
line-height: 24px;
color: #7d7d7d;
font-family: 'montserratlight';
font-size: 14px;
}
p.number_2 {
float: left;
color: #212121;
font-family: 'montserratlight';
font-size: 14px;
line-height: 24px;
padding-left: 45px;
}
.content_user_full {
display:inline-block;
width:100%;
}
.content_user_full h2 {
/* border-bottom: 1px solid #e5e5e5; */
font-size: 26px;
margin: 20px 0 0px;
padding: 0 0 10px;
text-align: left;
color: #656565;
font-family: 'montserratlight';
}
.content_user_full ul {
margin: 16px 0 0;
padding: 0;
}
.content_user_full li {
margin: 0;
padding: 0;
float: left;
margin-bottom: 15px;
width: 41%;
}
.content_user_full .label_user {
color: #7d7d7d;
float: left;
font-family: "montserratlight";
font-size: 13px;
line-height: 25px;
margin: 0 10px 0 0;
text-align: right;
text-transform: capitalize;
width: 130px;
}
.content_user_full .input_user {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
margin: 0 0 15px;
padding: 0 10px;
width: 270px;
outline:none;
float:left;
transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
}
.content_user_full .input_user:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
select.bill_drp_dwn {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
margin: 0 0 15px;
padding: 0 10px;
width: 270px;
outline: none;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.content_user_full select.bill_drp_dwn:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
.text_input_full{
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 97px;
margin: 0;
padding: 0 10px;
width: 270px;
outline: none;
float: left;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
}
.content_user_full .text_input:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
.vendors_left_full {
float: left;
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 4px;
padding: 15px;
width: 99%;
transition:0.8s ease-in-out;
-moz-transition:0.8s ease-in-out;
-webkit-transition:0.8s ease-in-out;
-o-transition:0.8s ease-in-out;
height: 708px;
}
.overflow-x {
overflow-x: auto;
}
.vendor_table thead span {
display: inline-block;
width: 100px;
}
.left_sclr td span {
display: inline-block;
}
#transition{
display:none;
}
.vendor_popup {
float: left;
width: 534px;
}
.vendor_heading {
float: left;
width: 226%;
text-align: center;
background: #5092bd;
border-radius: 5px 5px 0 0;
margin-top: 50px;
}
.vendor_heading h1 {
font-family: 'montserratlight';
font-size: 16px;
color: #fff;
text-align: center;
margin: 0;
padding: 12px 0;
}
.vendor_popup_main {
float: left;
width: 94.4%;
background: #fff;
border-radius: 0 0 5px 5px;
overflow: hidden;
padding: 15px 10px 10px 20px;
}
.vendor_popup_main label {
font-family: 'montserratlight';
font-size: 14px;
color: #7d7d7d;
font-weight: 400;
display: block;
margin-bottom: 5px;
margin-left: 6px;
}
.vendor_popup_main li {
float: left;
width: 100%;
margin-top: 10px;
}
.submitpopup{
background-color: #cdcdcd;
border-radius: 6px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 16px;
font-weight: 400;
height: 35px;
line-height: 32px;
margin-right: 5px;
text-align: center;
border: none;
cursor:pointer;
width: 108px;
}
.submitpopup:hover{
background: #050547 none repeat scroll 0 0;
color: #fff;
}
.popup_submit {
float: right;
}
/*=========11-9-2015==========*/
select.pay_drp_dwn {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 25px;
margin: 0 0 0px;
padding: 0 10px;
width: 192px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.content_user2 select.bill_drp_dwn:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
.filter_bill {
float: left;
margin-left: 85px;
width: 266px;
}
.filter_bill li {
margin-bottom: 15px;
float: left;
}
.filter_bill label {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
font-weight: 400;
width: 60px;
float: left;
margin-top: 6px;
}
tbody.vendors_scroll2 {
height: 166px; /* Just for the demo */
overflow-y: auto; /* Trigger vertical scroll */
overflow-x: hidden; /* Hide the horizontal scroll */
}
.vendors_scroll2 td:first-child {
width: 30px;
}
.squaredFour.plus {
top: -7px;
}
.vendor_first_table.pay_first table thead tr:first-child td:first-child{
width:50px;
}
a.all_bills{
float: left;
padding: 8px 12px;
border: 1px solid #c2c2c2;
color: #a1a1a1;
margin-top: 30px;
font-family: 'montserratlight';
font-size: 13px;
border-radius: 4px;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
.bill_reports.top_space {
margin-top: 10px;
}
a.discount_btn{
float: left;
padding: 6px 0;
width:100px;
text-align:center;
border: 1px solid #c2c2c2;
margin: 10px 0 0 12px;
color: #a1a1a1;
font-family: 'montserratlight';
font-size: 13px;
border-radius: 4px;
background: -moz-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(270deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 );
}
.vendor_discount {
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 55px;
}
.vendor_discount_main h3 {
color: #7d7d7d;
font-size: 15px;
font-family: 'montserratlight';
}
.vendor_discount_main {
float: left;
width: 320px;
}
.vendor_discount_main span{
font-weight:bold;
float:right;
}
h3.mid {
margin-left: 40px;
}
p.assign {
width: 150px;
}
select.bill_drp_dwn_pay {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
margin: 10px 0 15px 0;
padding: 0 10px;
width: 270px;
outline: none;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
select.bill_drp_dwn_pay:focus {
border: 1px solid rgba(0,153,255,0.7);
box-shadow: 1px 1px 7px rgba(0,153,255,0.4);
}
.vendor_discount_main h4 {
color: #7d7d7d;
font-size: 15px;
font-family: 'montserratlight';
font-weight:bold;
}
.pay_selected {
float: right;
}
.pay_selected a {
background-color: #cdcdcd;
border-radius: 6px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 16px;
font-weight: 400;
line-height: 32px;
margin-right: 5px;
text-align: center;
padding: 2px 30px;
}
.bill_num {
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.bill_num_main {
float: left;
width: 415px;
margin-right: 80px;
}
.bill_num_main h3 {
color: #656565;
font-family: "montserratlight";
font-size: 15px;
margin-bottom: 22px;
}
.bill_num_main span{
float:right;
}
.bill_num.no_space {
margin-bottom: 0;
}
.filter_bill_pay {
float: left;
width:400px;
margin-top:25px;
}
.filter_bill_pay label {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
font-weight: 400;
width: 150px;
float: left;
margin-top: 6px;
}
.filter_bill_pay li {
margin-bottom: 15px;
float: left;
}
.filter_bill_pay .input_user {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
padding: 0 10px;
width: 250px;
outline: none;
float: left;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
}
select.pay_drp_dwn_diff {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 25px;
margin: 0 0 0px;
padding: 0 10px;
width: 250px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.access_discount {
float: left;
width: 100%;
}
.submitpopup2 {
background-color: #cdcdcd;
border-radius: 6px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 16px;
font-weight: 400;
height: 38px;
line-height: 32px;
margin-right: 5px;
text-align: center;
border: none;
cursor: pointer;
width: 150px;
}
.popup_submit.pay_sbt {
margin-top: 25px;
}
.submitpopup2:hover {
background: #050547 none repeat scroll 0 0;
color: #fff;
}
.pay_selected a:hover {
background: #050547 none repeat scroll 0 0;
color: #fff;
}
select.vendor_small_v {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 30px;
margin: 0 0 0 5px;
padding: 0 10px;
width: 236px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.dropdown_vendor {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #ddd;
border-radius: 5px;
width: 270px;
height: 30px;
position: relative;
cursor: pointer;
color: #7d7d7d;
font-size: 15px;
margin-bottom: 10px;
background-position: 97%;
}
.dropdown_customerz {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c3c3c3;
border-radius: 5px;
width: 235px;
height: 30px;
position: relative;
cursor: pointer;
color: #7d7d7d;
font-size: 15px;
margin-bottom: 10px;
background-position: 97%;
}
span.dropVal {
box-sizing: border-box;
display: block;
font-family: "montserratlight";
height: 30px;
line-height: 30px;
overflow: hidden;
padding: 0 14px 0 10px;
text-transform: capitalize;
width: 100%;
}
.dropdown_vendor li {
list-style: none;
float: left;
width: 100%;
font-family: arial;
padding: 0;
text-transform: capitalize;
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: black;
color: #fff;
opacity: 0.5;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -60px;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.dropdown_vendor li a{
text-transform: capitalize;
color: #7d7d7d;
font-size: 13px;
margin: 0;
padding: 10px;
display: block;
font-family: 'montserratlight';
}
.dropdown_vendor li a:hover {
background: #7d7d7d;
color: #FFF;
}
.iner {
background: #f2f2f2;
border: 1px solid #ddd;
clear: both;
position: absolute;
top: 35px;
border-radius: 9px;
width: 570px;
display: none;
z-index: 99;
OVERFLOW-y: scroll;
height: 300px;
}
.iner span {
float: right;
width: 42%;
}
ul.sub_content {
margin-left: 30px;
}
/*======================================
=======================================*/
.top_dark {
background: #5092bd none repeat scroll 0 0;
float: left;
width: 100%;
}
.transver_display {
float: left;
margin: 0;
padding: 0;
}
.transver_display li {
float: left;
margin: 0;
padding: 0;
position: relative;
}
.transver_display li a.user_setting2 {
color: #ffffff;
display: block;
float: left;
font-family: "montserratlight";
font-size: 15px;
height: 50px;
line-height: 50px;
margin: 0 45px 0 0;
text-decoration: none;
}
.transver_display li a.user_setting2 > img {
margin: 0 10px;
vertical-align: middle;
}
.transver_display .toggle_this {
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 5px;
display: none;
position: absolute;
right: -9px;
top: 40px;
width: 240px;
z-index: 99;
}
.transver_display .toggle_this li {
border-bottom: 1px solid #e5e5e5;
color: #737373;
font-size: 13px;
margin: 0;
text-align: left;
width: 100%;
}
.transver_display .toggle_this li a {
color: #737373;
display: block;
font-family: "montserratlight";
font-size: 13px;
padding: 10px;
text-decoration: none;
}
.transver_display .toggle_this li:last-child {
border-bottom: none;
}
.transver_display .toggle_this li:hover {
background: #5092bd none repeat scroll 0 0;
color: #fff;
}
.transver_display .toggle_this li:hover a {
background: #5092bd none repeat scroll 0 0;
color: #fff;
}
.transver_display .toggle_this > img {
position: absolute;
right: 59px;
top: -9px;
}
.add_vendor_type {
padding: 14px;
display: block;
}
.add_vendor_type span {
float: none !important;
font-size: 13px;
font-family: 'montserratlight';
font-weight: bold;
color: #000;
}
.add_vendor_type:hover{
text-decoration: underline;
color: #000;
}
i.fa.fa-plus {
color: #000;
}
/*12-NOVEMBER-2015*/
ul.last_tab_col {
margin-top: 0;
float: left;
}
.text_info2 {
float: left;
margin-top:0;
}
.dropdown_130{
width:130px !important;
}
.dropdown_180{
width:180px !important;
}
.mr_none{
margin: 0 !important;
}
.log_align{
float: left;
}
.text_info2 {
float: left;
margin-top:0;
}
.dropdown_purchase_order {
background: #f2f2f2 url("../images/drop_black.png") no-repeat scroll 97% center;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
float: left;
font-size: 13px;
height: 30px;
margin: 0;
outline: medium none;
padding: 0;
position: relative;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
.dropdown_purchase_order li {
list-style: none;
float: left;
width: 100%;
height: 35px;
font-family: arial;
padding: 0;
text-transform: capitalize;
}
.dropdown_purchase_order li a {
color: #7d7d7d;
display: block;
font-family: "montserratlight";
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 10px;
text-transform: capitalize;
}
.dropdown_purchase_order li a:hover {
background: #5092bd;
color: #FFF;
}
.dropdown_purchase_order li a:hover + span{
color:#fff !important;
}
/*.dropdown_purchase_order li a:hover > .dropdown_purchase_order li span{
color: #FFF;
}*/
.iner_3t {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 9px;
clear: both;
display: none;
height: 300px;
overflow-y: scroll;
position: absolute;
top: 35px;
width: 300px;
z-index: 99;
}
.iner_3t span {
float: left;
width: 40%;
}
.apo_btn {
float: right;
margin-top: 20px;
margin-bottom: 10px;
}
.apo_btn a{
background-color: #cdcdcd;
border-radius: 6px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 16px;
font-weight: 400;
height: 32px;
line-height: 32px;
margin-right: 5px;
text-align: center;
padding:0 15px;
}
.apo_btn a:hover{
background: #050547 none repeat scroll 0 0;
color: #fff;
}
.apo_btn a.active{
background: #050547 none repeat scroll 0 0;
color: #fff;
}
/*============new=============*/
a.add_bin {
background: #5092bd;
padding: 5px;
border-radius: 4px;
color: #fff;
}
select.popup_drop {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 27px;
margin: 0 0 0px;
padding: 0 10px;
width: 235px;
outline: none;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.vendor_popup_main h2{
font-size: 13px;
font-family: 'montserratlight';
color: #7d7d7d;
}
.vendor_popup_main2 {
float: left;
width: 180%;
background: #fff;
border-radius: 0 0 5px 5px;
overflow: hidden;
padding: 20px 4px 22px 240px;
}
.vendor_popup_main2 label {
font-family: 'montserratlight';
font-size: 14px;
color: #7d7d7d;
font-weight: 400;
display: block;
margin-bottom: 5px;
}
/*.vendor_popup_main2 li {
float: left;
margin-right: 16px;
margin-top: 10px;
}*/
.vendor_popup_main2 li {
float: left;
margin-right: 16px;
margin-top: 10px;
width: 46%;
}
.text_input2 {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 73px;
margin: 0 0 15px;
padding: 0 10px;
width: 235px;
outline: none;
float: left;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
}
.vendor_popup_form {
float: left;
width: 94.4%;
background: #fff;
border-radius: 0 0 5px 5px;
overflow: hidden;
padding: 15px 10px 10px 20px;
}
.vendor_popup_form label {
font-family: 'montserratlight';
font-size: 14px;
color: #7d7d7d;
font-weight: 400;
display: block;
margin-bottom: 5px;
margin-left:5px;
}
.vendor_popup_form li {
float: left;
margin-right: 16px;
margin-top: 10px;
width:225px;
}
div#appoint27 {
margin-top: -306px;
}
.vendor_popup_form.left_scroll {
overflow-y: scroll;
height: 530px;
}
input.popup_field {
width: 93%;
height: 27px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #c3c3c3;
background: #f2f2f2;
}
select.popup_drop2 {
background: #f2f2f2 url(../images/drop_black.png) no-repeat;
border: 1px solid #c2c2c2;
border-radius: 5px;
box-sizing: border-box;
color: #7d7d7d;
font-size: 15px;
height: 31px;
margin: 0 0 0 4px;
padding: 0 10px;
width: 50%;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
background-position: 97%;
}
.first {
width: 106px;
display: inline-block;
}
.midd_one {
width: 100px;
display: inline-block;
margin-left: 7px;
}
.mr_btm{
margin-bottom:20px;
}
.center_align_given {
margin: 0 auto;
overflow: hidden;
width: 20%;
}
.check_boxe_only {
float: right;
width: 150px;
margin: 18px 0 0 0;
}
.bill_text {
padding: 0 0 0 26px;
line-height: 16px;
color: #7d7d7d;
font-family: 'montserratlight';
font-size: 14px;
width: 110px;
}
.billedFrom2 {
width: 80%;
height: 58px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #c3c3c3;
background: #f2f2f2;
float: left;
}
.nothing2 {
border: 1px solid #050547;
border-radius: 4px;
background: #050547;
color: #FFF;
cursor: pointer;
float: left;
height: 34px;
line-height: 34px;
margin-right: 0;
padding: 0 7px;
text-align: left;
vertical-align: middle;
font-family: "montserratlight";
font-size: 13px;
margin-top: 10px;
}
/*Zuhair css*/
.secondhe {
width: 100%;
float: left;
background: #c7c5c5;
height: 20px !important;
}
}
.container {
width: 1200px;
margin: 0 auto;
}
.container {
width: 1200px;
margin: 0 auto;
}
.head2 {
width: 100%;
float: left;
}
.navigation {
float: left;
margin-top: 18px;
}
.navigation li {
float: left;
padding: 0px 0px 0px 30px;
margin-top: 14px;
}
.navigation li {
float: left;
padding: 0px 0px 0px 30px;
}
Fhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/* font: inherit; */
/* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear{
clear:both;
}
/*========fonts start=======*/
@font-face {
font-family: 'montserratlight';
src: url('../fonts/montserrat-light_0.eot');
src: url('../fonts/montserrat-light_0.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light_0.woff2') format('woff2'), url('../fonts/montserrat-light_0.woff') format('woff'), url('../fonts/montserrat-light_0.ttf') format('truetype'), url('../fonts/montserrat-light_0.svg#montserratlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Montserrat-Bold';
src: url('../fonts/Montserrat-Bold.eot');
src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Montserrat-Regular';
src: url('../fonts/Montserrat-Regular.eot');
src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Montserrat-Black';
src: url('../fonts/Montserrat-Black.eot');
src: local('☺'), url('../fonts/Montserrat-Black.woff') format('woff'), url('../fonts/Montserrat-Black.ttf') format('truetype'), url('../fonts/Montserrat-Black.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*========fonts end=======*/
.nav li a:hover {
text-decoration: none;
background-color: #eee;
color: none;
background: none;
}
.back {
float: left;
width: 100%;
background: #eeeeee;
height: 1500px;
}
.headerfirst {
width: 100%;
float: left;
background: #5092bd;
height: 60px;
}
.container {
width: 1200px;
margin: 0 auto;
}
.head {
text-align: center;
margin-top: 10px;
}
.head h1 {
font-size: 20px;
font-family: Myriad Pro;
color: #ffffff;
}
.head p {
font-size: 22px;
font-family: Myriad Pro;
color: #ffffff;
}
.secondhe {
width: 100%;
float: left;
background: #c7c5c5;
height: 20px !important;
}
.head2 {
width: 100%;
float: left;
height: 50px;
}
.navigation {
float: left;
margin: 0;
height: 50px;
width: 100%;
margin-top: -17px;
}
.navigation li {
float: left;
padding: 0;
}
.navigation a {
font-size: 13px;
color: #000000;
text-decoration: none;
font-family: 'montserratlight';
padding: 3px 15px;
margin: 0 3px;
line-height: 22px;
font-weight: 900;
}
.navigation a:hover {
background: #050547;
color: #FFF;
}
.thirth {
width: 100%;
float: left;
height: 60px;
background: #707070;
}
.thirth3 {
width: 100%;
float: left;
}
.nav4 {
float: left;
margin-top: 5px;
}
.dropdown a.dropdown-toggle {
font-size: 12px;
color: #e7e7e7;
font-family: 'montserratlight';
}
.fourth {
width: 100%;
float: left;
}
.fourth4 {
float: left;
width: 100%;
margin-top: 15px;
}
.buton {
float: left;
margin-top: 20px;
}
.buton li {
float: left;
padding: 0px 0px 0px 30px;
}
.buton a {
font-size: 11px;
color: #797979;
background: #cdcdcd;
padding: 10px 20px 10px 20px;
border-radius: 8px;
float: left;
font-family: 'montserratlight';
}
.fif {
float: left;
margin: 15px 0px 0px 15px;
}
.buton a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
.fifth {
float: left;
width: 50%;
}
.fifth5 {
float: left;
width: 38%;
border: 1px solid #d8d8d8;
height: 756px;
margin: 18px 0px 0px 0px;
border-radius: 6px;
background: #ffffff;
}
.active {
float: left;
width: 60%;
}
select.down {
padding: 8px 85px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin-top: 5px;
}
.active a.dropdown-toggle {
font-size: 16px;
color: #212121;
}
.se {
float: right;
padding: 7px 14px;
border-radius: 6px;
border: 1px solid #c3c3c3;
font-size: 15px;
color: #4f4f4f;
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 0px 20px 0px 0px;
}
.dash {
float: left;
width: 56%;
margin: 20px 0px 0px 0px;
}
.dash input.box_search {
padding: 7px 20px;
border-radius: 10px;
border: 1px solid #c3c3c3;
font-size: 15px;
color: #4f4f4f;
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 0;
}
.sa {
display: none; float: left;
border-radius: 5px;
border: 1px solid #c3c3c3;
color: #4f4f4f;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 20px 0px 0px 0px;
padding: 7px 10px;
}
.table25 table, td {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #cccccc;
text-align: center;
width: 20%;
padding: 10px 0;
font-family: 'montserratlight';
font-size: 15px !important;
color: #7d7d7d;
}
.box {
float: left;
width: 64%;
}
.navtable {
float: left;
width: 98%;
border: 1px solid #cccccc;
margin-top: 20px;
}
.navtable li {
float: left;
padding: 10px 45px;
}
.navtable h3 {
font-family: 'montserratlight';
font-size: 11px;
color: #525252;
}
.table25 {
float: left;
width: 100%;
margin: -50px 30px 0px 0px;
}
.seo {
float: right;
width: 53%;
border: 1px solid;
}
.seo1 {
float: left;
margin: 26px 0px 0px 18px;
}
.seo2 {
float: left;
margin-top: 32px;
width: 80%;
}
.seo2 h1 {
font-size: 18px;
color: #656565;
font-family: 'montserratlight';
}
.seo {
float: right;
width: 53%;
background: #ffffff;
border: 1px solid #d8d8d8;
height: 475px;
border-radius: 10px;
}
.i {
float: left;
border-radius: 5px;
border: 1px solid #c3c3c3;
color: #4f4f4f;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 20px 0px 0px 0px;
padding: 4px 10px;
}
.i2 {
float: left;
border-radius: 5px;
border: 1px solid #c3c3c3;
color: #4f4f4f;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 20px 0px 0px 8px;
padding: 6px 9px 6px 9px;
}
.line {
float: left;
width: 100%;
border: 1px solid #e5e5e5;
margin: 10px 0px 0px 0px;
}
.p {
float: left;
margin: 34px 0px 0px 8px;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
width: 90%;
}
.p h1 {
float: right;
width: 86%;
font-size: 16px;
padding: 5px 0px 0px 0px;
font-family: 'montserratlight';
}
.line2 {
float: right;
width: 200px;
margin: 3px 0px 0px 0px;
border: 1px solid #e5e5e5;
border-top: none;
border-right: none;
border-left: none;
}
.maincontent {
float: left;
margin-top: 32px;
}
.he {
float: left;
margin: 0px 0px 0px 0px;
width: 100%;
}
.he h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 30px 0px 0px;
font-family: 'montserratlight';
}
.he h2 {
font-size: 12px;
color: #212121;
float: left;
padding: 0px 42px 0px 0px;
font-family: 'montserratlight';
}
.s {
float: left;
margin: 10px 0px 0px 40px;
width: 50%;
}
.s h3 {
color: #aaaaaa;
float: left;
font-family: "montserratlight";
font-size: 12px;
padding-right: 28px;
padding-top: 10px;
}
.s h2 {
font-family: "montserratlight";
font-size: 12px;
}
.h {
float: left;
margin: 20px 0px 0px 12px;
width: 50%;
}
.h h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 30px 0px 0px;
font-family: 'montserratlight';
}
.h h2 {
font-size: 12px;
color: #212121;
float: left;
font-family: 'montserratlight';
}
.sm {
float: left;
margin: 20px 0px 0px 60px;
width: 50%;
}
.sm h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 36px 0px 0px;
font-family: 'montserratlight';
}
.sm h2 {
font-size: 12px;
color: #212121;
float: left;
width: 65%;
line-height: 16pt;
font-family: 'montserratlight';
}
.sn {
float: left;
margin: 18px 0px 0px 12px;
width: 90%;
}
.sn h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 38px 0px 20px;
font-family: 'montserratlight';
}
.sn h2 {
font-size: 12px;
color: #212121;
float: left;
font-family: 'montserratlight';
}
.so {
float: left;
width: 50%;
margin: 22px 0px 0px 85px;
}
.so img {
float: left;
}
.so li {
float: left;
}
.so a {
font-size: 12px;
color: #709ada;
padding: 0px 10px 0px 10px;
font-family: 'montserratlight';
}
.secondnavigation {
float: left;
width: 60%;
margin: 18px 0px 0px 15px;
}
.secondnavigation li {
float: left;
padding: 0px 10px 0px 0px;
}
.secondnavigation a {
background: #cdcdcd;
padding: 10px 22px 10px 22px;
font-size: 12px;
border-radius: 8px;
float: left;
color: #212121;
font-family: 'montserratlight';
}
.secondnavigation a:hover {
background: #050547;
color: #ffffff;
text-decoration: none;
}
a.not {
float: right;
border: 1px solid #c3c3c3;
background: #fbfbfb;
font-size: 13px;
padding: 10px 50px 10px 20px;
border-radius: 5px;
margin: 12px 62px 0px 0px !important;
color: #8d8d8d;
font-family: 'montserratlight';
}
.reports {
float: right;
width: 65%;
border: 2px solid #e5e5e5;
margin: 0px 20px 0px 0px;
border-right: none;
border-top: none;
border-left: none;
}
.reports h1 {
float: right;
}
.box22 {
float: left;
width: 98%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
}
.ro {
float: right;
width: 61%;
border: 1px solid #d9d9d9;
height: 365px;
margin-top: 17px !important;
border-radius: 6px;
background: #ffffff;
}
.f {
width: 70%;
float: left;
margin: 0px 0px 0px 18px;
}
.re {
float: right;
width: 27%;
}
.report {
float: left;
margin: 18px 0px 0px 0px;
border: 2px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
width: 98%;
}
.report h1 {
font-size: 14px;
color: #656565;
padding: 0px 0px 4px 0px;
font-family: 'montserratlight';
}
.navqu {
float: left;
margin: 15px 0px 0px 8px;
}
.navqu li {
padding: 18px 0px 0px 0px;
}
.navqu a {
font-size: 13px;
color: #7da2dd;
font-family: 'montserratlight';
text-decoration: none;
}
.ba {
float: right;
width: 61%;
border: 1px solid #d9d9d9;
height: 317px;
margin-top: 16px;
border-radius: 6px;
background: #ffffff;
}
.secba {
width: 97%;
float: left;
margin: 0px 0px 0px 15px;
}
.active_all {
width: 32%;
display: inline-block;
margin: 20px 0px 0px 0px;
}
.active_all h1 {
float: left;
font-size: 14px;
font-family: arial;
color: #7d7d7d;
padding: 8px 10px 0px 0px;
}
.active_all select.all_drp_dwn {
padding: 6px 35px 6px 10px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.first-table {
margin: 0px;
padding: 0px;
width: 100%;
border: 1px solid #d6d6d6;
float: left;
margin-top: 15px;
}
.first-table table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.first-table table thead tr td{
background: #5092bd;
color: white;
font-size: medium;
padding: 12px 0px 12px 0px;
}
tr.bg {
background: #5092bd;
}
.dropdown a.dropdown-toggle:hover {
background: none;
}
.be:nth-child(odd) {
background: #efefef;
}
.bg tr:nth-child(odd) {
background: #5092bd;
}
thead.aa tr:nth-child(odd) {
background: #efefef;
}
.so a:hover {
text-decoration: none;
}
.first-table tr:nth-child(odd) {
background: #efefef;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
color: black;
background:none;
}
/*.first-table {
margin: 0px;
float: left;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
padding: 1px 0;
font-family: 'montserratlight';
font-size: 10px;
border: none;
padding: 0px 2px;
}*/
.nav22 {
float: left;
width: 100%;
background: #5092bd;
margin-top: 18px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
}
.nav22 li {
float: left;
padding: 0px 35px 0px 60px;
}
.nav22 h3 {
font-size: 13px;
font-family: 'montserratlight';
color: #edf2f7;
}
.manage {
float: left;
width: 26%;
margin: 12px 0px 0px 5px;
}
select.down1 {
padding: 6px 30px 8px 10px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.pre-scrollable {
max-height: 351px;
overflow-x: scroll !important;
float: left;
background: none;
margin-top: 20px !important;
width: 97% !important;
border: 1px solid lightgray;
height: 200px;
}
pre.pre-scrollable1 {
max-height: 370px;
float: left;
background: none;
}
/*=====second Page=====*/
.back {
float: left;
width: 100%;
background: #eeeeee;
height: 1500px;
}
.headerfirst {
width: 100%;
float: left;
background: #5092bd;
height: 60px;
}
.container {
width: 1200px;
margin: 0 auto;
}
.head {
text-align: center;
margin-top: 10px;
}
.head h1 {
font-size: 20px;
font-family: Myriad Pro;
color: #ffffff;
}
.head p {
font-size: 22px;
font-family: Myriad Pro;
color: #ffffff;
}
.thirth {
width: 100%;
float: left;
height: 60px;
background: #707070;
}
.thirth3 {
width: 100%;
float: left;
}
.nav4 {
float: left;
margin-top: 5px;
}
.dropdown a.dropdown-toggle {
font-size: 12px;
color: #e7e7e7;
font-family: 'montserratlight';
}
.fourth {
width: 100%;
float: left;
}
.fourth4 {
float: left;
width: 100%;
margin-top: 15px;
}
.buton {
float: left;
margin-top: 20px;
}
.buton li {
float: left;
padding: 0px 0px 0px 30px;
}
.buton a {
font-size: 11px;
color: #797979;
background: #cdcdcd;
padding: 10px 20px 10px 20px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
}
.scrollit2 table thead tr th{
padding: 10px 50px;
}
.fif {
float: left;
margin: 15px 0px 0px 15px;
width: 97%;
padding-top:25px;
}
.buton a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
.fifth {
float: left;
width: 50%;
}
.fifth5 {
float: left;
width: 38%;
border: 1px solid #d8d8d8;
height: 756px;
margin: 18px 0px 0px 0px;
border-radius: 6px;
background: #ffffff;
}
.active {
float: left;
width: 100%;
}
select.down {
padding: 6px 18px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
/* width: 65%; */
outline:none;
}
.cus select.down {
margin-top:20px; padding: 6px 53px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
width: 65%;
outline:none;
}
.active a.dropdown-toggle {
font-size: 16px;
color: #212121;
}
.se {
float: right;
padding: 7px 14px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 15px;
color: #4f4f4f;
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: -31px 14px 0 0;}
.dash {
float: left;
width: 56%;
margin: 20px 0px 0px 0px;
}
.dash input.box_search {
padding: 7px 20px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 15px;
color: #4f4f4f;
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 0;
}
.sa {
float: left;
border-radius: 5px;
border: 1px solid #c3c3c3;
color: #4f4f4f;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 20px 0px 0px 0px;
padding: 7px 10px;
}
.table25 table, td {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #cccccc;
text-align: center;
width: 5%;
/* padding: 10px 0; */
font-family: 'montserratlight';
font-size: 11px;
}
.table25 tr th {
padding: 15px 50px;
}
.box {
float: left;
width: 64%;
}
.navtable {
float: left;
width: 98%;
border: 1px solid #cccccc;
margin-top: 20px;
}
.navtable li {
float: left;
padding: 10px 45px;
}
.navtable h3 {
font-family: 'montserratlight';
font-size: 11px;
color: #525252;
}
.table25 {
float: left;
width: 100%;
margin: -50px 30px 0px 0px;
}
.seo {
float: right;
width: 53%;
border: 1px solid;
}
.seo1 {
float: left;
margin: 26px 0px 0px 18px;
}
.seo2 {
float: left;
margin-top: 32px;
width: 80%;
}
.seo2 h1 {
font-size: 18px;
color: #656565;
font-family: 'montserratlight';
}
.seo {
float: right;
width: 53%;
background: #ffffff;
border: 1px solid #d8d8d8;
height: 475px;
border-radius: 10px;
}
.i {
float: left;
border-radius: 5px;
border: 1px solid #c3c3c3;
color: #4f4f4f;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 20px 0px 0px 0px;
padding: 4px 10px;
}
.i2 {
float: left;
border-radius: 5px;
border: 1px solid #c3c3c3;
color: #4f4f4f;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 20px 0px 0px 8px;
padding: 6px 9px 6px 9px;
}
.line {
float: left;
width: 100%;
border: 1px solid #e5e5e5;
margin: 10px 0px 0px 0px;
}
.p {
float: left;
margin: 34px 0px 0px 8px;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
width: 90%;
}
.p h1 {
float: right;
width: 86%;
font-size: 16px;
padding: 5px 0px 0px 0px;
font-family: 'montserratlight';
}
.line2 {
float: right;
width: 200px;
margin: 3px 0px 0px 0px;
border: 1px solid #e5e5e5;
border-top: none;
border-right: none;
border-left: none;
}
.maincontent {
float: left;
margin-top: 32px;
}
.he {
float: left;
margin: 0px 0px 0px 0px;
width: 100%;
}
.he h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 30px 0px 0px;
font-family: 'montserratlight';
}
.he h2 {
font-size: 12px;
color: #212121;
float: left;
padding: 0px 42px 0px 0px;
font-family: 'montserratlight';
}
.s {
float: left;
margin: 10px 0px 0px 40px;
width: 50%;
}
.s h3 {
font-size: 12px;
color: #aaaaaa;
font-family: 'montserratlight';
}
.h {
float: left;
margin: 20px 0px 0px 12px;
width: 50%;
}
.h h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 30px 0px 0px;
font-family: 'montserratlight';
}
.h h2 {
font-size: 12px;
color: #212121;
float: left;
font-family: 'montserratlight';
}
.sm {
float: left;
margin: 20px 0px 0px 60px;
width: 50%;
}
.sm h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 4px 35px 0px 0px;
font-family: 'montserratlight';
}
.sm h2 {
font-size: 12px;
color: #212121;
float: left;
width: 65%;
line-height: 16pt;
font-family: 'montserratlight';
}
.sn {
float: left;
margin: 18px 0px 0px 12px;
width: 90%;
}
.sn h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 38px 0px 20px;
font-family: 'montserratlight';
}
.sn h2 {
font-size: 12px;
color: #212121;
float: left;
font-family: 'montserratlight';
}
.so {
float: left;
width: 50%;
margin: 22px 0px 0px 85px;
}
.so img {
float: left;
}
.so li {
float: left;
}
.so a {
font-size: 12px;
color: #709ada;
padding: 0px 10px 0px 10px;
font-family: 'montserratlight';
}
.secondnavigation {
float: left;
width: 60%;
margin: 18px 0px 0px 15px;
}
.secondnavigation li {
float: left;
padding: 0px 10px 0px 0px;
}
.secondnavigation a {
padding: 10px 22px 10px 22px;
font-size: 12px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
}
.secondnavigation a:hover {
background: #050547;
color: #ffffff;
text-decoration: none;
}
a.not {
float: right;
border: 1px solid #c3c3c3;
background: #fbfbfb;
font-size: 13px;
padding: 10px 50px 10px 20px;
border-radius: 5px;
margin: 12px 6px 0px 0px;
color: #8d8d8d;
font-family: 'montserratlight';
}
.reports {
float: right;
width: 65%;
border: 2px solid #e5e5e5;
margin: 0px 20px 0px 0px;
border-right: none;
border-top: none;
border-left: none;
}
.reports h1 {
float: right;
}
.box22 {
float: left;
width: 98%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
}
.ro {
float: right;
width: 61%;
border: 1px solid #d9d9d9;
height: 365px;
margin-top: 20px;
border-radius: 6px;
background: #ffffff;
}
.f {
width: 70%;
float: left;
margin: 0px 0px 0px 18px;
}
.re {
float: right;
width: 27%;
}
.report {
float: left;
margin: 18px 0px 0px 0px;
border: 2px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
width: 98%;
}
.report h1 {
font-size: 14px;
color: #656565;
padding: 0px 0px 4px 0px;
font-family: 'montserratlight';
}
.navqu {
float: left;
margin: 15px 0px 0px 8px;
}
.navqu li {
padding: 10px 0px 0px 0px;
}
.navqu a {
font-size: 13px;
color: #050547;
font-family: 'montserratlight';
text-decoration: none;
}
.ba {
float: right;
width: 61%;
border: 1px solid #d9d9d9;
height: 320px;
margin-top: 20px;
border-radius: 6px;
background: #ffffff;
}
.secba {
width: 97%;
float: left;
margin: 0px 0px 0px 15px;
}
.active_all {
width: 32%;
display: inline-block;
margin: 20px 0px 0px 0px;
}
.active_all h1 {
float: left;
font-size: 14px;
font-family: arial;
color: #7d7d7d;
padding: 8px 10px 0px 0px;
}
.active_all select.all_drp_dwn {
padding: 6px 35px 6px 10px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
/*.first-table {
margin: 0px;
padding: 0px;
width: 100%;
border: 1px solid #d6d6d6;
float: left;
margin-top: 15px;
}*/
.first-table table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
border: 1px solid #cccccc;
border-top: none;
}
tr.bg {
background: #5092bd;
}
.dropdown a.dropdown-toggle:hover {
background: none;
}
.be:nth-child(odd) {
background: #efefef;
}
.bg tr:nth-child(odd) {
background: #5092bd;
}
thead.aa tr:nth-child(odd) {
background: #efefef;
}
.so a:hover {
text-decoration: none;
}
.first-table tr:nth-child(odd) {
background: #efefef;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
color: black;
background:none;
}
/*.first-table {
margin: 0px;
float: left;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
padding: 1px 0;
font-family: 'montserratlight';
font-size: 10px;
border: none;
padding: 0px 2px;
}*/
.nav22 {
float: left;
width: 100%;
background: #5092bd;
margin-top: 18px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
}
.nav22 li {
float: left;
padding: 0px 52px 0px 50px;
}
.nav22 h3 {
font-size: 13px;
font-family: 'montserratlight';
color: #edf2f7;
}
.manage {
float: left;
width: 26%;
margin: 12px 0px 0px 5px;
}
select.down1 {
padding: 6px 30px 8px 10px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.pre-scrollable {
max-height: 351px;
float: left;
background: none;
margin: 0px 0px 0px 0px;
width: 98%;
}
pre.pre-scrollable1 {
max-height: 370px;
float: left;
background: none;
}
.first-table .fa {
border: none;
}
.first-table .fa:first-child {
border-right: 1px solid #cccccc;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
background-color: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background: none !important;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #eee;
}
.fa:first-child {
border-right: 1px solid;
}
.first-table table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin: 0px;
padding: 0px;
border: 1px solid #cccccc;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
background-color: #f5f5f5;
}
/*========Sales-order-start=========*/
.manaviga {
float: left;
width: 100%;
}
.mainn {
float: left;
width: 70%;
}
.mfrc {
float: left;
width: 100%;
margin-top: 25px;
}
.mfrc li {
float: left;
padding: 0px 5px 0px 0px;
}
.mfrc a {
font-size: 12px;
font-family: 'montserratlight';
color: #454545;
text-decoration: none;
background: #cdcdcd;
padding: 8px 18px;
border-radius: 5px;
}
.mfrc a:hover {
background: #050547;
color: #ffffff;
}
.box1 {
float: left;
width: 100%;
}
.box5 {
float: left;
width: 84%;
border: 1px solid #d9d9d9;
background: #ffffff;
height: 1150px;
margin: 25px 0px 0px 0px;
border-radius: 6px;
}
.bor {
float: left;
border: 1px solid #cdcdcd;
border-left: none;
border-top: none;
border-bottom: none;
width: 12%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
.lf {
float: left;
margin: 12px 0px 0px 28px;
}
.lf a {
padding: 0px 0px 0px 15px;
float: left;
}
input.wx {
cursor: pointer;
float: left;
margin: 10px 0px 0px 20px;
padding: 6px 28px;
border-radius: 5px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.bur {
float: left;
width: 5%;
}
.bur h1 {
float: left;
margin: 5px 0px 0px 12px;
font-size: 9px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
width: 100%;
text-align: center;
}
.bur a {
float: left;
margin: 25px 0px 0px 26px;
padding: 5px 10px;
border-radius: 6px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.line20 {
float: left;
width: 3%;
border: 1px solid #cdcdcd;
height: 100px;
border-left: none;
border-top: none;
border-bottom: none;
margin-top: 12px;
}
.bur1 {
float: left;
width: 6%;
}
.bur1 a {
float: left;
margin: 25px 0px 0px 12px;
padding: 6px 10px;
border-radius: 6px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.bur1 h1 {
float: left;
margin: 5px 0px 0px 18px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
width: 100%;
}
.rab {
float: left;
margin: 35px 0px 0px 12px;
width: 9%;
}
.rab li {
float: left;
}
.rab h1 {
font-family: 'montserratlight';
font-size: 10px;
color: #7d7d7d;
padding: 4px 0px 0px 4px;
float: left;
}
.rab a {
border: 1px solid #dadada;
border-radius: 2px;
padding: 0px 0px 0px 0px;
background: #e6e6e6;
float: left;
width: 10px;
height: 10px;
}
.rab a img {
float: left;
width: 100%;
}
.line21 {
float: left;
border: 1px solid #cdcdcd;
height: 100px;
border-left: none;
border-top: none;
border-bottom: none;
margin-top: 12px;
}
.bur2 {
float: left;
width: 6%;
}
.bur2 h1 {
float: left;
margin: 5px 0px 0px 2px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
width: 100%;
text-align: center;
}
.bur2 a {
float: left;
margin: 25px 0px 0px 12px;
padding: 4px 21px;
border-radius: 6px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.line23 {
float: left;
width: 95%;
border: 1px solid #e5e5e5;
margin: 50px 0px 0px 20px;
}
.box50 {
float: left;
width: 98%;
margin-left: 20px;
}
.box50 form a{
background-color: #cdcdcd;
border-radius: 6px;
color: #212121;
float: left;
font-family: "montserratlight";
font-size: 16px;
font-weight: 400;
height: 32px;
line-height: 32px;
margin-right: 5px;
text-align: center;
padding:0 15px;
}
.box50 form a:hover{
background: #050547 none repeat scroll 0 0;
color: #fff;
}
.box50 form a.active{
background: #050547 none repeat scroll 0 0;
color: #fff;
}
.cus {
float: left;
width: 34%;
margin-top: 22px;
}
.cus h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
padding: 5px 10px 0px 0px;
line-height: 0.1px;
}
.cus91 {
float: left;
width: 30%;
margin-top: 22px;
}
.cus91 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
padding: 5px 0px 0px 0px;
margin: 0px 10px 0px 12px;
}
.cus91 select.down29 {
padding: 5px 75px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
width: 70%;
float:left;
}
.box55 {
float: left;
margin: 0px 0px 0px 10px;
}
.box55 select.down {
padding: 6px 90px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background: url(../images/bbb.png);
width: 100%;
float: left;
}
.cus1 {
float: left;
width: 35%;
margin-top: 22px;
}
.cus1 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
padding: 8px 6px 0px 0px;
width: 18%;
}
.box56 {
float: left;
padding: 0px 0px 0px 0px;
width: 80%;
}
.box56 select.down {
padding: 8px 60px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.invo {
float: left;
width: 70%;
margin-top: 35px;
}
.invo h1 {
font-size: 25px;
font-family: 'montserratlight';
color: #656565;
margin-bottom:5px;
}
.fa {
float: right;
width: 50%;
margin: 50px 20px 0px 0px;
}
.sel {
float: right;
width: 20%;
}
.sel select {
padding: 6px 48px 0px 0px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
width: 100%;
float: left;
background: #f2f2f2;
}
.box60 {
float: right;
width: 100%;
}
.box60 {
float: left;
width: 40%;
margin-top: 15px;
}
.box60 h1 {
font-family: 'montserratlight';
font-size: 11px;
color: #939393;
padding: 15px 0px 8px 4px;
}
.box60 p {
font-family: 'montserratlight';
font-size: 11px;
color: #939393;
border: 1px solid;
width: 80%;
padding: 8px 20px 8px 10px;
border-radius: 4px;
}
.box60 {
float: left;
width: 30%;
margin-top: 2px;
}
.box60 input[type="text"] {
padding: 6px 8px 6px 5px;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 95%;
font-family: 'montserratlight';
font-size: 10px;
color: #787878;
}
.box65 {
float: right;
width: 160px;
border: 1px solid #c2c2c2;
height: 100px;
border-radius: 5px;
margin: 10px 0px 0px 0px;
}
.bo {
float: right;
width: 12%;
margin: 15px 0px 0px 0px;
}
.bo h1 {
float: left;
font-size: 12px;
font-family: 'montserratlight';
color: #7d7d7d;
}
.cus down {
margin-top: 40px;
float: left;
width: 50%;
}
.secondbox {
float: right;
width: 170px;
border: 1px solid #c2c2c2;
margin: 6px 75px 0px 0px;
height: 100px;
border-radius: 5px;
}
h1.bi {
float: right;
width: 35%;
font-size: 12px;
font-family: 'montserratlight';
color: #7d7d7d;
margin: 15px 12px 0px 0px;
}
.po {
float: left;
width: 15%;
margin: 0px 0px 0px 70px;
}
.po h1 {
font-family: 'montserratlight';
font-size: 11px;
color: #939393;
padding: 0px 0px 10px 0px;
float: left;
}
.po input[type="text"] {
border-radius: 5px;
border: 1px solid #c2c2c2;
padding: 5px 5px 5px 5px;
background: #f2f2f2;
float: left;
width: 90%;
}
textarea.secondbox120 {
float: right;
text-align: left;
max-width: 160px;
max-height: 100px;
min-height: 100px;
min-width: 145px;
padding: 5px;
outline: none;
border: 1px solid #c2c2c2;
border-radius: 5px;
margin: 8px 0px 0px 0px;
}
.fb {
float: left;
width: 15%;
margin: 0px 0px 0px 5px;
}
.fb h2 {
font-family: 'montserratlight';
font-size: 11px;
color: #939393;
padding: 0px 0px 10px 0px;
float: left;
}
.fb select.blank {
width: 100%;
float: left;
border-radius: 5px;
border: 1px solid #c2c2c2;
padding: 5px 5px 5px 5px;
background: #f2f2f2;
cursor: pointer;
}
.po1 {
float: left;
width: 15%;
margin: 0px 0px 0px 5px;
}
.po1 h1 {
font-family: 'montserratlight';
font-size: 11px;
color: #939393;
padding: 0px 0px 10px 0px;
float: left;
}
.po1 input[type="text"] {
border-radius: 5px;
border: 1px solid #c2c2c2;
padding: 5px 5px 5px 5px;
background: #f2f2f2;
float: left;
width: 90%;
font-family: 'montserratlight';
font-size: 14px;
color: #787878;
}
.down25 {
float: left;
width: 80%;
margin-top: 25px;
margin-bottom:20px;
}
.much {
float: left;
width: 80%;
}
.nav55 {
float: left;
width: 100%;
background: #5092bd;
margin-top: 18px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
}
.nav55 li {
float: left;
padding: 0px 45px 0px 55px;
}
.nav55 h3 {
font-size: 11px;
font-family: 'montserratlight';
color: #edf2f7;
}
.first-table23 {
margin: 0px;
float: left;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-family: 'montserratlight';
font-size: 10px;
border: none;
padding: 0px 2px;
}
.first-table23 table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
border: 1px solid #cccccc;
}
.first-table23 tr:nth-child(odd) {
background: #efefef;
}
.first-table23 td {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #cccccc;
text-align: center;
width: 0%;
padding: 10px 0;
font-family: 'montserratlight';
font-size: 11px;
}
.fot {
float: left;
width: 80%;
}
.fotm {
float: left;
width: 40%;
}
.cm {
float: left;
width: 100%;
margin-top: 30px;
}
.cm h1 {
font-size: 12px;
font-family: 'montserratlight';
color: #7d7d7d;
padding-bottom: 6px;
}
.cm select.blank85 {
padding: 25px 0px 0px 170px;
float: left;
border: 1px solid #c2c2c2;
border-radius: 5px;
cursor: pointer;
}
.meq {
float: left;
width: 50%;
margin: 90px 0 0 325px;
}
.meq h1 {
font-size: 12px;
font-family: 'montserratlight';
color: #7d7d7d;
margin-bottom: 5px;
}
.meq input[type="text"] {
padding: 8px 10px 8px 15px;
border-radius: 5px;
border: 1px solid #c2c2c2;
}
.mem {
float: left;
width: 50%;
margin: 16px 0px 0px 2px;
}
.mem h1 {
font-size: 12px;
font-family: 'montserratlight';
color: #7d7d7d;
margin-bottom: 5px;
}
.mem input[type="text"] {
padding: 8px 6px 8px 16px;
border-radius: 5px;
border: 1px solid #c2c2c2;
}
.da {
float: right;
float: right;
width: 45%;
}
.tpb {
float: left;
width: 30%;
margin-top: 65px;
}
.tpb h1 {
font-size: 12px;
font-family: 'montserratlight';
color: #939393;
padding-bottom: 15px;
}
.zero {
float: right;
margin-top: 90px;
}
.zero h1 {
text-align: right;
font-size: 11px;
font-family: 'Conv_Montserrat-Bold';
color: #7d7d7d;
padding-bottom: 15px;
}
.ssc {
float: right;
margin-top: 80px; line-height: 1.85;
}
.ssc a {
font-family: 'montserratlight';
font-size: 13px;
color: #454545;
background: #cdcdcd;
padding: 8px 20px;
text-decoration: none;
border-radius: 5px;
}
.ssc li {
float: left;
padding: 0px 0px 0px 8px;
}
.ssc a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
.six {
float: right;
width: 15%;
height: 885px;
}
.nt {
float: left;
width: 210px;
margin-top: 30px;
}
.nt a {
font-family: 'montserratlight';
FONT-SIZE: 12px;
text-decoration: none;
color: #212121;
background: #cdcdcd;
padding: 8px 20px;
border-radius: 5px;
float: left;
}
.nt li {
float: left;
padding: 0px 8px 0px 0px;
}
.nt a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
.ad {
float: left;
width: 209px;
border: 1px solid #d7d7d7;
height: 935px;
margin-top: 12px;
background: #ffffff;
border-radius: 5px;
}
.su h1 {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
border: 1px solid #d7d7d7;
border-left: none;
border-right: none;
border-top: none;
padding-bottom: 8px;
}
.su {
float: left;
margin: 70px 0px 0px 5px;
width: 90%;
}
.su span{
color: #656565;
font-family: 'montserratlight';
font-size: 12px;
float: left;
padding: 12px 10px 0px 0px;
margin: 0px 0px 0px 5px;
}
.rt {
float: left;
margin: 250px 0px 0px 10px;
width: 90%;
}
.rt span{
color: #656565;
font-family: 'montserratlight';
font-size: 12px;
float: left;
padding: 12px 10px 0px 0px;
margin: 0px 0px 0px 15px;
}
.rt h1 {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
border: 1px solid #d7d7d7;
border-left: none;
border-right: none;
border-top: none;
padding-bottom: 8px;
}
td.wa:first-child {
border-right: 1px solid #cccccc;
}
td.wa {
border: none;
}
/*========Sales-order-end=========*/
/*========Recive-payment-start=========*/
.box90 {
float: left;
width: 100%;
border: 2px solid #d9d9d9;
background: #ffffff;
/*height: 950px;*/
margin: 25px 0px 0px 0px;
border-radius: 6px;
}
.bur91 {
float: left;
width: 5%;
}
.bur91 a {
float: left;
margin: 25px 0px 0px 20px;
padding: 6px 8px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/wo.png);
}
.bur91 h1 {
float: left;
margin: 5px 0px 0px 27px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
width: 100%;
}
.bur92 {
float: left;
width: 5%;
}
.bur92 a {
float: left;
margin: 25px 0px 0px 20px;
padding: 6px 8px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/wo.png);
}
.bur92 h1 {
float: left;
margin: 5px 0px 0px 22px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
}
.bur93 {
float: left;
width: 5%;
}
.bur93 a {
float: left;
margin: 25px 0px 0px 20px;
padding: 6px 8px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/wo.png);
}
.bur93 h1 {
float: left;
margin: 5px 0px 0px 22px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
}
.bur94 {
float: left;
width: 5%;
}
.bur94 a {
float: left;
margin: 25px 0px 0px 20px;
padding: 6px 8px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/wo.png);
}
.bur94 h1 {
float: left;
margin: 5px 0px 0px 22px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
}
.bur95 {
float: left;
width: 5%;
}
.bur95 a {
float: left;
margin: 25px 0px 0px 20px;
padding: 3px 8px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/wo.png);
}
.bur95 h1 {
float: left;
margin: 5px 0px 0px 22px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
text-align: center;
}
.line55 {
float: left;
width: 4%;
border: 1px solid #cdcdcd;
height: 70px;
border-left: none;
border-top: none;
border-bottom: none;
margin-top: 10px;
}
.line56 {
float: left;
width: 1%;
border: 1px solid #cdcdcd;
height: 70px;
border-left: none;
border-top: none;
border-bottom: none;
margin-top: 10px;
}
.bur55 {
float: left;
width: 8%;
}
.bur55 a {
float: left;
margin: 25px 0px 0px 45px;
padding: 4px 5px;
border-radius: 3px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.bur55 h1 {
float: left;
margin: 9px 0px 0px 20px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
width: 100%;
text-align: center;
}
.rab12 {
float: left;
margin: 35px 0px 0px 42px;
width: 10%;
}
.rab12 li {
float: left;
}
.rab12 a {
border-radius: 2px;
padding: 0px 0px 0px 0px;
background: #e6e6e6;
float: left;
width: 0%;
}
.rab12 h1 {
float: left;
margin: 4px 0px 0px 5px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
}
.ra {
width: 100%;
float: left;
}
.linem {
width: 96%;
float: left;
border: 1px solid #e5e5e5;
margin: 40px 0px 0px 20px;
}
.mc {
float: left;
width: 100%;
margin-top: 32px;
}
.cpm {
float: left;
width: 32%;
margin: 0px 0px 0px 22px;
}
.cp {
float: left;
width: 100%;
margin-top: 20px;
}
.cp h1 {
font-size: 26px;
font-family: 'montserratlight';
color: #656565;
}
.rf {
float: left;
margin: 0px 0px 30px 50px;
}
.rf li {
float: left;
}
.rf h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
margin: 5px 22px 0px 0px;
}
.rf input[type="text"] {
border: 1px solid #c2c2c2;
padding: 5px 10px 5px 10px;
border-radius: 5px;
}
.rf1 {
float: left;
margin: 0px 0px 30px 38px
}
.rf1 input[type="text"] {
border: 1px solid #c2c2c2;
padding: 5px 10px 5px 10px;
border-radius: 5px;
}
.rf1 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
margin: 5px 22px 0px 0px;
}
.rf1 li {
float: left;
}
.rf2 {
float: left;
margin: 0px 0px 30px 112px;
}
.rf2 input[type="text"] {
border: 1px solid #c2c2c2;
padding: 5px 10px 5px 10px;
border-radius: 5px;
}
.rf2 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
margin: 5px 22px 0px 0px;
}
.rf2 li {
float: left;
}
.rf3 {
float: left;
margin: 0px 0px 0px 75px;
}
.rf3 input[type="text"] {
border: 1px solid #c2c2c2;
padding: 5px 10px 5px 10px;
border-radius: 5px;
}
.rf3 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
margin: 5px 22px 0px 0px;
}
.rf3 li {
float: left;
}
.bop {
float: left;
width: 40%;
}
.bos {
float: left;
width: 112%;
margin-top: 78px;
}
.bos a:focus{
background-color: red;
}
.ca {
float: left;
width: 12%;
}
.ca a {
float: left;
padding: 8px 10px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/7.png);
}
.ca a:focus {
background: url(../images/back.png);
}
.ca h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 8px 0px 0px 10px;
}
.ca1 {
float: left;
width: 11%;
}
.ca1 a {
float: left;
padding: 13px 15px;
border-radius: 5px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/7.png);
}
.ca1 a:focus {
background: url(../images/back.png);
}
.ca1 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 8px 0px 0px 10px;
}
.ca2 {
float: left;
width: 14%;
}
.ca2 a {
float: left;
padding: 13px 10px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/7.png);
}
.ca2 a:focus {
background: url(../images/back.png);
}
.ca2 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 10px 0px 0px 0px;
}
.ca1 a {
float: left;
padding: 11px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/7.png);
}
.ca3 {
width: 7%;
float: left;
padding: 2px 5px 2px 5px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/7.png);
}
.ca3:focus {
background: url(../images/back.png);
}
.ca3 h1 {
float: left;
padding: 15px 10px;
font-size: 11px;
color: #858585;
font-family: 'montserratlight';
}
.ca3 li.divider {
float: left;
padding: 17px 23px;
border-radius: 5px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/7.png);
font-family: 'montserratlight';
font-size: 11px;
color: #858585;
}
.ca3 a {
float: left;
padding: 15px 0px 4px 18px;
}
.wd {
float: left;
margin: 100px -125px 0px;
}
.wd p {
font-size: 12px;
font-family: 'montserratlight';
color: #70a3c7;
}
.sixtable {
float: left;
width: 100%;
height: 600px;
}
.table95 {
float: left;
width: 96%;
background: #5092bd;
border-radius: 5px;
padding: 12px 0px 12px 0px;
margin: 50px 0px 0px 22px;
}
.table95 li {
float: left;
padding: 0px 36px 0px 91px;
}
.table95 h3 {
font-size: 13px;
font-family: 'montserratlight';
color: #f6f9fb;
}
.table-payment {
float: left;
width: 1150px;
margin: -80px 0px 0px 23px;
}
.table-payment tr:nth-child(odd) {
background: #efefef;
}
.table-payment td {
border-collapse: collapse;
border-spacing: 0;
padding: 0px 0px 0px 0px;
}
.to {
float: right;
margin: 15px 0px 0px 0px;
}
.to li {
float: left;
padding: 0px 150px 0px 50px;
}
.to h1 {
font-size: 12px;
font-family: 'montserratlight';
color: #939393;
}
.as {
float: right;
width: 44%;
margin: 35px 0px 0px 0px;
}
.si {
float: left;
}
.si h1 {
font-size: 16px;
font-family: 'montserratlight';
color: #737373;
}
.linesi {
float: right;
border: 1px solid #e5e5e5;
width: 92%;
margin: 10px 25px 0px 0px;
}
.aa {
float: left;
width: 94%;
}
.aadd {
float: left;
margin: 20px 0px 0px 0px;
width: 54%;
}
.aadd h1 {
font-size: 13px;
font-family: 'montserratlight';
color: #939393;
padding: 18px 0px 0px 0px;
}
.new {
float: right;
width: 70%;
}
.pa {
float: right;
width: 9%;
margin-top: 22px;
}
.pa h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #7d7d7d;
}
.pa li {
padding: 15px 0px 5px 0px;
}
.cus-boton {
float: right;
margin: 40px 22px 0px 0px;
}
.cus-boton li {
float: left;
padding: 0px 8px 0px 0px;
}
.cus-boton a {
font-family: 'montserratlight';
color: #454545;
font-size: 13px;
text-decoration: none;
background: #cdcdcd;
padding: 8px 20px;
border-radius: 5px;
}
.cus-boton a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
pre.pre-scrollable50 {
max-height: 150px;
overflow-y: scroll;
float: left;
background: none;
margin: 0px 0px 0px 0px;
width: 98%;
}
/*========Recive-payment-end=========*/
/*========Quote-start=========*/
.bur22 {
float: left;
width: 6%;
}
.bur22 a {
float: left;
margin: 25px 0px 0px 24px;
padding: 5px 8px;
border-radius: 6px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.bur22 h1 {
float: left;
margin: 5px 0px 0px 5px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
text-align: center;
}
.bur23 {
float: left;
width: 6%;
}
.bur23 a {
float: left;
margin: 25px 0px 0px 23px;
padding: 5px 8px;
border-radius: 6px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.bur23 h1 {
float: left;
margin: 5px 0px 0px 5px;
font-size: 10px;
font-family: 'montserratlight';
COLOR: #7d7d7d;
text-align: center;
}
.cus12 {
float: left;
width: 32%;
margin: 28px 0px 0px -139px;
}
.cus12 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
padding: 8px 10px 0px 0px;
}
select.down32 {
padding: 6px 130px 6px 8px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.cus50 {
float: left;
width: 34%;
margin-top: 22px;
}
.cus50 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
padding: 12px 10px 0px 0px;
margin: 0px 0px 0px 15px;
}
.secondbox12 {
float: left;
text-align: left;
max-width: 170px;
max-height: 100px;
min-height: 100px;
min-width: 170px;
padding: 5px;
outline: none;
border: 1px solid #c2c2c2;
border-radius: 5px;
margin: 8px 0px 0px 20px;
}
h1.bia {
float: left;
width: 40%;
font-size: 12px;
font-family: 'montserratlight';
color: #7d7d7d;
margin: 15px 0px 0px 22px;
}
.sel2 {
float: right;
width: 12%;
margin: 26px 232px 0px 0px;
}
.sel2 select {
padding: 6px 48px 0px 0px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
width: 100%;
float: left;
background: #f2f2f2;
}
.sel2 h1 {
font-family: 'montserratlight';
font-size: 11px;
color: #939393;
padding-bottom: 8px;
}
.much55 {
float: left;
width: 82%;
margin: 0px 0px 0px 10px;
}
.nav550 {
float: left;
width: 100%;
background: #5092bd;
margin-top: 18px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
}
.nav550 li {
float: left;
padding: 0px 52px 0px 40px;
}
.nav550 h3 {
font-size: 11px;
font-family: 'montserratlight';
color: #edf2f7;
}
.first-table50 {
margin: 0px;
float: left;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-family: 'montserratlight';
font-size: 10px;
border: none;
padding: 0px 2px;
}
.first-table50 table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
border: 1px solid #cccccc;
}
.first-table50 tr:nth-child(odd) {
background: #efefef;
}
.first-table50 td {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #cccccc;
text-align: center;
width: 0%;
padding: 14px 0px;
font-family: 'montserratlight';
font-size: 11px;
}
.fotm {
float: left;
width: 40%;
margin: 0px 0px 0px 15px;
}
.smt {
float: left;
width: 30%;
margin-top: 25px;
}
.smt h1 {
font-size: 12px;
font-family: 'montserratlight';
color: #939393;
padding-bottom: 15px;
}
.box550 {
float: left;
width: 84%;
border: 1px solid #d9d9d9;
background: #ffffff;
height: 980px;
margin: 25px 0px 0px 0px;
border-radius: 6px;
}
.quo {
float: left;
width: 42%;
margin-top: 35px;
}
.quo h1 {
font-family: 'montserratlight';
font-size: 25px;
color: #656565;
}
textarea.secondbox150 {
float: left;
text-align: left;
max-width: 145px;
max-height: 100px;
min-height: 100px;
min-width: 150px;
padding: 5px;
outline: none;
border: 1px solid #c2c2c2;
border-radius: 4px;
margin: 5px 0px 0px 10px;
}
/*========Quote-end=========*/
/*========finance-start=========*/
.finance {
float: left;
width: 100%;
}
.finance0 {
float: left;
width: 100%;
margin: 0px 0px 0px 15px;
}
.finance1 {
width: 100%;
float: left;
background: #ffffff;
height: 1000px;
margin-top: 35px;
border: 1px solid #d7d7d7;
border-radius: 5px;
}
.finance2 {
float: left;
width: 50%;
margin-top: 20px;
}
.finance p {
font-family: 'montserratlight';
font-size: 12px;
color: #737373;
}
.finance-line1 {
float: left;
width: 97%;
border: 1px solid #e5e5e5;
padding-bottom: 12px;
border-top: none;
border-left: none;
border-right: none;
}
.finance3 {
float: left;
width: 100%;
}
.finance4 {
float: left;
width: 17%;
margin-top: 50px;
}
.finance4 h1 {
font-size: 11px;
font-family: 'montserratlight';
color: #888888;
padding-bottom: 8px;
}
.finance4 input[type="text"] {
padding: 7px 50px 7px 12px;
float: left;
border: 1px solid #c2c2c2;
border-radius: 5px;
font-size: 11px;
font-family: 'montserratlight';
color: #acacac;
background: #f2f2f2;
}
.finance5 {
float: left;
width: 20%;
margin: 69px 0px 0px 40px;
}
.finance5 select.down-finance6 {
font-size: 10px;
font-family: 'montserratlight';
float: left;
padding: 7px 110px 7px 8px;
border-radius: 5px;
color: #a0a0a0;
background: #f2f2f2;
cursor: pointer;
}
.finance7 {
float: left;
width: 9%;
margin: 77px 0px 0px 15px;
}
.finance7 a {
padding: 7px 15px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #7d7d7d;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
text-decoration: none;
}
.finance8 {
float: left;
width: 100%;
}
.finance8 h3 {
font-size: 12px;
font-family: 'montserratlight';
color: #edf2f7;
}
.finance-table {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
.finance-table table {
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
border: 1px solid #cccccc;
}
.finance-table tr:nth-child(odd) {
background: #efefef;
}
.container {
/*width: 1200px;*/
width : 96%;
margin: 0 auto;
padding: 0;
}
.finance9 {
float: left;
width: 100%;
}
.finance10 {
float: left;
width: 98%;
background: #5092bd;
margin-top: 18px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
}
.finance10 li {
float: left;
padding: 0px 90px 0px 85px;
}
.first-table50 {
float: left;
border-collapse: collapse;
width: 100%;
}
.finance-table25 td {
border-collapse: collapse;
border-spacing: 0;
padding: 20px 0px;
}
.finance11 {
float: left;
width: 65%;
margin: 18px 0px 0px 0px;
}
.finance11 a {
padding: 8px 22px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #7d7d7d;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
text-decoration: none;
float: left;
}
.finance11 li {
float: left;
padding: 0px 5px;
}
.finance13 {
float: left;
width: 38%;
margin: 30px 0px 0px 10px;
}
.finance13 p {
font-family: 'montserratlight';
font-size: 12px;
color: #737373;
line-height: 12pt;
}
.finance14 {
float: left;
width: 65%;
}
.finance14 {
float: left;
width: 65%;
margin: 40px 0px 0px 0px;
}
.finance14 a {
padding: 8px 25px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #7d7d7d;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
text-decoration: none;
float: left;
}
.finance14 li {
float: left;
padding: 0px 5px;
}
.finance15 {
float: right;
width: 17%;
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
margin: 25px 0px;
}
.finance16 {
float: right;
width: 21%;
margin: 110px 0px 0px 0px;
}
.finance16 li {
float: left;
padding: 0px 5px;
}
.finance16 a {
padding: 10px 18px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #7d7d7d;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
text-decoration: none;
float: left;
}
.finance16 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
/*========finance-end=========*/
/*========Statment-start=========*/
.statement {
float: left;
width: 100%;
background: #707070;
height: 50px;
}
.statement1 {
width: 100%;
float: left;
}
.statement2 {
float: left;
width: 100%;
margin-top: 15px;
}
.statement2 li {
float: left;
padding: 0px 2px 0px 30px;
}
.statement2 a {
font-family: 'montserratlight';
font-size: 12px;
color: #dadada;
text-decoration: none;
}
.statement3 {
width: 100%;
float: left;
}
.statement4 {
float: left;
width: 100%;
background: #ffffff;
/* height: 1100px; */
margin-top: 25px;
border: 1px solid #d9d9d9;
border-radius: 5px;
}
.statement5 {
float: left;
width: 98%;
margin: 0px 0px 0px 20px;
}
.statement6 {
float: left;
width: 50%;
margin: 25px 0px 0px 15px;
}
.statement6 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
padding-top: 10px;
}
.statement6 select.Statement7 {
float: left;
margin: 0px 0px 0px 15px;
padding: 8px 85px 8px 10px;
font-family: 'montserratlight';
font-size: 11px;
color: #a0a0a0;
background: #f2f2f2;
border-radius: 5px;
cursor: pointer;
}
.state_table thead tr{
background: #5092bd;
font-family: 'montserratlight';
font-size: 14px;
color: #ffffff;
}
.statement-table tr {
background: #5092bd;
font-family: 'montserratlight';
font-size: 14px;
color: #ffffff;
}
.statement-table {
float: left;
width: 98%;
margin-top: 15px;
border-radius: 5px;
border: 1px solid #afcde1;
border-bottom: none;
}
.statement-table td {
/* border-collapse: collapse; */
/* border-spacing: 0; */
/* border: 1px solid #cccccc; */
/* text-align: center; */
/* width: 12%; */
padding: 10px 11px;
/* font-family: 'montserratlight'; */
/* font-size: 11px; */
}
.statement20 td {
padding: 15px 0px 15px 10px;
text-align: center;
width: 145px;
font-family: 'montserratlight';
font-size: 11px;
}
.statement20 :first-child {
border-right: 1px solid #cccccc;
}
.statement20 td {
border: none;
}
tr.statement20 {
border: 1px solid #bababa;
border-top: none;
/* margin: -2px 0px 0px 0px; */
/* float: left; */
}
.statement19 {
float: left;
margin: 28px 0px 0px 22px;
width:8%;
}
.statement19 li {
padding: 0px 10px 0px 0px;
margin-top: 3px;
float: left;
}
.statement19 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
margin: 0;
float: left;
}
.statement19 input[type="checkbox"] {
float: left;
margin: 0;
margin-right: 0px;
}
.statement22 {
float: left;
margin: 28px 0px 0px 22px;
width: 15%;
}
.statement22 li {
padding: 0px 10px 0px 0px;
margin-top: 3px;
float: left;
}
.statement22 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
margin: 0;
float: left;
}
.statement22 input[type="checkbox"] {
float: left;
margin: 0;
margin-right: 0px;
}
.statement23 {
float: right;
margin-top: 15px;
}
.statement23 li {
float: left;
padding: 0px 62px 0px 10px;
}
.statement23 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 17px;
color: #656565;
}
.statement24 {
float: left;
width: 78%;
margin: 20px 0px 0px 23px;
}
.statement24 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #939393;
float: left;
padding-top: 8px;
}
.statement24 select.Statement7 {
float: left;
margin: 0px 0px 0px 15px;
padding: 8px 85px 8px 10px;
font-family: 'montserratlight';
font-size: 11px;
color: #a0a0a0;
background: #f2f2f2;
border-radius: 5px;
cursor: pointer;
}
.statement25 {
float: right;
margin: 0px 20px 0px 0px;
}
.statement25 li {
float: left;
padding: 0px 5px 0px 0px;
}
.statement25 a {
padding: 12px 40px;
border-radius: 5px;
font-size: 12px;
color: #212121;
cursor: pointer;
font-family: 'montserratlight';
text-decoration: none;
float: left;
background: #cdcdcd;
}
.statement25 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
/*========Statement-end=========*/
/*========Statement1-start=========*/
.statement30 {
float: left;
width: 100%;
}
.statement31 {
float: left;
width: 100%;
background: #ffffff;
height: 430px;
border: 1px solid #d9d9d9;
margin-top: 35px;
border-radius: 8px;
}
.statement32 {
float: left;
width: 48%;
margin: 12px 0px 0px 12px;
border: 1px solid #cccccc;
height: 330px;
}
.statement33 {
float: left;
margin: 0px 0px 0px 10px;
}
.statement34 {
float: left;
margin-top: 10px;
}
.statement34 h1 {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
}
.line-statement {
float: left;
border: 1px solid #e5e5e5;
width: 450px;
padding-top: 10px;
border-top: none;
border-right: none;
border-left: none;
}
.statement35 {
float: left;
margin: 35px 0px 0px 27px;
}
.statement35 li {
float: left;
padding: 0px 33px 0px 0px;
}
.statement35 h1 {
font-family: 'montserratlight';
font-size: 14px;
color: #7d7d7d;
}
.statement35 a {
padding: 6px 20px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #a5a5a5;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.statement36 {
float: left;
margin: 15px 0px 0px 0px;
line-height: 2;
width: 66%;
}
.statement36 input[type='radio'] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float:left;
}
.statement36 input[type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.statement36 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.statement36 input[type='radio']:checked:before {
background:#5092bd;
}
.statement36 h1 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
padding: 6px 26px 14px 10px;
float: left;
}
.statement36 a {
padding: 6px 20px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #a5a5a5;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
float: left;
}
.statement36 h2 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
padding: 6px 10px 0px 10px;
float: left;
}
.statement37 {
float: left;
margin: 22px 0px 0px 0px;
line-height: 2;
}
.statement37 input[type="radio"] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float: left;
}
.statement37 input[type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.statement37 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.statement37 input[type='radio']:checked:before {
background:#5092bd;
}
.statement37 h1 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
padding: 6px 34px 0px 10px;
float: left;
}
.statement38 {
float: left;
margin: 22px 0px 0px 0px;
}
.statement38 h1 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
padding: 6px 28px 0px 10px;
float: left;
}
.statement38 input[type="checkbox"] {
width: 16px;
height: 16px;
border: 1px solid #c1c1c1;
outline: none;
float: left;
background: #e6e6e6;
border-radius: 3px;
margin-top: 6px;
}
.statement38 a {
padding: 6px 22px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #a5a5a5;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
float: left;
}
.statement38 h2 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
padding: 6px 0px 0px 15px;
float: left;
}
.statement39 {
float: left;
width: 52%;
margin: 12px 0px 0px 12px;
border: 1px solid #cccccc;
height: 600px;
}
.statement40 {
float: left;
margin: 0px 0px 0px 10px;
}
.line-statementw {
float: left;
border: 1px solid #e5e5e5;
width: 580px;
padding-top: 10px;
border-top: none;
border-right: none;
border-left: none;
}
.statement000 {
float: left;
width: 100%;
height: auto;
}
.statement60 {
float: left;
width: 48%;
border: 1px solid #cccccc;
margin: 12px 0px 0px 12px;
height: 330px;
}
.statement61 {
float: left;
margin: 0px 0px 0px 10px;
}
.statement62 {
float: left;
margin: 15px 0px 0px 0px;
width: 95%;
}
.statement62 input[type="radio"] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float: left;
}
.statement62 h1 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
padding: 12px 34px 0px 10px;
float: left;
}
.statement62 input[type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.statement62 input[type='radio']:checked:before {
background:#5092bd;
}
.statement62 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.statement63 {
text-align: center;
margin-top: 45px;
float: left;
width: 100%;
}
.statement63 a {
padding: 10px 30px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #606060;
cursor: pointer;
font-family: 'montserratlight';
background: #f2f2f2;
}
.statement64 {
float: right;
margin: 0px 0px 0px 10px;
width: 50%;
}
.statement65 {
float: left;
margin-top: 8px;
margin-left: 46%;
}
.statement65 a {
padding: 8px 25px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #636363;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
float: left;
}
.statement66 {
float: right;
width: 34%;
}
.statement66 {
float: right;
width: 37%;
margin-top: 8px;
}
.statement66 a {
padding: 8px 25px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #636363;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
float: left;
}
.statement66 li {
float: left;
padding: 0px 0px 0px 6px;
}
.statement41 {
float: left;
margin-top: 25px;
}
.statement41 h1 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
padding: 8px 15px 0px 5px;
float: left;
}
.statement41 select.statement42 {
padding: 6px 18px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #a5a5a5;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
}
.statement43 {
float: left;
width: 66%;
margin-top: 15px;
}
.statement43 input[type="checkbox"] {
width: 16px;
height: 16px;
border: 1px solid #c1c1c1;
outline: none;
float: left;
background: #e6e6e6;
border-radius: 3px;
}
.statement43 h1 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
padding: 6px 34px 0px 10px;
float: left;
}
.statement001 {
float: left;
margin-top: 25px;
}
.statement44 {
float: left;
width: 100%;
margin-top: 25px;
}
.statement44 h1 {
font-size: 14px;
font-family: 'montserratlight';
color: #7d7d7d;
}
.statement45 {
float: left;
width: 100%;
text-align: center;
margin-top: 65px;
}
.statement45 a {
padding: 6px 40px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #606060;
cursor: pointer;
font-family: 'montserratlight';
background: #f2f2f2;
}
.statement46 {
float: right;
width: 20%;
margin-top: 8px;
}
.statement46 li {
float: left;
padding: 0px 0px 0px 6px;
}
.statement46 a {
padding: 8px 25px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #636363;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
float: left;
}
/*========Statement1-end=========*/
/*========Statement-pre-start=========*/
.statement70 {
float: left;
width: 100%;
}
.statement71 {
float: left;
width: 100%;
}
.statement72 {
float: left;
width: 100%;
margin-top: 12px;
}
.statement72 li {
float: left;
padding: 0px 0px 0px 8px;
}
.statement72 a {
padding: 7px 34px;
text-decoration: none;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #626262;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
float: left;
}
.statement73 {
float: left;
width: 100%;
}
.statement74 {
float: left;
width: 100%;
}
.statement75 {
width: 100%;
float: left;
background: #ffffff;
height: 1000px;
margin-top: 12px;
border: 1px solid #d9d9d9;
border-radius: 5px;
}
.statement76 {
float: left;
width: 97%;
margin: 0px 0px 0px 32px;
}
.statement77 {
float: left;
width: 80%;
margin: 45px 0px 0px 6px;
}
.statement77 p {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
line-height: 12pt;
float: left;
width: 15%;
}
.statement78 {
float: right;
width: 17%;
margin-top: 25px;
}
.statement78 h1 {
font-family: 'montserratlight';
font-size: 17px;
color: #656565;
}
.statement78 table.statement79 {
float: left;
width: 60%;
margin-top: 15px;
}
.statement78 td {
border: 1px solid #cacaca;
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
td.statement80 {
font-size: 12px;
color: #212121;
font-family: 'Conv_Montserrat-Bold';
}
.statement81 {
float: left;
width: 22%;
border: 1px solid #cacaca;
margin-top: 60px;
height: 120px;
}
.statement81 td.statement83 {
float: left;
width: 12%;
border-right: none;
border-top: none;
border-left: none;
border-bottom: none;
font-size: 12px;
color: #212121;
font-family: 'Conv_Montserrat-Bold';
}
td.statement84 {
float: left;
width: 100%;
border-right: none;
border-left: none;
border-bottom: none;
}
.statement84 p {
float: left;
width: 65%;
text-align: center;
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
padding: 0px 0px 0px 10px;
}
.statement85 {
float: right;
width: 29%;
}
.statement85 {
float: right;
width: 29%;
}
.statement86 td.statement87 {
font-size: 12px;
color: #212121;
font-family: 'Conv_Montserrat-Bold';
}
.statement85 td {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
.statement88 {
float: left;
width: 100%;
}
.statement88 table.statement89 {
float: left;
width: 1106px;
}
.statement89 td {
border-top : none;
border-bottom : none;
width : 10%;
}
.statement89 td {
font-size: 14px;
font-family: 'montserratlight';
color: #212121;
}
table.statement91 {
float: left;
width: 1106px;
}
.statement91 td {
border-collapse: collapse;
border-spacing: 0;
padding: 12px 58px 12px 43px;
text-align: center;
font-family: 'montserratlight';
font-size: 12px;
color: #000000;
}
.statement90 {
float: left;
width: 95%;
}
td.Tran {
width: 39%;
}
tr.statement100 {
border: 1px solid #cccccc;
}
.statement86 tr td {
border-bottom: none;
}
/*========Statement-pre-end=========*/
/*========company-profile-start=========*/
.companyprofile1 {
float: left;
width: 100%;
}
.companyprofile2 {
float: left;
width: 100%;
}
.companyprofile3 {
float: left;
margin: 16px 0px 0px 18px;
}
.companyprofile3 li {
float: left;
padding: 0px 0px 0px 8px;
}
.companyprofile3 a {
font-size: 11px;
color: #797979;
background: #cdcdcd;
padding: 10px 20px 10px 20px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
text-decoration: none;
}
.companyprofile4 {
float: left;
width: 100%;
}
.companyprofile5 {
float: left;
width: 100%;
}
.companyprofile6 {
float: left;
width: 98%;
margin: 18px 0px 0px 20px;
background: #ffffff;
height: 570px;
border-radius: 8px;
border: 1px solid #d9d9d9;
}
.companyprofile7 {
float: left;
width: 100%;
margin: 0px 0px 0px 22px;
}
.companyprofile8 {
float: left;
width: 95%;
margin-top: 26px;
border: 1px solid #e5e5e5;
border-top: none;
border-left: none;
border-right: none;
padding: 0px 0px 18px 0px;
}
.companyprofile8 h1 {
font-family: 'montserratlight';
font-size: 22px;
color: #656565;
}
.companyprofile9 {
float: left;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin: 20px 0px 0px 0px;
}
.companyprofile10 {
float: left;
width: 82%;
margin: 0px 0px 0px 25px;
}
.companyprofile11 {
float: left;
width: 100%;
margin-top: 22px;
}
.companyprofile11 h1 {
font-family: 'montserratlight';
font-size: 22px;
color: #656565;
}
.companyprofile12 {
float: left;
width: 99%;
margin-top: 26px;
border: 1px solid #e5e5e5;
height: 340px;
border-radius: 6px;
}
.companyprofile13 {
float: left;
margin: 0px 0px 0px 16px;
width: 100%;
}
.companyprofile14 {
float: left;
width: 97%;
margin-top: 16px;
border: 1px solid #e5e5e5;
border-top: none;
border-left: none;
border-right: none;
padding: 0px 0px 18px 0px;
}
.companyprofile14 h1 {
font-family: 'montserratlight';
font-size: 20px;
color: #656565;
}
.companyprofile15 {
float: left;
width: 70%;
margin-top: 20px;
}
.companyprofile15 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 36px 0px 0px;
}
.companyprofile15 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile000 {
float: left;
width: 40%;
}
.companyprofile16 {
float: left;
width: 70%;
margin-top: 28px;
}
.companyprofile16 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 82px 0px 0px;
}
.companyprofile16 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
li {
list-style: none;
}
.companyprofile17 {
float: left;
width: 65%;
margin-top: 28px;
}
.companyprofile17 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 42px 0px 0px;
}
.companyprofile17 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile18 {
float: left;
width: 65%;
margin-top: 28px;
}
.companyprofile18 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 88px 0px 0px;
}
.companyprofile18 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile19 {
float: left;
width: 65%;
margin-top: 28px;
}
.companyprofile19 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 35px 0px 0px;
}
.companyprofile19 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile001 {
float: right;
width: 50%;
}
.companyprofile20 {
float: left;
width: 95%;
margin-top: 20px;
}
.companyprofile20 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 34px 0px 0px;
}
.companyprofile20 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile21 {
float: left;
width: 95%;
margin-top: 28px;
}
.companyprofile21 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 62px 0px 0px;
}
.companyprofile21 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile22 {
float: left;
width: 95%;
margin-top: 28px;
}
.companyprofile22 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 38px 0px 0px;
}
.companyprofile22 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile23 {
float: left;
width: 95%;
margin-top: 28px;
}
.companyprofile23 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 46px 0px 0px;
}
.companyprofile23 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile24 {
float: left;
width: 95%;
margin-top: 28px;
}
.companyprofile24 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 52px 0px 0px;
}
.companyprofile24 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.companyprofile25 {
float: left;
width: 95%;
margin-top: 28px;
}
.companyprofile25 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 40px 0px 0px;
}
.companyprofile25 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
/*========company-profile-end=========*/
/*========customer-per-hourly-start=========*/
.customerhourly {
width: 100%;
float: left;
}
.customerhourly1 {
float: left;
width: 100%;
}
.customerhourly2 {
float: left;
width: 100%;
background: #ffffff;
height: 720px;
border: 1px solid #e5e5e5;
margin-top: 60px;
border-radius: 8px;
}
.customerhourly3 {
float: left;
width: 100%;
margin: 0px 0px 0px 15px;
}
.customerhourly4 {
float: left;
width: 100%;
margin-top: 30px;
}
.customerhourly4 h1 {
font-family: 'montserratlight';
font-size: 17px;
color: #656565;
float: left;
}
.customerhourly4 input.box_search {
float: left;
margin: -5px 0px 0px 32px;
border-radius: 6px;
border: 1px solid #c2c2c2;
width: 230px;
padding: 5px 10px;
}
.customerhourly5 {
float: left;
width: 95%;
margin-top: 30px;
border: 1px solid #e5e5e5;
border-top: none;
border-left: none;
border-right: none;
padding-bottom: 15px;
}
.customerhourly5 h1 {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
}
.customerhourly6 {
float: left;
width: 95%;
margin-top: 15px;
}
.customerhourly6 input[type="radio"] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float: left;
}
.customerhourly6 [type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.customerhourly6 input[type='radio']:checked:before {
background:#5092bd;
}
.customerhourly6 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.customerhourly6 h1 {
font-family: 'Conv_Montserrat-Regular';
font-size: 12px;
color: #7d7d7d;
padding: 6px 0px 0px 10px;
float: left;
}
.customerhourly6 p {
font-family: 'montserratlight';
font-size: 12px;
float: left;
width: 100%;
padding: 12px 0px 0px 26px;
color: #7d7d7d;
}
.customerhourly7 {
float: left;
width: 95%;
margin-top: 42px;
}
.customerhourly7 input[type="radio"] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float: left;
}
.customerhourly7 [type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.customerhourly7 input[type='radio']:checked:before {
background:#5092bd;
}
.customerhourly7 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.customerhourly7 h1 {
font-family: 'Conv_Montserrat-Regular';
font-size: 12px;
color: #7d7d7d;
padding: 6px 0px 0px 10px;
float: left;
}
.customerhourly7 p {
font-family: 'montserratlight';
font-size: 12px;
float: left;
width: 100%;
padding: 12px 0px 0px 26px;
color: #7d7d7d;
}
.customerhourly8 {
float: left;
width: 96%;
background: #5092bd;
margin-top: 46px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
}
.customerhourly8 li {
float: left;
padding: 0px 160px 0px 150px;
}
.customerhourly8 h3 {
font-family: 'montserratlight';
font-size: 14px;
color: #ffffff;
}
.customerhourly9 {
margin: 0px;
float: left;
border-collapse: collapse;
border-spacing: 0;
width: 96%;
font-family: 'montserratlight';
font-size: 10px;
border: none;
padding: 0px 2px;
}
.customerhourly9 table {
width: 100%;
}
.customerhourly10 {
float: left;
width: 95%;
margin-top: 15px;
}
.customerhourly10 input[type="radio"] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float: left;
}
.customerhourly10 [type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.customerhourly10 input[type='radio']:checked:before {
background:#5092bd;
}
.customerhourly10 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.customerhourly10 h1 {
font-family: 'Conv_Montserrat-Regular';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 6px 0px 0px 10px;
}
.customerhourly11 {
float: right;
margin-top: 65px;
width: 27%;
}
.customerhourly11 li {
float: left;
padding: 0px 0px 0px 6px;
}
.customerhourly11 a {
font-size: 11px;
color: #797979;
background: #cdcdcd;
padding: 8px 28px 8px 28px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
}
.customerhourly11 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
/*========customer-per-hourly-end=========*/
/*========profile-start=========*/
.profile15 {
float: left;
width: 98%;
margin: 18px 0px 0px 20px;
background: #ffffff;
height: 750px;
border-radius: 8px;
border: 1px solid #d9d9d9;
}
.profile000 {
float: left;
width: 40%;
}
.profile1 {
float: left;
width: 70%;
margin-top: 20px;
}
.profile1 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 36px 0px 0px;
}
.profile1 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile2 {
float: left;
width: 70%;
margin-top: 30px;
}
.profile2 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 36px 0px 0px;
}
.profile2 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile3 {
float: left;
width: 70%;
margin-top: 30px;
}
.profile3 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 24px 0px 0px;
}
.profile3 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile4 {
float: left;
width: 70%;
margin-top: 30px;
}
.profile4 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 18px 0px 0px;
}
.profile4 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile5 {
float: left;
width: 70%;
margin-top: 30px;
}
.profile5 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 26px 0px 0px;
}
.profile5 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile6 {
float: left;
width: 70%;
margin-top: 30px;
}
.profile6 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 52px 0px 0px;
}
.profile6 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile001 {
float: right;
width: 45%;
}
.profile7 {
float: left;
width: 95%;
margin-top: 30px;
}
.profile7 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 34px 0px 0px;
}
.profile7 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile8 {
float: left;
width: 95%;
margin-top: 30px;
}
.profile8 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 26px 0px 0px;
}
.profile8 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile9 {
float: left;
width: 95%;
margin-top: 30px;
}
.profile9 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 23px 0px 0px;
}
.profile9 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile10 {
float: left;
width: 95%;
margin-top: 30px;
}
.profile10 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 54px 0px 0px;
}
.profile10 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile11 {
float: left;
width: 95%;
margin-top: 30px;
}
.profile11 h1 {
font-family: 'Conv_Montserrat-Bold';
font-size: 12px;
color: #656565;
float: left;
padding: 0px 74px 0px 0px;
}
.profile11 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
float: left;
}
.profile16 {
float: left;
width: 95%;
margin-top: 85px;
border: 1px solid #e5e5e5;
border-top: none;
border-left: none;
border-right: none;
padding: 0px 0px 18px 0px;
}
.profile16 h1 {
font-family: 'montserratlight';
font-size: 22px;
color: #656565;
}
.profile17 {
float: left;
width: 100%;
margin-top: 25px;
}
.profile17 li {
float: left;
padding: 0px 62px 0px 2px;
}
.profile17 a {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
text-decoration: none;
}
/*========profile-end=========*/
/*========company inside brief-report-start=========*/
.companyinside {
float: left;
width: 100%;
}
.companyinside1 {
float: left;
width: 100%;
}
.companyinside2 {
width: 100%;
float: left;
margin: 16px 0px 0px 18px;
}
.companyinside2 li {
float: left;
padding: 0px 0px 0px 8px;
}
.companyinside2 a {
font-size: 11px;
color: #212121;
background: #cdcdcd;
padding: 10px 22px 10px 22px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
text-decoration: none;
}
.companyinside2 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
.companyinside3 {
width: 100%;
float: left;
}
.companyinside4 {
float: left;
width: 100%;
}
.companyinside5 {
float: left;
width: 100%;
height: 120px;
background: #ffffff;
margin-top: 15px;
border: 1px solid #d9d9d9;
border-radius: 5px;
}
.companyinside6 {
float: left;
width: 100%;
margin: 0px 0px 0px 15px;
}
.companyinside7 {
float: left;
width: 35%;
margin-top: 15px;
}
.companyinside7 a {
width: 95px;
height: 95px;
background: #ebebeb;
float: left;
border-radius: 5px;
}
.companyinside7 a h3 {
display: inline-block;
text-align: center;
padding: 30px 0px;
font-family: 'montserratlight';
font-size: 14px;
color: #898989;
line-height: 16px;
}
.companyinside7 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
float: left;
padding: 30px 0px 0px 15px;
}
.companyinside7 h2 {
font-size: 12px;
color: #a8a8a8;
float: left;
padding: 14px 0px 0px 15px;
}
.companyinside8 {
float: right;
width: 18%;
margin-top: 70px;
}
.companyinside8 a {
border: 1px solid #c2c2c2;
padding: 22px 12px 10px 12px;
background: url(../images/bbb.png);
background-size: 100% 100%;
border-radius: 10px;
}
.companyinside8 li {
float: left;
padding: 0px 6px;
}
.companyinside9 {
float: left;
width: 100%;
}
.companyinside10 {
float: left;
width: 100%;
margin: 0px 0px 0px 15px;
}
.companyinside11 {
float: left;
width: 12%;
}
.companyinside11 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #5f5f5f;
float: left;
padding: 25px 0px 0px 6px;
}
.companyinside12 {
float: left;
width: 86%;
margin-top: 16px;
}
select.companyinside13 {
border: 1px solid #c2c2c2;
padding: 8px 100px 8px 10px;
background: url(../images/bbb.png);
background-size: 100% 100%;
font-family: 'montserratlight';
font-size: 12px;
cursor: pointer;
}
.companyinside12 h1 {
float: right;
font-family: 'montserratlight';
font-size: 14px;
color: #9e9e9e;
}
.companyinside14 {
float: left;
width: 100%;
margin-top: 15px;
}
.companyinside15 {
float: left;
width: 100%;
}
.companyinside16 {
float: left;
margin-top: 80px;
width: 0%;
}
.companyinsider17 {
float: left;
width: 98%;
margin-top: 18px;
}
.companyinsider17 h1 {
float: left;
font-family: 'montserratlight';
font-size: 12px;
color: #a8a8a8;
}
.compantinsider18-line {
float: left;
width: 94%;
border: 1px solid #e5e5e5;
border-bottom: none;
border-left: none;
border-right: none;
margin: 8px 0px 0px 13px;
}
.companyinsider19 {
float: left;
width: 98%;
margin-top: 50px;
}
.companyinsider19 h1 {
float: left;
font-family: 'montserratlight';
font-size: 12px;
color: #a8a8a8;
}
.compantinsider20-line {
float: left;
width: 94%;
border: 1px solid #e5e5e5;
border-bottom: none;
border-left: none;
border-right: none;
margin: 8px 0px 0px 13px;
}
.companyinsider21 {
float: left;
width: 98%;
margin-top: 50px;
}
.companyinsider21 h1 {
float: left;
font-family: 'montserratlight';
font-size: 12px;
color: #a8a8a8;
padding: 0px 0px 0px 40px;
}
.compantinsider22-line {
float: left;
width: 94%;
border: 1px solid #e5e5e5;
border-bottom: none;
border-left: none;
border-right: none;
margin: 8px 0px 0px 13px;
}
.companyinsider22 {
float: left;
width: 100%;
}
.companyinsider22 img {
width: 100%;
}
.companyinsider24 {
float: left;
width: 8%;
margin: 15px 0px 0px 178px;
}
.companyinsider24 p {
float: left;
font-family: 'montserratlight';
font-size: 10px;
color: #9e9e9e;
}
.companyinsider24 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #5f5f5f;
line-height: 12pt;
}
.companyinsider23 {
text-align: center;
width: 61%;
float: left;
margin-top: 15px;
}
.companyinsider23 li {
float: right;
padding: 0px 0px 0px 18px;
}
.companyinsider23 a:hover{
background: #050547;
text-decoration: none;
color: #ffffff;
}
.companyinsider25 {
float: left;
width: 8%;
margin: 15px 0px 0px 0px;
}
.companyinsider25 p {
float: left;
font-family: 'montserratlight';
font-size: 10px;
color: #9e9e9e;
padding-left: 12px;
line-height: 10pt;
}
.companyinsider25 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #5f5f5f;
line-height: 12pt;
}
.companyinsider26 {
float: left;
width: 100%;
}
.companyinsider27 {
float: left;
width: 100%;
height: 350px;
background: #ffffff;
margin-top: 32px;
border: 1px solid #d9d9d9;
border-radius: 5px;
}
.companyinsider28 {
float: left;
width: 52%;
margin: 0px 0px 0px 22px;
}
.companyinsider29 {
float: left;
width: 95%;
border: 1px solid #e5e5e5;
border-left: none;
border-right: none;
border-top: none;
margin-top: 16px;
}
.companyinsider29 h1 {
font-family: 'montserratlight';
font-size: 20px;
color: #656565;
float: left;
padding-bottom: 12px;
}
.companyinsider30 {
float: right;
margin: 5px 0px 0px 0px;
}
.companyinsider30 a {
font-family: 'montserratlight';
font-size: 14px;
text-decoration: none;
color: #050547;
}
.companyinsider31 {
float: left;
margin-top: 50px;
width: 65%
}
.companyinsider31 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #a8a8a8;
float: left;
width: 30%;
padding-bottom: 10px;
}
.companyinsider32 {
float: left;
width: 40%;
}
.companyinsider32 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
line-height: 16pt;
}
.companyinsider32 p {
font-size: 12px;
font-family: 'montserratlight';
color: #a8a8a8;
}
.companyinsider33 {
float: left;
}
.companyinsider33 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
line-height: 16pt;
}
.companyinsider33 p {
font-size: 12px;
font-family: 'montserratlight';
color: #a8a8a8;
}
.companyinsider34 {
float: right;
margin: -72px 0px 0px 0px;
width: 33%;
}
.companyinsider34 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #a8a8a8;
float: left;
width: 30%;
padding-bottom: 10px;
}
.companyinsider34 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #656565;
line-height: 16pt;
}
.companyinsider34 p {
font-size: 12px;
font-family: 'montserratlight';
color: #a8a8a8;
}
.companyinsider35 {
float: right;
width: 46%;
}
.companyinsider36 {
float: left;
width: 95%;
border: 1px solid #e5e5e5;
border-left: none;
border-right: none;
border-top: none;
margin-top: 16px;
}
.companyinsider36 h1 {
font-family: 'montserratlight';
font-size: 20px;
color: #656565;
float: left;
padding-bottom: 12px;
}
.companyinsider37 {
float: right;
width: 19%;
margin-top: 10px;
}
.companyinsider37 p {
font-family: 'montserratlight';
font-size: 12px;
color: #a8a8a8;
}
select.companyinside38 {
border: 1px solid #c2c2c2;
padding: 6px 110px 6px 8px;
background: url(../images/bbb.png);
background-size: 100% 100%;
font-family: 'montserratlight';
font-size: 12px;
cursor: pointer;
margin-top: 20px;
outline: none;
float: left;
}
.companyinside41 {
float: left;
width: 40%;
}
.companyinsider40 {
float: left;
width: 80%;
margin-top: 20px;
}
.companyinsider40 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7f7f7f;
line-height: 12pt;
}
.companyinsider40 p {
font-family: 'montserratlight';
font-size: 12px;
color: #a8a8a8;
}
.companyinsider41 {
float: right;
margin: 55px 0px 0px 0px;
width: 40%;
}
/*========company inside brief-report-end=========*/
/*========company inside brief-report-1-start=========*/
.companyinside45 {
float: left;
width: 100%;
}
.companyinside46 {
float: left;
width: 100%;
}
.companyinside47 {
float: left;
width: 28%;
margin-top: 25px;
}
.companyinside47 h1 {
font-family: 'montserratlight';
font-size: 20px;
color: #777777;
}
select.companyinside49 {
border: 1px solid #c2c2c2;
padding: 6px 120px 6px 8px;
background: url(../images/bbb.png);
background-size: 100% 100%;
font-family: 'montserratlight';
font-size: 12px;
cursor: pointer;
margin-top: 20px;
float: left;
outline:none;
}
select.companyinside50 {
border: 1px solid #c2c2c2;
padding: 6px 60px 6px 8px;
background: url(../images/bbb.png);
background-size: 100% 100%;
font-family: 'montserratlight';
font-size: 12px;
cursor: pointer;
margin-top: 20px;
float: left;
margin: 20px 0px 0px 10px;
outline:none;
}
.companyinside48 h1 {
float: right;
font-family: 'montserratlight';
font-size: 14px;
color: #9e9e9e;
margin-top: 18px;
}
.companyinside51 {
float: left;
width: 100%;
}
.companyinside52 {
float: left;
width: 100%;
}
.companyinsider53 {
float: left;
width: 100%;
margin-top: 28px;
}
.companyinsider53 img {
width: 100%;
float: left;
}
.companyinsider54 {
text-align: center;
width: 50%;
float: left;
margin-top: 15px;
}
.companyinsider54 li {
float: right;
padding: 0px 0px 0px 18px;
}
.companyinsider55 {
float: right;
width: 23%;
margin-top: 10px;
}
.companyinsider55 li {
float: left;
padding: 0px 20px 0px 0px;
font-family: 'montserratlight';
font-size: 14px;
color: #5f5f5f;
}
/*========company inside brief-report-1-end=========*/
/*========company inside brief-report-2-start=========*/
.companyinside58 {
float: left;
width: 100%;
}
.companyinside59 {
float: left;
width: 100%;
}
.companyinside60 {
float: left;
width: 22%;
margin-top: 25px;
}
.companyinside60 h1 {
font-family: 'montserratlight';
font-size: 20px;
color: #777777;
}
select.companyinside62 {
border: 1px solid #c2c2c2;
padding: 6px 100px 6px 8px;
background: url(../images/bbb.png);
background-size: 100% 100%;
font-family: 'montserratlight';
font-size: 12px;
cursor: pointer;
margin-top: 20px;
float: left;
outline: none;
}
.companyinside61 h1 {
float: right;
font-family: 'montserratlight';
font-size: 14px;
color: #9e9e9e;
margin-top: 18px;
}
.companyinside63 {
float: left;
width: 100%;
}
.companyinside64 {
float: left;
width: 100%;
}
.companyinsider65 {
float: left;
width: 100%;
}
.companyinsider65 img {
float: left;
width: 100%;
}
.companyinsider66 {
text-align: center;
width: 50%;
float: left;
margin-top: 15px;
}
.companyinsider66 li {
float: right;
padding: 0px 0px 0px 18px;
}
.companyinsider67 {
float: right;
width: 7%;
margin-top: 15px;
}
.companyinsider67 p {
float: left;
font-family: 'montserratlight';
font-size: 10px;
color: #9e9e9e;
}
.companyinsider67 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #5f5f5f;
line-height: 12pt;
}
/*========company inside brief-report-2-end=========*/
/*==========vendor-information-start=========*/
.vendor-information {
width: 100%;
float: left;
}
.vendor-information1 {
float: left;
width: 100%;
margin-top: 15px;
}
.vendor-information2 {
float: left;
margin: 20px 0px 0px 26px;
}
.vendor-information2 li {
float: left;
padding: 0px 10px 0px 0px;
}
.vendor-information2 a {
font-size: 11px;
color: #797979;
background: #cdcdcd;
padding: 10px 20px 10px 20px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
text-decoration: none;
}
.vendor-information2 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
.vendor-information5 {
float: left;
margin: 20px 0px 0px 25px;
width: 50%;
}
.vendor-information5 h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 30px 0px 0px;
font-family: 'montserratlight';
}
.vendor-information5 h2 {
font-size: 12px;
color: #212121;
float: left;
font-family: 'montserratlight';
}
.vendor-information6 {
float: left;
margin: 20px 0px 0px 25px;
width: 50%;
}
.vendor-information6 h1 {
font-size: 12px;
color: #aaaaaa;
float: left;
padding: 0px 46px 0px 0px;
font-family: 'montserratlight';
}
.vendor-information6 h2 {
font-size: 12px;
color: #212121;
float: left;
font-family: 'montserratlight';
}
.vendor-information7 {
float: left;
width: 50%;
margin: 75px 0px 0px 85px;
}
.vendor-information7 li {
float: left;
}
.vendor-information7 a {
font-size: 12px;
color: #709ada;
padding: 0px 10px 0px 10px;
font-family: 'montserratlight';
}
.vendor-information7 img {
float: left;
}
.vendor-information8 {
float: left;
width: 75%;
margin: 68px 0px 0px 0px;
}
.vendor-information8 a {
padding: 8px 30px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #7a7a7a;
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 0;
text-decoration: none;
}
/*========vendor-information-end===========*/
/*========chart-account-start===========*/
.chart-account {
float: left;
width: 30%;
margin: 15px 0px 0px 30px;
}
.chart-account a {
background: #cdcdcd;
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
text-decoration: none;
padding: 8px 30px;
border-radius: 6px;
float: left;
}
.chart-account1 {
float: left;
width: 100%;
height: 850px;
background: #ffffff;
border-radius: 6px;
margin-top: 15px;
border: 1px solid #D9D9DA;
}
.chart-account2 {
float: left;
width: 98%;
margin: 25px 0px 0px 15px;
}
.chart-account4 {
float: left;
width: 100%;
background: #5092bd;
margin-top: 18px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
}
.chart-account4 h2 {
font-size: 13px;
font-family: 'montserratlight';
color: #edf2f7;
float: left;
width: 100%;
padding: 0px 40px 0px 55px;
}
.chart-account4 li{
float:left;
padding:0px 0px 0px 0px
}
.chart-account4 {
float: left;
width: 100%;
background: #5092bd;
margin-top: 18px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
border: 1px solid #bababa;
border-bottom: none;
}
.chart-account3 {
float: left;
width: 100%;
}
.chart-account3 table {
float: left;
width: 100%;
border-radius: 6px;
}
.chart-account3 tr {
width: 100%;
font-family: 'montserratlight';
font-size: 12px;
color: #ffffff;
}
td.chart-account8 {
width: 60%;
}
.chart-account-table {
margin: 0px;
float: left;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-family: 'montserratlight';
font-size: 10px;
border: none;
padding: 0px 2px;
}
.chart-account-table table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin: 0px;
padding: 0px;
border: 1px solid #cccccc;
}
.chart-account-table tr:nth-child(odd) {
background: #efefef;
}
select.chart-account12 {
padding: 5px 15px 6px 8px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 10px 0px 0px 8px;
outline: none;
}
td.floa {
border: none;
border-left: 1px solid #cccccc;
width: 150px;
font-family: 'montserratlight';
font-size: 11px;
color: #212121;
}
li.ck {
width: 60%;
text-align: left;
}
td.chart-account9 {
border: none;
width: 30%;
text-align: left;
font-family: 'montserratlight';
font-size: 11px;
color: #212121;
padding-left: 15px;
}
td.flo {
border: none;
border-left: 1px solid #cccccc;
width: 150px;
}
li.ck h2 {
text-align: left;
font-size: 13px;
font-family: 'montserratlight';
color: #edf2f7;
padding: 0px 0px 0px 30px;
}
/*========chart-account-end===========*/
/*========List-item-start===========*/
.listitem {
float: left;
width: 100%;
}
.listitem1 {
float: left;
width: 100%;
height: 1000px;
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 6px;
margin-top: 35px;
}
.listitem2 {
float: left;
width: 98%;
margin: 0px 0px 0px 15px;
}
.listitem3 {
float: left;
width: 24%;
margin-top: 30px;
}
.listitem3 h1 {
float: left;
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
margin-top: 9px;
}
.listitem3 input[type="text"] {
float: left;
padding: 8px 70px 8px 12px;
margin: 0px 0px 0px 12px;
border: 1px solid #c2c2c2;
border-radius: 6px;
font-family: 'montserratlight';
font-size: 12px;
color: #a0a0a0;
outline: none;
}
.listitem4 {
float: left;
width: 23%;
margin-top: 30px;
}
.listitem4 h1 {
float: left;
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
margin: 8px 0px 0px 12px;
}
.listitem4 input[type="text"] {
float: left;
padding: 8px 70px 8px 12px;
margin: 0px 0px 0px 12px;
border: 1px solid #c2c2c2;
border-radius: 6px;
font-family: 'montserratlight';
font-size: 12px;
color: #a0a0a0;
outline: none;
}
.listitem4 select.listitem5 {
padding: 8px 150px 8px 10px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: #f2f2f2;
margin: 0px 0px 0px 15px;
outline: none;
float: left;
}
.listitem6 {
float: left;
width: 20%;
margin: 32px 0px 0px 0px;
}
.listitem6 li {
float: left;
padding: 0px 0px 0px 8px;
}
.listitem6 a {
font-size: 11px;
color: #797979;
padding: 8px 35px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
text-decoration: none;
background: url(../images/bbb.png);
border: 1px solid #c2c2c2;
}
.listitem6 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
.listitem7 {
float: left;
margin: 36px 0px 0px 18px;
width: 15%;
}
.listitem7 input[type="checkbox"] {
float: left;
width: 20px;
height: 15px;
}
.listitem7 p {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
padding: 4px 0px 0px 5px;
float: left;
}
.listitem8 {
float: left;
width: 98%;
margin: 30px 0px 0px 0px;
background: #5092bd;
border-radius: 5px;
height: 36px;
}
.listitem8 li {
float: left;
padding: 0px 70px 0px 10px;
}
.listitem8 h2 {
text-align: left;
font-size: 13px;
font-family: 'montserratlight';
color: #edf2f7;
padding: 12px 0px 0px 12px;
}
.listitem9 tr:nth-child(odd) {
background: #efefef;
}
.listitem9-table {
margin: 0px;
float: left;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-family: 'montserratlight';
font-size: 10px;
border: none;
padding: 0px 2px;
}
td.li1 {
float: left;
border: none;
width: 150px;
font-family: 'montserratlight';
FONT-SIZE: 11px;
color: #212121;
height: 70px;
padding-top: 30px;
}
td.li2 {
float: left;
border: none;
border-right: 1px solid #cccccc;
width: 150px;
font-family: 'montserratlight';
FONT-SIZE: 11px;
color: #212121;
height: 70px;
border-left: 1px solid #cccccc;
padding-top: 30px;
}
.listitem9-table tr:nth-child(odd) {
background: #efefef;
}
td.li3 {
float: left;
border: none;
border-right: 1px solid #cccccc;
width: 80px;
font-family: 'montserratlight';
FONT-SIZE: 11px;
color: #212121;
height: 70px;
padding-top: 30px;
}
td.li4 {
float: left;
border: none;
width: 120px;
font-family: 'montserratlight';
FONT-SIZE: 11px;
color: #212121;
border-right: 1px solid #cccccc;
height: 70px;
padding-top: 30px;
}
td.li5 {
float: left;
border: none;
font-family: 'montserratlight';
FONT-SIZE: 11px;
color: #212121;
width: 165px;
padding-top: 30px;
}
td.li6 {
float: left;
border: none;
border-left: 1px solid #cccccc;
font-family: 'montserratlight';
FONT-SIZE: 11px;
color: #212121;
width: 165px;
height: 70px;
padding-top: 30px;
}
td.li7 {
float: left;
border: none;
border-left: 1px solid #cccccc;
font-family: 'montserratlight';
FONT-SIZE: 11px;
color: #212121;
width: 165px;
padding-top: 30px;
height: 70px;
}
td.li8 {
float: left;
border: none;
border-left: 1px solid #cccccc;
font-family: 'montserratlight';
FONT-SIZE: 11px;
color: #212121;
width: 140px;
padding-top: 30px;
height: 70px;
}
.li8 a {
margin: 0px 15px 0px 0px;
}
.listitem9-table table {
border-collapse: collapse;
border-spacing: 0;
width: 98%;
margin: 0px;
padding: 0px;
border: 1px solid #cccccc;
}
.listitem9 {
float: right;
margin: -25px 0px 0px 0px;
width: 62%;
}
.listitem9 p {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
padding: 4px 0px 0px 5px;
float: left;
}
.listitem9 input[type="checkbox"] {
float: left;
width: 20px;
height: 15px;
}
/*========list-item-end===========*/
/*========add-item-start===========*/
.additem {
float: left;
width: 100%;
}
.additem1 {
float: left;
width: 100%;
height: 600px;
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 6px;
margin-top: 35px;
}
.additem2 {
float: left;
width: 98%;
margin: 0px 0px 0px 22px;
}
.additem3 {
float: left;
width: 99%;
border: 1px solid #e5e5e5;
border-left: none;
border-right: none;
border-top: none;
margin-top: 25px;
}
.additem3 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #737373;
float: left;
padding-bottom: 10px;
}
.additem4 {
float: left;
width: 100%;
}
.additem4 select.additem5 {
padding: 6px 100px 6px 10px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
margin: 15px 0px 0px 0px;
outline: none;
background: #f2f2f2;
float: left;
}
.additem4 p {
width: 350px;
float: left;
font-family: 'montserratlight';
font-size: 14px;
line-height: 12pt;
color: #7d7d7d;
margin: 15px 0px 0px 22px;
}
.additem6 {
float: left;
width: 20%;
margin-top: 50px;
}
.additem6 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
.additem4 select.additem5 {
padding: 8px 130px 8px 10px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background: #f2f2f2;
float: left;
outline: none;
}
.additem6 input.box_search {
float: left;
margin: 8px 0px 0px 0px;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 220px;
padding: 6px 10px;
outline: none;
}
.additem6 input[type="checkbox"] {
float: left;
width: 20px;
height: 14px;
border: none;
}
.additem8 {
float: left;
width: 75%;
margin-top: 50px;
margin-left: 20px;
}
.additem8 input[type="checkbox"] {
float: left;
width: 20px;
height: 14px;
margin: 0;
}
.additem8 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
select.additem7 {
float: left;
margin: 8px 0px 0px 0px;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 220px;
padding: 6px 10px;
outline: none;
cursor: pointer;
background: #f2f2f2;
}
.additem9 {
float: left;
width: 35%;
margin-top: 20px;
}
.additem9 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
.additem9 input.box_search {
float: left;
margin: 8px 0px 0px 0px;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 220px;
padding: 6px 10px;
outline: none;
}
.additem10 {
float: left;
width: 99%;
border: 1px solid #e5e5e5;
border-left: none;
border-right: none;
border-top: none;
margin-top: 25px;
}
.additem10 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #737373;
float: left;
padding-bottom: 10px;
}
.additem11 {
float: left;
width: 100%;
margin-top: 20px;
}
.additem11 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
select.additem12 {
float: left;
margin: 10px 20px 0px 0px;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 270px;
padding: 5px 10px;
outline: none;
background: #f2f2f2;
}
.additem11 a {
padding: 9px 40px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #7d7d7d;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
text-decoration: none;
float: left;
margin-top: 10px;
}
.additem12 {
float: left;
margin-top: 22px;
width: 100%;
}
.additem12 input[type="checkbox"] {
float: left;
width: 20px;
height: 14px;
}
.additem12 p {
font-family: 'montserratlight';
font-size: 12px;
float: left;
padding: 5px 0px 0px 8px;
}
.additem13 {
float: left;
margin-top: 12px;
width: 100%;
}
.additem13 input[type="checkbox"] {
float: left;
width: 20px;
height: 14px;
}
.additem13 p {
font-family: 'montserratlight';
font-size: 12px;
float: left;
padding: 5px 0px 0px 8px;
}
.additem14 {
float: left;
width: 100%;
}
.additem14 {
float: left;
width: 100%;
margin-top: 32px;
}
.additem14 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
.additem14 input[type="text"] {
float: left;
padding: 12px 0px 70px 18px;
margin-top: 12px;
font-family: 'montserratlight';
font-size: 12px;
width: 25%;
border: 1px solid #c2c2c2;
border-radius: 5px;
outline: none;
background: #f2f2f2;
}
input.additem16 {
float: left;
margin: 8px 0px 0px 0px;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 220px;
padding: 6px 10px;
outline: none;
background: #f2f2f2;
}
.additem6 input.additem15 {
float: left;
margin: 8px 0px 0px 0px;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 220px;
padding: 6px 10px;
outline: none;
background: #f2f2f2;
}
.additem14 h2 {
float: left;
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
margin: 15px 30px 0px 25px;
}
.additem14 a {
padding: 8px 30px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #7d7d7d;
cursor: pointer;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
text-decoration: none;
float: left;
margin-top: 10px;
}
.additem14 h3 {
float: left;
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
margin: 15px 0px 0px 15px;
}
.additem15 {
float: left;
width: 60%;
margin-top: 25px;
}
.additem15 h4 {
float: left;
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
margin: 15px 14px 0px 20px;
}
.additem15 select.additem16 {
float: left;
margin: 10px 0px 0px 0px;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 270px;
padding: 5px 10px;
outline: none;
cursor: pointer;
background: #f2f2f2;
}
.additem17 {
float: left;
width: 99%;
border: 1px solid #e5e5e5;
border-left: none;
border-right: none;
border-top: none;
margin-top: 15px;
padding-bottom: 12px;
}
.additem17 p {
font-family: 'montserratlight';
font-size: 12px;
color: #5092bd;
}
.additem18 {
float: left;
width: 100%;
margin-top:18px;
}
.additem18 a {
padding: 8px 30px 8px 30px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
font-family: 'montserratlight';
background-position: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/bbb.png);
margin: 0px 0px 0px 10px;
text-decoration:none;
}
.additem18 li {
float: left;
padding: 0px 0px 0px 0px;
}
.additem18 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
/*========add-item-end===========*/
/*========center-recovered-data-start-===========*/
.centerrecover {
float: left;
width: 100%;
}
.centercover1 {
float: left;
width: 100%;
}
.centercover2 {
float: left;
width: 100%;
height: 1000px;
background: #ffffff;
border: 1px solid #d7d7d7;
border-radius: 5px;
margin-top: 30px;
}
.centercover3 {
float: left;
width: 98%;
margin: 0px 0px 0px 20px;
}
.centercover4 {
float: left;
width: 100%;
margin-top: 22px;
}
.centercover4 h1 {
font-family: 'Conv_Montserrat-Regular';
font-size: 15px;
color: #656565;
}
.centercover5 {
float: left;
width: 100%;
}
.centercover6 {
width: 90px;
height: 90px;
border: 4px solid #ebebeb;
border-radius: 80px;
margin-top: 20px;
float: left;
}
.centercover6 a {
float: left;
padding: 20px 24px;
}
.centercover7 {
float: left;
width: 23%;
border: 2px solid #cccccc;
margin: 30px 0px 0px 25px;
border-top: none;
border-bottom: none;
border-left: none;
height: 70px;
}
.centercover7 h1 {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
float: left;
width: 96%;
}
.centercover7 p {
font-family: 'montserratlight';
font-size: 12px;
color: #949494;
line-height: 15pt;
}
.centercover8 {
float: left;
width: 40%;
margin: 0px 0px 0px 50px;
}
.centercover9 {
width: 90px;
height: 90px;
border: 4px solid #ebebeb;
border-radius: 80px;
margin-top: 20px;
float: left;
}
.centercover9 a {
float: left;
padding: 18px 18px;
}
.centercover10 {
float: left;
width: 40%;
margin: 30px 0px 0px 25px;
}
.centercover10 h1 {
font-family: 'montserratlight';
font-size: 16px;
color: #656565;
float: left;
width: 96%;
}
.centercover10 p {
font-family: 'montserratlight';
font-size: 12px;
color: #949494;
line-height: 12pt;
float: left;
padding-top: 6px;
}
.centercover11 {
float: left;
width: 100%;
}
.centercover12 {
float: left;
width: 98%;
height: 410px;
background: #efefef;
border: 1px solid #bababa;
border-radius: 5px;
margin-top: 20px;
}
.centercover13 {
float: left;
width: 100%;
height: 40px;
background: #5092bd;
}
.centercover14 {
float: left;
width: 100%;
margin-top: 12px;
}
.centercover14 li {
float: left;
font-family: 'montserratlight';
font-size: 14px;
color: #ffffff;
padding: 12px 0px 0px 55px;
}
.centercover14 li {
float: left;
font-family: 'montserratlight';
font-size: 14px;
color: #ffffff;
padding: 0px 0px 0px 55px;
margin: 2px 136px 0px 10px;
}
.centercover14 img {
float: left;
padding: 0px 20px 0px 0px;
margin: 0px 0px 0px 0px;
}
.centercover15 {
float: left;
width: 100%;
}
.centercover16 {
width: 620px;
height: 200px;
background: #ffffff;
float: left;
border: 1px solid #bfbfbf;
border-radius: 5px;
margin: 90px 290px;
}
.centercover17 h1 {
font-family: 'Conv_Montserrat-Regular';
font-size: 16px;
color: #7f7f7f;
}
.centercover17 {
text-align: center;
margin-top: 65px;
}
/*========center-recovered-data-end-===========*/
/*========my-company-start-===========*/
.mycompany {
float: left;
width: 100%;
}
.mycompany1 {
float: left;
width: 100%;
}
.mycompany2 {
width: 100%;
float: left;
margin: 35px 0px 0px 30px;
}
.mycompany2 h1 {
font-family: 'Conv_Montserrat-Regular';
font-size: 19px;
color: #5f5f5f;
}
.mycompany3 {
float: left;
width: 100%;
}
.mycompany4 {
float: left;
width: 410px;
height: 320px;
background: #ffffff;
border: 1px solid #d8d8d8;
border-radius: 5px;
margin: 16px 0px 0px 0px;
}
.mycompany5 {
float: left;
width: 97%;
margin: 0px 0px 0px 10px;
}
.mycompany6 {
float: left;
width: 98%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
margin-top: 22px;
}
.mycompany6 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
float: left;
padding-bottom: 10px;
}
.mycompany7 {
float: left;
width: 100%;
}
.mycompany8 {
float: left;
width: 100%;
margin-top:20px;
}
.mycompany8 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
}
.mycompany8 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
width: 37%;
padding: 0px 0px 0px 24px;
line-height: 11pt;
}
.mycompany9 {
float: left;
width: 100%;
margin-top: 45px;
}
.mycompany9 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 0px 0px 0px 30px;
}
.mycompany9 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
width: 36%;
padding: 0px 0px 0px 30px;
}
.mycompany10 {
float: left;
width: 100%;
margin-top: 20px;
}
.mycompany10 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 0px 0px 0px 13px;
}
.mycompany10 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
width: 36%;
padding: 0px 0px 0px 35px;
}
.mycompany11 {
float: left;
width: 100%;
margin-top: 20px;
}
.mycompany11 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 0px 0px 0px 13px;
}
.mycompany11 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
width: 36%;
padding: 0px 0px 0px 35px;
}
.mycompany12 {
float: left;
width: 780px;
border: 1px solid #d9d9d9;
height: 320px;
margin-top: 16px;
border-radius: 5px;
background: #ffffff;
margin: 16px 0px 0px 10px;
}
.mycompany13 {
float: left;
width: 100%;
}
.mycompany14 {
float: left;
width: 98%;
margin: 0px 0px 0px 10px;
}
.mycompany15 {
float: left;
width: 99%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
margin-top: 22px;
}
.mycompany15 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
float: left;
padding-bottom: 10px;
}
.mycompany16 {
width: 380px;
float: left;
}
.mycompany17 {
float: left;
width: 100%;
margin-top: 20px;
}
.mycompany17 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
}
.mycompany17 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
width: 45%;
padding: 0px 0px 0px 24px;
line-height: 12pt;
}
.mycompany18 {
float: left;
width: 100%;
margin-top: 25px;
}
.mycompany18 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
margin: 0px 0px 0px 80px;
}
.mycompany18 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 25px;
}
.mycompany19 {
float: left;
width: 100%;
margin-top: 25px;
}
.mycompany19 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
margin: 0px 0px 0px 125px;
}
.mycompany19 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 34px;
}
.mycompany20 {
float: left;
width: 100%;
margin-top: 25px;
}
.mycompany20 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
margin: 0px 0px 0px 112px;
}
.mycompany20 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 34px;
}
.mycompany21 {
float: left;
width: 100%;
margin-top: 25px;
}
.mycompany21 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
margin: 0px 0px 0px 100px;
}
.mycompany21 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 34px;
}
.mycompany22 {
float: left;
width: 50%;
}
.mycompany23 {
float: left;
width: 95%;
margin: 0px 0px 0px 55px;
}
.mycompany24 {
float: left;
width: 100%;
margin-top: 20px;
}
.mycompany24 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
}
.mycompany24 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
width: 52%;
padding: 0px 0px 0px 24px;
line-height: 12pt;
}
.mycompany25 {
float: left;
width: 90%;
margin-top: 25px;
}
.mycompany25 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
margin: 0px 0px 0px 112px;
}
.mycompany25 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 25px;
}
.mycompany26 {
float: left;
width: 60%;
margin-top: 25px;
}
.mycompany26 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
margin: 0px 0px 0px 110px;
}
.mycompany27 {
float: left;
width: 90%;
margin-top: 25px;
}
.mycompany27 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
margin: 0px 0px 0px 40px;
}
.mycompany27 p {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 15px;
}
.mycompany28 {
float: left;
width: 90%;
margin-top: 25px;
}
.mycompany28 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
margin: 0px 0px 0px 55px;
}
.mycompany29 {
float: left;
width: 100%;
}
.mycompany30 {
float: left;
width: 100%;
}
.mycompany31 {
float: left;
width: 100%;
height: 165px;
background: #ffffff;
border: 1px solid #d9d9d9;
margin-top: 20px;
border-radius: 5px;
}
.mycompany32 {
float: left;
width: 99%;
margin: 0px 0px 0px 10px;
}
.mycompany33 {
float: left;
width: 99%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
margin-top: 22px;
}
.mycompany33 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
float: left;
padding-bottom: 10px;
}
.mycompany33 p {
font-family: 'montserratlight';
font-size: 14px;
float: left;
margin: 5px 0px 0px 30px;
color: #050547;
}
.mycompany34 {
float: right;
width: 14%;
}
.mycompany34 img {
float: left;
margin: -10px 0px 0px 20px;
padding: 6px 7px;
border-radius: 4px;
border: 1px solid #c3c3c3;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/wo.png);
cursor:pointer;
}
.mycompany34 a {
font-family: 'montserratlight';
font-size: 14px;
color: #949494;
float: left;
margin: 0px 0px 0px 12px;
text-decoration: none;
}
.mycompany35 {
float: left;
width: 100%;
}
.mycompany36 {
float: left;
width: 18%;
margin-top: 12px;
}
.mycompany36 a {
border: 4px solid #ebebeb;
width: 90px;
height: 90px;
float: left;
border-radius: 50px;
background: #fdfdfd;
}
.mycompany36 img {
float: left;
padding: 16px 0px 0px 16px;
}
.mycompany36 h1 {
font-family: 'montserratlight';
font-size: 14px;
color: #949494;
float: left;
width: 38%;
margin: 25px 0px 0px 18px;
line-height: 14pt;
}
.mycompany37 {
float: left;
width: 18%;
margin-top: 12px;
}
.mycompany37 a {
border: 4px solid #ebebeb;
width: 90px;
height: 90px;
float: left;
border-radius: 50px;
background: #fdfdfd;
}
.mycompany37 img {
float: left;
padding: 22px 0px 0px 22px;
}
.mycompany37 h1 {
font-family: 'montserratlight';
font-size: 14px;
color: #949494;
float: left;
width: 38%;
margin: 25px 0px 0px 18px;
line-height: 14pt;
}
.mycompany38 {
float: left;
width: 18%;
margin-top: 12px;
}
.mycompany38 a {
border: 4px solid #ebebeb;
width: 90px;
height: 90px;
float: left;
border-radius: 50px;
background: #fdfdfd;
}
.mycompany38 img {
float: left;
padding: 22px 0px 0px 25px;
}
.mycompany38 h1 {
font-family: 'montserratlight';
font-size: 14px;
color: #949494;
float: left;
width: 38%;
margin: 25px 0px 0px 18px;
line-height: 14pt;
}
.mycompany39 {
float: left;
width: 18%;
margin-top: 12px;
}
.mycompany39 a {
border: 4px solid #ebebeb;
width: 90px;
height: 90px;
float: left;
border-radius: 50px;
background: #fdfdfd;
}
.mycompany39 img {
float: left;
padding: 15px 0px 0px 22px;
}
.mycompany39 h1 {
font-family: 'montserratlight';
font-size: 14px;
color: #949494;
float: left;
width: 38%;
margin: 25px 0px 0px 18px;
line-height: 14pt;
}
/*========my-company-end-===========*/
/*========pay-bill-start-===========*/
.paybill {
float: left;
width: 100%;
}
.paybill1 {
float: left;
width: 100%;
}
.paybill2 {
float: left;
width: 100%;
height: 800px;
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 5px;
margin-top: 55px;
}
.paybill3 {
float: left;
width: 98%;
margin: 0px 0px 0px 20px;
}
.paybill4 {
float: left;
width: 99%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
margin-top: 22px;
}
.paybill4 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
float: left;
padding-bottom: 10px;
}
.paybill5 {
float: left;
width: 100%;
margin-top: 25px;
}
.paybill5 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
}
.paybill5 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 50px;
}
.paybill6 {
float: left;
width: 100%;
margin-top: 25px;
}
.paybill6 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
}
.paybill6 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 30px;
}
.paybill7 {
float: left;
width: 100%;
margin-top: 25px;
}
.paybill7 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
}
.paybill7 h2 {
font-family: 'montserratlight';
font-size: 12px;
color: #212121;
float: left;
padding: 0px 0px 0px 34px;
}
.paybill00 {
float: left;
width: 99%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
padding-bottom: 16px;
}
.paybill8 {
float: left;
width: 100%;
margin-top: 22px;
}
.paybill8 p {
font-family: 'montserratlight';
font-size: 14px;
color: #656565;
}
.paybill9 {
float: left;
width: 99%;
background: #5092bd;
margin-top: 18px;
border-radius: 5px;
padding: 12px 0px 12px 0px;
}
.paybill9 li {
float: left;
padding: 0px 180px 0px 135px;
}
.paybill9 h3 {
font-size: 13px;
font-family: 'montserratlight';
color: #edf2f7;
}
.paybill10-table tr:nth-child(odd) {
background: #efefef;
}
.paybill10-table table {
width: 100%;
}
.paybill10-table {
float: left;
width: 99%;
margin: 0px 30px 0px 0px;
}
.paybill10-table td {
padding: 30px 0px 0px 0px;
}
.paybill11 {
float: left;
width: 100%;
margin-top: 22px;
}
.paybill11 p {
font-family: 'montserratlight';
font-size: 14px;
color: #5092bd;
}
.paybill11 h1 {
font-family: 'montserratlight';
font-size: 14px;
color: #656565;
float: left;
padding-top: 40px;
}
.paybill12 {
float: right;
width: 29%;
}
.paybill12 a {
font-size: 12px;
color: #212121;
background: #cdcdcd;
padding: 10px 22px 10px 22px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
text-decoration: none;
}
.paybill12 li {
float: left;
padding: 45px 0px 0px 5px;
}
.paybill12 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
/*========pay-bill-end-===========*/
/*========new-account-start-===========*/
.newaccount {
float: left;
width: 100%;
}
.newaccount1 {
float: left;
width: 100%;
}
.newaccount2 {
float: left;
width: 100%;
height: 800px;
background: #ffffff;
border-radius: 5px;
border: 1px solid #d9d9d9;
margin-top: 65px;
}
.newaccount3 {
float: left;
width: 555px;
height: 495px;
border: 1px solid #cccccc;
margin: 12px 0px 0px 12px;
}
.newaccount4 {
float: left;
width: 98%;
margin: 0px 0px 0px 10px;
}
.newaccount5 {
float: left;
width: 98%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
margin-top: 20px;
}
.newaccount5 p {
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
float: left;
padding-bottom: 10px;
}
.newaccount6 {
float: left;
width: 100%;
margin-top: 22px;
}
.newaccount6 p {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
.newaccount7 {
float: left;
width: 100%;
margin-top: 25px;
}
.newaccount7 input[type='radio'] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float:left;
}
.newaccount7 input[type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.newaccount7 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.newaccount7 input[type='radio']:checked:before {
background:#5092bd;
}
.newaccount7 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 6px 0px 0px 10px;
}
.newaccount8 {
float: left;
width: 100%;
margin-top: 15px;
}
.newaccount8 input[type='radio'] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float:left;
}
.newaccount8 input[type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.newaccount8 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.newaccount8 input[type='radio']:checked:before {
background:#5092bd;
}
.newaccount8 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 6px 0px 0px 10px;
}
.newaccount9 {
float: left;
width: 100%;
margin-top: 32px;
}
.newaccount9 p {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
}
.newacconut10 {
float: left;
width: 84%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
margin-top: 26px;
}
.newaccount11 {
float: left;
width: 50%;
margin-top: 15px;
}
.newaccount11 input[type='radio'] {
-webkit-appearance: none;
width: 17px;
height: 16px;
border: 1px solid #c1c1c1;
border-radius: 50%;
outline: none;
float:left;
}
.newaccount11 input[type='radio']:hover {
box-shadow:0 0 5px 0px lightgray inset;
}
.newaccount11 input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
.newaccount11 input[type='radio']:checked:before {
background:#5092bd;
}
.newaccount11 h1 {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
padding: 6px 0px 0px 10px;
}
select.newaccount12 {
padding: 6px 110px 6px 10px;
border-radius: 5px;
border: 1px solid #c3c3c3;
font-size: 12px;
color: #3a3a3a;
cursor: pointer;
font-family: 'montserratlight';
background: #f2f2f2;
margin: 15px 0px 0px 0px;
outline: none;
float: left;
}
.newaccount13 {
float: left;
width: 600px;
height: 495px;
border: 1px solid #cccccc;
margin: 12px 0px 0px 12px;
}
.newaccount14 {
float: left;
width: 98%;
margin: 0px 0px 0px 10px;
}
.newaccount15 {
float: left;
width: 98%;
border: 1px solid #e5e5e5;
border-right: none;
border-left: none;
border-top: none;
margin-top: 20px;
}
.newaccount15 h1 {
font-family: 'montserratlight';
font-size: 18px;
color: #656565;
float: left;
padding-bottom: 10px;
}
.newaccount16 {
float: left;
width: 100%;
margin-top: 22px;
}
.newaccount16 p {
font-family: 'montserratlight';
font-size: 12px;
color: #7d7d7d;
float: left;
width: 60%;
line-height: 12pt;
}
.newaccount17 {
float: left;
width: 98%;
margin-top: 20px;
}
.newaccount17 p {
font-family: 'montserratlight';
font-size: 13px;
color: #7d7d7d;
}
.newaccount17 li {
list-style-type: disc;
list-style-position: inside;
padding: 0px 0px 14px 0px;
}
.newaccount18 {
float: right;
width: 22%;
}
.newaccount18 li {
float: left;
padding: 15px 0px 0px 6px;
}
.newaccount18 a {
font-size: 12px;
color: #212121;
padding: 8px 35px;
border-radius: 5px;
float: left;
font-family: 'montserratlight';
text-decoration: none;
background: #cdcdcd;
}
.newaccount18 a:hover {
background: #050547;
text-decoration: none;
color: #ffffff;
}
.navigation ul li ul {
position: absolute;
margin-top: 0px;
margin-left: 3px;
background-color: #050547;
display: none;
z-index: 1;
font-size: 100%;
color: #FFF;
width: 270px;
padding-bottom: 15px;
}
.navigation ul li:hover ul {
display: block;
}
.navigation ul li ul li a {
color: white;
transition: all 1s ease;
}
.navigation ul li ul li a:hover {
font-weight: bold;
color: black;
background: #c7c5c5;
}
.navigation ul li ul li {
float: left;
width: 100%;
}
/*========new-account-end-===========*/
/*
nav{
font-family: montserrat;
font-weight:lighter;
letter-spacing:0.5px;
position:fixed;
z-index:1000;
top:0;
bottom:0;
width:200px;
background-color:#23587b;
-webkit-transform:translate3d(-200px, 0px, 0px);
-moz-transform:translate3d(-200px, 0px, 0px);
-o-transform:translate3d(-200px, 0px, 0px);
-ms-transform:translate3d(-200px, 0px, 0px);
-webkit-transition:transform 0.4s ease;
-moz-transition:transform 0.4s ease;
-o-transition:transform 0.4s ease;
-ms-transition:transform 0.4s ease;
}
.active-nav nav{
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
}
nav ul{
list-style:none;
margin-top:100px;
}
nav ul li{
border-bottom:#316688 1px solid;
}
nav ul li a{
text-decoration:none;
display:block;
text-align:center;
color:#fff;
padding:10px 0px;
font-size:1em;
}
.nav-toggle-btn{
display:block;
position:absolute;
left:200px;
}
.nav-toggle-btn{
-webkit-transform:translate3d(0, 250px, 0px);
-moz-transform:translate3d(0, 250px, 0px);
-o-transform:translate3d(0, 0, 10);
-ms-transform:translate3d(0, 0, 10);
}
nav ul ul{
display:none;
}
nav ul li:hover ul{
display:block;
}
.sub{
margin-top:0;
}
.sub li{
margin-right:50px;
text-align:center;
border: none;
}
.sub li a{
font-size:0.75em;
text-align:center;
transition:all 0.5s ease;
padding-left:50px;
}
.sub li a:hover{
color:black;
}
*/
/* Adding rules for fieldset and legend: */
fieldset {
border: 1px solid #d9d9d9;
float: left;
font-family: montserrat;
margin-left: 4px;
margin-top: 14px;
padding: 0.5em;
text-align: center;
width: 23%;
}
legend {
padding: 0.5em 0.5em;
border: 1px solid #d9d9d9;
color: gray;
font-size: 70%;
text-align: center;
background-color: #5092bd;
letter-spacing: 2px;
border-radius: 5px;
}
fieldset input{
margin: 0.50em 0.25em;
background-color: #f2f2f2;
border: 1px solid #c2c2c2;
border-radius: 5px;
padding: 5px 0;
}
.vticker{
border: 1px solid #c2c2c2;
width: 51%;
border-radius: 5px;
margin-left: 280px;
margin-top: 15px;
background-color: #5092bd;
color: white;
}
.vticker ul{
padding: 0;
}
.vticker li{
list-style: none;
padding: 10px;
font-family: montserrat;
}
.et-run{
background: red;
}
.boxy{
height:30px;
width:200px;
background-color:#666;
border-radius:0px 10px 10px 0px;
-moz-transform:translate(85px,35px);
position: relative;
z-index: 1;
display: none;
margin-bottom: 3px;
}
marquee{
font-family: "montserratlight";
font-size: 13px;
width: 23.5%;
margin-top: 30px;
margin-left: 200px;
padding: 8px;
border-radius: 5px;
background-color: #f2f2f2;
color: #7d7d7d;
border: 1px solid #c2c2c2;
}
.select_state{
width: 100%;
}
/* Media query for 1280px */
@media screen and (max-width: 1280px)
{
.navigation a {
padding: 17px 13px;
}
.vendors_right_first {
height: auto !important ;
}
.vendors_left {
height: auto !important;
}
.dash_content {
width: 61%;
margin: 215px auto 0;
}
.statement36 {
width: 82%;
}
.ca3 h1 {
padding: 15px 6px;
}
.ca3 a {
padding: 15px 0 4px 13px;
}
.rf h1 {
margin: 11px 22px 0 0;
}
.bur55 a {
margin: 25px 0 0 54px;
}
.ca2 h1 {
padding: 11px 6px 0;
}
.ca2 a {
margin-left: 8px;
}
.rf1 {
margin: 0 0 30px 32px;
}
.rf3 input[type="text"] {
margin-left: -6px;
}
select.down {
margin-left: 3px;
}
.ad {
width: 180px;
}
.su {
width: 100%;
}
.rt {
width: 60%;
}
.bur91 a {
margin: 25px 0 0 22px;
}
.bur92 a {
margin: 25px 0 0 23px;
}
.bur95 a {
margin: 25px 0 0 24px;
}
.line56 {
margin-left: 8px;
}
.vendors_left_full {
height: auto;
width:98%;
}
tbody.left_sclr {
height: 221px;
}
.vendors_right_main {
margin-top: 20px;
}
.active_vendors {
width:35%;
}
.right_arowes{
margin-right:-784px;
margin-top:27px;
}
.vendors_right {
margin-left:17%;
}
.company_opn{
width:97%;
margin: 63px auto 0;
}
.navigation a {
padding: 17px 7px;
}
.bur22 a {
margin: 25px 0 0 16px;
}
.bur23 a{
margin: 25px 0 0 16px;
}
.bur2 a {
padding: 4px 14px;
}
.drp {
margin-bottom:20px;
}
.vendors_left {
width:24%;
height:1065px;
margin-right: -180px;
}
.vendors_right_first {
height:1065px;
width: 100%;
}
.vendors_tabs li a {
width: 96.5%;
padding: 10px 0 10px 12px;
}
}
/* Media query for 980px */
@media screen and (max-width: 980px)
{
.logo {
width: 59%;
}
.navigation a {
padding: 17px 4px;
}
.vendors_left {
margin-right: -150px;
}
.vendors_tabs li a {
padding: 10px 0 10px 9px;
}
.vendors_right_first {
height: 1192px;
}
.vendors_left {
height: 1192px;
}
.vendor_opening li {
margin-top: 15px;
margin-right: 19px;
}
input.vdn_opn2 {
padding-left: 61px;
}
input.vdn_opn {
padding-right: 233px;
}
.opning_balance2 {
margin-left: -90px;
margin-top: 0;
}
.billed {
width: 229px;
}
.billed textarea {
width: 174px;
}
.copyBtn {
margin-right: -20px;
}
.opning_balance2 {
margin-left: -18px;
margin-top: 16px;
}
.vendor_opening {
padding-bottom: 15px;
}
.maincontent {
width: 103%;
}
.box22 {
width: 110%;
}
.ro {
float: left;
width: 59%;
margin-left: 20px;
}
.f {
margin: 0 0 0 8px;
}
.re {
float: left;
margin-left: -58px;
margin-right: 7px;
margin-top: 64px;
text-align: center;
}
a.not {
float: left;
}
.secba {
width: 94%;
}
select.down1 {
padding: 6px 9px 8px 10px;
}
.cus select.down {
padding: 6px 30px;
}
.cus12 {
float: left;
margin: 28px 0 0 -4px;
width: 42%;
}
.cus50 {
float: left;
margin-top: 22px;
width: 28%;
}
.cus {
float: left;
margin-top: 31px;
width: 34%;
}
input.wx {
margin: 10px 0 0 4px;
}
.lf a {
padding: 0 0 0 5px;
}
.bur a {
margin: 25px 0 0 11px;
padding: 5px 7px;
}
.bur h1 {
margin: 5px 0 0 7px;
}
.ad {
width: 147px;
}
.box550{
height: auto;
}
.da {
padding-bottom: 20px;
}
.secondbox12 {
margin: 8px 0 0 40px;
}
h1.bia {
margin: 15px 0 0 43px;
}
.bur23 a {
margin: 25px 0 0 11px;
}
.bur2 a {
padding: 4px 5px;
}
.bur22 a {
margin: 25px 0 0 9px;
}
.billing_find {
margin-left: 10px;
width: 92%;
}
.billing_main_right {
float: left;
margin-left: 0;
margin-top: 37px;
width: 22%;
}
.summary {
width: 116%;
}
.line56 {
margin-left: 27px;
}
.bur55 a {
margin: 25px 0 0 43px;
}
.bos {
width: 158%;
}
.rf2 {
float: left;
margin: 0 0 30px 34px;
}
.rf3 {
float: left;
margin: 0 0 0 33px;
}
.rf1 h1 {
margin: 5px 22px 10px 0;
}
.new {
width: 92%;
}
.form_set {
width: 100%;
}
#progressbar span {
left: -100px;
}
select.additem7 {
margin: 7px 32px 0;
}
.navigation {
width: 103%;
}
.line20 {
width: 1%;
}
.bur2 {
width: 8%;
}
.bur {
width: 6%;
}
.six {
float: left;
}
.box5 {
margin: 25px 10px 0;
width: 78%;
}
.ad {
width: 189px;
}
.bor {
width: 14%;
}
.fa {
width: 70%;
}
.down25 {
width: 128%;
}
.first-table23 {
width: 124%;
}
.da {
float: left;
margin-left: 294px;
margin-top: -201px;
width: 61%;
}
.statement66 {
width: 74%;
}
.line-statement {
width: 366px;
}
.statement32 {
height: 365px;
}
.statement31 {
height: 825px;
}
.statement36 {
width: 107%;
}
.statement35 {
float: left;
margin: 35px 0 0;
}
.statement39 {
width: 55%;
}
.line-statementw {
width: 500px;
}
.statement43 {
width: 71%;
}
.statement43 input[type="checkbox"] {
margin-top: 6px;
}
}
/* Media query for 768px */
@media screen and (max-width: 768px){
.logo {
margin: 0 0 0 79px;
}
.secondhe {
height: 100px;
padding-left: 50px;
}
.navigation {
padding-top: 8px;
}
.ad {
height: 1000px !important;
width: 180px !important;
}
.su {
width: 60% !important;
}
.rt {
width: 60% !important;
}
}
@media screen and (max-width: 480px){
}