/* rajdhani-regular - latin-ext_latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/rajdhani-v5-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Rajdhani'), local('Rajdhani-Regular'),
    url('../fonts/rajdhani-v5-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/rajdhani-v5-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/rajdhani-v5-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/rajdhani-v5-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/rajdhani-v5-latin-ext_latin-regular.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-500 - latin-ext_latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/rajdhani-v5-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Rajdhani Medium'), local('Rajdhani-Medium'),
    url('../fonts/rajdhani-v5-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/rajdhani-v5-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/rajdhani-v5-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/rajdhani-v5-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/rajdhani-v5-latin-ext_latin-500.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-600 - latin-ext_latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/rajdhani-v5-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Rajdhani Semibold'), local('Rajdhani-Semibold'),
    url('../fonts/rajdhani-v5-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/rajdhani-v5-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/rajdhani-v5-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/rajdhani-v5-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/rajdhani-v5-latin-ext_latin-600.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-700 - latin-ext_latin */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/rajdhani-v5-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Rajdhani Bold'), local('Rajdhani-Bold'),
    url('../fonts/rajdhani-v5-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/rajdhani-v5-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/rajdhani-v5-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/rajdhani-v5-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/rajdhani-v5-latin-ext_latin-700.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
html {
    height: 100%; }
body {
    font-family: 'Rajdhani', Verdana, Sans-Serif;
    font-size: 14px;
    height: 100%;
    margin: 0;
    color: #000;
    font-weight: 500;
    background: #fff;
    background-image: url('../imgs/bg.jpg');
    background-repeat: repeat-x;
    background-position: top 144px center;
    background-attachment: fixed;
    }

h1 {
    font-size: 20px;
    margin: 3px; }    
h2 {
    font-size: 16px;
    margin: 3px; }        
a, a:visited {
    color: black; }
#main-wrap {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 5px rgba(0,0,0,.07);
    width: 773px;
    margin: 0 auto;
    padding-bottom: 26px;
    background-color: #fff;
}
#main {
    width: 100%;
    max-width: 800px;
    margin: auto;
    border: 0px;
    border-collapse: collapse;
    background: #fff;
    }
#main col {
    width: 50%; }
#main td {
    text-align: center;
    vertical-align: top;
    padding: 7px;
    font-size: 14px;
    }
#main tr.titlebar td {
    vertical-align: middle; }
#main tr.titlebar td.title {
    text-align: left; }
#main tr.titlebar td.buttons {
    text-align: right; }
    
table.mytab {
    margin: auto; 
    vertical-align: top; }
table.mytab caption {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 32px 3px 23px 3px;
    }    
table.mytab tr:hover {
    background: #efefef;
    }
table.mytab th {
    font-weight: 500;
    }
table.mytab td {
    min-height: 45px;
    text-align: left !important;
    min-height: 20px;
    white-space: nowrap; }
table.mytab td:nth-child(1) {
    /*padding-top: 10px !important;*/
    white-space: normal;
    font-weight: 600;
    font-size: 16px !important;
    /* max-width: 200px; */
    vertical-align: middle !important;
    }

.subVal {
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin-top: 7px;
    }
.warning {
    color: red; }
    
span.value {
    padding: 8px 5px 4px 5px;
    display: inline-block;
    text-align: center;
    overflow: visible;
    min-width: 105px;
    max-width: 150px;
    min-height: 16px;
    font-size: 14px;
    font-weight: 500;
    }
    
input[type="text"] {
    width: 50px;
    text-align: right; }
input.textInput {
    height: 16px;
    padding: 7px 5px 5px 5px;
    width: 30px;
    }
input.textInput.long {
    width: 100px; }     
table.mytab td button {
    width: 155px;
    }
.checkboxradio {
    width: 100px;
    text-align: left !important;
    vertical-align: middle; }
    
#foot {
    width: 100%;
    margin-top: 10px; 
    font-size: 11px; }
    
#dbginfo {
    position: fixed;
    left: 0px;
    bottom: 0px;
    font-size: 12px;
    font-weight: 500;
    }
    
    
#overlay {
    background-color: #AAAAAA;
    opacity: 0.5;
    position: fixed;
    width: 100%; height: 100%;
    z-index: 100;}
#loading {
    position: fixed;
    width: 100%;
    height: 50px;
    line-height: 50px;
    top: 50%;
    background-color: navy;
    color: white;
    font-size: 22px;
    text-align: center;
    z-index: 101; }
    
.ui-widget-header {
    border: 1px solid #b57000!important;
    background: #f39b0c !important;
    color: #ffffff !important;
    }       

.ui-selectmenu-button {
    width: 125px !important; }
    
.ui-state-highlight {
    padding: 12px 10px 8px 10px;
    font-size: 16px;
    font-weight: 500;
    }    
    
.ui-state-error {
    padding: 10px; }
.container {
    width: 783px;
    margin: 0 auto;
}
.header {
    background-color: #fff;
    height: 86px;
}
.header .logo {
    margin-top: 25px;
    margin-left: 11px;
}
@media (min-width: 786px) {
    .header .logo {
        margin-left: -3px;
    }
}
.topbar {
    height: 45px;
    background: #ffd60c;
    background: -webkit-linear-gradient(top, #ffd60c, #f39b0c);
    background: linear-gradient(180deg, #ffd60c, #f39b0c);
    margin-bottom: 18px;
    padding-top: 16px;
    min-width: 783px;
}
.topbar:after {
    content: '';
    display: table;
    clear: both;
}
.topbar h1 {
    margin-left: 11px;
    font-weight: 600;
    font-size: 28px;
    float: left;
}
.topbar__buttons {
    float: right;
    margin-top: -4px;
    margin-right: 2px;
}
.topbar__buttons .ui-button {
    margin-right: 0;
}
/* Buttons */
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000416;
    border: solid 1px #000;
    background-image: -webkit-linear-gradient(bottom, #000, #484848);
    background-image: -moz-linear-gradient(bottom, #000, #484848);
    background-image: -o-linear-gradient(bottom, #000, #484848);
    background-image: -ms-linear-gradient(bottom, #000, #484848);
    background-image: linear-gradient(to top, #000, #484848);
}
a.ui-button:hover,
a.ui-button:focus,
a.ui-button:active,
.ui-button:hover,
.ui-button:active,
.ui-button:focus {
    background: #000416;
    color: #fff;
    border: solid 1px #000;
    font-weight: 500;
}
.ui-button.ui-state-active {
    background: #f39b0c;
    border: 1px solid #b57000;
}
.ui-button {
    padding-top: .45em;
    padding-bottom: .45em;
}
.ui-widget {
    font-family: 'Rajdhani', Verdana, Sans-Serif;
}
.footer {
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
}
.footer a {
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}
.settings-col {
    width: 55%;
    padding-left: 4% !important;
}
.text-center {
    text-align: center;
}
#main .valign-top {
    vertical-align: top !important;
}