@import url('https://fonts.googleapis.com/css2?family=Anek+Malayalam:wght@100..800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

body {
    font-family: 'Titillium Web', sans-serif;
    font-size:14px;
    background: #f5f5f5;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;   
}
.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;
}
.color-brown {
    color: #61311d;
}
.color-green-dark {
    color: #0b4d2c;
}

.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; }
.f40{ font-size:40px; }
.f46{ font-size:46px; }
.f50{ font-size:50px; }
.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:32px;
    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: 35px;
        right: 85px;
        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;
}

.navbar-brand{
    padding:0px !important;
}

#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;
}


/*gradient bg*/
.bg-gradient-1 {
    background: #0c9153;
    background: linear-gradient(136deg, rgba(12, 145, 83, 1) 0%, rgba(228, 252, 69, 1) 67%, rgba(242, 229, 80, 1) 100%);
}
.bg-gradient-2 {
    background: #ff824d;
    background: url("/content/graphix/box_side_bg.png") right bottom no-repeat,
        linear-gradient(136deg, rgba(255, 130, 77, 1) 0%, rgba(237, 213, 92, 1) 54%, rgba(213, 255, 77, 1) 100%);
}
.bg-gradient-3 {
    background: #db5237;
    background: linear-gradient(136deg, rgba(219, 82, 55, 1) 0%, rgba(252, 221, 69, 1) 67%, rgba(213, 255, 77, 1) 100%);
}
.bg-gradient-4 {
    background: #2ebf8f;
    background: linear-gradient(136deg, rgba(46, 191, 143, 1) 0%, rgba(168, 224, 99, 1) 46%, rgba(242, 205, 39, 1) 100%);
}
/*border*/
.border-bottom-orange {
    border-bottom: 5px solid #ff5722;
}