html {
    height: 100%;
}

html * {
    font-family: "Akkurat-Pro-Light";
    color: #3C4240;
}

body {
    background-color: #FFF;
    width: 100%;
    min-height: 100% !important;
    font-size: 12px;
    overflow:hidden;
}

img {
    max-width: 100%;
}

img, .no-select {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

h1 {
    font-size: 30px;
    margin: 10px 0 20px 0;
    font-weight: lighter;
}	

h2 {
	font-size: 25px;
    margin: 10px 0 20px 0;
    font-weight: lighter;
}	

h3 {
	font-size: 22px;
    margin: 10px 0 10px 0; 
    font-weight: bold;
    font-family: 'Akkurat-Pro-Bold';
}

h4, h5, h6{
    margin: 2px 0 3px 0px;
    font-weight: bold;
}

h1.secondary,
h2.secondary,
h3.secondary,
h4.secondary,
h5.secondary,
h6.secondary{
    color: #FDB813;
}

h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark{
    color: #EEEFEE;
}
 
a{
    color: blue;
    text-decoration: none;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    text-decoration: none;
    cursor: pointer;
}

/*-------------Form Elements------------- */

/* Regular Form */

button{
    border: 1px transparent;
}
.btn-default{
    border: 1px solid #787D7B;
}

input, textarea, select{
    border: 1px solid rgb(204,204,204);
    border-radius: 0px;
    box-shadow: rgba(0,0,0,0.075) 0px 1px 1px;
    color: rgb(85,85,85);
    width:100%;
    padding: 2px 12px 2px 9px;
    font-size:14px;
    line-height:20px;
    margin-top:3px;
    background: rgba(255,255,255,0.75)
}

input[readonly], textarea[readonly]{
    border: none;
    cursor: default;
    background: rgba(255,255,255,0.4);
}

textarea{
    resize: none;
}
textarea[readonly]:focus {
    outline: none;
}


.radio-block ul{
    overflow:auto; 
    padding: 2px 0 0 2px;
    margin: 0;
}
.radio-block li{
    position: relative;
    padding: 0;
    margin-top: 7px;
}
.radio-block input[type=radio]{
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    cursor: pointer;
    height: 14px;
}
.radio-block label{
    position: relative;
    padding: 0 0 0 20px;
    margin: 0;
    height: 14px;
    font-weight: normal;
}
.radio-block .radio-box{

    position: absolute;
    top: 0;
    height: 14px;
    width: 14px;
    border-radius: 4px;
    
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom, #FFF 0%, #DDD 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #FFF 0%, #DDD 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #FFF 0%, #DDD 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #FFF 0%, #DDD 100%); /* Standard syntax */

    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,.4);

    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.radio-block .radio-box:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 2px;
    height: 8px;
    width: 8px;
    top:3px;
    left:3px;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
.radio-block li:hover .radio-box:before{
    background-color: #787D7B;
}
.radio-block input[type=radio]:checked ~ .radio-box:before{
    background: #3C4240;
}

.nice-checkbox{
    position: relative;
    left: 2px;
    margin-top: 5px;
    overflow:auto;
}
.nice-checkbox .toggle-text{
    position: relative;
    top:0;
    left: 20px;
    height: 14px;
    font-weight: normal;
    pointer-events: none;
}
.nice-checkbox .check-toggle{
    width: 14px;
    height: 14px;
    border-radius: 4px;

    position: absolute;
    top: 0;
    left: 0;
   
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom, #FFF 0%, #DDD 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #FFF 0%, #DDD 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #FFF 0%, #DDD 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #FFF 0%, #DDD 100%); /* Standard syntax */
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,.4);
}
.nice-checkbox .check-toggle:after{
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 2px;
    border: 3px solid #666;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
}
.nice-checkbox input:hover ~ label > .check-toggle:after{
    opacity: 0.3;
}
.nice-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index:1;
}
.nice-checkbox input[type=checkbox]:checked ~ label > .check-toggle:after {
    opacity: 1;
}    

/* Large Form */

form.lg-form input, form.lg-form textarea, form.lg-form select{
    padding: 5px 10px;
}

form.lg-from .radio-block li{
    margin-top: 10px;
}
form.lg-form .radio-block input{
    height: 18px;
}
form.lg-form .radio-block label{
    padding-left: 25px;
    line-height:18px;
    height: 18px;
}
form.lg-form .radio-box{
    height: 18px;
    width: 18px;
    border-radius: 6px;
}
form.lg-form .radio-box:before{
    border-radius: 4px;
    height: 12px;
    width: 12px;
    top:3px;
    left:3px;
}  

form.lg-form .toggle-text{
    top: 3px;
    left: 25px;
    height: 20px;
}
form.lg-form .nice-checkbox input{
    height: 18px;
}
form.lg-form .check-toggle{
    padding-top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 6px;
}
form.lg-form .check-toggle:after{
    width: 11px;
    height: 6px;
    top: 5px;
    left: 3px;
    border: 3px solid #666;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
}

/* Inline Form */

form.inline-form .form-group{
    width: 100%;
}
form.inline-form .control-label{
    vertical-align: top;
    text-align: right;
    padding: 7px 20px 0 0;
    width:20%;
    display: inline-block;
}
form.inline-form .control-main{
    width:70%;
    display: inline-block;
}
form.inline-form button{
    margin-left: 30%;
}

/* ------------- SCROLL BAR --------------- */

.nice-scroll::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.nice-scroll::-webkit-scrollbar
{
    height: 12px;
	width: 12px;
	background-color: #F5F5F5;
}

.nice-scroll::-webkit-scrollbar-thumb
{
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
	background-color: #555;
}

/* ------------- BRAND COLORS --------------- */
.ts-corp-bg1{
    background: #F4F5F4;
    border: 1px solid #787D7B;
}
.ts-corp-bg2{
    background: #EEEFEE;
    border: 1px solid #787D7B;
}
.ts-corp-bg3{
    background: #E4E5E4;
}
.ts-corp-lines{
    background: #787D7B;
}
.ts-corp-text{
    background: #3C4240;
}
.ts-corp-nav{
    background: #333A38;
}
.ts-corp-brand{
    background: #FDB813;
}
.ts-corp-text2{
    background: #DC7C01;
}

/* ------------- PRODUCT COLORS --------------- */

/* AUTOTURN */
.ts-at-primary {
    background: #1F5A97;
}
.ts-at-secondary {
    background: #6DB5D3;
}

/* AUTOTURN INVISION */
.ts-ati-primary{
    background: #1F5A97;
}
.ts-ati-secondary{
    background: #A7A0C6;
}

/* AUTOTURN REVIT */
.ts-rev-primary{
    background: #1F5A97;
}
.ts-rev-secondary{
    background: #8EB6AF;
}

/* AUTOTURN ONLINE */
.ts-ato-primary{
    background: #1F5A97;
}
.ts-ato-secondary{
    background: #CCDAA8;
}

/* TORUS */
.ts-tor-primary{
    background: #8C418D;
}
.ts-tor-secondary{
    background: #74B3AA;
}

/* NEXUS */
.ts-nex-primary{
    background: #8C418D;
}
.ts-nex-secondary{
    background: #BD595F;
}

/* ROAD CEM */
.ts-road-primary{
    background: #8C418D;
}
.ts-road-secondary{
    background: #BDC6AB;
}

/* GUIDESIGN */
.ts-guid-primary{
    background: #308277;
}
.ts-guid-secondary{
    background: #728B49;
}

/* SIGMA */
.ts-sig-primary{
    background: #308277;
}
.ts-sig-secondary{
    background: #3DB3B5;
}

/* SITE CEM */
.ts-site-primary{
    background: #E95E37;
}
.ts-site-secondary{
    background: #BBCBA8;
}

/* PARKCAD */
.ts-park-primary{
    background: #E95E37;
}
.ts-park-secondary{
    background: #B86064;
}

/* TRICAS */
.ts-tri-primary{
    background: #008595;
}
.ts-tri-secondary{
    background: #7DCAB1;
}

/* OTISS */
.ts-otiss-primary{
    background: #008595;
}
.ts-otiss-secondary{
    background: #A5AF99;
}

/* AVIPLAN */
.ts-avi-primary{
    background: #9C2440;
}
.ts-avi-secondary{
    background: #D1C0B4;
}

/* AIRCRAFT DATA VIEWER */
.ts-adv-primary{
    background: #9C2440;
}
.ts-adv-secondary{
    background: #F79228;
}

/* SENTIMENT COLOURS */

.ts-default{
    background: #E4E5E4;
}
.ts-primary{
    background:#1D538A
}
.ts-success{
    background: #00b383;
}
.ts-info{
    background: #6DB5D3;
}
.ts-warning{
    background: #FD9B12;
}
.ts-danger{
    background: #8b0000;
}