﻿
.clrDiv{
    clear:both;
}
.hideThis{
    display:none;
}
.color-red{
    color:#eb0000;
}
.color-green{
    color:#11a300;
}
.color-blue{
    color:#0362b2;
}
.color-gray {
    color: #ccc;
}
.color-white {
    color: #fff;
}

.f10{ font-size:10px; }
.f11{ font-size:11px; }
.f12{ font-size:12px; }
.f13{ font-size:13px; }
.f14{ font-size:14px; }
.f15{ font-size:15px; }
.f16{ font-size:16px; }
.f18{ font-size:18px; }
.f20{ font-size:20px; }
.f22{ font-size:22px; }
.f24{ font-size:24px; }
.f26{ font-size:26px; }
.f28{ font-size:28px; }
.f30{ font-size:30px; }
.f32{ font-size:32px; }
.f34{ font-size:34px; }
.f36{ font-size:36px; }
.f46{ font-size:46px; }
.f54{ font-size:54px; }

.genBoxLbl{
    font-size:12px;
}
.active-icon {
    font-size: 50px;
    color: #ff8a00;
    background:#fff;
}
.available-icon{
    font-size:50px;
    color:#11a300;
}
.genBox4{
    text-align:center;
}
#genealogypage hr{
    padding:0px;
    margin:0px;
}
.genBoxLine{
    padding:30px 0 10px 0;
    /*background: url(/Content/graphix/vert-line.png) top no-repeat;*/
    height:140px;
}
.mainGenBox{
    background:#fff;
}
.genBoxLine div, .genBoxLine a{
    background:#fff;
}

.userphoto{
    margin:auto;
    background:#fff;
    border-radius:90px;
    -moz-border-radius: 90px;
    width:90px;
    
}

.mt-48{
    margin-top:48px;
}

/*.breadcrumb{
    background:#f9f9f9;
    border:#eee 1px solid;
}
.panel-default>.panel-heading
{
    background:#f9f9f9;
}*/
.input-validation-error{
    border:#eb0000 1px solid;
    background:#ffedda;
}
.validate_box{
    position:relative;
}
.validate_box .validate_ok{
    position:absolute;
    top:32px;
    right:10px;
    color:#11a300;
}
.validate_box .validate_wrong{
    position:absolute;
    top:32px;
    right:10px;
    color:#eb0000;
}
.validate_box .validate_ok_1{
    position:absolute;
    top:32px;
    right:98px;
    color:#11a300;
    z-index:2;
}
.validate_box .validate_wrong_1{
    position:absolute;
    top:10px;
    right:85px;
    color:#eb0000;
    z-index:2;
}
    .validate_box .validate_ok_2, .validate_box .validate_ok_3 {
        position: absolute;
        top: 35px;
        right: 85px;
        color: #11a300;
        z-index: 2;
    }
    .validate_box .validate_wrong_2, .validate_box .validate_wrong_3 {
        position: absolute;
        top: 37px;
        right: 90px;
        color: #eb0000;
        z-index: 2;
    }

.summary_box_title{
    border-top:1px solid #f9f9f9;
    margin-top:10px;
    padding-top:10px;
}

input[readonly].readonly_text{
  background-color:transparent;
}

.login_icon{
        background: #fff;
    width: 70px;
    margin: auto;
    margin-top: -50px;
    border-radius: 35px;
    -moz-border-radius:35px;
}



#myDataTable_filter input[type=search]{
        border: 1px solid #ccc;
    padding: 4px;
}


.binaryDiagram {
    background: url(graphix/tree.jpg) center 50px no-repeat;
    padding-bottom:50px;
}
    .binaryDiagram .col-xs-1 {
        width: 140px;
    }


    /*products*/
.productBox {
    border: 1px solid #ccc;
    background: #fff;
    padding:10px; 
    margin-bottom:20px;
}

.sidebar-xs .header-highlight .navbar-header .navbar-brand {
    background-size:auto 30px;
}

.prod_imgBox{
    position:relative;
    margin-bottom:20px;
}
.prod_accBox{
    position:absolute;
    bottom:-10px;
    right:37%;
}

.media-left, .media > .pull-left{
    display:none;
}

.navbar-brand > img{
    height:auto;
}