/*
//////////////////////////////////////////////////////////
//
//      Initialize
//
/////////////////////////////////////////////////////////
*/

html,body{
    height: 100%;
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
}
a:hover{
    text-decoration: none;
}
/*
//////////////////////////////////////////////////////////
//
//      BACKGROUND COLOUR
//
/////////////////////////////////////////////////////////
*/
.bgdark{
    background: #111111;
}
.bgsemidark{
    background: #223645;
}
.bglightdark{
    background: #000000;
}
.bglightgrey{
    background: #F5F6F7;
}
.bgorange{
    background: #FD5255;
}
.bggreen{
    background: #3BB54A;
}
.bgred{
    background: #ED2227;    
}
.bgblack{
    background: #000000
}
.bgrednew{
    background: #C40C32;
}
/*
//////////////////////////////////////////////////////////
//
//      COLOUR
//
/////////////////////////////////////////////////////////
*/
.colorwhite{
    color: #FFFFFF;
}
.colorlightgrey{
    color: #D2D5D8;
}
.colororange{
    color: #F15E29;
}
.colorgreen{
    color: #3BB54A;
}
.colorred{
    color: #ED2227;
}
.colorblack{
    color: #000000;
}
.colorrednew{
    color: #C40C32;
}
/*
//////////////////////////////////////////////////////////
//
//      BORDER COLOR
//
/////////////////////////////////////////////////////////
*/
.borderbottomgrey{
    border-bottom: 1px solid #324453 !important;
}

/*
//////////////////////////////////////////////////////////
//
//      ABILITY CLASS
//
/////////////////////////////////////////////////////////
*/
.centeritem{
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.padding0{
    padding: 0;
}
.padding5{
    padding: 5px;
}
.padding10{
    padding: 10px;
}
.padding15{
    padding: 15px;
}
.paddingcol{
    padding-left: 15px;
    padding-right: 15px;
}
.margin0{
    margin: 0;
}
.paddingtopbot5{
    padding-top: 5px;
    padding-bottom: 5px
}
.margintop5{
    margin-top: 5px
}
.margintop10{
    margin-top: 10px
}
.margintop15{
    margin-top: 15px
}
.margintop20{
    margin-top: 20px
}
.centeritem{
    display: block;
    margin-left: auto;
    margin-right: auto;        
}
.height100{
    min-height: 100%;
}
.border-radius0{
    /*border-radius: 0*/
}
.border0{
    border:none
}
/*
//////////////////////////////////////////////////////////
//
//      FONT CLASS
//
/////////////////////////////////////////////////////////
*/
.bold{
    font-weight: bold;
}
/*
//////////////////////////////////////////////////////////
//
//      REPLACE BOOTSTRAP CLASS
//
/////////////////////////////////////////////////////////
*/
.nav-tabs-replace > li > a{
    border-radius: 0;
    color: #0E1017;
    border:none;
}
.nav-tabs-replace > li > a:hover{    
    border: none;
}
.nav-tabs-replacetop > li > a{
    border-radius: 0;
    color: white;
    border:none;
}
.nav-tabs-replacetop > li > a:hover{
    background: #334A56;
    border: none;
}
.formcontrolreplace{
    height: auto;
    padding: 2px;
    border-radius: 0
}
.panel{
    border-radius: 0 !important; 
}
.panel-heading{
    background: #192A35 !important;
    color: white !important;
    border-radius: 0
}
.badge{
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.input-sm{
    height: 26px
}
/*
//////////////////////////////////////////////////////////
//
//      VERTICAL CENTERING CLASS
//
/////////////////////////////////////////////////////////
*/
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}
/*
//////////////////////////////////////////////////////////
//
//      MY OWN CLASS
//
/////////////////////////////////////////////////////////
*/
.coloknavigation a:hover{
    color:#F15E29;
    border:none;
}
.alert{
    border-radius: 0;
    margin-bottom: 10px;
}
.input-sm{
    height:30px;
}