/*****************BEGINGING OF STYLE CSS ******************/
body {
margin: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 15px;
}
img {
max-width: 100%;
}
.main {
max-width: 320px;
margin: 150px auto 0 auto;
}
.topnav {
width: 95%;
overflow: hidden;
background-color: #fff;
margin: auto;
}
.dropbtn-1 {
width: 100%;
background: #eee;
border: none;
margin: 0px;
padding: 0px;
}
.topnav a {
display: block;
color: #ff0000;
background: #eee;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 1.2vw;
border: none;
font-weight: 500;
}
.active {
background-color: #4CAF50;
color: white;
}
.topnav .icon {
display: none;
}
.dropdown {
float: left;
box-sizing: border-box;
text-align: center;
width: 14%;
overflow: hidden;
border-right: solid 1px #868686;
background: #eee;
}
.dropdown .dropbtn {
width: 100%;
font-size: 1.3vw;
border: none;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
outline: none;
font-weight: 500;
color: #000000;
padding: 14px 16px;
background-color: inherit;
margin: 0;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: #000;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
border: solid 1px #868686;
}
.topnav a:hover, .dropdown:hover .dropbtn {
background-color: #ff0000;
color: #fff;
}
.dropdown-content a:hover {
background-color: #ddd;
box-sizing: border-box;
background: #ff0000;
width: 100%;
}
.dropdown:hover .dropdown-content {
display: block;
}
.header {
box-sizing: border-box;
width: 60%;
float: left;
padding: 20px;
text-align: right;
}
.header-c {
box-sizing: border-box;
width: 30%;
float: right;
padding: 20px;
text-align: right;
}
.header-r {
box-sizing: border-box;
width: 33%;
float: left;
padding: 20px;
text-align: center;
}
.header1 {
box-sizing: border-box;
width: 100%;
float: left;
padding: 20px;
text-align: center;
}
.header-phone {
font-size: 20px;
}
/*****************FOOTER CSS ******************/
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #CDCECE;
color: #000000;
text-align: center;
border-top: #1E1E1E;
z-index: 100;
margin-top: 50px;
}
.table {
border-collapse: collapse!important;
}
.table td, .table th {
background-color: #fff!important;
}
.table-bordered td, .table-bordered th {
border: 1px solid #ddd!important;
padding: 5px;
}
/*****************END FOOTER CSS ******************/
.container {
max-width: 1450px;
margin: auto;
margin-top: 20px;
height: 100%;
}
.container-2 {
max-width: 1050px;
margin: auto;
margin-top: 20px;
}
.container-22 {
max-width: 1250px;
margin: auto;
margin-top: 20px;
}
.container-8 {
max-width: 650px;
margin: auto;
margin-top: 20px;
}
.container-90 {
width: 100%;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
height: 100%;
}
.zip-form {
text-align: center;
}
.zip-col {
box-sizing: border-box;
width: 50%;
background: #ff0000;
float: left;
color: #fff;
text-align: center;
font-weight: 600;
}
.zip-col-1 {
box-sizing: border-box;
width: 50%;
float: left;
text-align: center;
}
.col-25 {
padding: 10px;
}
.col-container {
display: table;
width: 100%;
}
.col-container-1 {
display: table;
width: 100%;
max-width: 1080px;
margin: auto;
margin-bottom: 50px;
}
.col-container-2 {
display: table;
width: 100%;
margin-top: 20px;
}
.butt-sty1 {
width: 50%;
float: left;
text-align: center;
}
.row-zip {
padding-left: 10px;
margin-bottom: 10px;
padding-bottom: 5px;
}
.row_col_100 {
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
.row_col_1001 {
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 10px;
padding-bottom: 10px;
}
.row_col_75 {
box-sizing: border-box;
width: 75%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
.row_col_66 {
box-sizing: border-box;
width: 66%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
.row_col_50 {
box-sizing: border-box;
width: 50%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 0px;
}
.row_col_40 {
box-sizing: border-box;
width: 40%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
.row_col_33 {
box-sizing: border-box;
width: 33.33%;
max-width: 400px;
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
.row_col_333 {
box-sizing: border-box;
width: 33.33%;
float: left;
padding-left: 5px;
padding-bottom: 5px;
}
.row_col_331 {
box-sizing: border-box;
border: solid 2px;
width: 33.33%;
float: left;
padding-left: 5px;
padding-bottom: 5px;
}
.row_col_25 {
box-sizing: border-box;
width: 25%;
float: left;
padding-left: 5px;
padding-bottom: 5px;
margin-bottom: 0px;
}
.row_col_20 {
box-sizing: border-box;
width: 20%;
float: left;
padding-left: 5px;
padding-bottom: 5px;
}
.row_col_15 {
box-sizing: border-box;
width: 15%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
.row_col_16 {
box-sizing: border-box;
width: 16.0%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
.row_col_166 {
box-sizing: border-box;
width: 16.66%;
float: left;
padding-left: 5px;
padding-bottom: 5px;
margin-bottom: 0px;
}
.row_col_10 {
box-sizing: border-box;
width: 10%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
.row_col_12 {
box-sizing: border-box;
width: 12.5%;
float: left;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 0px;
}
.price_1 {
font-size: 20px;
font-weight: 600;
}
.text-input-bar4 {
font-size: 18px;
padding: 5px;
margin-top: 10px;
}
.co_payment {
text-align: center;
padding: 20px;
width: 25%;
background: #000000;
margin: auto;
}
#name {
padding: 5px;
font-size: 16px;
}
.btn-save-2 {
background: #ff0000;
color: #ffffff;
padding: 10px;
font-size: 18px;
font-weight: 500;
border-radius: 5px;
border: solid 1px #000;
cursor: pointer;
margin-top: 5px;
}
.btn-save-2:hover {
background: #000000;
color: #fff;
padding: 10px;
cursor: pointer;
}
.btn-save-15 {
background: #CBCBCB;
color: #ffffff;
padding: 10px;
font-size: 18px;
font-weight: 500;
border-radius: 5px;
border: solid 1px #000;
cursor: pointer;
margin-top: 5px;
max-width: 275px;
}
.btn-save-15:hover {
background: #F7F7F7;
color: #fff;
padding: 10px;
cursor: pointer;
}
.btn-save-3:hover {
background: #000000;
color: #fff;
padding: 10px;
cursor: pointer;
}
.tax-col-1 {
width: 100%;
box-sizing: border-box;
float: left;
}
.tax-col-2 {
width: 100%;
box-sizing: border-box;
float: left;
padding: 10px;
}
.tax-col {
width: 50%;
box-sizing: border-box;
float: left;
padding: 10px;
border: solid 1px;
}
.tax-col-3 {
width: 33%;
box-sizing: border-box;
float: left;
padding: 10px;
border: solid 1px;
}
.col_fw {
background: #eee;
padding: 10px;
font-size: 20px;
text-align: center;
font-weight: 600;
margin-bottom: 20px;
}
table.deal-stru {
width: 100%;
border: solid 1px #000;
padding: 10px;
margin-bottom: 100px;
}
td.deal-st {
width: 50%;
}
td.deal-tbox {
width: 50%;
}
caption {
border: solid 1px;
padding: 20px;
font-size: 20px;
background: #ff0000;
;
font-weight: 800;
color: fff;
}
.normal-r {
width: 100%;
font-size: 18px;
padding: 5px;
text-align: right;
}
.normal-rdate {
width: 80%;
font-size: 18px;
padding: 5px;
text-align: right;
}
.normal-z {
width: 80%;
max-width: 200px;
font-size: 18px;
padding: 5px;
text-align: right;
}
.normal-lldate {
width: 60%;
font-size: 18px;
padding: 5px;
text-align: left;
border: solid 1px #000;
}
.normal-ll {
width: 100%;
font-size: 18px;
padding: 5px;
text-align: left;
border: solid 1px #000;
}
.text-area-1 {
width: 100%;
font-size: 18px;
padding: 5px;
text-align: left;
border: solid 1px #000;
}
.deal-input {
font-size: 18px !important;
padding: 5px !important;
width: 100% !important;
border: solid 1px #000 !important;
}
.deal-input-new {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 16px;
width: 50%;
height: 32px;
padding: 3px 3px 3px 3px;
float: left;
}
.deal-input-new100 {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 16px;
width: 100%;
height: 32px;
padding: 3px 3px 3px 3px;
float: left;
}
.deal-input-new-number {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 16px;
width: 50%;
height: 32px;
padding: 2px 10px 3px 3px;
float: left;
text-align: right;
}
.deal-input-new-date {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 16px;
width: 42%;
height: 32px;
padding: 2px 10px 5px 3px;
float: left;
text-align: right;
}
.deal-input-new-d {
font-size: 18px;
box-sizing: border-box;
padding: 5px !important;
width: 45% !important;
float: left;
margin-top: 5px;
border: solid 1px #000 !important;
}
.text-input-bar17 {
font-size: 18px;
padding: 5px;
width: 100%;
border: solid 1px #000;
}
.text_pdf_50 {
font-size: 18px;
padding: 5px;
width: 50%;
border: solid 1px #000;
}
.text_pdf_20 {
font-size: 18px;
padding: 5px;
width: 20%;
border: solid 1px #000;
}
.text_pdf_10 {
font-size: 18px;
padding: 5px;
width: 10%;
border: solid 1px #000;
}
.text_pdf_5 {
font-size: 18px;
padding: 5px;
width: 5%;
border: solid 1px #000;
}
.text_pdf_2-5 {
font-size: 18px;
padding: 2px;
width: 30px;
border: solid 2px #000;
}
.pdf_term_text {
font-size: 12px;
}
.pdf_term_text11 {
font-size: 11px;
}
.pdf_term_text10 {
font-size: 10px;
}
.text_pdf_120 {
font-size: 24px;
letter-spacing: 4px;
width: 220px;
border: solid 2px #000;
font-weight: bold;
padding: 0px;
margin-bottom: 10px;
}
.text_pdf_121 {
font-size: 24px;
letter-spacing: 4px;
width: 120px;
border: solid 2px #000;
font-weight: bold;
padding: 0px;
}
.text_pdf_122 {
font-size: 24px;
letter-spacing: 4px;
width: 90px;
border: solid 2px #000;
font-weight: bold;
padding: 0px;
}
.deal-input {
font-size: 18px;
padding: 5px;
width: 100%;
border: solid 1px #000;
}
.form-title {
margin-top: 10px;
box-sizing: border-box;
margin-bottom: 10px;
background: #eee;
padding: 5px;
text-align: center;
font-weight: 600;
font-size: 20px;
}
.btn-save-3 {
background: #FF0000;
color: #000;
padding: 10px;
min-width: 100%;
font-size: 16px;
font-weight: 600;
border: solid 1px #000;
cursor: pointer;
}
.btn-save-5 {
background: #ff0000;
color: #000;
padding: 5px 10px;
min-width: 100%;
font-size: 16px;
font-weight: 600;
border: solid 1px #000;
cursor: pointer;
}
.btn-save-6 {
box-sizing: border-box;
background: #ff0000;
color: #fff;
padding: 10px;
text-align: center;
margin: auto;
font-size: 20px;
float: left;
width: 50%;
margin-top: 5px;
font-weight: 600;
border-radius: 5px;
border: solid #F5F5DC;
}
.deskin {
width: 100%;
}
.cal-form {
width: 100%;
}
.col-desk {
width: 50%;
float: left;
text-align: center;
margin-bottom: 20px;
font-size: 18px;
box-sizing: border-box;
font-weight: 600;
border: solid 1px;
}
.col-desk-cen {
width: 100%;
text-align: center;
}
.pg-title {
text-align: center;
margin: 20px 0px 20px 0px;
font-size: 20px;
}
td.tablehead {
width: 50%;
padding: 10px;
background: #eee;
}
td.tablehead1 {
width: 15%;
padding: 10px;
background: #eee;
}
td.tablehead2 {
width: 35%;
padding: 10px;
background: #eee;
}
td.form_answer {
width: 50%;
border: solid 1px #000;
padding: 10px;
background: #fff;
}
td.form_answer1 {
width: 15%;
border: solid 1px #000;
padding: 10px;
background: #fff;
}
td.form_answer2 {
width: 35%;
border: solid 1px #000;
padding: 10px;
background: #fff;
}
td.form_answer_cen {
width: 25%;
border: solid 1px #000;
padding: 10px;
background: #fff;
text-align: center;
}
.inv_col_1 {
width: 10%;
padding: 10px;
background: #eee;
}
.inv_col_10 {
width: 20%;
padding: 10px;
background: #eee;
}
.form_answer_9 {
width: 10%;
padding: 10px 5px;
background: #fff;
}
.form_answer_10 {
width: 20%;
padding: 10px 5px;
background: #fff;
}
/* entire container, keeps perspective */
.card-container {
-webkit-perspective: 800px;
-moz-perspective: 800px;
-o-perspective: 800px;
perspective: 800px;
margin-bottom: 30px;
}
/* flip the pane when hovered */
.card-container:hover .card, .card-container.hover .card {
-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
-o-transform: rotateY( 180deg );
transform: rotateY( 180deg );
}
.card-container.static:hover .card, .card-container.static.hover .card {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
/* flip speed goes here */
.card {
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
}
/* hide back of pane during swap */
.front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
background-color: #FFF;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.14);
}
/* front pane, placed above back */
.front {
z-index: 2;
}
/* back, initially hidden pane */
.back {
-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
-o-transform: rotateY( 180deg );
transform: rotateY( 180deg );
z-index: 3;
}
/* Style */
.card {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 6px;
color: #444444;
}
.card .cover {
border-radius: 6px 6px 0 0;
height: 165px;
overflow: hidden;
}
.card .cover-s {
border-radius: 6px 6px 0 0;
max-height: 500px;
overflow: hidden;
}
.card-container, .front, .back {
width: 100%;
height: 365px;
border-radius: 6px;
}
.card-container {
box-sizing: border-box;
width: 33%;
float: left;
padding-right: 10px;
}
.card .content {
background-color: rgba(0,0,0,0);
box-shadow: none;
}
.card .content .main {
height: 140px;
border-bottom: solid 1px #CCCCCC;
}
.card .name {
font-size: 20px;
line-height: 28px;
margin: 15px 0 0;
text-align: center;
text-transform: capitalize;
color: #333333;
}
.card .car_tex_left {
box-sizing: border-box;
float: left;
width: 50%;
text-align: left;
padding-left: 10px;
}
.card .icon_mileage {
background-image: url("../icons/mileage.jpg");
background-position: left;
background-repeat: no-repeat;
padding-left: 30px;
line-height: 25px;
}
.card .icon_fuel {
background-image: url("../icons/fuel.jpg");
background-position: left;
background-repeat: no-repeat;
padding-left: 30px;
line-height: 25px;
}
.card .icon_gearbox {
background-image: url("../icons/gearbox.jpg");
background-position: left;
background-repeat: no-repeat;
padding-left: 30px;
line-height: 25px;
}
.card .icon_power {
background-image: url("../icons/power.jpg");
background-position: left;
background-repeat: no-repeat;
padding-left: 30px;
line-height: 25px;
}
.card .price {
color: #fff;
font-weight: bold;
font-size: 18px;
text-align: center;
padding: 12px;
background: #ff0000;
}
.card .title {
box-sizing: border-box;
display: block;
float: left;
padding: 0px 0 0 20px;
width: 50%;
}
.card .value {
box-sizing: border-box;
display: block;
float: left;
padding: 0px 20px 0 0px;
color: #000000;
font-weight: bold;
}
.card p {
line-height: 25px;
}
.deal_info {
box-sizing: border-box;
width: 50%;
float: left;
background: #fff;
}
.deal_info_1 {
box-sizing: border-box;
width: 50%;
float: left;
font-weight: 600;
background: #fff;
}
p.text_edit {
width: 50%;
box-sizing: border-box;
float: left;
}
table.deal_back {
width: 100%;
}
.row {
display: table;
width: 100%;
clear: both;
}
.row-9 {
display: table;
width: 98%;
margin-right: 10px;
margin-left: 10px;
clear: both;
}
.row-footer {
width: 98%;
clear: both;
margin-right: 10px;
margin-left: 10px;
font-size: 12px!important;
}
.text-input-bar3 {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 12px;
height: 30px;
width: 33%;
padding: 0 0px 0px 0px;
float: left;
}
.text-input-bar50 {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 15px;
height: 30px;
width: 48%;
padding: 0 3px 3px 3px;
float: left;
}
.text-input-bar5 {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 15px;
height: 30px;
width: 100%;
padding: 0 3px 3px 3px;
float: left;
}
.text-input-bar6 {
box-sizing: border-box;
background-color: #FFFFFF ;
border: 0px solid #545555;
border-radius: 3px;
font-size: 32px;
height: 40px;
width: 100%;
padding: 3px 3px 3px 3px;
float: left;
font-family: "Arizonia";
}
.text-input-bar-number {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 16px;
height: 30px;
text-align: right;
width: 100%;
padding: 2px 10px 3px 3px;
float: left;
}
.text-input-bar-check {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 16px;
height: 30px;
text-align: right;
width: 60%;
padding: 2px 10px 3px 3px;
float: left;
}
.text-input-bar-date {
box-sizing: border-box;
background-color: #FFFFFF;
border: 2px solid #545555;
border-radius: 3px;
font-size: 16px;
height: 30px;
text-align: right;
padding: 2px 10px 3px 3px;
float: left;
}
@media screen and (max-width:820px) {
.co_payment {
text-align: center;
padding: 10px;
width: 50%;
margin: auto;
}
.header {
width: 100%;
}
.card-container {
box-sizing: border-box;
width: 50%;
height: 325px;
float: left;
padding-right: 10px;
}
}
@media screen and (max-width:600px) {
.co_payment {
text-align: center;
padding: 10px;
width: 100%;
margin: auto;
}
.row_col_50 {
box-sizing: border-box;
width: 100%;
padding: 10px;
}
.row_col_33 {
box-sizing: border-box;
width: 50%;
float: left;
padding: 10px;
}
.row_col_16 {
box-sizing: border-box;
width: 50%;
float: left;
padding: 10px;
}
.row_col_25 {
box-sizing: border-box;
width: 50%;
float: left;
padding: 10px;
}
.inv_col_10 {
width: 20%;
padding: 10px;
background: #eee;
font-size: 14px;
}
.form_answer_10 {
width: 20%;
padding: 10px;
background: #fff;
font-size: 14px;
}
td.inv_col_1 {
display: none;
}
td.form_answer_9 {
display: none;
}
.card-container {
box-sizing: border-box;
width: 100%;
height: 325px;
padding: 5px;
}
.zip-col {
width: 100%;
}
.zip-col-1 {
width: 100%;
}
.dropdown {
width: 100%;
}
.dropdown-content {
width: 100%;
}
.dropdown-content a {
text-align: center:
}
.dropdown .dropbtn {
font-size: 20px;
}
.dropdown-content a {
font-size: 20px;
}
.tax-col {
width: 100%;
}
.tax-col-1 {
width: 100%;
}
.col-desk {
width: 100%;
}
.dropdown {
float: left;
box-sizing: border-box;
text-align: center;
overflow: hidden;
}
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: none;
display: block;
}
.header {
width: 100%;
}
.header-r {
box-sizing: border-box;
width: 100%;
float: left;
padding: 20px;
text-align: center;
}
}
@media screen and (max-width:400px) {
.row_col_33 {
box-sizing: border-box;
width: 100%;
float: left;
padding: 10px;
}
.row_col_16 {
box-sizing: border-box;
width: 100%;
float: left;
padding: 10px;
}
}
@media screen and (max-width:600px) {
.topnav.responsive {
position: relative;
}
.topnav.responsive .icon {
/* position: absolute;
*/
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: center;
}
.topnav.responsive .dropdown {
float: none;
}
.topnav.responsive .dropdown-content {
position: relative;
}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: center;
}
}
/********** Large Devices **********/
@media (min-width:992px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.22%;
}
.col-lg-2 {
width: 16.66%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33%;
}
.col-lg-5 {
width: 41.66%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.33%;
}
.col-lg-8 {
width: 66.66%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33%;
}
.col-lg-11 {
width: 91.66%;
}
.col-lg-12 {
width: 100%;
}
}
/********** Medium Device *********/
@media (min-width:768px) and (max-width:991px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 8.22%;
}
.col-md-2 {
width: 16.66%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33%;
}
.col-md-5 {
width: 41.66%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.33%;
}
.col-md-8 {
width: 66.66%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33%;
}
.col-md-11 {
width: 91.66%;
}
.col-md-12 {
width: 100%;
}
}
/********** Small Device *********/
@media (max-width:767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.22%;
}
.col-sm-2 {
width: 16.66%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33%;
}
.col-sm-5 {
width: 41.66%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.33%;
}
.col-sm-8 {
width: 66.66%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.33%;
}
.col-sm-11 {
width: 91.66%;
}
.col-sm-12 {
width: 100%;
}
}
/********************* PDF DOCUMENT STYLING *******************/
.pdf_page {
width: 100%;
max-width: 1050px;
margin: auto;
}
.pdf_page-2 {
width: 95%;
max-width: 950px;
margin: auto;
}
.pdf_title {
font-size: 18px;
text-align: center;
font-weight: 600;
border: solid 2px #000;
margin-top: -2px;
margin-bottom: 2px;
}
.pdf_title_15 {
font-size: 12px;
text-align: center;
font-weight: 500;
border: solid 1px #000;
margin-top: -2px;
margin-bottom: 2px;
}
.pdf_body_title-c15 {
background: #eee;
background-color: #eee;
font-size: 15px;
text-align: center;
padding: 5px;
font-weight: 600;
border: solid 1px #000;
}
.pdf_body_title {
background: #eee;
background-color: #eee;
padding: 3px 5px 3px 5px;
font-weight: 600;
border: solid 1px #000;
margin-top: 1px;
margin-bottom: 1px;
}
.pdf_body_title2 {
background: #eee;
background-color: #eee;
padding: 5px;
font-weight: 600;
}
.pdf_body_title1 {
background: #eee;
color: red;
padding: 10px;
font-size: 15px;
font-weight: 600;
}
.pdf_body_text {
font-size: 8px;
}
.pdf_body_text9 {
font-size: 9px;
}
.pdf_body_p {
font-size: 10px;
}
.pdf_body_p11 {
font-size: 11px;
}
.pdf_body_p12 {
font-size: 12px;
}
.pdf_body_p14 {
font-size: 14px;
}
.squaredTwo {
width: 28px;
height: 28px;
position: relative;
margin: 20px 50px;
background: #fcfff4;
}
/***************** END OF STYLE CSS ******************/
#myBtn {
display: none;
position: fixed;
bottom: 40px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #000000;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#myBtn:hover {
background-color: #ff0000;
}
@media screen and (max-width: 675px) {
#myBtn {
display: none;
position: fixed;
bottom: 70px;
right: 20px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #000000;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#myBtn:hover {
background-color: #ff0000;
}
}
.text_left {
width: 50%;
box-sizing: border-box;
font-size: 15px;
padding-top: 5px;
padding-left: 5px;
float: left;
text-align: left;
font-weight: 600;
}
.squaredTwo {
width: 28px;
height: 28px;
position: relative;
margin: 20px 50px;
background: #fcfff4;
}
.row_col_50db {
box-sizing: border-box;
border: solid 1px;
width:50%;
float: left;
padding: 10px;
height: 600px;
overflow-y: auto;
}
.container-db {
max-width: 1800px;
margin: auto;
margin-top: auto;
margin-top: 20px;
margin-bottom: 20px;
height: 100%;
}
hr.new1 {
border-top: 1px solid black;
}
.tab {
overflow: hidden;
border: 1px solid #ccc;
color: #fff;
background-color: #1E1E1E;
}
/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
color: #fff;
border: solid 1px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #888888;
color: #fff;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #000000;
}
/* Style the tab content */
.tabcontent {
display: none;
}
a.btn-save-2.reset-filters {
text-decoration: none;
}