/* Credit: http://www.templatemo.com
    1. CSS Imports
    2. General Styles
    3. Sidebar
    4. Charts
    5. Preferences form
    6. Sign in form
    7. tables.html
    8. Bootstrap overrides
    9. Maps
    10. Media Queries
--------------------------------------- */

/* 1. CSS Imports
--------------------------------------- */
@import url('http://fonts.googleapis.com/css?family=Open Sans:300,400,700');

@import url(bootstrap.min.css);

/* 2. General Styles
--------------------------------------- */
* { font-family: 'Open Sans', sans-serif;
font-weight:600;
    
}
body {  background-image: url("BG2.png"); background-repeat:repeat-x relative;  margin: 0 auto;}
h1 { font-size: 24px; }
.btn a {
    color: white;
    text-decoration: none;
}
.logo { display: inline-block; }
.logo h1 {
    font-size: 24px;
    margin: 10px 15px;
}
.templatemo-content-wrapper {
    float: left;
    width: 100%;
    /*background: white;*/
}
.templatemo-content {
    margin-left: 235px;
    margin-top: 0px;
    min-height: 800px;
    padding: 25px 20px 0 20px;
    /*background-color: white;*/
    overflow-x: hidden;
    border-left: 1px solid #FFE0E0;
}
.templatemo-footer {
    clear: both;
    /* font-size: 13px; */
    padding: 8px 0 1px 0;
    text-align: center;
    color: #FFF;
    background-color: #F20000;
}
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-30 { margin-bottom: 30px; }

/* 3. Sidebar
------------------------------------------------------*/


/* 4. Charts 
--------------------------------------------*/


/* 6. Sign in Form 
--------------------------------------------*/
.templatemo-signin-form {
    padding-top: 50px;
    max-width: 600px;
    margin: 0 auto;
}
.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

/* 7. tables.html
------------------------------------------*/
#templatemo_sort_btn { margin-bottom: 20px; }

/* 8. Bootstrap overrides
----------------------------------------------*/

.list-group-item:first-child, .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-control-feedback { right: 15px; }

/* 9. Maps
------------------------------------------------------*/
.jqvmap-zoomin, .jqvmap-zoomout {
    width: 15px;
    height: 15px;
}
.vmap { height: 400px; }

/* 10. Media Queries
------------------------------------------------------*/
@media screen and (min-width: 992px) {
    .templatemo-sidebar {
        width: 235px;
        float: left;
        position: relative;
        margin-right: -100%;
        background-color: #fcfdffa1;
    }
}

@media screen and (max-width: 767px) {
    .templatemo-chart-box {
        padding-right: 0;
    }
}
/*custom css*/
#image-selector{
    display: none;
}

.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}
.id-card {
    width: 480px;
    margin: 29px auto;
    border: 9px solid rgb(225, 225, 225);
    border-radius: 4px;
    padding: 3px;
    height: 300px;
}
img.id-photo {
    width: 100px;
}
.id-card table{
    width: 100%;
}
.panel-green .panel-heading {
    border-color: #061006;
    color: #b90831;
    background-color: #050440;
}

.huge {
    font-size: 18px;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
.panel-green a:hover {
    color: #3d8b3d;
}
.panel-green a {
    color: #5cb85c;
}
.panel-yellow a:hover {
    color: #df8a13;
}
.panel-yellow a {
    color: #f0ad4e;
}
.fixed-box{
    max-width: 100%;
    margin: 0 auto;
}
.modal-process {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 9;
    color: white;
    text-align: center;
    padding: 14% 16%;
    font-size: 28pt;
    font-weight: bold;
    font-family: initial;
    font-style: italic;
    text-transform: lowercase;
}

a.child1 {
    border-bottom: 1px solid rgb(213, 213, 213);
    width: 50%;
    height: 30px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.tree-img:before {
    width: 1px;
    height: 31px;
    background: rgb(196, 196, 196);
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: -27%;
}
.tree-img {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 60px;
    overflow: hidden;
    border: 1px solid black;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}
.tree-img img{
    width: 100%;
}