.pagedefaults {
    background-color: white;
    font-family: sans-serif;
}

.maindesign {
    background-color: rgba(40, 182, 122, 1);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 300px;
    border-radius: 50%;
}

.errors {
    font-family: 'Sakkal Majalla';
    color: red;
    margin-left: 10px;
    font-size: 16px;
}

.bodydiv {
    background-color: #ccffcc;
}

.loginheaderdiv {
    visibility: hidden;
    background-color: #0f428d;
    position: absolute;
    top: 120px;
    left: 500px;
    font-family: 'Sakkal Majalla';
    width: 235px;
    color: white;
    text-align: center;
}

.logindiv {
    position: absolute;
    top: 22.5%;
    left: 40%;
    text-align: center;
    font-family: 'Sakkal Majalla';
    width: auto;
    background-color: transparent;
    border: 0px solid #0f428d;
}

.logoutlink {
    font-family: 'Sakkal Majalla';
    color: white;
    cursor: pointer;
}

.langLink {
    /*text-decoration: none;*/
    font-family: 'Sakkal Majalla';
    color: white;
    font-size: 17px;
}


.logoutlink:hover {
    color: white;
    font-weight: bold;
}

.menulinks {
    border-radius: 10px;
    text-decoration: none;
    font-family: sans-serif;
    background-color: #cbd50a;
    padding: 1px 5px 7px 5px;
    color: #0f428d;
}

    .menulinks:hover {
        background-color: #0f428d;
        color: white;
    }

.gridlinks {
    text-decoration: none;
    font-family: sans-serif;
    color: #828E8C;
}

    .gridlinks:hover {
        color: #494546;
    }

.logoimage {
    position: absolute;
    top: 120px;
    left: 0px;
    width: 536px;
}

.smalllogoimage {
    position: absolute;
    top: 10px;
    left: 20px;
}

.logo2image {
    position: absolute;
    top: 200px;
    left: 490px;
}

.logo2imagedash {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
}

.logodiv {
    /*background-color: #0f428d;*/
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(56,106,139,1) 20%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(56,106,139,1) 20%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(56,106,139,1) 20%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(56,106,139,1) 20%); /* Standard syntax (must be last) */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 9%;
    font-family: 'Sakkal Majalla';
}

.langdiv {
    position: absolute;
    top: 3px;
    right: 30px;
    font-family: 'Sakkal Majalla';
    color: black;
    float: right;
}

.logininfodiv {
    position: absolute;
    right: 50px;
    font-family: 'Sakkal Majalla';
    color: white;
    max-height: 70px;
    top: 0px;
}

.mainmenudiv {
    position: absolute;
    top: 66px;
    left: 0px;
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
    background: -webkit-linear-gradient(left, #d1cece, #7b7979 35%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #d1cece, #7b7979 35%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,#d1cece, #7b7979 35%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #d1cece, #7b7979 35%); /* Standard syntax (must be last) */
    font-family: 'Sakkal Majalla';
}

.searchboxdiv {
    background-color: #cbd50a;
    position: absolute;
    top: 75px;
    right: 50px;
    font-family: sans-serif;
    padding: 2px 0px 0px 0px;
}

.footerdiv {
    background-color: rgba(56,106,139,1);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    font-family: 'Sakkal Majalla';
    color: white;
    text-align: right;
}

.sidemenudiv {
    position: absolute;
    top: 100px;
    left: 1070px;
    width: 280px;
    height: auto;
    background-color: #56baec;
    font-family: sans-serif;
    display: none;
}

.subsidemenudiv {
    position: absolute;
    top: 118px;
    left: 1070px;
    width: 278px;
    height: 525px;
    background-color: #DDDDDD;
    border: 1px solid #30425e;
    display: none;
}

.sidemenureddiv {
    position: absolute;
    top: 100px;
    left: 10px;
    width: 1040px;
    height: auto;
    background-color: #56baec;
    font-family: sans-serif;
}

.griddiv {
    position: absolute;
    top: 100px;
    left: 0px;
    height: 82.5%;
    width: 100%;
    background-color: #DDDDDD;
    /*border: 1px solid #30425e;*/
}

.subsidemenureddiv {
    position: absolute;
    top: 120px;
    left: 10px;
    width: 1038px;
    height: 530px;
    background-color: #DDDDDD;
    border: 1px solid #30425e;
}

.sidemenuchartdiv {
    position: absolute;
    top: 100px;
    left: 10px;
    width: 300px;
    height: auto;
    background-color: #30425e;
    font-family: sans-serif;
}

.subsidemenuchartdiv {
    position: absolute;
    top: 120px;
    left: 10px;
    width: 250px;
    height: 250px;
    background-color: white;
}

.sidemenuchartdiv2 {
    position: absolute;
    top: 400px;
    left: 10px;
    width: 300px;
    height: auto;
    background-color: #30425e;
    font-family: sans-serif;
}

.subsidemenuchartdiv2 {
    position: absolute;
    top: 420px;
    left: 10px;
    width: 300px;
    height: auto;
    background-color: white;
}

.newdocdiv {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    height: auto;
    background-color: #494546;
    font-family: 'Sakkal Majalla';
    font-size: 18px;
    /*text-align:center;*/
    /*visibility:hidden;*/
}

.subnewdocdiv {
    position: absolute;
    top: 126px;
    left: 0px;
    width: 100%;
    height: 80%;
    background-color: #f2f2f2;
    /*border: 1px solid #30425e;*/
}

.newdoctypediv {
    position: absolute;
    top: 252px;
    left: 0px;
    width: 960px;
    height: auto;
    background-color: #494546;
    z-index: 1;
}

.subnewdoctypediv {
    position: absolute;
    top: 270px;
    left: 10px;
    width: auto;
    height: auto;
    background-color: #F8ECDE;
}

.sidemenupanel {
    background-color: white; /*rgba(44, 85, 116, 1);*/
    width: 100%;
    color: black;
    font-size: 20px;
    /*font-weight:bold;*/
}

.newdocpanel {
    background-color: #F8ECDE;
    width: auto;
    color: #494546;
}

.buttonlinks {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
    color: white;
}

.uploadbuttonlinks {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
    color: #494546;
}

    .uploadbuttonlinks:hover {
        background: none !important;
        border: none;
        padding: 0 !important;
        font: inherit;
        cursor: pointer;
        color: #494546;
        font-weight: bold;
    }

.framemetadata {
    width: 957px;
    height: 200px;
}

.hidecol {
    display: none;
}

.btnclass {
    line-height: 14px;
    border: 0;
    width: 100px;
    height: 28px;
    border-radius: 21px;
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/home.png);
    background-position-y: 465px;
    background-position-x: 5px;
    cursor: pointer;
}


    .btnclass:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

      .btnsave23
            {
                color:red !important;
                font-weight:600 !important;
                font-size:26px !important;
                text-align:center !important;
                padding-left:7%;
            }
.btnsave {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 30px;
    background-color: transparent;
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
    background-image: url(../Images/btnSave.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
}

    .btnsave:hover {
        /*background-color: #7b7979;
        color: black;*/
        font-weight: bold;
    }

.btnsubmit {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 30px;
    /*background-color: rgba(56,106,139,1);*/
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
    background-image: url(../Images/btnsubmit.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
}

    .btnsubmit:hover {
        /*background-color: #7b7979;
        color: black;*/
        font-weight: bold;
    }

.btnSSprint {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 30px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
    /*background-image: url(../Images/btnsubmit.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;*/
}

    .btnSSprint:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btnSSsubmit {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 30px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
    /*background-image: url(../Images/btnsubmit.png);
   
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;*/
}

    .btnSSsubmit:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }


.btnReadEiD {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 30px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
    /*background-image: url(../Images/btnsubmit.png);
   
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;*/
}

    .btnReadEiD:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }


    
.btnDelete {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 30px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
    /*background-image: url(../Images/btnsubmit.png);
   
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;*/
}

    .btnReadEiD:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }


    .btnCommon {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 30px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
    /*background-image: url(../Images/btnsubmit.png);
   
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;*/
}

    .btnCommon:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btnhome {
    line-height: 14px;
    height: 16px;
    padding-left: 30px;
    padding-right: 30px;
    /*border-radius: 21px;
        border-right:thick double black;
    */
    border: 0;
    margin-top: 7px;
    background-color: transparent;
    color: black;
    text-decoration: none;
    font-family: 'Sakkal Majalla';
    border-right: 1px solid black;
    cursor: pointer;
    font-weight: bold;
    font-size: 17px;
}

.btnhome1 {
    line-height: 14px;
    height: 27px;
    padding-left: 20px;
    padding-right: 20px;
    width: 225px;
    /*border-radius: 21px;
        border-right:thick double black;
    */
    border: 0;
    background-color: #d1cece;
    color: black;
    text-decoration: none;
    font-family: 'Sakkal Majalla';
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
}

.btnhome2 {
    line-height: 14px;
    height: 16px;
    margin-top: 7px;
    padding-left: 30px;
    padding-right: 30px;
    border: 0;
    background-color: transparent;
    background-image: url("../Images/down.png");
    background-position-y: 2px;
    background-position-x: 202px;
    background-repeat: no-repeat;
    color: black;
    background-size: 14px;
    text-decoration: none;
    font-family: 'Sakkal Majalla';
    border-right: 1px solid black;
    cursor: pointer;
    font-weight: bold;
    font-size: 17px;
}

.btnhome3 {
    line-height: 14px;
    height: 27px;
    padding-left: 20px;
    padding-right: 20px;
    width: 225px;
    border: 0;
    background-color: #d1cece;
    color: black;
    background-image: url("../Images/right.png");
    background-position-y: 6px;
    background-position-x: 190px;
    background-repeat: no-repeat;
    background-size: 14px;
    text-decoration: none;
    font-family: 'Sakkal Majalla';
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
}



    .btnhome1:hover, .btnhome3:hover {
        background-color: #30425e;
        color: white;
        font-weight: bold;
    }

.btnhome:hover, .btnhome2:hover {
    font-style: italic;
}

.btnhomeempreq {
    line-height: 14px;
    height: 16px;
    margin-top: 7px;
    padding-left: 30px;
    padding-right: 30px;
    border: 0;
    background-color: transparent;
    background-image: url("../Images/down.png");
    background-position-y: 2px;
    background-position-x: 202px;
    background-repeat: no-repeat;
    color: black;
    background-size: 14px;
    text-decoration: none;
    font-family: 'Sakkal Majalla';
    /*border-right: 1px solid black;*/
    cursor: pointer;
    font-weight: bold;
    font-size: 17px;
    width:140px;
}

.btnhomeempreq:hover {
    font-style: italic;
}

.btnempreqnotif{
    border-radius:50%;
    background-image: url("../Images/down.png");
    border-color:black;
    color:black;
    font-weight:bold;
    background-color:transparent;
}

.btnslhome {
    line-height: 14px;
    height: 16px;
    padding-left: 30px;
    padding-right: 30px;
    /*border-radius: 21px;
        border-right:thick double black;
    */
    border: 0;
    margin-top: 7px;
    background-color: transparent;
    color: black;
    text-decoration: none;
    font-family: 'Sakkal Majalla';
    border-right: 1px solid black;
    border-left: 1px solid black;
    cursor: pointer;
    font-weight: bold;
    font-size: 17px;
    margin-left: 1%;
}
.btnslhome:hover {
    font-style: italic;
}

.btnaddition {
    line-height: 14px;
    border: 0;
    width: 120px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/addition.png);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnaddition:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btnopen {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    /*
         border-radius: 21px;
        background-image: url(../Images/open.png);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    */
}

    .btnopen:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btnlogin {
    line-height: 14px;
    margin: 10px 40px;
    border: 0;
    width: 70px;
    height: 23px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: 'Sakkal Majalla';
    /*background-image: url(../Images/login.png);
       border-radius: 21px;
   */
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnlogin:hover {
        background-color: #d1cece;
        color: black;
        font-weight: bold;
    }

.btnaddsp {
    line-height: 14px;
    border: 0;
    width: 120px;
    height: 27px;
    border-radius: 21px;
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    text-align: right;
    font-family: sans-serif;
    background-image: url(../Images/addition.png);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnaddsp:hover {
        background-color: #d1cece;
        color: white;
        font-weight: bold;
    }

.btnemployee {
    line-height: 14px;
    border: 0;
    width: 120px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/employee.gif);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnemployee:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btnUpload {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 6px;
    font-size: 18px;
}

    .btnUpload:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btnView {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
}

    .btnView:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btnShare {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
}

    .btnShare:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.txtsearchbox {
    background-image: url(../Images/searchicon.png);
    background-repeat: no-repeat;
    background-position: right;
    border-width: 0.5px;
    border-color: black;
    position: absolute;
    /*margin-left: 745px;*/
    margin-top: 5px;
    right: 5%;
}

.PopupHeader {
    text-align: center;
    font-family: 'Sakkal Majalla';
    color: white;
    background-color: rgba(56,106,139,1);
}

.PopupBody {
    font-family: 'Sakkal Majalla';
    background-color: #DDDDDD;
    padding: 5px 5px 10px 5px;
    font-size: 20px;
}

.PopupControls {
    font-family: sans-serif;
    background-color: #DDDDDD;
    padding: 5px 5px 10px 5px;
}

.HellowWorldPopup {
    background-color: #DDDDDD;
}

.btnok {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
}

    .btnok:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btncancel {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    font-size: 18px;
}

    .btncancel:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btnApprove {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
}

    .btnApprove:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }



.btnSHAApprove {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 40px;
    /*background-color: rgba(56,106,139,1);*/
    color: transparent;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    background-image: url(../Images/btnShaApprove.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
}

    .btnSHAApprove:hover {
        /*background-color: #7b7979;*/
        color: transparent;
        font-weight: bold;
    }

.btnSHAResubmit {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 40px;
    /*background-color: rgba(56,106,139,1);*/
    color: transparent;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    background-image: url(../Images/btnShaResubmit.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
}

    .btnSHAResubmit:hover {
        /*background-color: #7b7979;*/
        color: transparent;
        font-weight: bold;
    }


.btnSHAReject {
    line-height: 14px;
    border: 0;
    width: 80px;
    height: 40px;
    color: transparent;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    background-image: url(../Images/btnShaReject.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
}

    .btnSHAReject:hover {
        /*background-color: #7b7979;*/
        color: transparent;
        font-weight: bold;
    }


.btnSHAConfirm {
    line-height: 14px;
    border: 0;
    width: 80px;
    height: 40px;
    color: transparent;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    background-image: url(../Images/btnShaCofirm.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
}

    .btnSHAConfirm:hover {
        /*background-color: #7b7979;*/
        color: transparent;
        font-weight: bold;
    }

.btnShaOpen {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    /*background-color: rgba(56,106,139,1);*/
    color: transparent;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    background-size: contain;
    /*border-radius: 21px;*/
    background-image: url(../Images/btnSHAopen.png);
    background-position-y: 0px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.btnopen:hover {
    /*background-color: #7b7979;*/
    color: transparent;
    font-weight: bold;
}

.btnReject {
    line-height: 14px;
    border: 0;
    width: 80px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
}

    .btnReject:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btndownload {
    line-height: 14px;
    border: 0;
    width: 40px;
    height: 18px;
    background-color: transparent;
    background-image: url(../Images/btnDownload.png);
    /*background-color: rgba(56,106,139,1);*/
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

    .btndownload:hover {
        /*background-color: #7b7979;
        color: black;*/
        font-weight: bold;
    }

.btnNotifications {
    line-height: 14px;
    border: 0;
    width: 30px;
    height: 20px;
    color: white;
    margin-top: 1px;
    text-decoration: none;
    text-align: right;
    font-family: 'Sakkal Majalla';
    background-color: transparent;
    background-image: url(../Images/btnNoti.png);
    background-position-y: 0px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

    .btnNotifications:hover {
        cursor: pointer;
    }

.notifications {
    background-color: transparent;
    position: absolute;
    top: 20px;
    margin: 2px;
    float: right;
    font-family: 'Sakkal Majalla';
    color: white;
}

.notifs {
    background-color: #DDDDDD;
    position: absolute;
    top: 70px;
    left: 10px;
    width: 320px;
    height: 350px;
    z-index: 100;
    font-family: 'Sakkal Majalla';
    color: black;
    border: 1px solid #0f428d;
    box-shadow: grey 5px 5px;
}

.notifheader {
    /*background-color: #0f428d;rgba(56, 106, 138, 1)*/
    background-color: rgba(56, 106, 138, 1);
    color: white;
    position: absolute;
    width: 320px;
    font-family: 'Sakkal Majalla';
}

.btnSend {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
}

    .btnSend:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btnRead {
    margin-top: 5px;
    line-height: 14px;
    border: 0;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    border-radius: 25px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    cursor: pointer;
    text-align: right;
}

    .btnRead:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btnamendment {
    line-height: 14px;
    border: 0;
    width: 120px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/editcard.png);
    background-position-y: 6px;
    background-position-x: 4px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnamendment:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btncancelcard {
    line-height: 14px;
    border: 0;
    width: 120px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/cancelcard.png);
    background-position-y: 5px;
    background-position-x: 4px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btncancelcard:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btnreplacement {
    line-height: 14px;
    border: 0;
    width: 120px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/replacecard.gif);
    background-position-y: 5px;
    background-position-x: 9px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnreplacement:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btnReports {
    line-height: 14px;
    border: 0;
    width: 120px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/reports.png);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnReports:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.reportsdiv {
    /*background-color: #0f428d;*/
    position: absolute;
    top: 70px;
    left: 0px;
    width: 250px;
    /*height: 583px;*/
    height: 91%;
    font-family: sans-serif;
    /*background-color: #0f428d;
    border: 1px solid #0f428d;*/
    background-color: rgba(56, 106, 138, 1);
    border: 1px solid rgba(56, 106, 138, 1);
}

.chartsdiv {
    position: absolute;
    top: 70px;
   
    left: 26%;
    width: 74%;
    font-family: sans-serif;
    min-width: 900px;
    max-width: 900px;
    margin: 0 auto;
}

.repbtnhome {
    line-height: 14px;
    border: 0;
    width: 100px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #0f428d;
    color: white;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/home.png);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .repbtnhome:hover {
        background-color: #cbd50a; /*0f5990 ;*/
        color: #0f428d;
        font-weight: bold;
    }

.reportsbtns {
    line-height: 14px;
    border: 0;
    width: 160px;
    height: 27px;
    /*border-radius: 21px;*/
    /*background-color: #0f428d;*/
    background-color: rgba(131, 150, 175, 1);
    color: black;
    text-decoration: none;
    font-family: 'Sakkal Majalla' !important;
    /*background-image: url(../Images/home.png);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;*/
    cursor: pointer;
    text-align: left;
}

    .reportsbtns:hover {
        background-color: #DDDDDD; /*#cbd50a; /*0f5990 ;*/
        /*color: #0f428d;*/ /*#0f428d;*/
        color: rgba(56, 106, 138, 1);
        font-weight: bold;
    }

.SearchButton {
    width: 15px;
    height: 16px;
    float: right;
    left: 80%;
}

.searchDiv {
    float: right;
    /*margin-left: 20px;*/
    /*right: -10px;*/
}

.SearchText {
    border: none;
    height: 18px;
    width: 100px;
    float: right;
    font-family: 'Sakkal Majalla';
    font-size: 16px;
    background-color: transparent;
    color: white;
    /*border-bottom-style: solid;
    border-color: white;
    border-width: 1px;*/
    text-align: right;
    /*Added by rekha as requested by jaeidi*/
    border-bottom: 1px solid #bfbfbf;
}

.SearchTextdirhme {
    border: none;
    height: 18px;
    width: 100px;
    float: right;
    font-family: 'Sakkal Majalla';
    /*font-size: 16px;*/
    background-color: transparent;
    color: white;
    /*border-bottom-style: solid;
    border-color: white;
    border-width: 1px;*/
    text-align: right;
    border-bottom: 1px solid #bfbfbf;
    /*margin-left: 745px;*/
}

.SearchTextsha {
    border: none;
    height: 18px;
    width: 100px;
    float: right;
    font-family: 'Sakkal Majalla';
    /*font-size: 16px;*/
    background-color: transparent;
    color: white;
    /*border-bottom-style: solid;
    border-color: white;
    border-width: 1px;*/
    text-align: right;
    /*Added by rekha as requested by jaeidi*/
    border-bottom: 1px solid #bfbfbf;
}

.btnPrint {
    line-height: 14px;
    border: 0;
    width: 70px;
    height: 20px;
    background-color: rgba(56,106,139,1);
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
}

    .btnPrint:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

/*Menu Retiree*/
.btnRetirees {
    line-height: 14px;
    border: 0;
    width: 120px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/employee.gif);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.PopupMenu {
    background-color: #d1cece;
    Width: 150px;
    Height: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    display: block;
}

    .PopupMenu a {
        font-family: 'Sakkal Majalla';
        font-size: 18px;
        color: black;
        text-align: center;
        text-decoration: none;
        display: block;
    }

        .PopupMenu a:hover {
            color: white;
            font-weight: bold;
            background: #30425e;
        }

        .PopupMenu a:first-child {
            padding-top: 5px;
        }

        .PopupMenu a:last-child {
            padding-bottom: 8px;
        }

.imgplaceholder {
    width: 126px;
    height: 126px;
    margin-left: 5px;
    border-style: groove;
    background-image: url('../Images/PlaceholderImage.jpg');
}
   .lblvalid
            {
                color:red !important;
                font-weight:600 !important;
                font-size:18px !important;
            }
.btnRetSha {
    line-height: 14px;
    border: 0;
    width: 136px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/home.png);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnRetSha:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }
/*Css added for complaint management*/
.imgresponse {
    width: 100px;
    height: 100px;
    margin-left: 5px;
    border-style: groove;
    background-image: url('../Images/PlaceholderImage.jpg');
    background-size: 100px;
    background-repeat: no-repeat;
}

.mainDiv {
    position: absolute;
    top: 118px;
    left: 10px;
    width: 1048px;
    height: 525px;
    /*background-color: #DDDDDD;*/
    border: 1px solid #0f428d;
    background-color: #D3DEEF;
}

.btnComplaints {
    line-height: 14px;
    border: 0;
    width: 130px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/reports.png);
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnComplaints:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btnDisCards {
    line-height: 14px;
    border: 0;
    width: 145px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/DisCards.gif);
    background-position-y: 5px;
    /*background-position-x: 10px;*/
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnDisCards:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.datecontrol {
    margin-bottom: -8px;
}

.btnList {
    position: absolute;
    line-height: 14px;
    border: 1px solid white;
    width: 20px;
    height: 20px;
    font-family: 'Sakkal Majalla';
    font-size: 16px;
    font-weight: bold;
    background-color: rgba(56,106,139,1);
    cursor: pointer;
    color: white;
    padding: 0;
    margin-top: 5.3%;
    margin-left: 96%;
}

    .btnList:hover {
        background-color: dimgrey;
        color: black;
    }

.txtTransform {
    text-transform: uppercase;
}

.btnsickAppr {
    line-height: 14px;
    border: 0;
    width: 112px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-image: url(../Images/icon_stethoscope_small.png);
    background-position-y: 5px;
    background-position-x: 3px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnsickAppr:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.chkListPanelClass {
    max-width: 20%;
    max-height: 80%;
    font-family: 'Sakkal Majalla';
    font-size: 14px;
    display: inline-block;
    overflow-x: scroll;
    background-color: #eaeaea;
    border: 2px solid rgba(56,106,139,1);
    box-shadow: 5px 5px 23px rgba(56,106,139,1);
}


.btnInsReject {
    line-height: 14px;
    border: 0;
    width: 56px;
    height: 26px;
    background-color: transparent;
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    background-image: url(../Images/btninsreject.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
}

    .btnInsReject:hover {
        /*background-color: #7b7979;
        color: black;*/
        font-weight: bold;
    }

.btnmenu {
    line-height: 14px;
    border: 0;
    width: 100px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #cbd50a;
    color: black;
    text-decoration: none;
    font-family: sans-serif;
    background-position-y: 5px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnmenu:hover {
        background-color: #0f428d;
        color: white;
        font-weight: bold;
    }

.btnmenu1 {
    line-height: 14px;
    border: 0;
    width: 170px;
    height: 27px;
    /*border-radius: 21px;*/
    background-color: #d1cece;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    .btnmenu1:hover {
        /*background-color: #30425e;*/
        color: white;
        font-weight: bold;
    }

.btnInsApprove {
    line-height: 14px;
    border: 0;
    width: 56px;
    height: 26px;
    background-color: transparent;
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Sakkal Majalla';
    font-weight: bold;
    cursor: pointer;
    margin: 3px 0px;
    background-image: url(../Images/btninsapprove.png);
    background-position-y: 0px;
    background-position-x: 4px;
    background-repeat: no-repeat;
}

    .btnInsApprove:hover {
        /*background-color: #7b7979;
        color: black;*/
        font-weight: bold;
    }

/* 20 June */
input:not([type]), input[type="text"] {
    width: 150px;
    margin-bottom: 2px;
}

input[type=text]::-ms-clear {
    display: none !important;
}




.btnPassword {
    margin: 0px auto;
    position: relative;
    left: 124px;
    color: #30425e;
    text-decoration: none;
    top: -10px;
}

.table1 {
    font-family: 'Sakkal Majalla';
    font-size: 1.000em;
    margin-left: 10%;
}

/*table {
    font-family: 'Sakkal Majalla';
    font-size: 1.000em;
}*/

.btnDispatchAll {
    margin-top: -20px;
    position: absolute;
    margin-left: 200px;
    height: 18px;
    line-height: 14px;
    border: 0;
    width: 70px;
    /*height: 27px;*/
    /*border-radius: 21px;*/
    background-color: rgba(56, 106, 138, 1); /*rgba(44, 85, 116, 1);*/
    color: white;
    text-decoration: none;
    /*text-align: right;*/
    font-family: 'Sakkal Majalla';
    /*background-image: url(../Images/open.png);*/
    background-position-y: 5px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnDispatchAllApprove {
    margin-top: -20px;
    position: absolute;
    margin-left: 320px;
    height: 18px;
    line-height: 14px;
    border: 0;
    width: 70px;
    /*height: 27px;*/
    /*border-radius: 21px;*/
    background-color: rgba(56, 106, 138, 1); /*rgba(44, 85, 116, 1);*/
    color: white;
    text-decoration: none;
    /*text-align: right;*/
    font-family: 'Sakkal Majalla';
    /*background-image: url(../Images/open.png);*/
    background-position-y: 5px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnDispatchAllReject {
    margin-top: -20px;
    position: absolute;
    margin-left: 440px;
    height: 18px;
    line-height: 14px;
    border: 0;
    width: 70px;
    /*height: 27px;*/
    /*border-radius: 21px;*/
    background-color: rgba(56, 106, 138, 1); /*rgba(44, 85, 116, 1);*/
    color: white;
    text-decoration: none;
    /*text-align: right;*/
    font-family: 'Sakkal Majalla';
    /*background-image: url(../Images/open.png);*/
    background-position-y: 5px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnDispatchCard {
    margin-top: -20px;
    position: absolute;
    margin-left: 350px;
    height: 18px;
    line-height: 14px;
    border: 0;
    width: 70px;
    /*height: 27px;*/
    /*border-radius: 21px;*/
    background-color: rgba(56, 106, 138, 1); /*rgba(44, 85, 116, 1);*/
    color: white;
    text-decoration: none;
    /*text-align: right;*/
    font-family: 'Sakkal Majalla';
    /*background-image: url(../Images/open.png);*/
    background-position-y: 5px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnDispatchAll:hover, .btnDispatchCard:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

    .btnDispatcheid {
    margin-top: -20px;
    position: absolute;
    margin-left: 495px;
    height: 18px;
    line-height: 14px;
    border: 0;
    width: 70px;
    /*height: 27px;*/
    /*border-radius: 21px;*/
    background-color: rgba(56, 106, 138, 1); /*rgba(44, 85, 116, 1);*/
    color: white;
    text-decoration: none;
    /*text-align: right;*/
    font-family: 'Sakkal Majalla';
    /*background-image: url(../Images/open.png);*/
    background-position-y: 5px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .btnDispatcheid:hover {
        background-color: #7b7979;
        color: black;
        font-weight: bold;
    }

.btnDispatchAllApprove:hover {
    background-color: #7b7979;
    color: black;
    font-weight: bold;
}

.btnDispatchAllReject:hover {
    background-color: #7b7979;
    color: black;
    font-weight: bold;
}


.tableHistory {
    font-family: 'Sakkal Majalla';
    font-size: 1.063em;
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
    width: 261%;
}

    .tableHistory td, .tableHistory tr {
        border: .010em solid #e6e6e6;
        margin-left: 1em;
        margin-right: 1em;
        padding: 0.25em;
        background-color: white;
    }

.errorslogin {
    font-family: 'Sakkal Majalla';
    color: #cc0000;
    margin-left: 35%;
    font-size: 16px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bfbfbf;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #bfbfbf;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #bfbfbf;
}

:-moz-placeholder { /* Firefox 18- */
    color: #bfbfbf;
}

.ButtonSettings {
    width: 17px;
    height: 16px;
    margin-left: 65%;
}

.PopupMenuSettings {
    background-color: #d1cece;
    Width: 100px;
    Height: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    display: block;
}

    .PopupMenuSettings a {
        font-family: 'Sakkal Majalla';
        font-size: 18px;
        color: black;
        text-align: center;
        text-decoration: none;
        display: block;
    }

        .PopupMenuSettings a:hover {
            color: white;
            font-weight: bold;
            background: #30425e;
        }

        .PopupMenuSettings a:first-child {
            padding-top: 5px;
        }

        .PopupMenuSettings a:last-child {
            padding-bottom: 8px;
        }