*, *:before, *:after {
box-sizing: border-box;
}
html {
overflow-y: scroll;
}
@font-face {
src: url(../fonts/tt1182m_.ttf);
font-family: "Comic Sans MS", cursive, "Century751 SeBd BT";
}
@font-face {
src: url(../fonts/OpenSans-Regular.ttf);
font-family: "OpenSans-Regular";
}
body {
font-family: "Titillium Web", sans-serif;
}
.button-blocknew {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
border: 1px solid #ffffff;
display: table;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
margin: 8px 0 0;
overflow: hidden;
width: 100%;
}
.button-blocknew:hover {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
border: 1px solid #ffffff;
color: #ffffff;
opacity: 0.9;
}
.button-blocknew.focus, .button-blocknew:focus {
background-color: #048389;
border-color: #ffffff;
color: #ffffff;
}
.button-blocknew.active, .button-blocknew:active {
background-color: #048389;
border-color: #048389;
color: #ffffff;
}
#circle {
border: 6px solid rgba(0, 184, 255, 0);
border-radius: 115px;
border-spacing: 38px;
box-shadow: 0 0 14px 1px #000000;
height: 130px;
padding: 0;
width: 130px;
}
.button-blocknew-x {
background: #e14f05;
border: medium none;
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
margin-top: 25px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
width: 100%;
transition: all 1s ease 0s;
border-radius: 3px;
font-weight: normal;
}
.button-blocknew-x:hover {
	opacity:0.8;
}
.button-blocknew-x.focus, .button-blocknew-x:focus {
	opacity:0.8;
}
.button-blocknew-x.active, .button-blocknew-x:active {
background: #fff;
border: 1px solid #d71a21;
color: #333;
}
.button-blocknew-x-1 {}
.button-blocknew-x-1 a {
border: 1px solid #cbcbcb;
color: #000000;
display: block;
font-size: 14px;
margin: 16px 0;
padding: 10px;
text-align: center;
text-decoration: none;
}
.button-blocknew-x-1 a:hover {
color: #666;
}
.button-blocknew1 {
display: table;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 8px 0 0;
overflow: hidden;
float: right;
background: #ec6f2a;
border-radius: 3px;
border: 1px solid;
border-color:transparent;
padding: 8px 10px !important;
transition: all 0.5s ease 0s;
max-width:130px;
}
.button-blocknew1:hover {
opacity:0.8;
background: #ec6f2a;
}
.button-blocknew1.focus, .button-blocknew:focus {
opacity:0.8;
background: #ec6f2a;
}
.button-blocknew1.active, .button-blocknew:active {
opacity:0.8;
background: #ec6f2a;
}
a {
text-decoration: none;
color: #c83636;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}
a:hover {
color: #b43131;
}
.form-select {
background:url(../img/bg-pattern.png);
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
max-width: 100%;
overflow: hidden;
}
.form-select .header {
background: #E14F05;
border-bottom: 0 0 0 8px #f15a2399;
text-align: center;
padding: 7px 15px;
padding: 7px 0px;
font-size: 18px;
color: #fff;
text-align: right;
}
.form-select .form-control {
background-color: #ffffff;
background-image: none;
border: 1px solid #ababab;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #000000;
font-size: 14px;
height: 42px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}

.form-select .form-control:focus {
border: 1px solid #e14f05;
}
.form-1b {
    box-shadow: 0 0 20px #899191;
left: 0;
margin: 0 auto;
max-width: 700px;
position: absolute;
right: 0;
top: 20%;
}
/*@media (max-width: 980px){
.form-1b {
margin: 1em 2%;
top: 5%;
}
}*/
.form-1b .header {
background: #21929F;
border-bottom: 0.5px solid #fff;
text-align: center;
padding: 7px 15px;
padding: 7px 0px;
font-size: 18px;
color: #fff;
text-align: right;
}
.left-right-inner {
overflow: hidden;
padding: 0px;
}
.left-sides {
float: left;
max-height: 100%;
min-height: 400px;
position: relative;
top: 0;
vertical-align: middle;
width: 50%;
}
.right-sides {
background: #eeeeee;
float: left;
max-height: 100%;
min-height: 400px;
padding-top: 3em;
width: 50%;
}
@font-face {
src: url(../fonts/TitilliumWeb-Regular.ttf);
font-family: Titillium Web;
}
.field-wrap-2z h3 {
color: #ffffff;
font-family: Titillium Web;
font-size: 18px;
letter-spacing: 1px;
}
.ribban {}
.ribban img {
bottom: 0;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
vertical-align: middle;
width: 77%;
}
.clon-lineb {
color: #ffffff;
text-align: center;
}
.clon-lineb .logob img {
border-radius: 5px;
margin: 1% auto 0;
max-width: 200px;
}
.clon-lineb h4 {
color: #fff;
font-family: "OpenSans-Regular";
letter-spacing: 1px;
text-transform: uppercase;
font-size: 16px;
margin: 20px 0;
}
.form {
background: #eee;
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 3.5% auto;
max-width: 100%;
overflow: hidden;
padding: 0 0em 2em 0;
}
.form .header {
    background: #3d6fa6;
    text-align: center;
    padding: 7px 15px;
    padding: 7px 0px;
    font-size: 18px;
    color: #fff;
    text-align: right;
}
@media (min-width: 800px){}
.form-c {
/*background: url(../img/entry3.jpg);*/
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 3.5% auto 6.5%;
overflow: hidden;
padding: 0 0 0.5em;
width: 70%;
}
.form-c .header {
background:#ca6c32;
text-align: center;
padding: 7px 15px;
padding: 7px 0px;
font-size: 18px;
color: #fff;
text-align: right;

}
.free-space{ 
clear:both; 
padding:2em;
}
@media (max-width: 1024px){
.field-wraper {
max-width: 100%;
}
}
@media (max-width: 1024px){
.form-c {
width: 100%;
}
.form-c .header {
padding: 0;
}
.form .header {
padding: 0;
}
.button-block-b{ 
margin:0 !important;
}
}
@media (max-width: 480px){
.button-block-b{ 
width: 100% !important;
}
.button-blockcx{ 
width: 100% !important;
}
}
@media (max-width: 767px){
.free-space{ 
clear:both; 
padding:6em;
}
}
@media (max-width: 480px){
.search input{
display: block;
float: none;
margin-right: -13px;
margin-top: 35px;
width: 100% !important;
}
}
.border-inner {}
.form2x {
/*background: rgba(0, 0, 0, 0) url("../img/wood-1.png") repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 3.5% auto;
max-width: 90%;
overflow: hidden;
padding: 0 0em 2em 0;*/
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 3.5% auto;
max-width: 90%;
overflow: hidden;
padding: 0 0em 0em 0;
background: #fff;
}
@media(max-width:480px){
	.form2x{
		max-width: 100%;
	}
}
.form2x .header2x {
background: #ca6c32;
border-bottom: 0.5px solid #ca6c32;
text-align: center;
padding: 7px 15px;
padding: 7px 0px;
font-size: 18px;
color: #fff;
text-align: right;
}
.clon-line-j {
color: #ffffff;
margin-bottom: 25px;
text-align: center;
}
.clon-line-j .logo-j {
width: 200px;
border-radius: 5px;
margin: 0 auto;
margin-top: 6%;
}
.clon-line-j .logo-j {
width: 200px;
border-radius: 5px;
margin: 0 auto;
margin-top: 2%;
}
.center-cover {
margin: 3% auto;
padding: 10px 2em;
}
.clon-line {
color: #fff;
text-align: center;
}
.clon-line .logo {
width: 200px;
border-radius: 5px;
margin: 0 auto;
margin-top: 2%;
}
.clon-line h4 {
border-bottom: 1px solid #333333;
color: #333333;
font-family: "OpenSans-Regular";
font-size: 20px;
letter-spacing: 1px;
padding-bottom: 27px;
text-transform: uppercase;
word-spacing: 0;
}
.clon-line-x {
color: #fff;
text-align: center;
}
.clon-line-x .logo-x {
width: 200px;
border-radius: 5px;
margin: 0 auto;
margin-top: 2%;
}
.clon-line-x h4 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 20px;
margin-top: 25px;
}
.clon-line-y {
color: #ffffff;
float: right;
margin-right: 6em;
text-align: center;
}
.clon-line-y .logo-y {
width: 134px;
border-radius: 5px;
margin: 0 auto;
margin-top: 2%;
}
.clon-line-y h4 {
color: #ffffff;
font-family: "OpenSans-Regular";
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
word-spacing: 4px;
}
.persion-name {
display: block;
margin: 2em 0 0 0;
padding: 10px;
}
.persion-name .welcome img {
margin: 0 auto;
max-width: 368px;
vertical-align: middle;
}
.clon-line-x {
color: #ffffff;
margin: 6em auto;
overflow: hidden;
text-align: center;
}
.clon-line-x .logo-x {
width: 134px;
border-radius: 5px;
margin: 0 auto;
margin-top: 2%;
}
.field-wrap h3 {
color: #313131;
font-family: "OpenSans-Regular";
letter-spacing: 1px;
font-size: 18px;
}
.field-wrap-x h3 {
color: #ffffff;
font-family: "OpenSans-Regular";
letter-spacing: 1px;
font-size: 18px;
}
.form .footer {
height: auto;
border-bottom: none;
}
.form-select .footer {
height: auto;
border-bottom: none;
}
.form-1 {
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 5.5% auto;
max-width: 72%;
overflow: hidden;
padding: 40px;
}
.tab-group {
list-style: none;
padding: 0;
margin: 0 0 40px 0;
}
.tab-group:after {
content: "";
display: table;
clear: both;
}
.tab-group li a {
display: block;
text-decoration: none;
padding: 15px;
background: rgba(160, 179, 176, 0.25);
color: #a0b3b0;
font-size: 20px;
float: left;
width: 50%;
text-align: center;
cursor: pointer;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}
.tab-group li a:hover {
background: #b43131;
color: white;
}
.tab-group .active a {
background: #c83636;
color: white;
}
.tab-content > div:last-child {
display: none;
}
.font-style {
src: url(../fonts/GOTHIC.TTF);
src: url(../fonts/GOTHICB.TTF);
src: url(../fonts/GOTHICBI.TTF);
src: url(../fonts/GOTHICI.TTF);
font-family: "Century Gothic";
font-size: 40px;
color: #fff;
font-weight: normal;
letter-spacing: 1px;
}
label {
color: #fff;
font-weight: normal;
}
.select {
-moz-appearance: none;
}
.clon-line label .req {
margin: 2px;
color: #c83636;
}
.clon-line-x label .req {
margin: 2px;
color: #c83636;
}
label.active {
-webkit-transform: translateY(50px);
transform: translateY(50px);
left: 2px;
font-size: 14px;
}
label.active .req {
opacity: 0;
}
label.highlight {
color: white;
}
input, textarea {
background: #ffffff none repeat scroll 0 0;
border: 2px solid #ffffff;
border-radius: 2px;
color: #505050;
display: block;
float: right;
font-size: 18px;
height: 100%;
margin-top: 9px;
padding: 2px 10px;
transition: border-color 0.25s ease 0s, box-shadow 0.25s ease 0s;
width: 50%;
}
input:focus, textarea:focus {
outline: 0;
border-color: #09F;
}
textarea {
resize: vertical;
}
.field-wrap {
margin: 2% 10% 0 10%;
overflow: hidden;
}
.field-wrap-2z {
margin: 20% 10% 10% 10%;
overflow: hidden;
}
.field-wrap-x {
margin: 5% 10% 0 10%;
overflow: hidden;
}
.user_link {
border-left: 1px solid #fff;
font-size: 14px;
margin: 0 10px;
padding: 0 0 0 20px;
color: #fff;
text-transform: capitalize;
}
.user_link:first-child {
border-left: none;
}
.top-row:after {
content: "";
display: table;
clear: both;
}
.top-row > div {
float: left;
width: 48%;
margin-right: 4%;
}
.top-row > div:last-child {
margin: 0;
}
.button-block-b {
background: #c16631;
border: none;
border-radius: 3px;
color: #ffffff;
display: table;
font-size: 15px;
font-weight: normal;
letter-spacing: 1px;
margin: 10px 0 15px 0;
overflow: hidden;
padding: 11px 10px;
text-transform: uppercase;
transition: all 1s ease 0s;
width: 144px;
}
.button-block-b:hover {
opacity: 0.8;
}
@font-face {
src: url(../fonts/GRATIS.ttf);
font-family: GRATIS;
}
.button-block-c {
background: #42b7bd;
border: medium none;
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
margin-top: 8px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
width: 100%;
transition: all 1s ease 0s;
border-radius: 3px;
font-weight: normal;
}
.button-block-c:hover {
opacity: 0.8;
}
.button-block {
background: #42b7bd;
border: none;
display: table;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 20px 0 0;
overflow: hidden;
padding: 10px;
text-transform: uppercase;
width: 100%;
}
.button-block:hover {
opacity: 0.8;
}
.button-blockcx {
background: #42b7bd;
border: none;
color: #ffffff;
display: table;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 20px 0 0;
overflow: hidden;
padding: 7px;
text-transform: uppercase;
width: 130px;
float:right;
transition: all 1s ease 0s;
border-radius:3px;
}
.button-blockcx:hover {
opacity: 0.8;
}
.button-block-noA {
background: #42b7bd;
border: none;
color: #ffffff;
display: table;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 9px 0px 0;
overflow: hidden;
padding: 7px 10px;
text-transform: uppercase;
transition: all 1s ease 0s;
width: 166px;
}
.button-block-noA:hover {
opacity: 0.8;
}
.button-block.focus, .button-block:focus {
background-color: #42b7bd;
border-color: transparent;
}
.button-block.active, .button-block:active {
background-color:#42b7bd;
border-color: transparent;
}
.button-block-no {
background: #42b7bd;
border: none;
color: #ffffff;
display: table;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 9px 0px 0;
overflow: hidden;
padding: 7px 10px;
text-transform: uppercase;
transition: all 1s ease 0s;
width: 130px;
}
.button-block-no:hover {
opacity: 0.8;
}
.button-block-no.focus, .button-block-no:focus {
background-color: #42b7bd;
}
.button-block-no.active, .button-block-no:active {
background-color: #42b7bd;
}
.new-file-m, input[type="file"] {
border: 1px solid #c4c4c4;
font-size: 14px;
padding: 6px;
}
.button-block-x {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
border: 1px solid #ffffff;
display: block;
float: right;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 8px 0 0;
overflow: hidden;
text-transform: uppercase;
width: 167px;
}
.button-block-x:hover {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
border: 1px solid #ffffff;
color: #ffffff;
opacity: 0.9;
}
.button-block-x.focus, .button-block-x:focus {
background-color: #048389;
border-color: #ffffff;
color: #ffffff;
}
.button-block-x.active, .button-block-x:active {
background-color: #048389;
border-color: #048389;
color: #ffffff;
}
.button-block-1 {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
border: 1px solid #ffffff;
display: table;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
margin: 8px 0 0 0;
overflow: hidden;
width: 100% !important;
text-transform: uppercase;
}
.button-block-1:hover {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #00989e, #048389) repeat scroll 0 0;
border: 1px solid #ffffff;
color: #ffffff;
opacity: 0.9;
}
.button-block-1.focus, .button-block-1:focus {
background-color: #048389;
border-color: #ffffff;
color: #ffffff;
}
.button-block-1.active, .button-block-1:active {
background-color: #048389;
border-color: #048389;
color: #ffffff;
}
.flat_owner_otp {
width: 40%;
}
.field-wrap-2 {
float: right;
width: 40%;
}
.out_time {
color: #fff;
float: right;
margin-bottom: 15px;
}
.time_out {
border-radius: 2px;
display: inline-block;
margin: 0 auto;
padding: 5px;
text-align: center;
width: 100px;
}
.forgot {
margin-top: -20px;
text-align: right;
}
footer {
background-color: #222222;
color: lightgrey;
position: absolute;
text-align: center;
width: 100%;
right: 0;
bottom: 0;
left: 0;
padding-top: 10px;
font-family: "Titillium Web", sans-serif;
}
#otherPages {
margin: 5% 2%;
}
.manga-panel {
background-color: Gray;
opacity: 0.9;
margin: 5%;
}
.thumbnail {
width: 150px;
}
.tg {
border-collapse: collapse;
border-spacing: 0;
border-color: #ccc;
border: none;
}
.tg td {
font-family: Arial, sans-serif;
font-size: 14px;
padding: 10px 5px;
border-style: solid;
border-width: 0px;
overflow: hidden;
word-break: normal;
border-color: #ccc;
color: #333;
background-color: #fff;
}
.tg th {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
padding: 10px 5px;
border-style: solid;
border-width: 0px;
overflow: hidden;
word-break: normal;
border-color: #ccc;
color: #333;
background-color: #f0f0f0;
}
.tg .tg-yw4l {
vertical-align: top;
}
@media screen and (max-width: 1024px) {
.clon-line-x {
margin: 0 auto;
}
.color-clas-1 {
padding: 20px !important;

}
}
@media screen and (max-width: 767px) {
.clon-line-x {
margin: 0 auto;
}
.clon-line-y {
margin: 0 auto;
}
.color-clas-1 {
padding: 20px !important;
}
.form {
max-width: 100%;
}
.form-select {
max-width: 100%;
}
.line {
top: 29%;
}
.tg {
width: auto !important;
}
.tg col {
width: auto !important;
}
.tg-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (min-width: 767px) {
.main-contaner {
max-width: 90%
}
.main-contaner .model-1 {
margin: 0 !important;
}
.main-contaner .model-2 {}
.main-contaner-a {
max-width: 90%
}
.main-contaner-a .model-1-a {
margin: 0 !important;
}
.main-contaner-a .model-2-a {}
.main-contaner-b {
max-width: 90%
}
.main-contaner-b .model-1-b {
margin: 0 !important;
}
.main-contaner-b .model-2-b {}
}
 @media screen and (min-width: 768px) {
.button-block {
width: 130px !important;
float: right !important;
}
.button-block-1 {
width: 130px !important;
}
}
@media screen and (min-width: 1024px) {}
@media screen and (max-width: 642px) {
.main-contaner .model-1 {
background: #21929F;
/*width: 100% !important;*/
margin: 0 !important;
}
.main-contaner-a .model-1-a {
background: #21929F;
width: 100% !important;
margin: 0 !important;
}
.main-contaner-b .model-1-b {
background: #21929F;
/*width: 100% !important;*/
margin: 0 !important;
}
.button-block {
width: 130px !important;
float: right;
}
.button-block-1 {
width: 130px !important;
float: right;
}
.main-contaner .model-2 {
/*width: 100% !important;*/
margin: 0 !important;
border: none !important;
}
.main-contaner-a .model-2-a {
width: 100% !important;
margin: 0 !important;
border: none !important;
}
}
.heading {
color: #5d5d5d;
font-size: 16px;
letter-spacing: 1px;
padding: 0 14px;
}
.heading-4 {
color: #999999;
font-size: 22px;
letter-spacing: 1px;
padding: 9px 16px;
}
.heading-1 {
border-bottom: 1px solid;
color: #ffffff;
font-size: 22px;
letter-spacing: 1px;
padding: 9px 16px;
text-transform: capitalize;
}
.box-modal-right{
display: inline-block;
margin: 20px 0;
width: 100%;
}
.heading-1A {
color: #333;
float: left;
font-size: 18px;
letter-spacing: 1px;
margin: 5px 15px;
padding: 9px 16px;
text-transform: capitalize;
}
.heading-1AB{
float: left;
}
#pre_inform_register_button a:focus, #pre_inform_register_button a:hover {
color: #fff;
text-decoration: none;
}
.reportbtnA {
background: #ca6c32 ;
border: 1px solid #ca6c32;
border-color: transparent;
color: #ffffff;
display: table;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 9px 0 0;
overflow: hidden;
padding: 7px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 1s ease 0s;
width: 250px;
border-radius: 3px;
border-color: transparent;
}
.reportbtnA:hover {
color:#313131 !important;
background-color: transparent;
text-decoration:none;
border:1px solid #ca6c32;
}
@media (max-width:640px){
.heading-1A {
margin: 5px 8px;
padding: 9px 0;
}
}
@media (max-width:360px){
.heading-1A {
display: block;
margin: 0 auto 10px auto;
padding: 9px 0;
text-align: center;
width: 100%;
}
.heading-1AB {
clear: both;
display: block;
float: none;
margin: 15px 0;
width: 100%;
}
.reportbtnA {
margin: 0 auto;
}
}
.heading-3 {
border-bottom: 1px solid;
color: #999999;
font-size: 22px;
letter-spacing: 1px;
padding: 9px 16px;
text-transform: capitalize;
}
.bullet-text {
border: 1px solid #cccccc;
color: #787878;
font-size: 30px;
height: 50px;
letter-spacing: 3px;
line-height: 50px;
margin: 0 auto;
text-align: center;
width: 119px;
}
.footer-sction {
background-color: #ca6c32;
background-image: linear-gradient( -50deg, #ca6c32 0%, #ca6c32 50%, #313131  50%, #313131  50%);
bottom: 0;
color: #fff;
left: 0;
letter-spacing: 0.5px;
margin: 0;
padding: 10px;
position: fixed;
right: 0;
z-index: 9999;
}
.footer-sction a{
color: #fff; 
text-align: right; 
text-decoration: none;
}
/****************************************************/
.row-section-new {
overflow: hidden;
padding: 3% 10px;
}
.count-main {
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
background: #800000 none repeat scroll 0 0;
border: medium none;
border-radius: 2px;
margin: 5px;
overflow: hidden;
padding: 10px;
width: 100%;
}
.text-center {
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
border-right: 2px solid #b72d22;
color: #ffffff;
font-size: 20px;
letter-spacing: 1px;
text-align: right;
text-transform: uppercase;
}
.text-center-1 {
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
color: #fff;
}
#wrap {
margin: 0 auto;
}
@media (max-width: 680px) {
.clon-line .logo {
width: 250px;
margin: 10px auto;
}
.clon-line-x .logo-x {
width: 126px;
margin: 10px auto;
}
.clon-line-x h4 {
font-size: 16px !important;
margin: 0 10px;
}
.clon-line-y .logo-y {
width: 250px;
margin: 10px auto;
}
.footer-sction {
bottom: -14px;
margin: 0;
position: relative;
}
}
@media (max-width: 1024px) {
.footer-sction {
bottom: 0;
left: 0;
margin: 0;
position: fixed;
}
}
/**************logout-logo******************/
.img_logout {
text-align: left;
width: 80%;
margin: 0 auto;
}
.img_logout figure img {
margin: 0 auto;
border-radius: 5px;
}
.img_logout .profile-header {
background: #fff;
overflow: hidden;
padding: 4px 0;
margin-top: 5%;
border-top: 5px solid #224363;
border-left: 5px solid #224363;
border-right: 5px solid #224363;
}
.img_logout .profile-header .btn-profile {
font-size: 26px;
}
.img_logout .profile-header .btn-primary {
width: auto;
margin-bottom: 0;
}
.img_logout .profile-header .btn-primary a {
color: #fff;
}
.img_logout .profile-header .btn-primary a:hover {
text-decoration: none;
}
/****************************profile************************************/
#profile {
max-width: 1920px;
margin: 5% auto;
}
.profile {
background: #fff;
overflow: hidden;
border-radius: 5px;
padding: 15px 0;
width: 80%;
margin: 0 auto;
border: 5px solid #224363;
margin-bottom: 10px;
}
.profile .pic {
width: 100%;
border-radius: 5px;
overflow: hidden;
height: 50%;
}
.profile .details {
text-align: left;
}
.profile .details .title {
border-bottom: 1px solid #ccc;
margin-bottom: 3em;
}
.profile .details h3 {
margin: 0;
color: #337ab7;
}
.profile .details .title a:hover {
color: #fff;
cursor: pointer;
text-decoration: none;
}
.profile .details .edit {
float: right;
}
.profile .details .form-group {
border-bottom: 1px solid #bfbfbf;
}
.profile .details label {
width: 36%;
color: #13283a;
margin-right: 1em;
font-weight: 600;
letter-spacing: 0.5px;
}
.profile .details .flat_p {
color: #053c5d;
font-weight: bold;
}
.profile .details .view {
float: right;
}
.profile .details .check label {
width: 5%;
float: left;
}
.profile .details .check span {
width: 5%;
float: left;
margin-right: 10%;
}
/***********popup*****************/
.img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
/*--------------------------------*/
.cd-nugget-info {
text-align: center;
position: absolute;
width: 100%;
height: 50px;
line-height: 50px;
bottom: 0;
left: 0;
}
.cd-nugget-info a {
position: relative;
font-size: 14px;
color: #5e6e8d;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
opacity: .8;
}
.cd-nugget-info span {
vertical-align: middle;
display: inline-block;
}
.cd-nugget-info span svg {
display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
fill: #5e6e8d;
}
/*---------Main components----------------------- */
.cd-popup-trigger {
display: block;
height: 36px;
line-height: 28px;
margin: 3em auto;
text-align: center;
color: #FFF;
text-transform: uppercase;
border-radius: 50em;
background: #13283a;
border: 4px solid #ccc;
}
.cd-popup-trigger-1 {
overflow: hidden;
display: block;
}
.new-button {}
.new-button {
background: #21929f none repeat scroll 0 0;
border: medium none;
border-radius: 2px;
display: block;
float: right;
line-height: 36px;
overflow: hidden;
text-align: center;
width: 123px;
}
.new-button:hover {
background: #21929f;
color: #fff;
text-decoration: none;
}
.popup-owner-record-1 {
overflow: hidden;
display: block;
}
.popup-owner-record-1 .new-button-1 {}
.popup-owner-record-1 .new-button-1 {
background: #21929f none repeat scroll 0 0;
border: medium none;
border-radius: 2px;
display: block;
float: right;
line-height: 36px;
overflow: hidden;
text-align: center;
width: 123px;
}
.popup-owner-record-1 .new-button-1:hover {
background: #21929f;
color: #fff;
text-decoration: none;
}
@media only screen and (min-width: 1170px) {
.cd-popup-trigger {
margin: 0 auto;
}
}
/*------------------xpopup--------------------- */
.cd-popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(4, 131, 137, 0.65);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
position: relative;
width: 100%;
max-width: 30%;
margin: 4em auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cd-popup-container .title {
background:#451d04;
}
.cd-popup-container .title h3 {
color: #ffffff;
font-family: opensans-regular;
font-size: 18px;
padding: 15px 10px;
}
.cd-popup-container .form-fields {
width: 80%;
margin: 0 auto;
}
.cd-popup-container .form-control {
height: 36px;
}
.cd-popup-container textarea.form-control {
height: 100%;
}
.cd-popup-container p {
padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
content: "";
display: table;
clear: both;
}
.cd-popup-container ul {
padding: 0;
}
.cd-popup-container .cd-buttons li {
text-align: center;
display: inline;
list-style: none;
margin: 0 10px;
}
.cd-popup-container .btn {
padding: 6px;
}
.cd-popup-container .cd-buttons a {
display: block;
height: 40px;
line-height: 40px;
padding: 0 15px;
text-transform: uppercase;
color: #FFF;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
background: #fc7169;
border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
background: #b6bece;
border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
background: rgba(0, 0, 0, 0) url("../img/cancel.png") no-repeat scroll 0 0;
height: 30px;
position: absolute;
right: 0;
top: 12px;
width: 30px;
}
.is-visible .cd-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
.cd-popup-container {
margin: 8em auto;
}
}
/***************2nd***********/
.popup-trigger {
display: block;
height: 36px;
line-height: 28px;
margin: 3em auto;
text-align: center;
color: #FFF;
text-transform: uppercase;
border-radius: 50em;
background: #13283a;
border: 4px solid #ccc;
}
.headers img {
width: 100px;
}
@media only screen and (min-width: 1170px) {
.popup-trigger {
margin: 0 auto;
}
.icon-img img {
margin-right: 2px;
width: 20px;
}
}
@media only screen and (max-width: 1024px) {
.icon-img img {
margin-right: 12px;
width: 26px;
}
}
/*-------------------xpopup-------------------- */
.cd-popups {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(4, 131, 137, 0.65);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popups.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
/**************3rd***********/
.popup-triggers {
display: block;
height: 36px;
line-height: 28px;
margin: 3em auto;
text-align: center;
color: #FFF;
text-transform: uppercase;
border-radius: 50em;
background: #13283a;
border: 4px solid #ccc;
}
@media only screen and (min-width: 1170px) {
.popup-triggers {
margin: 0 auto;
}
}
.cd-popup-no {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(4, 131, 137, 0.65);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup-no.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
/**************owner record***********/
.popup-owner-record {
display: block;
height: 34px;
line-height: 28px;
margin: 3em auto;
text-align: center;
color: #FFF;
text-transform: uppercase;
border-radius: 2px;
padding: 0 15px;
}
@media only screen and (min-width: 1170px) {
.popup-owner-record {
margin: 0 auto;
}
}
.opt {
width: 22%;
}
.opt .btn {
width: 36%;
}
.owner-record {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.owner-record.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
/***************pre-inform***********/
.pre-inform {}
@media only screen and (min-width: 1170px) {
.pre-inform {
margin: 0 auto;
}
}
/*---------xpopup--------------- */
.inform {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(4, 131, 137, 0.65);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.inform.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
/********visitor-record table******/
#visitor-record {
margin: 0 auto 10%;
max-width: 1920px;
}
#visitor-record .logo img {
border-radius: 5px;
margin: 14px auto 24px auto;
width: 200px;
}
.vscroller {
position: relative;
overflow: auto;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.vscroller-content {
position: relative;
padding: 0;
margin-right: 0;
}
.vscroller-scroll-body {
position: absolute;
right: 5px;
top: 5px;
background: #39668f;
width: 10px;
border-radius: 8px;
opacity: 0.3;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.vscroller-drag .vscroller-scroll-body, .vscroller-scroll-body:hover {
opacity: 1;
}
.vscroller.advanced .vscroller-scroll:focus {
background: yellow;
-webkit-box-shadow: 0 2px 8px 0 yellow;
box-shadow: 0 2px 8px 0 yellow;
}
.vscroller-scroll {
display: block;
position: absolute;
top: 0;
left: 0;
background: #ccc;
width: 10px;
height: 45px;
border-radius: 8px;
transition: background-color 0.25s;
-webkit-transition: background-color 0.25s;
z-index: 99;
cursor: pointer;
}
.vscroller-scroll:focus {
background: #ccc;
}
.vscroller input {
width: auto;
}
.conform-sms {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.conform-sms.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.sms {
width: 20%;
}
#visitor-record .form-fields {
width: 80%;
}
#visitor-record .form-control {
background-color: transparent;
}
#visitor-record .btn {
width: 100%;
margin-bottom: 0;
}
.conform-sms .cd-buttons li {
display: inline-block;
}
.conform-sms .button-otp {
background: #fc7169;
border-radius: 0;
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 15px;
text-transform: uppercase;
color: #FFF;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
box-shadow: 0 0 0 5px #eee;
}
.button-conform {
background: #ca6c32;
border: medium none;
border-radius: 2px;
color: #ffffff;
display: inline-block;

font-size: 13px;
padding: 4px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s ease 0s;
}
.button-conform a{
	text-decoration: none;
}
.button-conform:hover {
opacity: 0.8;
text-decoration: none;
color: #ffffff;
}
.button-conform:focus {
opacity: 0.8;
text-decoration: none;
color: #ffffff;
}
.div-padding {
display: inline-block;
margin-bottom: 0px;
padding: 0px 10px;
width: 100%;
}
.control-label-1 {
padding: 7px;
text-align: right;
}
.file {
visibility: hidden;
position: absolute;
}
.siz {
height: 36px;
}
.frame-box img {
border: 1px solid #ffffff;
border-radius: 2px;
width: 120px;
}
.button-block-2 {
margin: 0;
}
/**************************NAVIGATION***************/
#nav-trigger {
display: none;
text-align: center;
}
#nav-trigger span {
display: inline-block;
padding: 10px 30px;
color: white;
cursor: pointer;
text-transform: uppercase;
width: 100%;
}
#nav-trigger span:after {
display: inline-block;
margin-left: 10px;
width: 20px;
height: 10px;
content: "";
border-left: solid 10px transparent;
border-top: solid 10px #fff;
border-right: solid 10px transparent;
}
#nav-trigger span:hover {}
#nav-trigger span.open:after {
border-left: solid 10px transparent;
border-top: none;
border-bottom: solid 10px #fff;
border-right: solid 10px transparent;
}
nav#nav-main ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
nav#nav-main li {
display: inline-block;
border-right: solid 1px #fff;
padding: 0;
}
nav#nav-main li:last-child {
border-right: none;
}
nav#nav-main a {
display: block;
color: white;
padding: 3px 0px;
}
nav#nav-main a .icon-img img {
margin-right: 2px;
width: 26px;
}
nav#nav-main a:hover {
color: #ffffff;
text-decoration: none;
}
nav#nav-mobile {
position: relative;
display: none;
}
nav#nav-mobile ul {
background-color: #7a7a7a;
display: none;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 999;
}
nav#nav-mobile li {
display: block;
padding: 5px 0;
margin: 0 5px;
border-bottom: 1px solid #242424;
}
nav#nav-mobile li:last-child {
border-bottom: none;
}
nav#nav-mobile a {
display: block;
color: white;
padding: 10px 30px;
}
nav#nav-mobile a:hover {
color: #fff;
text-decoration: none;
}
/*---------Media Queries------------------ */
@media (max-width: 640px){
.btnOtp {
margin-left: 15px;
}
}
@media all and (max-width: 1024px) {
nav#nav-mobile a {
padding: 4px 0;
text-align: left;
}
#nav-trigger {
display: none;
}
nav#nav-main {
display: block;
}
nav#nav-mobile {
display: none;
}
.clon-line h4 {
border-bottom: 1px solid #ffffff;
font-size: 16px;
margin: 4px 10px 22px;
padding-bottom: 7px;
}
.clon-line-x h4 {
font-size: 17px;
margin: 0 10px;
}
.clon-line-y h4 {
font-size: 17px;
margin: 0 10px;
}
.field-wraper {
margin-top: 4%;
}
.field-wrap {
margin-top: 4%;
}
.field-wrap-x {
margin: 4% 0 0 !important;
}
.margin-call {
padding: 0 15px !important;
margin-top: 10px !important;
}
}
@media all and (max-width: 767px;) {}
.margin-call {
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.form .header {
padding:0;
}
.heading h3 {
font-size: 18px;
}
.center-cover h3 {
font-size: 17px !important;
width: 100%;
}
.center-cover {
padding: 10px !important;
}
}
.main-panel-body {
display: block;
overflow: hidden;
padding-bottom: 10px;
}
.main-panel-body span {
color: #ffffff;
display: block;
font-size: 18px;
padding: 10px 0;
}
@media only screen and (min-width: 767px) {
body {
font-family: "OpenSans-Regular";
}
.posion {
margin: 3.5%;
max-width: 50%;
padding: 0 15px;
}
}
.posion {
margin: 3.5%;
max-width: 100%;
padding: 0 15px;
}
/**************************************/
.main-file {
background: url(../img/wood-1.png);
border: 1.5px solid #31373a;
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 3.5% auto;
max-width: 100%;
overflow: hidden;
padding: 15px;
}
.side-panel {
background: #eeeeee;
border: 1.5px solid #31373A;
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 7.5% auto;
max-width: 100%;
overflow: hidden;
padding: 15px;
}
@media only screen and (max-width: 767px) {
body {
font-family: "Titillium Web", sans-serif;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
background-size: cover;
}
.main-file {
display: block;
float: left;
margin: 3.5% 15px;
overflow: hidden;
padding: 15px;
position: relative;
width: 54%;
}
.side-panel {
margin: 3.5% 0px;
max-width: 100%;
padding: 15px;
}
}
@media only screen and (max-width: 1024px) {
.side-panel {
margin: 5.5% 0px;
}
body {
font-family: "Titillium Web", sans-serif;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
background-size: cover;
}
}
btn-danger-1 {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
font-weight: bold;
width: 30%;
margin-bottom: 10px;
}
.icon-image {
width: 50%;
overflow: hidden;
float: left;
}
.icon-image a img {
float: left;
width: 90%;
border: 1px solid #fff;
margin: 0 9px;
border-radius: 10px;
}
.form-2 {
margin: 7.3% auto;
overflow: hidden;
}
/****************************************************************************/
#profile-1 {
margin: 3.5% auto;
max-width: 1920px;
overflow:hidden;
}
.profile-1 {
background: #ffffff none repeat scroll 0 0;
margin: 0 auto 10px;
overflow: hidden;
padding: 15px 0;
width: 100%;
}
.profile-1 .pic {
border-radius: 5px;
height: 50%;
overflow: hidden;
width: 100%;
}
.profile-1 .details .title {
border-bottom: 1px solid #eaeaea;
margin-bottom: 1em;
overflow: hidden;
}
.profile-1 .details .title p {
background: #0e7f8c;
color: #ffffff;
display: inline-block;
float: left;
font-size: 14px;
height: 34px;
padding: 10px;
line-height: 16px;
}
.profile-1 .details .title h3 {
background: #31b9ad none repeat scroll 0 0;
color: #ffffff;
line-height: 16px;
display: inline-block;
float: left;
font-size: 14px;
height: 34px;
margin-top: 0;
padding: 10px;
text-transform: uppercase;
}
#profile-1 h4 {
font-family: opensans-regular;
font-size: 24px;
}
.profile-1 .details label {
color: #13283a;
font-weight: 600;
letter-spacing: 0.5px;
margin-right: 3px;
width: 36%;
}
.profile-1 .details .form-group {
border-bottom: 1px solid #bfbfbf;
}
.profile-1 .details .flat_p {
color: #053c5d;
font-weight: bold;
}
.profile-1 .details .check label {
float: left;
width: 29px;
}
.profile-1 .details .check span {
float: left;
margin-right: 10%;
width: 5%;
}
.profile-1 .details {}
.pannel-main-1 {
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
border-top: 1px solid #d2d2d2;
display: block;
overflow: hidden;
width: 100%;
}
.box-main-11 {
overflow: hidden;
padding: 10px;
width: 100%;
border-right: 1px solid #cccccc;
}
@media (max-width: 1024px){
.box-main-11 {
border-right: none;
}
.headerss img {
padding-top: 17px;
}
}
.headers img {
padding-top: 17px;
}
@media (max-width: 1280px){
.headers img {
padding-top: 17px;
}
}
.box-main-21 {
overflow: hidden;
padding: 10px;
width: 100%;
}
.user_links:first-child {
border-left: medium none;
}
.user_links {
border-left: 1px solid #ffffff;
color: #ffffff;
font-size: 14px;
margin: 0 10px;
padding: 0 0 0 20px;
text-transform: capitalize;

}
.user_links_btn:first-child {
border-left: medium none;
}
.user_links_btn {
background-color:transparent;
border-left: 1px solid #ffffff;
border-radius: 49px;
color: #ffffff;
font-size: 14px;
margin: 0;
padding: 5px 20px !important;
text-transform: uppercase;
}
.profile-12 {
max-width: 1254px;
padding: 10px 2em;
}
.profile-1 .pic img {
border: 1px solid #d6d6d6;
border-radius: 5px;
height: 252px;
overflow: hidden;
padding: 3px;
width: 100%;
}
@media (min-width: 640px){
.profile-1 .pic img {
height: 250px;
width: 250px;
}
.box-main-11 {
font-weight: bold;
}
.div-padding1 {
    display: block;
    padding: 4px 0;
}

.div-padding-1s {
    display: block;
    padding: 4px 0;
}

}
@media (max-width:480px){
	.main-contaner-b .model-2-b {
    border-top: 1px solid #dfdfdf;
    /*float: none;
    width: 100% !important;*/
	border-left: none!important;
}
}
@media (max-width: 1024px){
.profile-1 .pic img {
height: auto;
width: auto;
}
.box-main-11 {
font-weight: bold;
}
}
@media (max-width: 1280px){
.profile-1 .pic img {
height: auto;
width: auto;
}
}
.div-padding1 {
display: inline-block;
margin: 0em auto 0 auto;
padding: 4px 10px;
width: 100%;
}
.div-padding-1s {
margin: 0 auto 2em auto;
padding: 3em;
}
.main-contaner {
border: 1px solid #dfdfdf;
margin: 0px auto;
max-width: 80%;
overflow: hidden;
background: #fff;
}
.main-contaner2 {
margin: 0 auto;
max-width: 80%;
overflow: hidden;
}
.main-contaner .model-1 {
color: #5c5b5b;
background: #fff;
float: left;
margin: 0 10px;
padding: 10px;
width: 45%;
font-weight: 600;
letter-spacing: 0.5px;
font-size: 14px;
}
.main-contaner .model-2 {
background: #fff;
border-left: 1px solid #dfdfdf;
color: #343434;
float: left;
margin: 0;
overflow: hidden;
padding: 10px;
width: 45%;
}
.main-contaner-a {
background: #28B6B7;
border-top: 1px solid #ffffff;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
margin: 0 auto;
max-width: 80%;
overflow: hidden;
}
.main-contaner-a .model-1-a {
color: #ffffff;
float: left;
text-transform: uppercase;
margin: 0 10px;
padding: 10px;
width: 45%;
}
.main-contaner-a .model-2-a {
border-left: 1px solid #ffffff;
color: #ffffff;
float: left;
text-transform: uppercase;
margin: 0;
overflow: hidden;
padding: 10px;
width: 45%;
}
.main-contaner-b {
background: #fff;
border: 1px solid #dfdfdf;
margin: -1px auto;
max-width: 80%;
overflow: hidden;
}
.main-contaner-b .model-1-b {
color: #5c5b5b;
background: #fff;
float: left;
margin: 0 10px;
padding: 10px;
width: 45%;
font-weight: 600;
letter-spacing: 0.5px;
font-size: 14px;
}
.main-contaner-b .model-2-b {
border-left: 1px solid #dfdfdf;
color: #343434;
float: left;
margin: 0;
overflow: hidden;
padding: 10px;
width: 45%;
}
.form-add-new {
margin: 0 auto;
width: 100%;
}
.control-label-a {
padding: 7px;
text-align: right;
color: #fff;
}
@media (max-width: 767px) {
}
.link-line {}
.link-line a {
background: #21b4be none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
padding: 4px 15px;
text-decoration: none;
}
.vscroller1 {
position: relative;
overflow: hidden;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 10 20px;
margin: 2px;
}
.left-1 {
display: block;
float: left;
margin: 6px 5px 0px 0px;
overflow: hidden;
width: 100px;
}
.left-1 input {
display: inline-block;
float: left;
width: 30px;
}
.left-1 span {
float: left;
color: #fff;
}
.new-file, input[type="file"] {
border: 1px solid #c4c4c4;
font-size: 14px;
padding: 6px;
float: left;
}
.col-div-col {
display: table;
width: 100%;
}
.center-cover h3 {
color: #ffffff;
font-family: "OpenSans-Regular";
font-size: 18px;
letter-spacing: 1px;
}
.form-1x {
background: #fff;
margin: 0 auto;
max-width: 100%;
overflow: hidden;
padding: 0 0 32px;
}
.form-1x label {
color: #000;
}
.form-1x .header {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ececec;
color: #ffffff;
display: table;
font-size: 18px;
padding: 10px;
text-align: right;
width: 100%;
}
.col-div-col-btn {
display: table;
width: 100%;
margin-top: 0;
margin-right: 15px;
}
.col-div-col-btn-x {
display: table;
width: 100%;
margin-top: 0;
margin-right: 15px;
}
.form-group {
overflow: hidden;
}
.modal-dialog .modal-header {
background: #ca6c32;
}
.modal-header .title h3 {
color: #048389;
font-family: opensans-regular;
font-size: 16px;
padding: 10px !important;
}
.modal-header h3{
	font-size: 17px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.8px;
}
.modal-header {
padding: 7px 16px;
border-bottom: 1px solid #e5e5e5;
}
.cd-popup-container .cd-popup-close {
background: rgba(0, 0, 0, 0) url("../img/cancel.png") no-repeat scroll 0 0;
height: 30px;
position: absolute;
right: 0;
top: 18px;
width: 30px;
}
.close {
opacity: 1;
color: #ffffff;
float: right;
font-size: 29px;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #ffffff;
}
.close:focus, .close:hover {
color: #fff;
cursor: pointer;
opacity: 1;
text-decoration: none;
}
.modal-content .form-control {
background-color: #ffffff;
background-image: none;
border: 1px solid #dfdfdf;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #000000;
font-size: 14px;
height: 36px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.modal-dialog {
margin: 66px auto;
width: 600px;
}
.modal-footer .button-block-3a {
background: #ca6c32;
border: none;
display: table;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 8px auto;
overflow: hidden;
text-transform: uppercase;
width: auto;
border-radius: 3px;
padding: 6px 15px;
border:1px solid;
border-color:transparent;
transition:all 0.5s ease 0s;
}
.modal-footer .button-block-3a:hover {
color:#fff;background: #ca6c32;
}.modal-footer .button-block-3a:focus {
color:#fff;background: #ca6c32;
}
.dtn-call {
background: #001122;
border: 1px solid #99ffff;
border-radius: 3px!important;
font-size: 14px;
padding: 5px 20px;
}
.dtn-call-2 {
background: #001122;
border: 1px solid #99ffff;
border-radius: 3px!important;
font-size: 14px;
padding: 5px 20px;
}
.colone {
float: right;
}
.dropdown-menu1 {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 350px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.dropdown-menu1.pull-right {
right: 0;
left: auto
}
.dropdown-menu1 .divider {
background-color: #e5e5e5;
display: table;
height: 1px;
margin: 10px 0;
overflow: hidden;
width: 100%;
}
.dropdown-menu1>li>a {
clear: both;
color: #333333;
display: table;
font-weight: 400;
line-height: 1.42857;
padding: 3px 20px;
white-space: nowrap;
}
.dropdown-menu1>li>a:focus, .dropdown-menu1>li>a:hover {
color: #0e74d6;
text-decoration: none;
background-color: #f5f5f5
}
.dropdown-menu1>.active>a, .dropdown-menu1>.active>a:focus, .dropdown-menu1>.active>a:hover {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0
}
.dropdown-menu1>.disabled>a, .dropdown-menu1>.disabled>a:focus, .dropdown-menu1>.disabled>a:hover {
color: #777
}
.dropdown-menu1>.disabled>a:focus, .dropdown-menu1>.disabled>a:hover {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu1 {
display: block;
height: 300px;
overflow: auto;
}
.open>a {
outline: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
.dropdown-menu-left {
right: auto;
left: 0
}
.pull-right>.dropdown-menu1 {
right: 0;
left: auto
}
.dropup .dropdown-menu1, .navbar-fixed-bottom .dropdown .dropdown-menu1 {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu1 {
right: 0;
left: auto
}
}
.left-imag img {
border-radius: 100%;
display: table;
float: left;
margin-right: 10px;
width: 57px;
}
.center-inner {}
.center-inner h2 {
display: block;
float: left;
font-size: 14px;
margin-top: 0;
}
.center-inner span {
display: block;
float: left;
font-size: 12px;
}
.btn-new-logout {}
.btn-new-logout a {
background: #006471;
border: 1px solid;
border-radius: 2px;
color: #ffffff;
display: table;
float: right;
font-size: 14px;
padding: 5px 20px;
text-decoration: none;
}
.sub-color th, .sub-color td::before {
background: #fff;
border-width: 1px;
color: #000000;
font-size: 14px;
font-weight: normal;
padding: 0 10px;
width: 25%;
}
.btn-new-logout-1 {
text-align: left;
color: #6b6b6b;
font-size: 22px;
padding: 0px 0;
}
/*.navbar-header {}
.navbar-brand {
display: table;
float: left;
font-size: 18px;
height: 50px;
line-height: 20px;
margin: 0 auto;
padding: 2em 15px;
width: 200px;
}*/
/************************************************************ 7 ROW *********************************************************************************/
.rwd-table {
margin: 0;
width: 100%;
}
.rwd-table tr {
border-bottom: 1px solid #ddd;
}
.rwd-table tr a {
color: #ffffff;
text-decoration: none;
text-align: center;
}
.rwd-table tr:last-child {
border-bottom: none;
}
.rwd-table th {
display: none;
}
.rwd-table td {
display: block;
}
.rwd-table td:first-child {
padding-top: .5em;
}
.rwd-table td:last-child {
padding-bottom: .5em;
}
.rwd-table td:before {
content: attr(data-th) ": ";
display: inline-block;
font-weight: bold;
width: 50%;
}
@media (min-width: 1040px) {
.rwd-table td:before {
display: none;
}
.rwd-table td:before {
content: attr(data-th) ": " !important;
font-weight: bold !important;
}
}
@media (min-width: 1024px) {
.rwd-table td::before {
font-weight: bold;
text-align: right;
width: 6.5em;
}
}
@media (max-width: 1024px) {
.fixed_headers thead {
display: none !important;
}
.rwd-table td::before {
font-weight: bold !important;
text-align: right !important;
width: 25%;
}
}
.rwd-table th, .rwd-table td {
text-align: left;
}
@media (min-width: 1170px) {
.rwd-table th, .rwd-table td {
display: table-cell;
padding: .25em .5em;
}
.rwd-table th:first-child, .rwd-table td:first-child {
border-left: 0 none;
padding-left: 0;
width: 5%;
}
.rwd-table th:last-child, .rwd-table td:last-child {
padding-right: 0;
}
}
.rwd-table {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
color: #0e74d6;
overflow: hidden;
text-transform: capitalize;
background: #fff;
}
.rwd-table tr {
border-color: #d5d5d5;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.rwd-table th, .rwd-table td {
margin: .5em 1em;
}
@media (min-width: 1024px) {
.rwd-table th {
padding: 1em !important;
}
.rwd-table td {
padding: 8px !important;
}
}
@media (max-width: 1170px) {
.rwd-table tr:first-child {
border-bottom: none;
}
.rwd-table tr [data-th] {
width: 170%;
}
.rwd-table th, .rwd-table td::before {
background: none !important;
}
}
.rwd-table td {
width: 10%;
padding-left: 16px !important;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
-webkit-border-after: 1px solid #d5d5d5;
}
.rwd-table th, .rwd-table td:before {
background: #ebeded none repeat scroll 0 0;
border-right: 1px solid #d5d5d5;
color: #000000;
font-size: 14px;
font-weight: 600;
padding: 0 10px;
}
.td-color {
background: #eeeeee;
}
.fixed_headers {
border-collapse: collapse;
font-family: arial;
font-size: 13px;
font-weight: normal;
table-layout: fixed;
width: 100%;
}
.fixed_headers thead {
background-color: #28b6b7;
color: #fdfdfd;
}
.fixed_headers thead tr {
display: block;
position: relative;
}
.fixed_headers th:nth-child(1) {
border-right: 1px solid #ffffff;
min-width: 79px;
padding: 10px 5px;
}
.fixed_headers th:nth-child(2) {
border-right: 1px solid #ffffff;
min-width: 157px;
padding: 0 5px;
}
.fixed_headers th:nth-child(3) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 158px;
}
.fixed_headers th:nth-child(4) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 157px;
}
.fixed_headers th:nth-child(5) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 158px;
}
.fixed_headers th:nth-child(6) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 157px;
}
.fixed_headers th:nth-child(7) {
padding: 10px 5px;
width: 161px;
}
.fixed_headers tbody {
background: #ffffff none repeat scroll 0 0;
display: block;
height: 300px;
overflow: auto;
width: 100%;
}
.fixed_headers th {
padding: 10px 0;
}
/************************************************************ 7 ROW  CLOSED*********************************************************************************/
/************************************************************ 6 ROW *********************************************************************************/
.rwd-table6 {
margin: 0;
width: 100%;
}
.rwd-table6 tr {
border-bottom: 1px solid #ddd;
}
.rwd-table6 tr a {
color: #ffffff;
text-decoration: none;
text-align: center;
}
.rwd-table6 tr:last-child {
border-bottom: none;
}
.rwd-table6 th {
display: none;
}
.rwd-table6 td {
display: block;
}
.rwd-table6 td:first-child {
padding-top: .5em;
}
.rwd-table6 td:last-child {
padding-bottom: .5em;
}
.rwd-table6 td:before {
content: attr(data-th) ": ";
font-weight: bold;
width: 50%;
display: inline-block;
}
@media (min-width: 1040px) {
.rwd-table6 td:before {
display: none;
}
.rwd-table6 td:before {
content: attr(data-th) ": " !important;
font-weight: bold !important;
}
}
@media (min-width: 1024px) {
.rwd-table6 td::before {
font-weight: bold;
text-align: right;
width: 6.5em;
}
}
@media (max-width: 1024px) {
.fixed_headers6 thead {
display: none !important;
}
.rwd-table6 td::before {
font-weight: bold !important;
text-align: right !important;
width: 25%;
}
}
.rwd-table6 th, .rwd-table6 td {
text-align: left;
}
@media (min-width: 1170px) {
.rwd-table6 th, .rwd-table6 td {
display: table-cell;
padding: .25em .5em;
}
.rwd-table6 th:first-child, .rwd-table6 td:first-child {
border-left: 0 none;
padding-left: 0;
width: 5%;
}
.rwd-table6 th:last-child, .rwd-table6 td:last-child {
padding-right: 0;
}
}
.rwd-table6 {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
color: #0e74d6;
overflow: hidden;
text-transform: capitalize;
background: #fff;
}
.rwd-table6 tr {
border-color: #d5d5d5;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.rwd-table6 th, .rwd-table6 td {
margin: .5em 1em;
}
@media (min-width: 1024px) {
.rwd-table6 th {
padding: 1em !important;
}
.rwd-table6 td {
padding: 8px !important;
}
}
@media (max-width: 1170px) {
.rwd-table6 tr:first-child {
border-bottom: none;
}
.rwd-table6 tr [data-th] {
width: 170%;
}
.rwd-table6 th, .rwd-table6 td::before {
background: none !important;
}
}
.rwd-table6 td {
width: 10%;
padding-left: 16px !important;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
-webkit-border-after: 1px solid #d5d5d5;
}
.rwd-table6 th, .rwd-table6 td:before {
background: #ebeded none repeat scroll 0 0;
border-right: 1px solid #d5d5d5;
color: #000000;
font-size: 14px;
font-weight: 600;
padding: 0 10px;
}
.td-color {
background: #eeeeee;
}
.fixed_headers6 {
border-collapse: collapse;
font-family: arial;
font-size: 13px;
font-weight: normal;
table-layout: fixed;
width: 100%;
}
.fixed_headers6 thead {
background-color: #28b6b7;
color: #fdfdfd;
}
.fixed_headers6 thead tr {
display: block;
position: relative;
}
.fixed_headers6 th:nth-child(1) {
border-right: 1px solid #ffffff;
min-width: 95px;
padding: 10px 5px;
}
.fixed_headers6 th:nth-child(2) {
border-right: 1px solid #ffffff;
min-width: 189px;
padding: 0 5px;
}
.fixed_headers6 th:nth-child(3) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 190px;
}
.fixed_headers6 th:nth-child(4) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 189px;
}
.fixed_headers6 th:nth-child(5) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 189px;
}
.fixed_headers6 th:nth-child(6) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 232px;
}
.fixed_headers6 tbody {
background: #ffffff none repeat scroll 0 0;
display: block;
height: 300px;
overflow: auto;
width: 100%;
}
.fixed_headers6 th {
padding: 10px 0;
}
.rwd-table6 th {
border-right: 1px solid #d5d5d5;
padding-left: 16px;
width: 10%;
}
/************************************************************ 6 ROW  CLOSED*********************************************************************************/
/************************************************************ 5 ROW *********************************************************************************/
.rwd-table5 {
margin: 0;
width: 100%;
}
.rwd-table5 tr a {
color: #ffffff;
text-decoration: none;
text-align: center;
}
.rwd-table5 tr:last-child {
border-bottom: none;
}
.rwd-table5 th {
display: none;
}
.rwd-table5 td {
display: block;
}
.rwd-table5 td:first-child {
padding-top: .5em;
}
.rwd-table5 td:last-child {
padding-bottom: .5em;
}
.rwd-table5 td:before {
content: attr(data-th) ": ";
font-weight: bold;
width: 50%;
display: inline-block;
}
@media (min-width: 1040px) {
.rwd-table5 td:before {
display: none;
}
.rwd-table5 td:before {
content: attr(data-th) ": " !important;
font-weight: bold !important;
}
}
@media (min-width: 1024px) {
.rwd-table5 td::before {
font-weight: bold;
text-align: right;
width: 6.5em;
}
}
@media (max-width: 1024px) {
.fixed_headers5 thead {
display: none !important;
}
.rwd-table5 td::before {
font-weight: bold !important;
text-align: right !important;
width: 25%;
}
}
.rwd-table5 th, .rwd-table5 td {
text-align: left;
}
@media (min-width: 1170px) {
.rwd-table5 th, .rwd-table5 td {
display: table-cell;
padding: .25em .5em;
}
.rwd-table5 th:first-child, .rwd-table5 td:first-child {
border-left: 0 none;
padding-left: 0;
width: 5%;
}
.rwd-table5 th:last-child, .rwd-table5 td:last-child {
padding-right: 0;
}
}
.rwd-table5 {
border-bottom: 1px solid #ffffff;
color: #0e74d6;
overflow: hidden;
text-transform: capitalize;
background: #fff;
}
.rwd-table5 tr {
background: #ffffff none repeat scroll 0 0;
border-color: #d5d5d5 #d5d5d5 #d5d5d5 #d4d4d4;
border-left: 1px solid #d4d4d4;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.rwd-table5 th, .rwd-table5 td {
margin: .5em 1em;
}
@media (min-width: 1024px) {
.rwd-table5 th {
padding: 1em !important;
}
.rwd-table5 td {
padding: 8px !important;
}
}
@media (max-width: 1170px) {
.rwd-table5 tr:first-child {
border-bottom: none;
}
.rwd-table5 tr [data-th] {
width: 170%;
}
.rwd-table5 th, .rwd-table5 td::before {
background: none !important;
}
}
.rwd-table5 td {
width: 10%;
padding-left: 16px !important;
border-bottom: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
.rwd-table5 th, .rwd-table5 td:before {
background: #ebeded none repeat scroll 0 0;
color: #000000;
font-size: 14px;
font-weight: 600;
padding: 0 10px;
}
.td-color {
background: #eeeeee;
}
.fixed_headers5 {
border-collapse: collapse;
font-family: arial;
font-size: 13px;
font-weight: normal;
table-layout: fixed;
width: 100%;
}
.fixed_headers5 thead {
background-color: #28b6b7;
color: #fdfdfd;
}
.fixed_headers5 thead tr {
display: block;
position: relative;
}
.fixed_headers5 th:nth-child(1) {
border-right: 1px solid #ffffff;
min-width: 130px;
padding: 10px 5px;
}
.fixed_headers5 th:nth-child(2) {
border-right: 1px solid #ffffff;
min-width: 258px;
padding: 0 5px;
}
.fixed_headers5 th:nth-child(3) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 164px;
}
.fixed_headers5 th:nth-child(4) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 163px;
}
.fixed_headers5 th:nth-child(5) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 181px;
}
.fixed_headers5 tbody {
background: #ffffff none repeat scroll 0 0;
display: block;
height: 300px;
overflow: auto;
width: 100%;
}
.fixed_headers5 th {
padding: 10px 0;
}
.fixed_headers5 th {
border-right: 1px solid #d5d5d5;
padding-left: 16px;
width: 10%;
}
/************************************************************ 5 ROW  CLOSED*********************************************************************************/
/************************************************************ 4 ROW *********************************************************************************/
.rwd-table4 {
margin: 0;
width: 100%;
}
.rwd-table4 tr {
border-bottom: 1px solid #ddd;
}
.rwd-table4 tr a {
color: #ffffff;
text-decoration: none;
text-align: center;
}
.rwd-table4 tr:last-child {
border-bottom: none;
}
.rwd-table4 th {
display: none;
}
.rwd-table4 td {
display: block;
}
.rwd-table4 td:first-child {
padding-top: .5em;
}
.rwd-table4 td:last-child {
padding-bottom: .5em;
}
.rwd-table4 td:before {
content: attr(data-th) ": ";
font-weight: bold;
width: 50%;
display: inline-block;
}
@media (min-width: 1040px) {
.rwd-table4 td:before {
display: none;
}
.rwd-table4 td:before {
content: attr(data-th) ": " !important;
font-weight: bold !important;
}
}
@media (min-width: 1024px) {
.rwd-table4 td::before {
font-weight: bold;
text-align: right;
width: 6.5em;
}
}
@media (max-width: 1024px) {
.fixed_headers4 thead {
display: none !important;
}
.rwd-table4 td::before {
font-weight: bold !important;
text-align: right !important;
width: 25%;
}
}
.rwd-table4 th, .rwd-table4 td {
text-align: left;
}
@media (min-width: 1170px) {
.rwd-table4 th, .rwd-table4 td {
display: table-cell;
padding: .25em .5em;
}
.rwd-table4 th:first-child, .rwd-table4 td:first-child {
border-left: 0 none;
padding-left: 0;
width: 5%;
}
.rwd-table4 th:last-child, .rwd-table4 td:last-child {
padding-right: 0;
}
}
.rwd-table4 {
border-bottom: 1px solid #ffffff;
color: #0e74d6;
overflow: hidden;
text-transform: capitalize;
background: #fff;
}
.rwd-table4 tr {
border-color: #d5d5d5;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.rwd-table4 th, .rwd-table4 td {
margin: .5em 1em;
}
@media (min-width: 1024px) {
.rwd-table4 th {
padding: 1em !important;
}
.rwd-table4 td {
padding: 8px !important;
}
}
@media (max-width: 1170px) {
.rwd-table4 tr:first-child {
border-bottom: none;
}
.rwd-table4 tr [data-th] {
width: 170%;
}
.rwd-table4 th, .rwd-table4 td::before {
background: none !important;
}
}
.rwd-table4 td {
width: 10%;
padding-left: 16px !important;
border-bottom: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
-webkit-border-after: 1px solid #d5d5d5;
}
.rwd-table4 th, .rwd-table4 td:before {
background: #ebeded none repeat scroll 0 0;
color: #000000;
font-size: 14px;
font-weight: 600;
padding: 0 10px;
}
.td-color {
background: #eeeeee;
}
.fixed_headers4 {
border-collapse: collapse;
font-family: arial;
font-size: 13px;
font-weight: normal;
table-layout: fixed;
width: 100%;
border-left: 2px solid #EEEEEE;
}
.fixed_headers4 thead {
background-color: #28b6b7;
color: #fdfdfd;
}
.fixed_headers4 thead tr {
display: block;
position: relative;
}
.fixed_headers4 th:nth-child(1) {
border-right: 1px solid #ffffff;
min-width: 167px;
padding: 10px 5px;
}
.fixed_headers4 th:nth-child(2) {
border-right: 1px solid #ffffff;
min-width: 333px;
padding: 0 5px;
}
.fixed_headers4 th:nth-child(3) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 155px;
}
.fixed_headers4 th:nth-child(4) {
border-right: 1px solid #ffffff;
padding: 10px 5px;
width: 168px;
}
.fixed_headers4 tbody {
background: #ffffff none repeat scroll 0 0;
display: block;
height: 300px;
overflow: auto;
width: 100%;
}
.fixed_headers4 th {
padding: 10px 0;
}
.fixed_headers4 th {
border-right: 1px solid #d5d5d5;
padding-left: 16px;
width: 10%;
}
/************************************************************ 4 ROW *********************************************************************************/
/************************************************************ Table responsive Design *********************************************************************************/
@media (max-width: 1280px) {
.fixed_headers th:nth-child(1) {
min-width: 81px !important;
}
.fixed_headers th:nth-child(2) {
min-width: 160px !important;
}
.fixed_headers th:nth-child(3) {
min-width: 160px !important;
}
.fixed_headers th:nth-child(4) {
min-width: 160px !important;
}
.fixed_headers th:nth-child(5) {
min-width: 160px !important;
}
.fixed_headers th:nth-child(6) {
min-width: 160px !important;
}
.fixed_headers th:nth-child(7) {
min-width: 160px !important;
}
.fixed_headers4 th:nth-child(1) {
min-width: 118px;
}
.fixed_headers4 th:nth-child(2) {
min-width: 236px;
}
.fixed_headers4 th:nth-child(3) {
min-width: 160px;
}
.fixed_headers4 th:nth-child(4) {
min-width: 194px;
}
.fixed_headers5 th:nth-child(1) {
min-width: 93px;
}
.fixed_headers5 th:nth-child(2) {
min-width:  184px;
}
.fixed_headers5 th:nth-child(3) {
min-width: 133px;
}
.fixed_headers5 th:nth-child(4) {
min-width: 164px;
}
.fixed_headers5 th:nth-child(5) {
min-width: 216px;
}
}
/************************************************************ Table responsive Design *********************************************************************************/
.heading h3 {
margin-bottom: 0 !important;
}
.btn-new-red {
background: #c50000 none repeat scroll 0 0;
border: 1px solid #ffffff;
border-radius: 5px;
color: #ffffff;
cursor: default;
display: inline-block;
padding: 7px 28px;
}
.btn-new-green {
background: #008000;
border: 1px solid #ffffff;
border-radius: 2px;
color: #fff;
cursor: default;
display: inline-block;
padding: 7px 28px;
}
.color-clas {
padding: 20px 0;

}
.color-clas-1 {
background: #FFF;
box-shadow: 1px 4px 7px 0 #9a9a9a;
padding: 52px 0;
}
.col-color {}
/*************23-06-2017*****************/
.table-bordered {
border: none;
}
@media only screen and (max-width: 800px) {
#no-more-tables2 table, #no-more-tables2 thead, #no-more-tables2 tbody, #no-more-tables2 th, #no-more-tables2 td, #no-more-tables2 tr {
display: block;
}
#no-more-tables2 thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#no-more-tables2 tr {
border: 1px solid #ccc;
}
#no-more-tables2 td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left;
}
#no-more-tables2 td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
#no-more-tables2 td:before {
content: attr(data-title);
}
}
#no-more-tables2 th {
background: #26b4b5 none repeat scroll 0 0;
border-bottom: medium none #f7f7f7;
border-top: medium none #f7f7f7;
color: #ffffff;
font-family: arial;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
padding: 10px 9px;
}
.top-side-inner {
color: #ffffff;
display: block;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
margin: 0 15px;
overflow: hidden;
padding: 10px;
}
.inner-modal-1 {}
.inner-modal-2 {
text-align: right;
}
.inner-modal-2 .name-visitor {
border-bottom: 1px dotted #000000;
font-size: 15px;
font-weight: normal;
margin-left: 10px;
}
.welcome {
color: #333;
font-size: 25px;
padding-bottom: 5px;
text-align: center;
}
.persion-name .society-name {
color: #313131;
font-family: "OpenSans-Regular";
font-size: 22px;
font-weight: bold;
letter-spacing: 2px;
padding: 0.5em;
text-align: center;
text-transform: uppercase;
word-spacing: 4px;
}
.btnOtpQ {
    background-color: #c16631!important;
    border: 1px solid #c16631!important;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    margin: 5px;
    padding: 7px 10px;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.video-button {
    background: #c16631!important;
    border: 1px solid #c16631!important;
    border-radius: 2px;
    color: #ffffff;
    display: table;
    font-size: 15px;
    margin: 13px 0;
    padding: 7px 20px;
    transition: all 1s ease 0s;
}
.video-button:hover {
    background-color: #fff;
    border: 1px solid #ca6c32;
    color: #fff!important;
}
.line-box {
background: #ca6c32;
height: 3px;
margin: 0 auto;
width: 100px;
}
/************************************/
.table-striped > tbody > tr:nth-of-type(2n+2) {
background-color: #EEEEEE;
}
.line-bar {
background: #ffffff;
clear: both;
display: table;
height: 1px;
margin: 0 auto 55px;
width: 200px;
}
.clon-line .logo img {
width: 150px;
}
 @media only screen and (max-width: 800px) {
#no-more-tablesza table, #no-more-tablesza thead, #no-more-tablesza tbody, #no-more-tablesza th, #no-more-tablesza td, #no-more-tablesza tr {
display: block;
}
#no-more-tablesza thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#no-more-tablesza tr {
border: 1px solid #ccc;
}
#no-more-tablesza td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left;
}
#no-more-tablesza td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
#no-more-tablesza td:before {
content: attr(data-title);
}
}
#no-more-tablesza {
background: #ffffff;
height:430px;
overflow-y: scroll;
}
.cf thead tr {
background: #26988a;
color: #fff;
}
.cf thead tr th {
padding-top: 10px;
padding-bottom: 10px;
font-weight:normal;
padding-top: 10px;
padding-bottom: 10px;
font-weight: normal;
letter-spacing: 0.5px;
}
.col-style {
width: 100%;
}
.logo-style{  
background:#ca6c32;
display: inline-block;
padding: 7px;
width: 100%;
}
.logo-style .logo-img img{ 
width: 50px; 
float:left;
}
.logo-style .logo-right-text h4{
color: #ffffff;
font-family: "OpenSans-Regular";
font-size: 16px;
letter-spacing: 1px;
line-height: 21px;
text-align: center;
text-transform: uppercase;
word-spacing: 0;
}
.main-file-v {
background: #fff;
border-radius: 4px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 3.5% auto;
max-width: 100%;
overflow: hidden;
}
.form-ca {
background: rgba(0, 0, 0, 0) url("../img/wood-1.png") repeat scroll 0 0;
box-shadow: 0 0px 16px 10px rgba(255, 255, 255, 0.2);
margin: 3.5% auto 6.5%;
max-width: 100%;
overflow: hidden;
padding: 0 0 2em 0;
border-radius: 4px;
}
.form-ca .header {
background: #21929F;
border-bottom: 0.5px solid #fff;
text-align: center;
padding: 7px 15px;
padding: 7px 0px;
font-size: 18px;
color: #fff;
text-align: right;
}
.field-wraper h3 {
color: #313131;
font-family: "OpenSans-Regular";
font-size: 18px;
letter-spacing: 1px;
padding: 0;
}
.field-wraper {
margin: 2% auto;
max-width: 500px;
overflow: hidden;
}
.clon-line-y1 {
color: #ffffff;
    float: right;
    margin: 1em 6em;
    text-align: center;
}
.clon-line-y1 .logo-y1 {
width: 110px;
border-radius: 5px;
margin: 0 auto;
margin-top: 2%;
}
.clon-line-y1 h4 {
color: #333;
font-family: "OpenSans-Regular";
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
word-spacing: 4px;
}
.button-block-b-1 {
background: #ca6c32;
border: 1px solid #451d04;
color: #ffffff;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 9px 0 0;
overflow: hidden;
padding: 7px;
text-transform: uppercase;
width: 100%;
display:block;
transition: all 1s ease 0s;
}
.button-block-b-1:hover {
opacity: 0.8;
}
.btn-new-back a {
    border: 1px solid #fff!important;
 }
.search input{
border: 1px solid #c0c0c0;
border-radius: 2px;
font-size: 15px;
margin-right: -13px;
margin-top: 35px;
padding: 3px 10px;
width: 244px;
}
@media (max-width:480px){
.btnOtp {
margin-left: 15px;
}
}
@media (max-width:360px){
.logo-style .logo-right-text h4 {
float: right;
font-size:13px;
line-height: 20px;
}
.logo-style .logo-img img {
float: left;
width: 108px;
}
.btnOtp {
margin-left: 15px;
}
}
@media (min-width:320px) and (max-width:640px){
.logo-style .logo-right-text h4 {
text-align:right;
}
}
@media (min-width:640px) and (max-width:768px){}
@media (min-device-width: 800px) and (max-device-width: 1280px) {}
@media screen and (min-width:60em) and (max-width:89.9999em) {
.form-c{ 
width:85% !important;
}
}
@media (max-width: 480px){
.clon-lineb {
margin: 2em 0 !important;
}
.form-1b {
margin: 0.3em 2%;
top: 1%;
}
.footer-sction {
padding: 0;
}
.clon-lineb .logob img {
width: 95px;
}
.clon-lineb h4 {
font-size: 14px;
}
.button-block-c {
font-size: 13px;
margin: 1em auto 5px;
padding: 6px;
}
.footer-sction{ 
display:none;
}
}
@media (max-width: 640px) {
.left-sides {
width: 100%;
min-height:auto !important;
}
.right-sides {
width: 100%;
padding:0;
min-height:auto !important;
}
.clon-lineb {
margin: 5.5em 0 4em 0;
}
.field-wrap-2z {
margin: 1em 0;
padding: 0 20px;
}
}
@media (min-width:768px){
.field-wrap-2z h3 {
font-size: 16px;
}
.right-sides {
min-height: auto;
padding: 0.5em 0 2.5em 0;
width: 50%;
}
.left-right-inner {
background: url(../img/bg-pattern.png);
}
.left-sides {
min-height: auto;
padding: 1em;
width: 50%;
}
.clon-lineb {
margin: 1em 0 1em 0;
}
}
.margin-space{ 
padding:0 20px;
}
.button-block-1c{
background: #00989e;
border: 1px solid #ffffff;
color: #ffffff;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 20px 0 0;
overflow: hidden;
padding: 7px;
text-transform: uppercase;
width: 130px;
border-radius:2px;
transition:all 1s ease 0s;
}
.button-block-1c:hover {
background: #048389 none repeat scroll 0 0;
border: 1px solid #ffffff;
color: #ffffff;
opacity: 0.9;
}
.button-blocknew2 {
background: #048389;
border: medium none;
border-radius: 2px;
color: #ffffff;
display: table;
float: right;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
margin: 8px 0 0;
overflow: hidden;
padding: 7px;
width: 115px;
transition:all 1s ease 0s;
}
.button-blocknew2:hover {
opacity:0.9
}
.reportbtn {
background: #00989e none repeat scroll 0 0;
border: 1px solid #ffffff;
color: #ffffff;
display: table;
text-decoration:none;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
margin: 9px 0 0;
overflow: hidden;
padding: 7px;
text-transform: uppercase;
width: 223px;
transition: all 1s ease 0s;
}
.reportbtn:hover {
color:#fff;
text-decoration:none;
}
.modal-body-2{    
padding: 20px 3em 0px 3em;
display: table;
width: 100%;
}
@media (max-width:1024px){
.modal-body-2{    
padding: 20px 1em;
}
}
.top-down{ 
margin-top: 10px;
display: block;
text-align: right;
}
.main-contaner-a1 {
background: #313131;
border-top: 1px solid #313131;
border-left: 1px solid #313131;
border-right: 1px solid #313131;
margin: 0 auto;
max-width: 80%;
overflow: hidden;
}
.main-contaner-a1 .model-2-a1 {
/*border-left: 1px solid #ffffff;*/
color: #ffffff;
float: left;
text-transform: uppercase;
margin: 0;
overflow: hidden;
padding: 10px;
width: 100%;
}
.main-contaner-a1 p{ 
text-align:center; 
margin:0; 
padding:0;
}
.button-block-3aa{
background: #28b6b7;
border: medium none;
border-radius: 2px;
color: #fff;
float: right;
margin: 10px 7px;
padding: 6px 13px;
}
.button-block-3aa:hover{
opacity:0.9;
}
.modal-body-2e {
display: table;
overflow: hidden;
padding: 20px 0;
width: 100%;
}
.img-slide{}
.img-slide img{
border: 1px solid #c9c9c9;
border-radius: 100%;
display: block;
height: 80px;
margin: 20px auto;
overflow: hidden;
padding: 0;
width: 80px;
}
.div-padding12 {
display: inline-block;
margin: 0 auto 0;
padding: 4px 10px;
width: 100%;
}




.profile-1 .detailsw{}
.profile-1 .detailsw .titlew {
border-bottom: 1px solid #e05007;
margin-bottom: 1em;
overflow: hidden;
background: #e8e8e8;
border-color: #D71A21;
padding: 8px 0;
border-radius: 3px;
}
.profile-1 .detailsw .titlew h3 {
    color: #333;
    line-height: 14px;
    display: inline-block;
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 3px;
}
.new-buttonw {
background: #451d04;
border: medium none;
border-radius: 3px;
display: inline-block;
float: right;
overflow: hidden;
text-align: center;
font-size: 14px;
padding: 10px 15px;
margin: 0;
line-height:14px;
}
.new-buttonw:hover {
    background: #451d04;
    color: #fff;
    text-decoration: none;
	outline:none;
}
.new-buttonw:active {
    background: #451d04;
    color: #fff;
    text-decoration: none;
	outline:none;
}
.new-buttonw:focus {
    background: #D71A21;
    color: #fff;
    text-decoration: none;
	outline:none;
}
.pannel-main-1w {
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    display: block;
    overflow: hidden;
    width: 100%;
}
@media (min-width: 640px){
.box-main-11w {
    font-weight: bold;
}
}
.box-main-21w {
    overflow: hidden;
    padding: 10px;
    width: 100%;
}
.box-main-11w {
    overflow: hidden;
    padding: 10px;
    width: 100%;
    border-right: 1px solid #cccccc;
}
.detailsw .div{
width: auto;
margin: 4em auto 0 auto;
max-width: 600px;
}


.form-control4 {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


input:-webkit-autofill{
	-webkit-box-shadow:0 0 0px 1000px #fff inset;
}
input:-webkit-autofill:focus, input:-webkit-autofill:activ, input:-webkit-autofill:hover{
	-webkit-box-shadow:0 0 0px 1000px #fff inset;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px\13;
    margin-left: -100px;
}
.x-w1 {
    display: inline-block;
    width: 100%;
    background: #f9f9f9;
    padding: 20px 0;
	 font-size: 15px;
    font-weight: 600;
    color: #6b6b6b;
    text-transform: uppercase;
}.p-w1 {
        margin-bottom: 5px;
}





#form-select-id .form-select-id-inner {
background: #ffffff none repeat scroll 0 0;
left: 0;
margin: 0 auto;
max-width: 50%;
position: absolute;
right: 0;
top: 25%;
border-radius: 1px;
box-shadow: 0 0 0 8px #e0500799;
}
.manager-list{
overflow:hidden;
padding: 10px 2em;
}
.group-p{
display:inline-block;
width:100%;
margin-bottom:15px;
}
.group-p input{
width: 100%;
padding: 10px;
border: 1px solid #bbbbbb;
font-size: 15px;
letter-spacing: 0.5px;
margin-top: 0;
}
.group-p select{
width: 100%;
padding: 10px;
border: 1px solid #bbbbbb;
font-size: 15px;
letter-spacing: 0.5px;
margin-top: 0;
}
.group-p input, .group-p select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.manager-button1 input{
width: 100%;
padding: 10px;
border: 1px solid #483429;
font-size: 15px;
letter-spacing: 0.5px;
background:#483429;
color:#fff;
margin-top:0;
}
.btn-red{}
.btn-red button{
color: #fff;
background: #da7102;
border: none;
border-radius: 2px;
font-size: 14px;
letter-spacing: 0.5px;
padding: 3px 10px;
}
.btn-red  button:hover{}

.btn-green{}
.btn-green button{
color: #fff;
background: #038003;
border: none;
border-radius: 2px;
font-size: 14px;
letter-spacing: 0.5px;
padding: 3px 10px;
}
.btn-green  button:hover{}
.flex-body-right{}
#canvas{ 
/*width:100%;*/
}
.border-line{ 
background:#cacaca; 
height:1px; 
width:100%; 
margin:20px 0;
}
.padding-page{
padding:4em 0;
}

.main-contaner-as{
margin: 0 auto 2em auto;
overflow: hidden;
}
.main-contaner-as p{
text-align: center;
margin: 0;
padding: 8px;
color: #e14f05;
font-size: 18px;
letter-spacing: 0.5px;
border-bottom: 1px solid;
}


.qustion-page{}

.qustion-box{
margin-bottom: 15px;
width: 100%;
}
.qustion-box .qustion{
font-size: 16px;
/* font-weight: 600; */
letter-spacing: 0.5px;
padding: 5px 0;
}
.qustion-box .ans{
font-size: 16px;
font-weight: normal;
letter-spacing: 0.5px;
padding: 5px 0;
}
.qustion-box .answwp{
font-size: 16px;
font-weight: normal;
letter-spacing: 0.5px;
padding: 5px 0;
}



.qustion-box .qustion span{
color: #e14f05;
margin-right: 10px;
width: 35px;
display: inline-block;
}
.qustion-box .ans span{
color: #867e78;
/* font-weight: bold; */
margin-right: 10px;
width: 35px;
display: inline-block;
}


.qustion-box .ans{
font-size: 16px;
font-weight: normal;
letter-spacing: 0.5px;
padding: 5px 0;
}

.answwp{
font-size: 16px;
font-weight: normal;
letter-spacing: 0.5px;
padding: 5px 0;
}
.qustion-boxww{
margin-bottom: 15px !important;
width: 100% !important;
}
.qustion-boxww .qustionww {
color: #333 !important;
/* font-weight:bold; */
display: inline-block !important;
}
.qustion-boxww .qustionww span{
color: #333 !important;
margin-right: 10px !important;
width: 35px !important;
/* font-weight:bold; */
display: inline-block !important;
}
.qustion-boxww .answw span{
color: #867e78!important;
/* font-weight: bold !important; */
margin-right: 10px !important;
width: 35px !important;
display: inline-block !important;
}





.first-large-headding-ns{
font-size: 18px;
font-weight: 600;
color: #451d04;
margin: 15px 0;
letter-spacing: 0.5px;
display: table;
border-bottom: 2px solid #e14f05;
}



.fsc-loging-form-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  	background: #fff;
}
.fsc-loging-form-left-sides {
    width: 50%;
     padding: 3em 1em;
   /* background: #fff;*/
    border-right: 1px solid #ddd;
}
.fsc-loging-form-right-sides {
    width: 50%;
    padding: 3em 1em;
}
.fsc-loging-clone {
    color: #ffffff;
    text-align: center;
    padding: 5em 0;
}
.fsc-loging-clone {
    color: #ffffff;
    text-align: center;
}
.fsc-loging-clone h4 {
    color: #313131;
    letter-spacing: 1px;
    text-transform: uppercase;
    word-spacing: 1px;
    font-size: 16px;
    line-height: 23px;
}
.fsc-loging-field {
    margin: 2em 1em 2em 1em;
    overflow: hidden;
}

.fsc-loging-new-group {
    margin-bottom: 15px;
    display: inline-block;
	width:100%;
}
.fsc-loging-new-group input {
border: 1px solid #dbdbdb;
padding: 8px 10px;
width: 100%;
border-radius: 2px;
font-size: 15px;
letter-spacing: 0.5px;
margin: 0;
}
.fsc-loging-button-block button {
    background: #c16631;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 8px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: all 1s ease 0s;
    border-radius: 3px;
    font-weight: normal;
}
.fsc-loging-button-block button:hover {
    opacity: 0.8;
}
.fsc-loging-logob img {
    border-radius: 5px;
    margin: 0 auto 0;
    
}
.fsc-loging-new-group label{ 
color: #313131;
margin:0 0 3px 0;
font-weight:normal;
font-size:14px;
letter-spacing:0.5px;
}

.form-main-page{}
.form-main-page-form-inn {
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 0em auto;
overflow: hidden;
max-width: 1100px;
/*height: 850px;*/
background:#fff;
/*background: url(../img/entry3.jpg);*/
}
.form-main-page-form-inn .header {
background: #ca6c32;
text-align: center;
padding: 7px 15px;
padding: 7px 0px;
font-size: 18px;
color: #fff;
text-align: right;
}

.col-div-col input:focus {
outline: 0;
border-color: #ca6c32;
}


.persion-name-second {}
.center-cover-second{
padding: 10px 2em;
}
.persion-name-panel-body{
font-size: 18px;
letter-spacing: 0.5px;
display: inline-block;
width: 100%;
background: #f0f0f0;
padding: 10px 2em;
margin-bottom: 20px;
color: #000;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
padding:7px;
}

.persion-name-panel-body-left-right{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
width: 100%;
background: #f0f0f0;
padding: 14px 2em;
margin-bottom: 20px;
}
.p-left{
width:70%;
margin-top: 5px;
}
.p-right{
width:30%;
}
.visitor-name-headding{
font-size: 18px;
letter-spacing: 0.5px;
color: #000;
display: inline-block;
margin-right: 15px;
border-right: 2px solid #ca6c32;
padding-right: 15px;
}
.p-right input{
margin: 0;
padding: 7px 10px;
width: 100%;
font-size: 16px;
border: 1px solid #c2c2c2;
}
.p-right input:focus{
border: 1px solid #42b7bd;
}
.p-right input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px #fff inset
}
input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px #fff inset
}

.tab-page-bttn{
display: inline-block;
}
.tab-page-bttn span{
padding: 5px 13px;
margin: 1px;
color: #fff;
font-size: 14px;
font-style: italic;
border-radius: 3px;
display: inline-block;
}
.btn-p{
background: #ca6c32 !important;
}
.btn-p-1{
background:  #bd2025!important;
}
.btn-p-2{
background: #0e7d3e !important;
}

.div-camera{
display: inline-block;
width: 100%;
margin: 2em 0;
}
.div-camera label{
color: #ca6c32;
font-weight: normal;
font-size: 18px;
letter-spacing: 0.5px;
background: #eee;
width: 100%;
padding: 10px;
text-align: center;
border-radius: 2px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #f9f9f9;
opacity: 1;
}
@media (max-width: 600px){
.visitor-name-headding {
margin-bottom: 5px;
}
.form-main-page-form-inn .header {
font-size: 16px;
}
}
@media (max-width: 700px){
#nav-trigger span {
padding: 2px 30px;
}
.form-main-page-form-inn {
margin: 0em auto 2em auto;
max-width: 1000px;
}
.persion-name-panel-body-left-right {
padding: 14px 0em;
}
.p-left {
width: 90%;
margin-bottom:7px;
margin-left: auto;
margin-right: auto;
}
.p-right {
margin-left: auto;
margin-right: auto;
width: 90%;
}


.form-1b {
max-width: 100%;
margin:15px auto;
}
.fsc-loging-form-inner {
display: block;
}
.fsc-loging-form-left-sides {
width: 100%;
padding: 1em;
}
.fsc-loging-form-right-sides {
width: 100%;
padding: 1em;
}
.fsc-loging-clone {
padding: 1em 0;
}
.fsc-loging-field {
margin: 1.4em 0em 1.4em 0em;
}
}


@media (max-width: 768px){
.form-1b {
max-width: 85% !important;
top: 8% !important;
}
	
}


.welcome-area{
    width: 70%;
    margin: 0 auto;
}
.welcome-data{

}
.welcome-data img{
        margin: 0 auto;
    width: 100px;
}
.welcome-data h4{
    text-align: center;
        margin-bottom: 20px;
}
.welcome-data1{
display: flex;
justify-content: space-around;
}
.welcome-data1 .welcome-button{
    width: 180px;
    height: 180px;
    background: #ca6c32;
    border-radius: 50%;
    margin: 10px;
}
.welcome-data1 .welcome-button img{
       width: 180px;
    height: 180px;
    background: #ca6c32;
    border-radius: 50%;
}
.welcome-data2{
display: flex;
justify-content:center;
}
.welcome-data2 .welcome-button img{
  /* width: 150px;
    height: 150px;
    background: #ca6c32;
    border-radius: 50%;*/
}
.welcome-data2 .welcome-button img{
    /*border: 1px solid #0072a8;*/
}
@media(max-width: 960px){
	.clon-line-y1 {
    color: #ffffff;
    float: right;
    margin: 2em 6em;
    text-align: center;
}
	.persion-name .society-name {
padding: 1.5em;
}
	.form-main-page-form-inn {
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 2em auto;
    overflow: hidden;
    /* max-width: 1100px; */
    max-width: 90%;
    height: 850px;
    /* background: #fff; */
    /* background: url(../img/entry3.jpg); */
}
	.welcome-data1 .welcome-button{
    width: 230px;
    height: 230px;
    background: #ca6c32;
    border-radius: 50%;
    margin: 20px;
}
.welcome-area {
    width: 90%;
    margin: 0 auto;
}
.welcome-data1 .welcome-button img{
       width: 230px;
    height: 230px;
    background: #ca6c32;
    border-radius: 50%;
}
.form-main-page-form-inn {
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    margin: 0em auto;
    overflow: hidden;
    max-width: 100%;
    height: 950px;
}
}
@media (max-width:768px){
	.footer-sction a{
font-size: 12px!important;
}
.welcome-area {
    width: 80%;
    margin: 0 auto;
}
.fsc-layout .fsc-button a {
    font-size: 10px!important;
    padding: 10px 10px!important;
    margin: 0 0 0 2px;
}
}
@media (max-width: 576px){
.welcome-area {
    width: 100%;
    margin: 0 auto;
}
.welcome-data1 .welcome-button{
    width: 150px;
    height: 150px;
    background: #ca6c32;
    border-radius: 50%;
    margin: 10px;
}
.welcome-data1 .welcome-button img{
       width: 150px;
    height: 150px;
    background: #ca6c32;
    border-radius: 50%;
}
.field-wrap{
	margin: 0;
}
}
@media(max-width: 576px){
	.main-contaner-a1 {
    max-width: 100%;
}
.div-padding1{
	padding: 2px!important;
}
.main-contaner,
.main-contaner-b{
    max-width: 100%;
}
.main-contaner-b .model-2-b,
.main-contaner-b .model-1-b{
width: 50%;
float: left;
    border-left: 1px solid #ddd!important;
}
.container{
	padding: 0;
}
.main-contaner .model-2 img{
width: 100px;
}
.main-contaner .model-1,
.main-contaner .model-2 {
	width: 50%!important;
    border-left: 1px solid #ddd!important;
}
.main-contaner .model-1{

}
.clon-line-y1 {
    color: #ffffff;
    float: right;
    margin: 0em 3em;
    text-align: center;
}

}

.button-conformd {
    background: #bd2025!important;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease 0s;
}