﻿@charset "utf-8";

h1, h2, h3, h4, h5, h6 {
    color: #5A7800;
    margin: 0 0 10px 0;
    color: #337ab7;
}

.disabledItem {
    background-color: #FFC;
    border-bottom-color: #ebeba6;
    border-top-color: #FFF;
    border-width: 1px 0;
    border-style: dotted !important;
}

/*Override Bootstrap's menu style*/

.navbar {
    min-height: 0;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav > li > a {
    color: #204000;color:#FFF;
    font-size: 130%;
}

.dropdown-menu > li > a {
    color: rgba(40,96,144,1);
    font-size: 120%;
}

    .dropdown-menu > li > a:hover {
        color: #F60;
    }

.navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
}

.navbar-default {
    border-width: 0px !important;
}

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #FFF;
        color: #F60;color:#d9534f
    }



li.dropdown {
    border-width: 0;
    border-color: #8fbe5f;
    border-style: solid;
    box-shadow: inset;
}

    li.dropdown.loginStat > a {
        color: rgba(255,51,0,1);
    }

    li.dropdown > a:hover {
        color: #F60;
    }

    li.dropdown > a.selected {
        background-color: #FFF;
        font-weight: bold;color:#337ab7
    }

    li.dropdown.loginStat { /*background-color:#204000*/
    }

        li.dropdown.loginStat > a {
            color: #fff;
        }

        li.dropdown.loginStat.open > a:hover {
            color: #F60;
        }

ul.dropdown-menu li a.selected {
    color: #F60;color:#d9534f;
    font-weight: bold;
}

ul.dropdown-menu li.divider {
    width: 95%;
    margin: auto;
}

.dropdown-menu > li > a {
    padding: 6px 20px;
}

/*.navbar-brandIcon,.navbar-default .navbar-brandIcon{position:absolute; z-index:10001; top:1px;left:-5px;Width:45px;height:70px; background-image:url(images/nctvetlogo.png); background-repeat:no-repeat;display:block}*/

.navbar-brandIcon, .navbar-default .navbar-brandIcon {
    position: absolute;
    z-index: 10001;
    top: -18px;
    left: -5px;
    Width: 45px;
    background-image: url(images/nctvetlogo_noBG.png);
    background-repeat: no-repeat;
    display: block;
}

.navbar-brand {
    font-size: 160%;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 50px;
    padding: 0 10px 0 10px;

}

.navbar-default .navbar-brand{color:#FFF;}

.navbar-default .navbar-brand ,.navbar-default #naaviBar {background-color:#3865c8;color:#FFF}

.navbar-default .navbar-brand:hover{
color:#d9534f; background-color:#FFF;cursor:pointer
}

.navbar-toggle {
    border-width: 0px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #204000;
}



.navbar .navbar-default {
    background-color: #99cc66;
    color: #204000;
}


.form-group,.input-group {margin-bottom: 8px;}

.form-group .input-group{margin-bottom:0px !important}


/*End Override Bootstrap's menu style*/

.lightGrey {
    border-color: #ddd;
    color: #999999 !important;
    -moz-box-shadow: 0px 0px 4px #ccc;
    -webkit-box-shadow: 0px 0px 4px #ccc;
    box-shadow: 0px 0px 4px #ccc;
}

._darkGrey {
    color: #fff !important;
    background-color: #797e85;
    border-color: #8c929b;
    -moz-box-shadow: 0px 0px 4px #6b7077;
    -webkit-box-shadow: 0px 0px 4px #6b7077;
    box-shadow: 0px 0px 4px #6b7077;
    text-shadow: none !important;
}

._blue {
    color: #1a6680 !important;
    border-color: #00a7df;
    background-color: #3CF;
    -moz-box-shadow: 0px 0px 4px #008cbb;
    -webkit-box-shadow: 0px 0px 4px #008cbb;
    box-shadow: 0px 0px 4px #008cbb;
    text-shadow: 1px 1px 0px #a2e8ff;
}


._darkBlue {
    color: #fff !important;
    background-color: #125ac0;
    border-color: #166fec;
    -moz-box-shadow: 0px 0px 4px #0c3b7e;
    -webkit-box-shadow: 0px 0px 4px #0c3b7e;
    box-shadow: 0px 0px 4px #0c3b7e;
    text-shadow: none !important;
}

._twistedBlue {
    color: #5f5f70 !important;
    background-color: #a1c1c9;
    border-color: #8ba4b0;
    -moz-box-shadow: 0px 0px 4px #768b95;
    -webkit-box-shadow: 0px 0px 4px #768b95;
    box-shadow: 0px 0px 4px #768b95;
    text-shadow: 1px 1px 0px #d8edf2;
}

._orange {
    color: #684606 !important;
    border-color: #e09204;
    background-color: #fda911;
    -moz-box-shadow: 0px 0px 2px #c98304;
    -webkit-box-shadow: 0px 0px 2px #c98304;
    box-shadow: 0px 0px 2px #c98304;
    text-shadow: 1px 1px 0px #ffd68a;
}

._red {
    color: #ffc0c0 !important;
    color: #FFF !important;
    text-shadow: 1px 1px 0px #a40000;
    background-color: #F00;
    background-color: #C00;
    border-color: #ff014f;
    -moz-box-shadow: 0px 0px 4px #ff014f;
    -webkit-box-shadow: 0px 0px 4px #ff014f;
    box-shadow: 0px 0px 4px #ff014f;
}

/*End Optional colors for buttons*/


div.alert {
    border-radius: 0px;
    margin: -17px 0 20px 0;
    font-size: 140%;
   /* padding: 5px 40px;*/
}

    div.alert span { /*font-size:120% !important*/
    }

label {
    font-weight: normal;
}


.bg_white .nav-tabs {
    border-bottom-color: #CCC;
}

    .bg_white .nav-tabs > li.active > a, .bg_white .nav-tabs > li.active > a:focus, .bg_white .nav-tabs > li.active > a:hover {
        color: #333;
        cursor: default;
        background-color: #fff;
        border: 1px solid #CCC;
        border-bottom-color: #FFF;
    }

.input-group-addon {
    color: #333;
}

.form-horizontal.sameWidthTitle .input-group .input-group-addon {
    width: 180px;
    text-align: left;
}

.form-control tbody tr td input[type=radio] {
    margin: 3px 0px 3px 20px;
}

.form-control tbody tr td:first-child input[type=radio] {
    margin-left: 0px;
}

.form-control.blowUp {
    height: auto !important;
}

fieldset {
    border-width: 0 0 0 0;
    border-color: rgba(100,100,100,0.2);
    border-style: solid;
    padding: 10px 10px 20px 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0);
    margin-top: 4px;
    background-color: rgba(210,210,210,0.2);
}

legend {
    font-size: 18px;
    color: #286090 !important;
    border-width: 0px;
    background-color: transparent;
    display: inline-block;
    margin-bottom: 20px;
}

.input-group-addon.strip {
    background-color: transparent !important;
    border-width: 0px !important;
}

fieldset h3, fieldset h4, fieldset h5, fieldset h6 {
    color: #666 !important;
}

.noBorder fieldset {
    border-width: 0px !important;
    box-shadow: none !important;
    padding-top: 0px !important;
}

.modal-content {
    border-radius: 0px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
    !important;
    border-width: 0px !important;
}

.modal-header .modal-title {
    color: #999 !important;
    font-size: 30px;
}

.modal-header > div {
    border-width: 0 0 1px 0;
    border-color: #CCC;
    border-style: dotted;
}

.modal-header, .modal-footer {
    border-width: 0px !important;
}

    .modal-header button.close {
        font-size: 50px !important;
    }

.modal-body {
    font-size: 150% !important;
    padding: 0px 20px !important;
    color: #666;
}

.DANGER .modal-title {
    color: #F00 !important;
}

.SUCCESS .modal-title {
    color: #093 !important;
}

.INFO .modal-title {
    color: #069 !important;
}

.WARNING .modal-title {
    color: #F60 !important;
}


.modal-header > div div.imiage {
    background-color: #FF0000;
}

.DANGER .modal-header > div div.imiage {
}

.SUCCESS .modal-header > div div.imiage {
}

.INFO .modal-header > div div.imiage {
}

.WARNING .modal-header > div div.imiage {
}


#myModal {
    top: 0%;
    bottom: 30%;
    outline: none;
}


	
.bg {
    background: #99cc66; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#99cc66, #77AA44); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#99cc66, #77AA44); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#99cc66, #77AA44); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#99cc66, #77AA44); /* Standard syntax */
}



.btn-primary {
    background-color: #99cc66; background-color:#3865c8;
    border-color: #89b65b;border-width:0px;
    color: #486030;color:#FFF;
}

    .btn-primary:hover {
        background-color: #486030; background-color:rgb(212, 63, 58);
        border-color: #FFF;border-width:0px;
        color: #FFF;
    }

.MyTabStyle.pushRight .ajax__tab_header {
    padding-left: 380px;
}

.table-hover > tbody > tr:hover {
    /*background-color:rgba(153,204,102,0.2)*/
}

.pre-scrollable.shortScroll {
    max-height: 200px !important;
}


    .pre-scrollable.shortScroll table.table-bordered {
        border-width: 0px !important;
    }

.gi-2x {
    font-size: 1.5em;padding:0px 10px
}

.gi-3x {
    font-size: 2em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}


.red-tooltip + .tooltip > .tooltip-inner {
    background-color: #f00;
}

.red-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #f00;
}

.table-nonfluid,.table-nonFluid {
    width: auto;
}

.navbar-nav{margin:0 0 -1px 0}

.table tr th:first-child{ text-align:center}

.btn-default.selected {
 background-color:#fb0;color:#9a5628
}

.camelText .form-control{text-transform:capitalize !important}

.lightAFire .input-group-addon{color:#FFF; background-color:#d9534f; border-color:#d43f3a; cursor:pointer; text-shadow:none !important}

.lightAFire .form-control{border-color:#d9534f;}

.lightAFire.noSibling .input-group-addon{border-radius: 4px; padding: 9px}

.iceEm .input-group-addon{color:#FFF; background-color:#337ab7; border-color:#337ab7; cursor:pointer; text-shadow:none !important}

.iceEm .form-control{border-color:#337ab7;}

.iceEm.noSibling .input-group-addon{border-radius: 4px; padding: 9px}

.gridHead td, .gridHead th{ color:#d9534f;color:#999;color:#337ab7;}

.gridHead th a{}



a.greyLink{color:#ccc !important}

a.greyLink:hover{color:#F00 !important}

.panel-default>.panel-heading {font-size:150%}

.panel-heading span.small{color:#d9534f; text-indent:4px;font-size:70%;display:inline-block}

.panel-body .panel-heading{ font-size:130%;color:#666; background-color:transparent;padding:10px 10px 5px 10px;width:60%;
background: #FFF;
  background: -webkit-linear-gradient(left, #EEE , #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #EEE , #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #EEE , #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #EEE , #FFF); /* Standard syntax (must be last) */


}

.small label{font-size:70%; font-weight:bold;margin-top:-10px}



.btn-circle {
  width: 40px;
  height: 40px;
  text-align: center; vertical-align:middle;
  padding: 6px 0;
  font-size:52px;
  line-height:20px;
  border-radius: 30px; 
}

.tggle{border-radius:20px;width:20px;height:20px;text-align:center;vertical-align:middle;margin:0px;padding:0px; transition:0.2s;color:#FFF !important;border-width:0px}

.tggle:hover{}

.tggle.red{border-color:#F00; background-color:#F00}

.tggle.green{border-color:#396; background-color:#396}

.tggle.grey{border-color:#999; border-width:1px;background-color:#FFF; color:#333 !important}

.tooltip-inner {
    white-space:pre-wrap;
}

.tooltip-inner {
    min-width: 50px;
    max-width: 100%; 
}

.fimiTooltip{ text-align:left;}

.posInTab{position:absolute;left:260px;top:5px}

.btn{margin-right:2px}

.input-group.lightAFire.form-control{background-color:#d9534f; border-color:#d43f3a;padding:0px;}

.input-group.lightAFire.form-control > .input-group-addon{ border-width:0px}

#FOP{position:relative}

#FOP > a{position:absolute;right:30px;top:4px; width:15px;height:15px;color:rgba(217,83,79,0.1) !important;font-size:200%; cursor:pointer}

#FOP{color: #a94442;background-color: #f2dede;border-color: #ebccd1;padding:15px;margin:0px 0 20px 0;font-size:140%; cursor:pointer}

#FOP ul{margin:0px;padding:0 0 0 10px}

.input-group-addon.dauka{background-color:#ccc}

@media screen and (max-width: 767px){
.navbar-nav .open .dropdown-menu {
 background-color:#FFF;border-radius:0px;	
}
.usrLogTime{display:none}
li.dropdown > a.selected,li.dropdown > a.selected:hover { background-color:#d9534f;color:#FFF;}
}
