﻿.CaptionTip2 {
    background-color: #296093 !important;
}

.Form_Head, .Form_Body, .List_Head, .List_Body {
}

.Table_Form, .Table_List {
    width: 100%;
}




    .Table_Form .Caption, .Table_List .Caption, .Caption, .CaptionTip2 {
        /*background-color: #C01704;*/
        background: rgba(67,72,173,1);
        background: -moz-linear-gradient(left, rgba(67,72,173,1) 0%, rgba(47,49,146,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(67,72,173,1)), color-stop(100%, rgba(47,49,146,1)));
        background: -webkit-linear-gradient(left, rgba(67,72,173,1) 0%, rgba(47,49,146,1) 100%);
        background: -o-linear-gradient(left, rgba(67,72,173,1) 0%, rgba(47,49,146,1) 100%);
        background: -ms-linear-gradient(left, rgba(67,72,173,1) 0%, rgba(47,49,146,1) 100%);
        background: linear-gradient(to right, rgba(67,72,173,1) 0%, rgba(47,49,146,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4348ad', endColorstr='#2f3192', GradientType=1 );
        padding: 2px 10px 2px 2px;
        text-align: right;
        color: #FFFFFF;
        font-family: BYekan;
        font-size: 18px;
        font-weight: bold;
    }

        .Table_Form .Caption::before, .Table_List .Caption::before, .Caption::before {
            content: ':: ';
        }

    .Table_Form .Desc, .Table_List .Desc, .Desc, .Table_Form .Desc_Center, .Table_List .Desc_Center, .Desc_Center {
        background-color: #eeeeee !important;
        padding: 10px !important;
        color: #000000 !important;
    }

        .Table_Form .Desc::after, .Table_List .Desc::after, .Desc::before, .Table_Form .Desc_Center::after, .Table_List .Desc_Center::after, .Desc_Center::before {
            content: '' !important;
        }

.Desc_Center {
    text-align: center !important;
}

.Desc {
    text-align: right !important;
}

.Table_Form .Group, .Table_List .Group, .Group {
    background-color: #646464 !important;
    padding: 5px !important;
    text-align: center !important;
    color: #FFFFFF !important;
}

    .Table_Form .Group::after, .Table_List .Group::after, .Group::after {
        content: '' !important;
    }


.Table_Form .BtnBox, .BtnBox, .Table_List .BtnBox, .BtnBox {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    bottom: 0;
    padding: 5px;
    /*position: fixed;*/
    right: 0;
    text-align: center;
    width: 100%;
}

.Table_Form > tbody > tr > td:nth-child(2n+1):not(.Caption):not(.BtnBox), .Form_Head {
    width: 15%;
    background-color: #eee;
    padding: 5px;
    text-align: left;
    color: #000;
}

    .Table_Form > tbody > tr > td:nth-child(2n+1):not(.Caption):not(.BtnBox)::after, .Form_Head::after {
        content: ' : ';
    }


.Table_Form > tbody > tr > td:nth-child(2n):not(.Caption):not(.BtnBox), .Form_Body {
    background-color: #f1f1f1;
    padding: 2px;
    text-align: right;
    min-width: 35%;
}

.Table_List > tbody > tr:nth-child(2) > td:not(.Caption):not(.BtnBox), .List_Head {
    background-color: #646464;
    padding: 5px;
    text-align: center;
    color: #FFFFFF;
    transition: all 0.1s linear 0s;
}

.Table_List > tbody > tr:nth-child(2n):not(:nth-child(2)) > td:not(.Caption):not(.BtnBox), .List_Body {
    background-color: #e7e7e7;
    padding: 4px;
    text-align: center;
    transition: all 0.1s linear 0s;
    color:#000;
}

.Table_List > tbody > tr:nth-child(2n+1) > td:not(.Caption):not(.BtnBox), .List_Body {
    background-color: #eee;
    padding: 4px;
    text-align: center;
    transition: all 0.1s linear 0s;
    color: #000;
}

.Table_List > tbody > tr:nth-child(2n):not(:nth-child(2)):hover > td:not(.Caption):not(.BtnBox) {
    background-color: #f2f2f2;
    transition: all 0.1s linear 0s;
}

.Table_List > tbody > tr:nth-child(2n+1):hover > td:not(.Caption):not(.BtnBox) {
    background-color: #f2f2f2;
    transition: all 0.1s linear 0s;
}


.Center {
    text-align: center !important;
}

.Right {
    text-align: right !important;
}

.Left {
    text-align: left !important;
}

.Dir {
    direction: ltr !important;
}

.PM_Stop {
    background-color: #fcd2d2;
    padding: 5px;
    border: 1px solid #CC0000;
    /*border-radius: 4px;*/
    color: #CC0000;
    margin: 5px;
    text-align: right;
    list-style: none;
}

.PM_Info {
    background-color: #e2f6dc;
    border: 1px solid green;
    color: black !important;
    font-size: 16px;
    font-weight: normal !important;
    list-style: outside none none;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.RF {
    color: #CC0000;
}



.W05 {
    width: 5%;
}

.W10 {
    width: 10%;
}

.W15 {
    width: 15%;
}

.W20 {
    width: 20%;
}

.W25 {
    width: 25%;
}

.W30 {
    width: 30%;
}

.W35 {
    width: 35%;
}

.W40 {
    width: 40%;
}

.W45 {
    width: 45%;
}

.W50 {
    width: 50%;
}

.W55 {
    width: 55%;
}

.W60 {
    width: 60%;
}

.W65 {
    width: 65%;
}

.W70 {
    width: 70%;
}

.W75 {
    width: 75%;
}

.W80 {
    width: 80%;
}

.W85 {
    width: 85%;
}

.W90 {
    width: 90%;
}

.W95 {
    width: 95%;
}

.W100 {
    width: 100%;
}





/*** custom checkboxes And radio with Bootstrap Font Awesome ***/
input[type=radio],
input[type=checkbox] {
    display: none;
}

label {
    cursor: pointer;
    font-size: 9pt;
}

/* to hide the checkbox itself */

input[type=radio] + label:before,
input[type=checkbox] + label:before {
    font-family: FontAwesome;
    font-size: 16pt;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
}


input[type=checkbox] + label:before,
input[type=radio] + label:before {
    content: "\f1db";
}

input[type=checkbox] + label:before,
input[type=radio] + label:before {
    /*letter-spacing: 4px;*/
}

input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
    content: "\f00c";
    color: green;
}

input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
    /*letter-spacing: 2px;*/
}

input[type=checkbox] + label:before {
    content: "\f096";
}

input[type=checkbox]:checked + label:before {
    content: "\f046";
}
