/*custom stles*/
.btnprimary {
            background-color: #337ab7;
            border: none;
            color: white;
            padding: 5px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 12px;
            margin: 4px 2px;
            cursor: pointer;
            transition: all 500ms ease;
        }

    .btnprimary:hover {
        background-color: #d6e4f0;
        color: #337ab7;
        box-shadow: inset 0 0 0 1px #337ab7;
        font-weight: bold;
    }

            .btnprimary:active {
                box-shadow: 1px 1px 1px 1px;
                /*top: 1px;*/
                /*border:10px solid #337ab7;*/
            }

.btnwarning {
    background-color: #f49914;
    border: none;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    transition: all 500ms ease;
}

    .btnwarning:hover {
        background-color: #fcead0;
        color: #f49914;
        box-shadow: inset 0 0 0 1px #f49914;
        font-weight: bold;
    }

            .btnwarning:active {
                box-shadow: 1px 1px 1px 1px;
                /*top: 1px;*/
                /*border:10px solid #f49914;*/
            }

 .btnwarning2 {
            background-color: #f49914;
            border: none;
            color: white;
            padding: 3px 14px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 12px;
            /*margin: 1px 1px;*/
            cursor: pointer;
            transition: all 500ms ease;
        }

    .btnwarning2:hover {
        background-color: #fcead0;
        color: #f49914;
        box-shadow: inset 0 0 0 1px #f49914;
        font-weight: bold!important;
        font-size: 11px!important;
    }

            .btnwarning2:active {
                box-shadow: 1px 1px 1px 1px;
                /*top: 1px;*/
                /*border:10px solid #f49914;*/
            }

.btndefault {
    background-color: #8e8e8e;
    border: none;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 1px 2px;
    cursor: pointer;
}

.btngray {
    background-color: #8e8e8e;
    border: none;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 1px 2px;
    cursor: pointer;
}

    .btngray:hover {
        background-color: #dddddd;
        color: #8e8e8e;
        box-shadow: inset 0 0 0 1px #8e8e8e;
        font-weight: bold!important;
        font-size: 11px!important;
    }

    .btngray:active {
        box-shadow: 1px 1px 1px 1px;
        /*top: 1px;*/
        /*border:10px solid #f49914;*/
    }

.btnsuccess {
    background-color: #5cb85c;
    border: none;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 2px;
    cursor: pointer;    
    width:85px;
}

    .btnsuccess:hover {
        background-color: #cee9ce;
        color: #5cb85c;
        box-shadow: inset 0 0 0 1px #5cb85c;
        font-weight: bold;
        width:85px;
    }

    .btnsuccess:active {
        box-shadow: 1px 1px 1px 1px;
        /*top: 1px;*/
        /*border:10px solid #f49914;*/
    }

.btn-process {
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
    color: #fff;
    padding: 5px;
    width: 80px;
    font-size: 12px;
    font-weight: bold;
}

td {
    text-align: left;
}

th {
    font-weight: bold !important;
    color: #286192 !important;
    text-align: left !important;
    background-color: #c1d7e9 !important;
    vertical-align: middle!important;
}

/*myTask Close table css*/

#tempTableClose td {
    /*text-align: left;*/
    padding: 2px!important;
}

#tempTableClose th {
    font-weight: bold !important;
    color: #286192 !important;
    text-align: left !important;
    background-color: #c1d7e9 !important;
    vertical-align: middle!important;
    padding: 2px!important;
}


.text {
            width: 30%;
            text-align: center;
            z-index: 0;
            position: absolute;
            background-color: white;
            padding-bottom: 3rem;
            padding-top: 3rem;
            padding-left: 3rem;
            padding-right: 3rem;
            left: 0;
            right: 0;
            margin-right: auto;
            margin-left: auto;
            top: 30%;
            box-shadow: 7px 7px 10px #aaa;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
        }


        h1 {
            font-family: Calibri, sans-serif;
            font-weight: 900;
            font-size: 55px;
            text-align: center;
            margin: auto;
            color: #000;
            letter-spacing: .10rem;
            padding-bottom: .5rem;
        }

        h2 {
            font-family: Calibri, sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-align: center;
            margin: auto;
            color: #000;
            letter-spacing: .10rem;
            padding-bottom: 2rem;
        }

        h3 {
            font-family: Calibri, sans-serif;
            font-weight: 900;
            font-size:12px;
            text-align: center;
            margin: auto;
            letter-spacing: .10rem;
        }

        h4 {
            font-size: 11px;
            font-family: Calibri, sans-serif;
            font-weight: 900;
            text-align: center;
            margin: auto;
            letter-spacing: .10rem;            
             color: #000;
        }

        .button {
            width: 6rem;
            border: 3px solid #f49914;
            margin: auto;
            text-align: center;
            padding: .6rem;
            background-color: #f49914;
            cursor:pointer;
            color:#fff;
            font-family:Calibri;
        }

        #home:hover {
            background-color: #f49914;
            color: white;
        }