/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 12, 2017, 2:18:46 PM
    Author     : Nares Khamchue
*/
* {
    margin: 0;
}
html {
    height: 100%;
}
body {
    height: 100%;
    /*background-image: url('../../images/bg.png');
    background-repeat: repeat;
    background: linear-gradient(#9ed9ff, #fff);
    background-repeat: repeat-x;*/
    background-image: url('../../images/bg-manager.jpg');
    background-repeat: repeat;
    background-size: 100% 100%;
    background-position-y: 123px;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
}
footer {
    background-color: #444444;
    height: 30px; /* .push must be the same height as .footer */
    font-family: 'Conv_THSarabunNew';
    font-weight: normal;
    font-style: normal;
    font-size: 14pt;
    color: #fff;
    text-align: center;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_THSarabunNew';
    src: url('../../fonts/THSarabunNew.eot');
    src: local('☺'), url('../../fonts/THSarabunNew.woff') format('woff'), url('../../fonts/THSarabunNew.ttf') format('truetype'), url('../../fonts/THSarabunNew.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_THSarabunNew Bold';
    src: url('../../fonts/THSarabunNew Bold.eot');
    src: local('☺'), url('../../fonts/THSarabunNew Bold.woff') format('woff'), url('../../fonts/THSarabunNew Bold.ttf') format('truetype'), url('../../fonts/THSarabunNew Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_THSarabunNew Italic';
    src: url('../../fonts/THSarabunNew Italic.eot');
    src: local('☺'), url('../../fonts/THSarabunNew Italic.woff') format('woff'), url('../../fonts/THSarabunNew Italic.ttf') format('truetype'), url('../../fonts/THSarabunNew Italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_THSarabunNew BoldItalic';
    src: url('../../fonts/THSarabunNew BoldItalic.eot');
    src: local('☺'), url('../../fonts/THSarabunNew BoldItalic.woff') format('woff'), url('../../fonts/THSarabunNew BoldItalic.ttf') format('truetype'), url('../../fonts/THSarabunNew BoldItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Bootstrap Nav bar Override **/ 
.navbar-brand,
.navbar-nav li a {
    line-height: 90px;
    height: 90px;
    padding-top: 0;
}
.logo_and_project_name {
    vertical-align: middle;
    display: inline;
    font-family: 'Conv_THSarabunNew Bold';
    font-weight: normal;
    font-style: normal;
    font-size: 24pt;
    color: #7777FF;
}
.logo_image {
    height: 80px;
    vertical-align: middle;
}
.project_full_name {
    font-family: 'Conv_THSarabunNew Bold';
    font-weight: normal;
    font-style: normal;
    font-size: 28pt;
    color: #222222;
    text-align: center;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
}
/*#navigation,.navbar .navbar-default{*/
.navbar,.navbar-default {
    /*background-image: url('../images/Background_Head-3.jpg');*/
    background-image: none;
    /*background-repeat: no-repeat;
    background-size: 100%;*/
    background-color: #000;
}
.navbar-nav {
    background-color: #333333;
}

p {
    /*text-indent: 0.5em;*/
}
.welcome_text {
    font-family: 'Conv_THSarabunNew';
    font-weight: normal;
    font-style: normal;
    font-size: 18pt;
    color: #000000;
}
.highlight_text {
    font-family: 'Conv_THSarabunNew Bold';
    font-weight: normal;
    font-style: normal;
    font-size: 24pt;
    color: #7777FF;
}
.highlight_small_text {
    font-family: 'Conv_THSarabunNew Bold';
    font-weight: normal;
    font-style: normal;
    font-size: 20pt;
    color: #7777FF;
}
.normal_text {
    font-family: 'Conv_THSarabunNew';
    font-weight: normal;
    font-style: normal;
    font-size: 18pt;
    color: #000000;
}
.bold_text {
    font-family: 'Conv_THSarabunNew Bold';
    font-weight: normal;
    font-style: normal;
    font-size: 18pt;
    color: #000000;
}
.small_text {
    font-family: 'Conv_THSarabunNew';
    font-weight: normal;
    font-style: normal;
    font-size: 12pt;
    color: #000000;
}

.center {
    text-align: center;
}
.middle {
    vertical-align: middle;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

.table-inner-border-less th,
.table-inner-border-less thead tr th
.table-inner-border-less td,
.table-inner-border-less tbody tr td {
    border: none;
}

.table-curved {
    border-collapse: separate;
}
.table-curved {
    border: solid #ccc 1px;
    border-radius: 6px;
}
.table-curved td, .table-curved th {
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}
.table-curved th {
    border: none;
}
.table-curved th:first-child {
    border-radius: 6px 0 0 0;
}
.table-curved th:last-child {
    border-radius: 0 6px 0 0;
}
.table-curved th:only-child{
    border-radius: 6px 6px 0 0;
}
.table-curved tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.table-curved tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.eduFoundationBox {
    border: 1px solid #7777FF;
    color: #2ab27b;
    padding: 5px 5px 5px 5px;
}

/* Modify bootstrap row height */
.row-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.row-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
/* End Modify bootstrap row height */

.red {
    color: #FF0000;
}

/* Bootstrap POPOVER */
.popover-title {
    font-family: 'Conv_THSarabunNew';
    font-weight: normal;
    font-style: normal;
    font-size: 18pt;
    color: #7777FF;
}
.popover-content {
    font-family: 'Conv_THSarabunNew';
    font-weight: normal;
    font-style: normal;
    font-size: 18pt;
    color: #000000;
}

.border {
    border: 1px solid #5bc0de;
}

.max_width {
    width: 100%;
}

/****** TCNAP ******/
.wrapper {
    /*background-image: url('../../images/bg.png');
    background-repeat: repeat;*/
}
.navbar {
    background-image: url('../../images/header_bg.png');
}
.navbar_background {
    background-image: url('../../images/header_bg.png');
}
.user_info {
    font-family: 'Conv_THSarabunNew Bold';
    font-weight: normal;
    font-style: normal;
    font-size: 16pt;
    color: #008f68;
    text-shadow: 1px 1px 5px rgba(150, 150, 150, 1);
    text-align: center;
    vertical-align: middle;
}

#left_menu thead th, #login_box thead th {
    background: #028f65;
    background-image: -webkit-linear-gradient(top, #028f65, #0e8965);
    background-image: -moz-linear-gradient(top, #028f65, #0e8965);
    background-image: -ms-linear-gradient(top, #028f65, #0e8965);
    background-image: -o-linear-gradient(top, #028f65, #0e8965);
    background-image: linear-gradient(to bottom, #028f65, #0e8965);
    /*-webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;*/
    font-family: 'Conv_THSarabunNew Bold';
    color: #ffffff;
    font-size: 28px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

#left_menu tbody td, #login_box tbody td {
    background: #ffffff;
    font-family: 'Conv_THSarabunNew Bold';
    font-size: 22px;
    color: #000;
}

#login_box {
    width: 500px;
    margin: 0px auto;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    border-spacing: 10px;
}

#login_box tbody td {
    padding-left: 10px;
    padding-right: 10px;
    color: #028f65;
}
#login_box a {
    text-decoration: underline;
}
/*#login_bttn {
    background: url('../../images/buttons/btn_login.png');
    border: 0;
    display: block;
    height: 39px;
    width: 114px;
}*/

.show_data_table thead th {
    background: #ec7d16; /*#1da1f2;*/
    /*background-image: -webkit-linear-gradient(top, #34d968, #0d5706);
    background-image: -moz-linear-gradient(top, #34d968, #0d5706);
    background-image: -ms-linear-gradient(top, #34d968, #0d5706);
    background-image: -o-linear-gradient(top, #34d968, #0d5706);
    background-image: linear-gradient(to bottom, #34d968, #0d5706);*/
    font-family: 'Conv_THSarabunNew Bold';
    color: #ffffff;
    font-size: 22px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.show_data_table tbody td, .entry_data_table tbody td {
    font-family: 'Conv_THSarabunNew';
    color: #000;
    font-size: 20px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    /*text-align: center;*/
    vertical-align: middle;
}

.show_data_table {
    text-align: center;
}

.show_data_table_small thead th {
    background: #1da1f2;
    /*background-image: -webkit-linear-gradient(top, #34d968, #0d5706);
    background-image: -moz-linear-gradient(top, #34d968, #0d5706);
    background-image: -ms-linear-gradient(top, #34d968, #0d5706);
    background-image: -o-linear-gradient(top, #34d968, #0d5706);
    background-image: linear-gradient(to bottom, #34d968, #0d5706);*/
    font-family: 'Conv_THSarabunNew Bold';
    color: #ffffff;
    font-size: 18px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.show_data_table_small tbody td {
    font-family: 'Conv_THSarabunNew';
    color: #000;
    font-size: 20px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    /*text-align: center;*/
    vertical-align: middle;
}

.show_data_table_small {
    text-align: center;
}


.entry_data_table {
    background-color: #fff;
    text-align: left;
    padding: 8px 0px 8px 0px;
}

.table-center {
    margin-left:auto;
    margin-right:auto;
}

.odd {
    background: #f7f7f7;
}

.even {
    background: #ffffff;
}

/*.list th:hover,*/ .list tr:hover {
    background: #cbe7f8;
}

.btn {
    background: #34d968;
    background-image: -webkit-linear-gradient(top, #34d968, #0d5706);
    background-image: -moz-linear-gradient(top, #34d968, #0d5706);
    background-image: -ms-linear-gradient(top, #34d968, #0d5706);
    background-image: -o-linear-gradient(top, #34d968, #0d5706);
    background-image: linear-gradient(to bottom, #34d968, #0d5706);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn:hover {
    background: #93fc3c;
    background-image: -webkit-linear-gradient(top, #93fc3c, #13702c);
    background-image: -moz-linear-gradient(top, #93fc3c, #13702c);
    background-image: -ms-linear-gradient(top, #93fc3c, #13702c);
    background-image: -o-linear-gradient(top, #93fc3c, #13702c);
    background-image: linear-gradient(to bottom, #93fc3c, #13702c);
    text-decoration: none;
}

.nowrap {
    white-space: nowrap;
}