html, body {
    height: 100%;
    margin: 0px;
}

body {
    margin: 10px;
    padding: 0;
    color: #5F5F5F;
    font-family: Century Gothic;
}

.MainHeader {
    width: 100%;
    border: 1px solid;
    background-color: #30ABBC;
}

.CompanyLogo {
    width: 20%;
}

.HeaderContant {
    width: 60%;
    text-align: center;
    font-size: 28px;
    font-family: Century Gothic;
    color: #fff;
    background-color: #30ABBC;
}

.HeaderContantLogout {
    width: 20%;
    background-color: #30ABBC;
}

.container {
    background-color: white;
    border: 1px solid #9c9c9c;
    border-radius: 10px 10px 0 0;
    margin-left: 1%;
    margin-right: 1%;
    min-height: 550px;
    overflow: hidden;
    width: 98%;
    padding-bottom: 10px;
    /*box-shadow: 1px 4px 5px 4px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 4px 5px 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: 1px 4px 5px 4px rgba(0,0,0,0.6);
    -o-box-shadow: 1px 4px 5px 4px rgba(0,0,0,0.6);*/
}

.content {
    display: inline;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*min-height: 400px;*/
    margin-top: -5px;
    background-color: white;
    height: 100%;
}

.upleft {
    float: left;
    width: 17%;
    font-size: 14px;
    /*border: 1px solid;*/
}

.upright {
    width: 79%;
    float: right;
    /*border: 1px solid;*/
}


.GrayLine {
    display: inline;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #d1e0e0;
    color: #da251c;
    font: bold;
    font-size: 18px;
    font: italic 18px georgia,serif;
    text-align: center;
    width: 100%;
    height: 22px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.6);
}

.footer {
    display: inline;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #d1e0e0;
    color: white;
    font: bold;
    font-size: 18px;
    font: italic 18px georgia,serif;
    text-align: center;
    width: 98.2%;
    box-shadow: 0 12px 0 0 rgba(0,0,0,0.6);
    height: 22px;
    margin-left: 1%;
    margin-right: 0.8%;
    /*box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -moz-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -o-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);*/
}

.Line {
    display: inline;
    float: left;
    width: 100%;
    /*background-color: #9CCB3F;*/
    color: white;
    font: bold;
    font-size: 18px;
    font: italic 18px georgia,serif;
    text-align: center;
    width: 100%;
    height: 6px;
    /*box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -moz-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -o-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);*/
}

#wrapper {
    background-color: #FFFFFF;
    margin: 10px auto;
    width: 95%;
    border-radius: 15px;
}
/* oben*/


div#top {
    background-color: #ffffff;
    color: #000000;
    height: 60px;
    margin: 10px;
    min-width: 90%;
    padding: 18px;
    width: 90%;
}

div#topRight {
    background-color: #ffffff;
    color: #000000;
    height: 60px;
    margin-top: 30px;
    min-width: 78%;
    text-align: right;
    font-size: 16px;
}

.toptext {
    margin: 0 auto;
    padding: 10px 0px 0px 10px;
    font-size: 30pt;
    font-family: Century Gothic;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #00AAFF;
}

.toptextklein {
    margin: 0 auto;
    padding: 10px 0px 0px 10px;
    font-size: 12pt;
    font-family: Century Gothic;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #999999;
    font-style: italic;
}

div#navihorCommon {
    background-color: #707070;
    margin: 20px;
    padding: 10px 20px 10px 0px;
    height: 30px;
    border-radius: 5px;
    background-image: linear-gradient(#707070 0%, #000000 100%);
    background-image: -webkit-linear-gradient(#707070 0%, #000000 100%);
    text-align: left;
}


div#navihor {
    background-color: #707070;
    margin: 20px;
    padding: 10px 20px 10px 0px;
    height: 30px;
    border-radius: 5px;
    background-image: linear-gradient(#707070 0%, #000000 100%);
    background-image: -webkit-linear-gradient(#707070 0%, #000000 100%);
}

.hornavi a:link, .hornavi a:active, .hornavi a:visited {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    font-family: Century Gothic;
    font-size: 11pt;
    padding: 5px 20px;
    margin: 5px;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.hornavi a:hover, hornavi a:focus {
    color: #FFFFFF;
    background-color: #00AAFF;
    text-decoration: none;
    font-family: Century Gothic;
    font-size: 11pt;
    border-radius: 5px;
}

/* Hauptteil*/
/*#main {
    background-color: #FFFFFF;
    padding: 0;
    margin: 0px 20px 0px 60px;
}*/

#main {
    background-color: #ffffff;
    margin: 0 20px;
    padding: 0;
}

#main-inner {
    margin: 0 auto;
    padding: 0 0 10px;
}
/* Navigation links*/
.navigationleftDiv {
    background: none repeat scroll 0 0 lightgray;
    border: 1px solid;
    border-radius: 10px;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 7px;
    width: 18%;
}


#navigationleft {
    font-size: 12pt;
    width: 100%;
    float: left;
    padding: 2px;
}

div#navigationleft h4 {
    color: #ffffff;
    background-color: #00aaff;
    font-size: 12pt;
    font-weight: bold;
    /*margin: 0px 0px 10px 0px;*/
    /*padding: 5px;*/
    font-family: Century Gothic;
    letter-spacing: 1px;
    line-height: 20px;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(#00AAFF 0%, #0082C3 100%);
    width: 80%;
}



.linkszwischentext {
    padding: 5px;
    text-align: justify;
    font-size: 9pt;
    font-style: italic;
}

/* Inhalt*/
div#content {
    /*margin-left: 166px;*/
    /*padding: 10px 0;*/
    font-size: 6.5pt;
    font-weight: bold;
    text-align: left;
    /*line-height: 20px;*/
    color: black;
    /*width: 80%;*/
}

.DashBoard {
    margin-left: 166px;
    /*padding: 10px 0;*/
    font-size: 6.5pt;
    font-weight: bold;
    text-align: left;
    /*line-height: 20px;*/
    color: black;
    width: 80%;
}

div#content h1 {
    font-size: 18pt;
    margin: 0;
    color: #000000;
    font-family: Century Gothic;
    letter-spacing: 1px;
}

div#content h2 {
    color: #808080;
    background-color: inherit;
    font-family: Century Gothic;
    font-size: 16pt;
    text-align: left;
    margin: 3px;
    padding: 2px;
}

div#content h3 {
    color: #00AAFF;
    background-color: inherit;
    font-family: Century Gothic;
    font-size: 14pt;
    font-style: italic;
    padding-left: 5px;
    font-weight: normal;
}

div#content h4 {
    color: #C0C0C0;
    background-color: #FFFFFF;
    font-size: 13pt;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    font-family: Century Gothic;
    letter-spacing: 1px;
    text-align: center;
}

div#content h5 {
    color: red;
    background-color: inherit;
    font-family: Century Gothic;
    font-size: 12pt;
    font-weight: bold;
    margin: 2px;
    padding: 0;
}

div#content p {
    margin: 8px 2px;
}


div#footer {
    background-color: #444444;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    font-size: 10pt;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
}

/* allgemeine Angaben*/
/*a:link, a:visited, a:active {
  color: #00AAFF;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  padding: 0;
  margin: 0;
}*/
/*a:hover {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
}*/

.copyright {
    font-size: 7pt;
    text-align: center;
    font-weight: normal;
}

.FormArea {
    border: 2px solid #4d4e53;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}

.Message {
    color: black;
    font-family: Century Gothic;
    font-size: 15px;
    text-align: center;
    color: white;
}

/*.Button {
  border-radius: 4px;
  background-color: #c0abab;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}*/

.Button {
    border: none;
    color: white;
    padding: 10px 28px;
    font-size: 16px;
    cursor: pointer;
    background-color: #777479;
    border-radius: 4px;
    color: #fff;
}

.success {
    background-color: #4CAF50;
}

    .success:hover {
        background-color: #46a049;
    }
/* Green */

/*.Button {
    -moz-box-shadow: inset 0px 1px 3px 0px #91b8b3;
    -webkit-box-shadow: inset 0px 1px 3px 0px #91b8b3;
    box-shadow: inset 0px 1px 3px 0px #91b8b3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
    background: -moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
    background-color: #768d87;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #566963;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 11px 23px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #2b665e;
}

    .Button:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
        background: -moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background: -webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background: -o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background: -ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background: linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
        background-color: #6c7c7c;
    }

    .Button:active {
        position: relative;
        top: 1px;
    }*/


/*.Button {
    background: none repeat scroll 0 0 #556B2F;
    border-radius: 5px;
    clear: both;
    color: #fff;
    font-weight: bold;
    padding: 6px;
}*/

/*.Button {
    border: 1px solid #8BCF54;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: 'Times New Roman';
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #83b9ea;
    background-image: linear-gradient(to bottom, #83b9ea, #386FA5);
    width: 120px;
}

    .Button:hover {
        border: 1px solid #7BCF32;
        background-color: #A4D62D;
        background-image: linear-gradient(to bottom, #A4D62D, #3b8d2e);
    }*/
/*.Button{
border:1px solid #8bcf54; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:Kalam; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a9db80; background-image: linear-gradient(to bottom, #a9db80, #96c56f);
 }

.Button:hover{
 border:1px solid #74bf36;
 background-color: #8ed058; background-image: linear-gradient(to bottom, #8ed058, #7bb64b);
 }*/
.ButtonDelete {
    border: 1px solid #ff6262;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: Century Gothic;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #ff9a9a;
    background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);
}

    .ButtonDelete:hover {
        border: 1px solid #ff3434;
        background-color: #ff6767;
        background-image: linear-gradient(to bottom, #ff6767, #ff0d0d);
    }

.ButtonSenctioned {
    border: 1px solid #25729a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: Century Gothic;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}

    .ButtonSenctioned:hover {
        border: 1px solid #1c5675;
        background-color: #26759e;
        background-image: linear-gradient(to bottom, #26759e, #133d5b);
    }

.ButtonEvaluation {
    border: 1px solid #25729a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: Century Gothic;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #080A0C;
    background-color: #ED7C56;
    background-image: linear-gradient(to bottom, #ED7C56, #FFAD0C);
}

    .ButtonEvaluation:hover {
        border: 1px solid #1c5675;
        background-color: #D8A248;
        color: #FFFFFF;
        background-image: linear-gradient(to bottom, #26759e, #133d5b);
    }


/*.ButtonDelete {
    background: none repeat scroll 0 0 red;
    border-radius: 5px;
    clear: both;
    color: #fff;
    font-weight: bold;
    padding: 6px;
}*/

.mandatory {
    color: #ce0000 !important;
    font-family: Century Gothic;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.Separator {
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-family: Century Gothic;
}

.Separator {
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-family: Century Gothic;
}

    .Separator th {
        background-color: #897959;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 2px;
        font-size: 15px;
        font-family: Century Gothic;
    }

    .Separator td {
        border-width: 1px;
        padding: 2px;
        border-style: solid;
        border-color: #a9c6c9;
        font-size: 13px;
        font-family: Century Gothic;
    }


/*.hovertable1 {
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-family: Century Gothic;
}

    .hovertable1 th {
        background-color: #897959;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 2px;
        font-size: 15px;
        font-family: Century Gothic;
    }

    .hovertable1 td {
        border-width: 1px;
        padding: 2px;
        border-style: solid;
        border-color: #a9c6c9;
        font-size: 13px;
        font-family: Century Gothic;
    }*/

.hovertable1 {
    font-family: verdana,arial,sans-serif;
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .hovertable1 th {
        background-color: #777479;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 5px;
        font-size: 11px;
    }

    .hovertable1 tr {
        background-color: #fff;
    }

    .hovertable1 td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #a9c6c9;
        font-size: 11px;
    }




/*.hovertable1 {
     
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Times New Roman';
}

    .hovertable1 th {
        background-color: #AE695A;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 2px;
        font-size: 14px;
        font-family: 'Times New Roman';
    }

    .hovertable1 td {
        border-width: 1px;
        padding: 4px;
        border-style: solid;
        border-color: #a9c6c9;
        font-size: 13px;
        font-family: 'Times New Roman';
    }*/



/*.hovertable1 {
    font-family: 'Times New Roman';
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .hovertable1 th {
        background-color: #386fa5;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 5px;
    }

    .hovertable1 tr {
        background-color: #fff;
    }

    .hovertable1 td {
        border-width: 1px;
        padding: 4px;
        border-style: solid;
        border-color: #a9c6c9;
    }*/


/*.hovertable {
    font-family: verdana,arial,sans-serif;
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .hovertable th {
        background-color: #777479;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 5px;
        font-size: 11px;
        font-family: Century;
    }

    .hovertable tr {
        background-color: #fff;
    }

    .hovertable td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #a9c6c9;
        font-size: 11px;
        font-family: Century;
    }*/

.hovertable {
    font-family: verdana,arial,sans-serif;
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .hovertable th {
        background-color: #777479;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 5px;
        font-size: 11px;
    }

    .hovertable tr {
        background-color: #fff;
    }

    .hovertable td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #a9c6c9;
        font-size: 11px;
    }

.web_dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 228px;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    /*display: none;*/
}

.web_dialog1 {
    background-color: #ffffff;
    border: 2px solid #336699;
    /*display: none;*/
    font-family: Century Gothic;
    left: 25%;
    position: fixed;
    top: 10%;
    width: 600px;
    z-index: 102;
}

.web_dialog2 {
    background-color: #ffffff;
    border: 2px solid #336699;
    bottom: 5px;
    font-family: Century Gothic;
    height: 400px;
    right: 5px;
    overflow-y: scroll;
    position: fixed;
    width: 260px;
    z-index: 102;
}

.web_dialog3 {
    background-color: #ffffff;
    border: 2px solid #336699;
    bottom: 5px;
    font-family: Century Gothic;
    height: 200px;
    overflow-y: scroll;
    position: fixed;
    right: 5px;
    width: 350px;
    z-index: 102;
}

.web_dialog {
    background-color: #ffffff;
    border: 2px solid #336699;
    /*display: none;*/
    font-family: Century Gothic;
    height: 500px;
    left: 10%;
    position: fixed;
    top: 10%;
    width: 800px;
    z-index: 102;
}

.web_dialog_title {
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight: bold;
}

    .web_dialog_title a {
        color: White;
        text-decoration: none;
    }

.align_right {
    text-align: right;
}

.TextBox {
    border: 1px solid #B9BDC1;
    color: #000000;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #E0FFFF inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    top: 0px;
    width: 250px;
    height: 25px;
}

    .TextBox:focus {
        /*background-color: #daedac;*/
        background-color: #D2CFD4;
        outline: 0;
    }
/*.TextBox {
    height: 25px;
    width: 50%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: darkred;
    outline: 0;
    cursor: pointer;
    font-family: 'Times New Roman';
    font-size: 14px;
}

    .TextBox:focus {
        border-color: rgb(0, 255, 0);
        box-shadow: 0 1px 1px rgba(0,255,0,0.3) inset, 0 0 8px rgba(0,255,0,0.3);
        outline: 0 none;
    }*/

/*.TextBox {
    height: 25px;
    width: 90%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: darkred;
    outline: 0;
    cursor: pointer;
    font-family: 'Times New Roman';
    font-size: 14px;
}

    .TextBox:focus {
        border-color: rgb(0, 255, 0);
        box-shadow: 0 1px 1px rgba(0,255,0,0.3) inset, 0 0 8px rgba(0,255,0,0.3);
        outline: 0 none;
    }*/

.TextBoxMailID {
    border: 1px solid #B9BDC1;
    color: #000000;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #E0FFFF inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    /*top: -15px;*/
    /*left: 82px;*/
    top: 0px;
    width: 350px;
    height: 25px;
}

    .TextBoxMailID:focus {
        background-color: #B1FE98;
        outline: 0;
    }



.TextBoxRemarks {
    border: 1px solid #B9BDC1;
    color: #000000;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #E0FFFF inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    /*top: -15px;*/
    /*left: 82px;*/
    top: 0px;
    width: 850px;
    height: 75px;
}

    .TextBoxRemarks:focus {
        background-color: #D2CFD4;
        outline: 0;
    }


.TextBoxRight {
    width: 150px;
    border: 1px solid #B9BDC1;
    color: #000000;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #E0FFFF inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    text-align: right;
}

    .TextBoxRight:focus {
        background-color: #B1FE98;
        outline: 0;
    }

.TextBoxEmailID {
    width: 250px;
    border: 1px solid #B9BDC1;
    color: #000000;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #E0FFFF inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .TextBoxEmailID:focus {
        background-color: #B1FE98;
        outline: 0;
    }



.RightText {
    text-align: right;
    font-size: 15px;
    width: 15%;
    padding: 5px;
    vertical-align: bottom;
    color: #777479;
}

.LeftText {
    text-align: left;
    font-size: 15px;
    width: 35%;
    padding: 5px;
}

.RightText_TwoText {
    text-align: right;
    font-size: 15px;
    width: 20%;
    padding: 5px;
    vertical-align: bottom;
    color: #777479;
}

.LeftText_TwoText {
    text-align: left;
    font-size: 10px;
    width: 30%;
    padding: 5px;
}

.Label {
    text-align: left;
    font-size: 13px;
    padding: 5px;
    vertical-align: top;
    color: #1F4D64;
}

.CenterText {
    text-align: center;
    font-size: 10px;
    width: 120px;
}

.ui-accordion span {
    color: black;
    font-size: 6.5pt;
    font-weight: bold;
}

.FormHeading {
    color: #00aaff;
    font-family: Century Gothic;
    font-size: 14pt;
    font-style: italic;
    font-weight: normal;
    padding: 10px 1px 10px 3px;
}

.Message {
    background-color: #FF3300;
}

div.dd_chk_drop div#checks {
    width: 300px;
}

.btnDisApprove {
    border-top: 1px solid #96d1f8;
    background: #556B2F;
    background: -webkit-gradient(linear, left top, left bottom, from(#556B2F), to(#65a9d7));
    background: -webkit-linear-gradient(top, #556B2F, #65a9d7);
    background: -moz-linear-gradient(top, #556B2F, #65a9d7);
    background: -ms-linear-gradient(top, #556B2F, #65a9d7);
    background: -o-linear-gradient(top, #556B2F, #65a9d7);
    padding: 5px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 14px;
    font-family: Century Gothic;
    text-decoration: none;
    vertical-align: middle;
}

    .btnDisApprove:hover {
        border-top-color: #28597a;
        background: #28597a;
        color: #ccc;
    }

    .btnDisApprove:active {
        border-top-color: #1b435e;
        background: #1b435e;
    }



.ButtonSenctionedSmall {
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
    border: 1px solid #25729a;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: Century Gothic;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.DivStyle {
    width: 200px;
    height: 150px;
    border: solid 1px #555;
    /*background-color: #e6efe6;*/
    box-shadow: 0px 4px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.6);
    -o-box-shadow: 0px 4px 5px rgba(0,0,0,0.6);
    border-radius: 6px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
    font-family: Century Gothic;
    white-space: normal;
}

.DivStylectExtra {
    width: 400px;
    background-color: #fff;
}

.DivStylectExtraTA {
    width: 800px;
    background-color: #fff;
    height: 63px;
}


.RightText_4Slot {
    font-size: 11px !important;
    text-align: right;
    width: 8%;
}

.LeftText_4Slot {
    text-align: left;
    font-size: 10px !important;
    width: 17%;
}

.RightText_3Slot {
    font-size: 11px !important;
    text-align: right;
    width: 13%;
}

.LeftText_3Slot {
    text-align: left;
    font-size: 10px !important;
    width: 20%;
}

.RightText_2Slot {
    font-size: 11px !important;
    text-align: right;
    width: 20%;
}

.LeftText_2Slot {
    text-align: left;
    font-size: 10px !important;
    width: 30%;
}

.RightText_1Slot {
    font-size: 11px !important;
    text-align: right;
    width: 40%;
}

.LeftText_1Slot {
    text-align: left;
    font-size: 10px !important;
    width: 60%;
}

.TextBox_New {
    border: 1px solid #B9BDC1;
    color: #000000;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #E0FFFF inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    /*top: -15px;*/
    /*left: 82px;*/
    top: 0px;
    width: 90%;
}

    .TextBox_New:focus {
        background-color: #B1FE98;
        outline: 0;
    }

.ButtonSmall {
    border: 1px solid #8BCF54;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: Century Gothic;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #74BF36;
    background-image: linear-gradient(to bottom, #386FA5, #386FA5);
    cursor: pointer;
}

    .ButtonSmall:hover {
        border: 1px solid #7BCF32;
        background-color: #A4D62D;
        background-image: linear-gradient(to bottom, #A4D62D, #3b8d2e);
    }


.TextBox1 {
    width: 172px;
    height: 21px;
    font-size: 13px;
}

.RightText1 {
    font-weight: bold;
    font-size: 14px;
    padding: 3px;
}

.tableDesigne {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

    .tableDesigne tr {
        padding: 10px;
    }

        .tableDesigne tr td {
            padding: 2px;
            font-size: 14px;
            border-width: 1px;
            border-style: solid;
            border-color: #e7dddd;
            background-color: #fff;
            font-family: Century Gothic;
        }

.tableDesignePop {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

    .tableDesignePop tr {
        padding: 10px;
    }

        .tableDesignePop tr td {
            padding: 2px;
            border-color: #e7dddd;
            /*background-color: #fff;*/
            font-family: Century Gothic;
        }

.tdValign {
    vertical-align: top;
}


.TextBoxUpperCase {
    text-transform: uppercase;
}



.TextMain {
    position: relative;
    margin-top: 5px;
}

.TextInside {
    font-family: Century Gothic;
    display: inline-block;
    width: 85%;
    height: 25px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 10px 10px 10px 85px;
    transition: all 0.1s ease-out;
    border: 1px solid #B9BDC1;
    color: #000000;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #E0FFFF inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
}

.TextInsideLabel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 25px;
    line-height: 25px;
    color: white;
    border-radius: 3px 0 0 3px;
    padding: 0 20px;
    background: #F4B998;
    transform: translateZ(0) translateX(0);
    transition: all 0.3s ease-in;
    transition-delay: 0.2s;
}

.TextInside:focus + label {
    transform: translateY(-120%) translateX(0%);
    border-radius: 3px;
    transition: all 0.1s ease-out;
    /*-webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform: rotate(-90deg) translate(-50%, 50%);*/
}

.TextInside:focus {
    padding: 2px;
    transition: all 0.3s ease-out;
    transition-delay: 0.2s;
    font-family: Century Gothic;
    border-color: rgb(0, 255, 0);
    box-shadow: 0 1px 1px rgba(0,255,0,0.3) inset, 0 0 8px rgba(0,255,0,0.3);
    outline: 0 none;
    /*padding-right: 20px;*/
}

.PageHeadings {
    color: #AE695A;
    font-family: Century Gothic;
    font-size: 25px;
    padding-left: 10px;
    /*font-weight: bold;*/
}

.FormArea {
    border: 1px solid #30ABBC;
    margin: 0 0 20px 10px;
    min-height: 350px;
    padding: 10px 10px;
    width: 96%;
    font-family: verdana,arial,sans-serif;
}

.FormAreaTD1 {
    text-align: left;
    width: 50%;
}

.FormAreaTD2 {
    text-align: left;
    width: 50%;
}

.table {
    font-size: 9px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-family: Century Gothic;
}

    .table th {
        background-color: #777479;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 5px;
        font-size: 16px;
        font-family: Century Gothic;
    }

    .table td {
        border-width: 1px;
        padding: 4px;
        border-style: solid;
        border-color: #a9c6c9;
        font-size: 12px;
        font-family: Century Gothic;
    }

.DivLayoutOrange {
    width: 97%;
    background: #FAFAFA;
    padding: 20px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    border: 1px solid #775F87;
    height: auto;
}

.HeadingOrange {
    background: #775F87;
    padding: 4px 0;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: -16px -16px 16px -16px;
    font-family: Century Gothic;
    font-size: 15px;
}

.roundalert {
    background: red none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 1px 3px 4px 1px grey;
    clear: both;
    color: #fff;
    line-height: 12px;
    padding: 3px;
    position: absolute;
}


.roundalertDashboardGreen {
    background: #8cd9b3 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 1px 3px 4px 1px grey;
    clear: both;
    color: #000000;
    line-height: 12px;
    padding: 3px;
    position: absolute;
    width: 54px;
    height: 18px;
    text-align: center;
}


.roundalertDashboard {
    background: #ff9999 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 1px 3px 4px 1px grey;
    clear: both;
    color: #fff;
    line-height: 12px;
    padding: 3px;
    position: absolute;
    width: 54px;
    height: 18px;
    text-align: center;
}

.roundalertDashboardGray {
    background: #f0f5f5 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 1px 3px 4px 1px grey;
    clear: both;
    line-height: 12px;
    padding: 2px;
    position: absolute;
    width: 54px;
    height: 18px;
    text-align: center;
    color: #000000;
}

.contentBox {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 5px 5px;
    box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5);
    height: auto;
    padding: 1px 3px;
    position: relative;
    z-index: 2;
    border: 1px solid #777479;
    margin: 0 0 0 1px;
    min-height: 350px;
    width: 102%;
}



#tabs {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs #current a, #tabs #current a::after {
        background: #777479 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs #current a, #tabs #current a::after {
        background: #777479 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
        font-size: 20px;
    }

    #tabs a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 3.0em;
        position: relative;
        text-decoration: none;
        /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
    }


/*Tab 1*/

#tabs1 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs1 #current1 a, #tabs1 #current1 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs1 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs1 #current1 a, #tabs1 #current1 a::after {
        background: #89CB43 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
        font-size: 20px;
    }

    #tabs1 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 3.0em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }


/*Tab 2*/

#tabs2 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/*#tabs2 #current2 a, #tabs2 #current2 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs2 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs2 #current2 a, #tabs2 #current2 a::after {
        background: #C5874E none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
        font-size: 20px;
    }

    #tabs2 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 3.0em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }*/

.myButton {
    border: none;
    color: white;
    padding: 10px 28px;
    font-size: 16px;
    cursor: pointer;
    background-color: #777479;
    border-radius: 4px;
    color: #fff;
}



/*.myButton {
    -moz-box-shadow: inset 0px 1px 3px 0px #91b8b3;
    -webkit-box-shadow: inset 0px 1px 3px 0px #91b8b3;
    box-shadow: inset 0px 1px 3px 0px #91b8b3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
    background: -moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
    background-color: #768d87;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #566963;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 11px 23px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #2b665e;
}

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
        background: -moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background: -webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background: -o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background: -ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background: linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
        background-color: #6c7c7c;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }*/


/*.myButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
    background: -moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background: -webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background: -o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background: -ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background: linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
    background-color: #b8e356;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #83c41a;
    display: inline-block;
    cursor: pointer;
    color: #8B0000;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #86ae47;
    border-radius: 15px 50px 15px;
    margin-top: 10px;
    width: 150px;
    font-family: Century Gothic;
}

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
        background: -moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
        background: -webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
        background: -o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
        background: -ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
        background: linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
        background-color: #a5cc52;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }*/

.ButtonSmall {
    background-color: #987653;
    background-image: linear-gradient(to bottom, #987653, #B18560);
    border: 1px solid #987653;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.HeaderRepeat {
    background-image: url('../image/newHeaderPart.jpg');
    background-repeat: repeat-x;
    width: 96%;
    height: 20px;
    position: absolute;
    margin-top: -11px;
}


.DashboardCPName {
    color: #09C;
    font-weight: bold;
    font-size: 12px;
}

/*.DashboardRed {
    color: #EA4335;
    font-weight: bold;
    font-size: 12px;
}

.DashboardRed {
    color: #EA4335;
    font-weight: bold;
    font-size: 12px;
}*/

.DashboardFTName {
    color: #FF9900;
    font-weight: bold;
    font-size: 12px;
}

.DashboardDescription {
    color: #000000;
    vertical-align: top;
    text-decoration: none;
    font-size: 12px;
}

.DashboardLabelHeading {
    color: #fff;
    vertical-align: top;
    text-decoration: none;
    font-size: 12px;
    background: #90BC3A;
    padding: 2px;
    border-radius: 3px;
}

.DashboardLabelHeadingGray {
    color: #fff;
    vertical-align: top;
    text-decoration: none;
    font-size: 12px;
    background-color: #777479;
    padding: 4px;
    border-radius: 3px;
}


.HRStyle {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.PopUpBottomStrip {
    position: absolute;
    bottom: 0;
    background-color: white;
    width: 97%;
    border-radius: 5px;
    margin-bottom: 3px;
}


.PopUpBottomStripRightText {
    text-align: right;
    font-size: 12px;
    width: 15%;
    padding: 5px;
    vertical-align: bottom;
    color: #777479;
}

.PopUpBottomStripLeftText {
    text-align: left;
    font-size: 15px;
    width: 20%;
    padding: 5px;
}


#tabs1 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}


/*.tabs-menu .current a, .tabs-menu .current a::after {
        background: #777479 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
        font-size: 20px;
    } 
        .tabs1-menu .current a, .tabs1-menu .current a::after {
        background: #777479 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
        font-size: 20px;
    } 
.tabs-menu {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

     

    .tabs-menu a::after {
        background: #ddd linear-gradient(to bottom, #12608D, #12608D) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    

    .tabs-menu a {
        background: #ddd linear-gradient(to bottom, #97C53D, #97C53D) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #FFFFFF;
        float: left;
        padding: 0.2em 1.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
        font-size: 20px;
    }*/



.tabs-menu a:hover, .tabs-menu a:hover::after, .tabs-menu a::after {
    background-color: #F59697;
    color: #FFFFFF;
}

.tabs-menu .current a {
    background-color: #F59697;
    color: #FFFFFF;
    font-size: 20px;
}

    .tabs-menu .current a, .tabs-menu .current a::after {
        background: #777479 none repeat scroll 0 0;
        color: #ffffff;
        /*z-index: 3;*/
    }

.tabs-menu {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    .tabs-menu .current1 a, .tabs-menu .current1 a::after {
        background: #777479 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    .tabs-menu a::after {
        background: #ddd linear-gradient(to bottom, #777479, #777479) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    .tabs-menu .current1 a, .tabs-menu .current1 a::after {
        background: #777479 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    .tabs-menu a {
        background: #ddd linear-gradient(to bottom, #777479, #777479) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #FFFFFF;
        float: left;
        padding: 0.2em 1.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
        font-size: 20px;
    }

.Tabcontent {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 5px 5px;
    box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5);
    height: auto;
    padding: 1px 3px;
    position: relative;
    z-index: 2;
    border: 1px solid #777479;
    margin: 0 0 0 1px;
    min-height: 350px;
    width: 100%;
}

.LnkButtontoText {
    text-decoration: none;
    color: #777479;
}


.DashboardBlue {
    background-color: #09C;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    padding: 2px;
    border-radius: 5px;
    text-align: center !important;
    padding-left: 10px;
}


.DashboardRed {
    background-color: #EA4335;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    padding: 2px;
    border-radius: 5px;
    text-align: center !important;
    padding-left: 10px;
}

.roundalertMegenta {
    background: #FF8000 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 1px grey;
    clear: both;
    color: #fff;
    line-height: 12px;
    padding: 3px;
    position: absolute;
}

TextBox {
    display: inline-block;
    width: 5em;
}

.InboxPopUp {
    width: 100%;
    vertical-align: top;
    background-color: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 5px #90BC3A;
    z-index: 999;
    position: relative;
}



.tableWithStyle {
    border-collapse: collapse;
    width: 100%;
    /*border-radius: 10px;*/
}

    .tableWithStyle th, td {
        text-align: left;
        padding: 2px;
    }

    .tableWithStyle tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .tableWithStyle th {
        background-color: #4CAF50;
        color: white;
    }