/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:5px 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* general */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

*:focus {
    outline:none !important
}

h2 {
    margin-top: 25px;
    font-size: 20px;
    font-family: Montserrat;
}

.btnConfirm {
    width: 80px;
    padding: 3px 0;
    font-size: 13px;
}

.btnConfirm:hover {
    border: 3px solid red;
}

.glyphicon-log-out,
.glyphicon-warning-sign {
    font-size: 20px !important;
}

.btn:hover,
.btn:focus,
.form-control:focus {
    background-color: transparent !important;
    box-shadow: 0px 0px 6px 2px gray;
    border: 1px solid #A5A5A5;
    outline: 0 !important;
}

.btn:hover,
.btn:focus {
    color: black;
}

.table {
    font-family: Montserrat;
    font-size: 11px;  
}

th {
    text-align: center;
    color: white;
    background-color: #262525;
}

td {
    padding: 0px;
}

.text-red {
    color: #e30d0d;
}

.text-blue {
    color: #0000FF;
}

.text-green {
    color: green;
}

.glyphicon {
    font-size: 15px;
}

.glyphicon-plus {
    left: -8px;
    font-size: 12px;
}

.input-error {
    background-color: transparent !important;
    box-shadow: 0 0 5px #FF0000;
    border: 1px solid pink;
    outline: 0 !important;
}

label {
    font-size: 12px !important;
    padding: 12px 0 !important;
} 

input[type='checkbox'] {
    margin: 0px 0 1px 0;
}   

.checkbox-primary input[type='checkbox']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 5px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #5cb85c;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.checkbox-info input[type='checkbox']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 5px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #5bc0de;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.checkbox-warning input[type='checkbox']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 5px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #ffa500;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.checkbox-danger input[type='checkbox']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 5px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d9534f;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.glyphicon-upload,
.glyphicon-circle-arrow-right {
   font-size: 25px !important;   
}

.glyphicon-floppy-disk {
    font-size: 20px;
}

.glyphicon-upload:hover,
.glyphicon-circle-arrow-right:hover,
.glyphicon-floppy-disk:hover {
  color: black;
}

th span.glyphicon-remove-circle {
    top: 3px;
}

/* index.php */
#depheader {
    z-index: 1;
    font-size: 320px;
    color: #dc4d45;
    left: 500px;
    position: absolute;
    opacity: .3;
}

#depdesc {
    z-index: 2;
    position: absolute;
    top: 330px;
    left: 400px;
    right: 40px;
}

body {
    /*background-image: linear-gradient(to right top, #1a1a1a, #4a4a4b, #828081, #bfbabb, #fff8f8);
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;*/
}

#local_time {
    font-family: Montserrat;
    font-size: 13px;
    /*float: right;*/
    position: absolute;
    top: 10px;
    right: 30px;
}

nav {
    margin-top: 10px;
}

nav a {
    font-family: Montserrat;
    margin: 20px 0;
}

.dropdown-menu > li > a {
    margin: 0 !important;
}

.dropdown-toggle {
    margin: 20px 0 0 0;
}

.navbar-header a {
    color: #4a4a4b;
    font-size: 20px;
    font-weight: bold;
}

.navbar-brand > img {
    position: relative;
    top: -25px;
    left: 20px;
    height: 70px;
}

.nav a {
    color: black;
    font-size: 13px;
}

.navbar-header a:hover,
.navbar-header a:focus,
.nav a:hover,
.nav a:focus {
    color: gray;
}

.nav li a:hover,
.nav li a:focus,
.nav .open > a, 
.nav .open>a:focus, 
.nav .open>a:hover {
    background-color: transparent;
}

.navbar-toggle {
    background-color: lightgray;
}

.navbar-toggle  span {
    background-color: gray;
}

.link {
    cursor: pointer;
}

/* function.php */
.trans_dETId{
    width: 20%;
}

.trans_remarks {
    width: 23%;
}

.trans_danger {
    background: pink !important;
    padding: 5px 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.trans_warning {
    background: #fdfd96 !important;
    padding: 5px 8px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.trans_success {
    background: #77dd77 !important;
    padding: 3px 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

/* login.php */
.modal {
    font-family: Montserrat;
    top: 15%;
    font-size: 12px;
}

#btn_dismiss {
    margin-top: 15px;
    margin-right: 15px;
}

.modal-header {
    padding: 0;
}

.modal-title {
    font-weight: bold;
    margin: 25px 0;
}

.modalForm {
    width: 85%;
    margin: 20px auto 0px auto;
}

input,
select.form-control,
textarea {
    font-size: 12px !important;
}

.errorMessage {
    font-family: calibri;
    font-size: 13px;
    color: #FF0000;
    padding: 20px;
    opacity: 0.7;
}

.successMessage {
    font-family: calibri;
    font-size: 15px;
    font-weight: bold;
    color: green;
    padding: 20px;
    opacity: 0.7;
}

#addUserError,
#editUserError {
    padding: 0 0 10px 0;
}

#modal-body-form-group {
    margin: 0 !important;
}

#cpw {
    font-size: 10px;
    text-decoration: none;
    color: gray;
    padding: 8px;
}

/* user_mgnt.php */
h2 ~ hr {
    margin: 15px 0;
}
.successClass {
    font-family: calibri;
    font-size: 13px;
    background-color: #85CD66;
    padding: 5px;
    margin-bottom: 15px;
    color: #003300 !important;
    border: 1px solid green;
}

.dangerClass {
    font-family: calibri;
    font-size: 13px;
    background-color: #FF9999;
    padding: 5px;
    margin-bottom: 15px;
    color: #990000 !important;
    border: 1px solid red;
}

/* bulk_enroll.php */

#legend {
    font-size: 11px;
    margin-top: 50px;
    margin-left: -30px;
}

#legend_title {
    margin-left: 20px;
    font-size: 12px;
    font-weight: bold;
}

#legend_body {
    margin-top: 20px;
}

#legend_body > div {
    margin-bottom: 10px;
}

#view_nondep {
    margin-top: 20px;
}

.col-sm-12 > hr {
    margin: 15px 0;
}

.follow-h2 {
    margin-top: 25px;
}

#upload {
    display: none;
}

#reseller_orders {
    font-family: Montserrat;
    font-size: 13px;
}

select[name="depResellerId"] {
    height: 30px;
}

select[name="depResellerId"]:focus,
select[name="depResellerId"]:hover {
    background-color: transparent !important;
    box-shadow: 0px 0px 5px 1px gray;
    border: 1px solid #A5A5A5;
    outline: 0 !important;
}

#reseller_orders label {
    padding: 9px 0 !important;
}

label#label_upload {
    font-size: 11px !important;
    padding: 15px 0 0 0!important;
}

input[name='resellerid'],
input[name='ordernumber'] { 
    display: none;
}

button[name='back'],
button[name='upload'],
button[name='enroll'] {
    font-size: 11px;
    font-weight: bold;
    margin-top: 15px;
    padding: 0;
    border: none;
    background: none;
}

/* check_trans_stat.php */

#sort_date_range {
    font-family: Montserrat;
    font-size: 11px;
    margin-bottom: 10px;
}

#sort_date_range input::-webkit-input-placeholder {
    font-size: 10px;
    padding: 2px;
}

#sort_date_range input {
    width: 120px;
    margin: 0 5px;
    padding: 3px 12px;
    border-radius: 4px;
    border: 1px solid gray;
}

#sort_date_range input:focus {
    outline: none !important;
    box-shadow: 0 0 5px #666; 
}

#sort_date_range button {
    display: none;
}

/* show_order_details.php */

#searchOrder {
    font-family: Montserrat;
    font-size: 11px;
}

#searchOrder input {
    width: 120px;
    margin: 0 5px;
    padding: 3px 12px;
    border-radius: 4px;
    border: 1px solid darkgray;
}

#searchOrder input:focus {
    outline: none !important;
    box-shadow: 0 0 5px #666; 
}

#searchOrder button {
    display: none;
}

/*.disableUpload ,*/
button[type=submit][disabled] {
    cursor: not-allowed;
}

button[type=submit][disabled].glyphicon-circle-arrow-right:hover {
    color: gray !important;
}

#back {
    margin-top: 20px;
    font-size: 25px;
    color: black
}

.disabled {
    cursor: not-allowed;
}

/* order_details.php */

#order_details {
    font-family: Montserrat;
    font-size: 13px;
}

#order_details #orderNumber {
    height: 30px !important;
}   

#order_details label {
    padding: 9px 0 !important;
}
 
#details label,
#details div {
    padding: 3px 5px !important;
}

#details div {
    text-align: left;
}

#details label {
    text-align: right;
}

#details {
    margin: 10px 0;
}

button[name='submitCheckedOR'] {
    font-size: 11px;
    font-weight: bold;
    margin-top: 25px;
    padding: 0;
    border: none;
    background: none;
}

.nondep {
    background: pink !important;
}

.bedenrolled {
    color: darkgray;
    cursor: not-allowed;
}

/* dataTables */

#tlDataTables th,
#tlDataTables td  {
    vertical-align: middle;
}

select[name='sodDataTables_length'],
#sodDataTables_filter > label > input,
select[name='tlDataTables_length'],
#tlDataTables_filter > label > input,
select[name='odDataTables_length'],
#odDataTables_filter > label > input,
select[name='userDataTables_length'],
#userDataTables_filter > label > input,
select[name='fivecol_length'],
#fivecol_filter > label > input,
select[name='fourcol_length'],
#fourcol_filter > label > input,
select[name='bedDataTables_length'],
#bedDataTables_filter > label > input {
    border: 1px solid lightgray;
    border-radius: 5px;
}

select[name='sodDataTables_length']:focus,
select[name='sodDataTables_length']:hover,
#sodDataTables_filter > label > input:focus,
#sodDataTables_filter > label > input:hover,
select[name='tlDataTables_length']:focus,
select[name='tlDataTables_length']:hover,
#tlDataTables_filter > label > input:focus,
#tlDataTables_filter > label > input:hover,
select[name='odDataTables_length']:focus,
select[name='odDataTables_length']:hover,
#odDataTables_filter > label > input:focus,
#odDataTables_filter > label > input:hover,
select[name='userDataTables_length']:focus,
select[name='userDataTables_length']:hover,
#userDataTables_filter > label > input:focus,
#userDataTables_filter > label > input:hover,
select[name='fivecol_length']:focus,
select[name='fivecol_length']:hover,
#fivecol_filter > label > input:focus,
#fivecol_filter > label > input:hover,
select[name='fourcol_length']:focus,
select[name='fourcol_length']:hover,
#fourcol_filter > label > input:focus,
#fourcol_filter > label > input:hover,
select[name='bedDataTables_length']:focus,
select[name='bedDataTables_length']:hover,
#bedDataTables_filter > label > input:focus,
#bedDataTables_filter > label > input:hover {
    background-color: transparent !important;
    box-shadow: 0px 0px 5px 1px gray;
    border: 1px solid #A5A5A5;
    outline: 0 !important;
}

#sodDataTables_filter input,
select[name='sodDataTables_length'],
#tlDataTables_filter input,
select[name='tlDataTables_length'],
#odDataTables_filter input,
select[name='odDataTables_length'],
#userDataTables_filter input,
select[name='userDataTables_length'],
#fivecol_filter input,
select[name='fivecol_length'],
#fourcol_filter input,
select[name='fourcol_length'],
#bedDataTables_filter input,
select[name='bedDataTables_length'] {
    font-family: Montserrat;
    font-size: 11px !important;
    font-weight: normal;
    padding: 3px 5px;
}

select[name='sodDataTables_length'],
select[name='tlDataTables_length'],
select[name='odDataTables_length'],
select[name='userDataTables_length'],
select[name='fivecol_length'],
select[name='fourcol_length'],
select[name='bedDataTables_length'] {
    padding: 2px 2px;
}

#sodDataTables_length label,
#sodDataTables_filter label,
#tlDataTables_length label,
#tlDataTables_filter label,
#odDataTables_length label,
#odDataTables_filter label,
#userDataTables_length label,
#userDataTables_filter label,
#fivecol_length label,
#fivecol_filter label,
#fourcol_length label,
#fourcol_filter label,
#bedDataTables_length label,
#bedDataTables_filter label {
    font-family: Montserrat;
    font-size: 10px !important;
}

#sodDataTables_filter,
#tlDataTables_filter,
#odDataTables_filter,
#userDataTables_filter,
#fivecol_filter,
#fourcol_filter,
#bedDataTables_filter {
    margin-right: 10px;
}

#sodDataTables_info,
#tlDataTables_info,
#odDataTables_info,
#userDataTables_info,
#fivecol_info,
#fourcol_info,
#bedDataTables_info {
    padding-top: 20px;
}

#sodDataTables_paginate,
#tlDataTables_paginate,
#odDataTables_paginate,
#userDataTables_paginate,
#fivecol_paginate,
#fourcol_paginate,
#bedDataTables_paginate {
    padding-top: 15px;
}

#sodDataTables_info,
#sodDataTables_paginate,
#tlDataTables_info,
#tlDataTables_paginate,
#odDataTables_info,
#odDataTables_paginate,
#userDataTables_info,
#userDataTables_paginate,
#fivecol_info,
#fivecol_paginate,
#fourcol_info,
#fourcol_paginate,
#bedDataTables_info,
#bedDataTables_paginate {
    font-family: Montserrat;
    font-size: 12px !important;
}

table.sodDataTables.no-footer,
table.tlDataTables.no-footer,
table.userDataTables.no-footer,
table.userDataTables.no-footer,
table.fivecol.no-footer,
table.fourcol.no-footer,
table.bedDataTables.no-footer {
    border-bottom: 1px solid #ccc !important;
}

/* footer.php */

.vh {
    min-height: 66vh;
}

footer {
    /*position: absolute;*/
    margin: 50px 0 20px 0;
    width: 100%;        
    color: gray;
    font-size: 11px;
    font-family: Montserrat;
}