@import "https://fonts.googleapis.com/css?family=Raleway";
/*----------------------------------------------
CSS settings for HTML div Exact Center
------------------------------------------------*/
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    margin-left: 13% !important;
}
#UserProfileModal .flag-container,#UserFeedbackModal .flag-container{
    margin-left: 1% !important;
}
#detailsForm  .intl-tel-input.allow-dropdown .flag-container{
     margin-left: 1% !important;
     margin-top: 16px;

}
.withclass_selection ..form-control{
    width: 85px !important; 
}
#browse-search-data-body td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.class_lable label{
    margin-left: 4px;
}
table.dataTable.display tbody td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
#registrationForm .passwor_mach{
    margin-left: 10px;
}
.mobile_view_image{
    display: none;
}
#mobile_avatar_image{
    display: none ;
}
#browse-search-data-body a{
    font-size: 19px !important;
}
.serchbox-table-class{
	width:90%!important;
}
.form-control{

    padding: 0px 12px !important;
}
#tablepagenation{
	margin-top:-10px !important;
}


#registrationForm input {
    width: 75% !important;
    margin-left: 12.5%;
}

#userRegistrationForm  .btn-success  a,#userRegistrationForm  .btn-success  a:hover
{
	
	color:#fff;
}

select,option,select#role{
   /*  width: 100% !important;
 /*   margin-left: 12.5%;*/
}


#abc {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}
div#popupContact {
position:absolute;
left:50%;
top:17%;
margin-left:-202px;
font-family:'Raleway',sans-serif
}
form {
min-width:250px;
padding:10px 50px;
border:2px solid gray;
border-radius:10px;
background-color:#fff;
}

h2 {
background-color:#FEFFED;
padding:20px 35px;
margin:-10px -50px;
text-align:center;
border-radius:10px 10px 0 0
}
hr {
margin:10px -50px;
border:0;
border-top:1px solid #ccc
}
#multi{
width:96% !important;
/*padding:22px;*/
height:47px;
margin-top:20px;
border:1px solid #ccc;
padding-left:20px !important;
font-size:16px;
}
#name {
background-image:url(../images/name.jpg);
background-repeat:no-repeat;
background-position:5px 7px
}
#email {
background-image:url(../images/email.png);
background-repeat:no-repeat;
background-position:5px 7px
}
textarea {
background-image:url(../images/msg.png);
background-repeat:no-repeat;
background-position:5px 7px;
width:82%;
height:95px;
padding:10px;
resize:none;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway;
margin-bottom:30px
}
#submit {
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#FFBC00;
color:#fff;
border:1px solid #FFCB00;
padding:10px 0;
font-size:20px;
cursor:pointer;
border-radius:5px
}
@media only screen
and (min-device-width : 250px)
and (max-device-width : 800px) {

    /*  mobile menu color */
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff !important;
}

.map_heading p{
    font-size: 18px !important;
}
#header {
    margin-top: -5px !important;
}
form {
    min-width: 250px;
    padding: 10px 0px  !important;
}
#table_width_overflow {
        display: block;
        overflow-x: auto;
}
.table_width_overflow {
    display: block;
    overflow-x: auto;
}   

.vrspace {
    height:75px;
    display:block;
}
}
@media only screen
and (min-device-width : 300px)
and (max-device-width : 420px) {
#mappingblock1{
margin-left: -37px !important;
font-size: 10px !important;
}
#subtable2 {
    font-size: 9px;
    margin-left: -27px;
    margin-top: 19px;
}

}

@media only screen
and (min-device-width : 200px)
and (max-device-width : 768px) {
.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-left: 19px;
}
#gravatar_image{
    display: none;
}
#mobile_view_image{
    display: initial; !important;
}
#mobile_avatar_image {
    display: inline-block !important;
    float: right;
    margin-top: 10px;
    margin-right: 26px;
}
.mobile_lang_selection {
    display: inline-block !important;
    float: right;
    margin-top: 7px;
    margin-right: 16px !important;
}
.desktop_view_lang{
    display: none !important;
}
#vaakya_image{
    margin-left: 11% !important;
    width: 100% !important;
}

.browse_block #vaakya_image {
    margin-left: 0% !important;
    margin-bottom: -98px;
}

.browse_block p {
    margin-left: 0% !important;
     margin-top: 100px; 
}
.withclass_selection .form-control{
    width: 100% !important;
}
}

.mobile_lang_selection{
    display: none;
}
.desktop_view_lang{
    display: inline-block;
}
#mobile_avatar_image{
    display: none ;
}
/*.telugu_body_fontstyle #vaakya_image,.kannada_body_fontstyle #vaakya_image {
    width: 301px !important;
    height: 186px  !important;
}
.devanagari_body_fontstyle #vaakya_image{
    width: 373px!important;
    height: 142px;
    margin-top: 30px !important;
}*/
#example a,#example1 a {
color:#333!important;
text-decoration:none;
}

#example a:hover,#example1 a:hover {
text-decoration:underline!important;
color:#333!important;
}


/* application color theme css */

.navbar-inverse {
    background: #558B2F !important;
    border: #558B2F !important;
}

#header {
    background: #64Dd17  !important;
}

.footer {
    background: #558B2F !important;
    color: #fff  !important;
}
.footer a {
    color: #fff  !important;
}

/* replace body old background color with new background color */

.modal-title {
    color: #fff !important;
}

.modal-header{
    background-color:#558B2F !important;
    }   

.frame {
    background-color: #F0F4C3;
    border: 1px solid #F0F4C3;
    box-shadow: 0 1px 3px;
}


/* table header background color and color css */

 /* table header background color css */
 table.dataTable thead tr {
    background-color: #800000 !important;
    color: #fff !important;
}

.table_style{
    background-color: #800000 !important;
    color: #fff !important;
}