/*@import url(https://fonts.googleapis.com/css?family=Fjalla+One); */
/*@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300'; */

@font-face {
    font-family: "estre";
    src: local("estre"), url("../fonts/estre.ttf") format("truetype");
}
/*@font-face {
    font-family: "calibri_0";
    src: local("calibri_0"), url("../fonts/calibri_0.ttf") format("truetype");
} */
@font-face {
    font-family: "Open Sans Condensed";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Condensed"), url("../fonts/Open_Sans_Condensed/OpenSans-CondLight.ttf") format("truetype");
}
body {
    /*background: #fff url("../images/mainbg.png") no-repeat scroll center 198px;*/
    background-attachment: fixed;
    background-image: url("../images/cross.jpg");
    background-position: 0 0;
    font-family: "Open Sans Condensed", calibri_0xx, sans-serif;
    font-size: 13px;
    /*font-family: calibri_0xx;
    font-size: 12px;*/
    /*line-height: 20px;*/
    margin: 0;
    padding: 0;
}
.myh3 {
    /*font-family: 'Fjalla One', sans-serif;*/
    font-family: 'Open Sans Condensed', sans-serif;
}
.topnavigation {
    padding-left: 15px;
}
.topnavigation ul {
}
.topnavigation li {
    background: rgba(0, 0, 0, 0) url("../images/divider01.png") no-repeat scroll right top;
    color: #fff;
    float: left;
    font-family: "Open Sans Condensed";
    font-size: 14px;
    line-height: 29px;
    padding-left: 7px;
    padding-right: 7px;
}
.link01:link {
    color: #fff;
    font-family: "Open Sans Condensed";
    font-size: 14px;
    text-decoration: none;
}
.link01:visited {
    color: #fff;
    font-family: "Open Sans Condensed";
    font-size: 14px;
    text-decoration: none;
}
.link01:hover {
    color: #ffec16;
    font-family: "Open Sans Condensed";
    font-size: 14px;
    text-decoration: none;
}
.errorMessage {
    color: red;
    font-style: italic;
    font-size: 11px;
}
span.required {
    color: red;
}
.form-control.error {
    background-color: #fff6f6;
    border-color: #fa424a;
    color: #fa424a !important;
}
.mydiv {
    background: #ECF2F5 none repeat scroll 0 0;
    border: 1px solid #d8e2e7;
    border-radius: 5px;
    margin: 0 auto;
    padding: 5px;
    position: relative;
}

.mysubmenu {
    padding-left: 25px;
}

.toppane {
    background: rgba(0, 0, 0, 0) url("../image/toppane.png") no-repeat scroll center top;
}

/*start left menu */

.panel-default {
    border-color:#DDDDDD;
}
.panel {
    -webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 1px;
    background-color:#FFFFFF;
    border:1px solid transparent;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 1px;
    margin-bottom:20px;
}
.text-center {
    text-align:center;
}

.panel-default > .panel-heading {
    background-color:#141414;
    border-color:yellow;
    color:#333333;
}

.panel-heading {
    border-bottom-color:transparent;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    padding:10px 15px;
}

.panel-title {
    color:inherit;
    font-size:16px;
    margin-bottom:0;
    margin-top:0;
}

.panel-title a {
    color: #FFEC16;
}

/*.panel-body {
    padding:15px;
}*/
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }

.panel-primary {
    border-color:#428BCA;
}

.panel-primary > .panel-heading {
    background-color:#428BCA;
    border-color:#428BCA;
    color:#FFFFFF;
}
.panel-group .panel {
    border-radius: 4px;
    margin-bottom: 0;
    overflow: hidden;
}

/*end left menu*/

.theoperations li {
    background: rgba(0, 0, 0, 0) url("../images/divider01.png") no-repeat scroll right top;
    color: green;
    float: left;
    font-family: "Open Sans Condensed";
    font-size: 14px;
    padding-left: 7px;
}

.theoperations li a {
    background:#eee;
    text-decoration:none;
    color:#083574;
    /*font-family:Arial, sans-serif;*/
    font-family: "Open Sans Condensed";
    font-size:14px;
    font-weight:bold;
    padding:1px 3px;
    border:1px solid #aaa;
    border-radius:3px;
    cursor: pointer;
}

.theoperations li a:hover {
    background-color:#f2f2f2;
    border-color:#888;
    box-shadow:0 0 2px #ccc;
}

.theoperations li a:active {
    vertical-align:-1px;
}

.form-horizontal .form-actions {
    padding-left: 181px;
}
.form-actions {
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
}

.mybutton {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #aaa;
    border-radius: 3px;
    color: #083574;
    cursor: pointer;
    /*font-family: Arial,sans-serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 4px 4px;
    text-decoration: none;
}

.myinput {
    border: 1px solid rgba(197, 214, 222, 0.7);
    -webkit-box-shadow: 
        inset 0 0 4px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
        inset 0 0 4px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
        inset 0 0 4px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1); 
    padding: 3px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 1px 0;
    width: 100%;
}