body
{
    font-family: Arial;
    font-size: 13px !important;
}

a:hover
{
    text-decoration: none;
    color: red;
}
.top
{
    position: relative;
    background-color: #F3E8E8;
    height: 50px;
    padding-top: 20px;
    line-height: 40px;
    overflow: hidden;
    z-index: 1;
}
.line
{
    border-bottom: solid 1px rgba(191, 136, 34, 0.3);
}
.vks-container
{
    padding: 0.01em 16px; /*padding-top:3px;*/
}
/*Slutt på "nullstilling"*/
@media (min-width: 1675px)
{
    #main
    {
        width: 79%;
    }
    #right
    {
        width: 21%;
    }
}
@media (max-width: 992px)
{
    .top
    {
        height: 100px;
    }
    .top img
    {
        display: block;
        margin: auto;
    }
    .top .vks-logo
    {
        position: relative;
        top: 0;
        width: 100%;
        text-align: center;
        margin: auto;
    }
    .toptext
    {
        width: 100%;
        text-align: center;
    }
    #leftmenu
    {
        display: none;
        position: fixed;
        top: 0;
        height: 100%;
        width: 260px;
        padding-top: 144px;
    }
    #leftmenu h2
    {
        font-size: 26px;
        width: 100%;
    }
    #leftmenu a
    {
        padding: 3px 2px 3px 24px;
    }
    #leftmenuinner
    {
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        position: relative;
        width: auto;
        padding-top: 0;
        background-color: #f1f1f1;
    }
    #leftmenuinnerinner
    {
        overflow-y: scroll;
    }

    .bottomad
    {
        float: none;
        text-align: center;
    }
    #skyscraper
    {
        min-height: 60px;
    }
}
.vks-right
{
    float: right !important;
}
.vks-wide
{
    font-family: "Segoe UI" ,Arial,sans-serif;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: bold;
}
.vks-logo
{
    font-family: fontawesome;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 33px;
    letter-spacing: 1.5px;
    color: #ED3237;
    display: block; /*position:absolute;*/
    padding-top: 6px;
    padding-bottom: 0px; /*text-align:center;*/ /*padding-left:60px;*/ /*padding-left:0px;*/
    font-weight: bold;
}
.vks-logo:hover
{
    color: #555555;
    text-decoration: none;
}
.header-user
{
    text-transform: none;
    font-size: 13px;
    font-weight: bold;
    font-family: "Segoe UI" ,Arial,sans-serif;
    line-height: 1.4;
    color: #f5c809;
}

.page
{
    width: 98%;
    margin: auto;
    min-height: 550px; /*padding: 10px 10px 30px 10px;*/
    padding: 5px 0px 10px 0px;
    background-color: #FFF;
    box-shadow: 0px 10px 20px 3px #d3d3d3;
    text-align: left; /*margin-bottom:15px;*/
}
.topnav
{
    position: relative;
    z-index: 10;
    background-color: #5f5f5f;
    color: #f1f1f1;
    width: 100%;
}
/*------------------------------------------------------------------------*/
/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
/*.row.content {height: 1500px}*/

/* Set gray background color and 100% height */
.sidenav
{
    background-color: #f1f1f1;
    height: 100%;
}
.bg-grey
{
    background-color: #f6f6f6;
}
/* Set black background color, white text and some padding */
.footer
{
    color: #000; /* padding: 15px;*/
    text-align: center;
    font-size: 13px;
}
.footer a
{
    color: #000;
}
.footer a:hover
{
    color:#0000ff;
}
.footerLogin
{
    color: #fff; /* padding: 15px;*/
    text-align: center;
    font-size: 13px;
}
.footerLogin a
{
    color: #fff;
}
.footerLogin a:hover
{
    color: #ffff00;
}
/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px)
{
    .sidenav
    {
        height: auto;
        padding: 15px;
    }
    .row.content
    {
        height: auto;
    }
}

/*end-----------------------------------------------*/
/*-page title-*/
.page-title
{
    display: block;
    width: 100%;
    border-bottom: #dde4e9 solid 1px;
    margin-bottom: 10px;
    padding: 0px 0px 6px 15px;
}

.page-title-left
{
    color: #f17904;
    font-weight: bold;
    padding: 5px 15px 7px 15px;
    font-family: Tahoma;
    border-bottom: #f17904 solid 2px;
    text-transform: uppercase;
}
/*-end page title-*/

/*-page panel title-*/
.page-panel-title
{
    display: block;
    clear: both;
    margin-bottom: 15px;
    border-bottom: #75b312e6 solid 1px;
    padding-bottom: 7px;
    padding-top: 4px;
    font-weight: bold;
}
.panel-title
{
    display: block;
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 7px;
    padding-top: 4px;
    font-weight: bold;
}
.page-panel-title .page-panel-title-left
{
    font-family: Tahoma; /*font-weight: bold;*/
    color: #fff;
    font-size: 14px;
    text-transform: uppercase; /*background-color: #5cb85c ;*/
    background-color: #75b312e6;
    margin-left: 0px;
    padding: 5px 15px 9px 15px;
    letter-spacing: 0.4px; /*border-radius: 4px 4px 0px 0px;*/
}

.page-panel-title-left a
{
    color: #fff;
}
.page-panel-title-left:hover
{
    background-color: #408000;
}
/*-end page panel title-*/
/*=========================
authen-warning
=========================*/

.authen-warning
{
    color: #ED3237;
    font-size: 24pt;
    text-align: center;
    padding-top: 40px;
    font-weight: bold;
}

.authen-warning img
{
    width: 128px;
    height: 128px;
}


.label-note
{
    color: #f17904;
    font-size: 15px;
    text-align: center; /*padding-left:30px;*/
    font-weight: bold;
}
.red
{
    color: red;
}
.exp
{
    background-color: #f1f1f1;
    padding: 0.01em 5px; /*border-radius: 5px;*/
    margin: 20px 0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16),0 5px 15px 0 rgba(0,0,0,0.12) !important;
}

.header
{
    /*background:#c9302c;*/
    background: #51a505;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 50px;
    opacity: 0.8;
    font-size: 25pt;
}
.form-control-tb
{
    display: block;
    width: 100%;
    height: 24px;
    padding: 2px 4px; /*font-size: 14px;*/
    line-height: 1.2857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.tableHeader
{
    border: 1px solid #ddd;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    font-weight: bold;
}
.tableHeader td
{
    border: 1px solid #ddd;
    padding: 2px;
}



/*Edit boostrap*/
.navbar-vote
{
    /*background-color:#0d9a48d4;*/
    background: linear-gradient(#0d9a48d4, #75b312e6);
    border-color: #5cb85c;
}
.nav > li > a:focus, .nav > li > a:hover
{
    background-color: #16aa1b;
}
a
{
    /*color: #09800a;*/
    color:#017745;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand
{
    margin-left: 30px;
}
/*End edit boostrap*/
/*=========================
THUY
TABLE EDIT
=========================*/
.blank-10
{
    margin-bottom: 10px;
    clear: both;
}
.cssTbx
{
    text-align: center !important;
}
.blank-10
{
    margin-top: 10px;
    clear: both;
}
.blank-20
{
    padding-top: 20px;
    clear: both;
}
.form-control-sm
{
    display: inline-block;
    vertical-align: middle;
    /*padding: 3px 6px;*/
    padding: 2px;
    /*margin: 2px 2px 2px 0px;*/
    
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.tableContent
{
    min-width: 800px;
    margin-top: 10px;
    font-size:13px;
}
.cssTableBorder
{
    /*background-color: #f1f1f1;*/
    background-color: #fff;
    text-align: justify;
    padding: 0px;
    color: #000;
    font-family: Arial;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.cssTableBorder tr td
{
    /*border:solid 1px #fff;*/
    padding: 3px;
    border: solid 1px #ddd;
}

.cssTable a, cssTableBorder a
{
    text-decoration: none;
    color: #0000ff;
}
.cssTable a:hover, cssTableBorder a:hover
{
    text-decoration: underline;
    color: #0000cc;
}

.cssTableHeader
{
    background-color: #557eb4;
    padding: 7px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border: solid 1px #fff;
}
.cssTableHeader th
{
    text-align: center;
}
/*=========================
HY
TABLE EDIT
=========================*/
.tb-edit1
{
    width: 100%;
    text-align: center;
}
.td-edit .cell-left
{
    width: 25%;
}
.td-edit .cell-right
{
    width: 75%;
}
.tb-edit1 .tb-edit1-cell
{
    padding-bottom: 15px;
}
.tb-edit
{
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    width: 80%;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
/*
.tb-edit
{
   width:100%;
}*/

.tb-edit .cell-left
{
    width: 25%;
    text-align: right;
    padding: 3px;
}

.tb-edit .cell-right
{
    width: 50%;
    text-align: left;
    padding: 3px;
}

.tb-edit .tb-edit-cell
{
    padding-bottom: 6px;
}

/*=========================
table-hover
=========================*/
.table tr td
{
    vertical-align: middle !important;
}

.table-hover tr:hover
{
    background-color: #acd6a9 !important;
}

.table-hover tr th
{
    background-color: #59af49;
    color: #fff;
    text-align: center;
}
.panel-success > .panel-heading
{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.align-center
{
    text-align: center;
}

/*=== Thuy ====*/
.cssErr
{
    color: #ff0000;
}
.tableHeader
{
    font-weight: bold;
    text-align: center;
}

.form-control
{
    display: inline !important;
    margin-left: 5px;
    font-size: 13px;
    /*padding: 5px 10px;*/
    padding: 3px 5px;
    height: 30px;
}
.table tr td .form-control
{
    margin-left: 1px !important;
}

.form-control select
{
    margin-top: 0px;
    padding-top: 0px;
}
.btn
{
    font-size: 13px;
    padding: 5px 10px;
    height: 30px;
}
/*
.form-control input, .form-control select {
    padding: 4px 8px;
}*/
.leftMenu ul
{
    list-style-image: url('/Skin/images/bullet.png');
    margin-left:-20px;
    line-height:30px;
}
.intro 
{
 
 padding:15px;
 font-size:14px;
 color:#000;   
 line-height:28px;
    }
    
 .title 
 {
     font-size:20px;
     font-weight:500;
     color: #017745;
     }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 2px;
}
/* css for form table*/
.cssTable tr td
{
    border:none;
    padding: 3px;
}
.minWidthTable 
{
    min-width:60px;
    }
    
 .cssIcon
 {
     width:20px;
     }
     
 #divShow input
 {
     text-align:center;
 }