body {
font-family: 'Open Sans', sans-serif !important;
font-style: normal;
font-weight: 300;
margin: 0;
padding: 0;
background: #232323 !important;
color: #FFF !important;
}

.table thead > tr > th {border-bottom: 1px solid #707070;}

.approvetick {width:12px; height:12px; background-image: url('/files/img/tick.png'); display:inline-block; position: relative; top: 2px;}

.fa-power-off {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right:5px;
}

.anglediv {
   -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #232323;
width: 200px;
position: relative;
top: -10px;
right: -173px;
z-index: 999;
display: inline-block;
height: 50px;
}


  @media (min-width: 1300px) {
  	.container {width:1280px !important;}
  }
  
  .modal-header {
background-color: #323232;
border-radius: 3px 3px 0 0;
}

.modal-header > .close {
margin-top: 0px !important;
font-size: 29px;
color: #eee;
text-shadow: none;
outline: 0;
}    

.modal-content {background-color: #282828 !important}

.modal-footer {padding: 15px 20px;
margin-top: 0;
background-color: #323232 !important;
border-radius: 0 0 3px 3px;}	

  
  .modal-header {
background-color: #323232;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #707070;
}

.modal-header > .close {
margin-top: 0px !important;
font-size: 29px;
color: #FFF;
text-shadow: none;
outline: 0;
opacity:unset;
}    

.modal-header > .close:hover {
margin-top: 0px !important;
font-size: 29px;
color: #e4fa02;
text-shadow: none;
outline: 0;
opacity:unset;
}    

.modal-content {background-color: #282828 !important}

.modal-footer {padding: 15px 20px;
margin-top: 0;
background-color: #323232 !important;
border-radius: 0 0 3px 3px;}


	.modal-lg {
    width: 1000px;
}

.difficulty {position:fixed; bottom:12px; right:12px; font-size: 14px; color: #FFF; z-index:99}

a {
    color: #e4fa02;
    text-decoration: none;
}

a:hover {
    color: #e4fa02;
}


	.modal-lg {
    width: 1000px;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 2px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-default {
border-color: #232323;
border-radius: 0px;
z-index: 9999;
    background: #232323 !important;
    border: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(35,35,35,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(35,35,35,1);
    box-shadow: 0px 3px 5px 0px rgba(35,35,35,1);

}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #e4fa02;
    background: transparent;
}

.navbar-default .navbar-nav > li > a:hover {
     color: #e4fa02;
}


.fa-sign-out {margin-right:3px; color:#e4fa02 }

.navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #232323;
    color: #FFF;
}


.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #FFF;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover {
background: #232323;
color:#e4fa02;
display: block;
    line-height: 1.42857143;
}



.btn-view {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c3c3c+0,393939+100 */
background: #464646; /* Old browsers */
background: -moz-linear-gradient(top, #464646 0%, #434343 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #464646 0%,#434343 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #464646 0%,#434343 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
padding: 8px 14px;
border-top: 1px solid #555555;
border-bottom: 1px solid #232323; 
border-radius:2px; color:#FFF;}

.btn-view:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c3c3c+0,393939+100 */
background: #4b4b4b; /* Old browsers */
background: -moz-linear-gradient(top, #4b4b4b 0%, #434343 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4b4b4b 0%,#434343 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4b4b4b 0%,#434343 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
padding: 8px 14px;
border-top: 1px solid #555555;
border-bottom: 1px solid #232323; 
border-radius:2px; color:#FFF;
}
.btn-view > .fa {color:#e2f703; margin-right:3px}

.btn-blue {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e71e1+0,174d89+100 */
background: #0e71e1; /* Old browsers */
background: -moz-linear-gradient(top, #0e71e1 0%, #174d89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e71e1 0%,#174d89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e71e1 0%,#174d89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e71e1', endColorstr='#174d89',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #217de4;
border-bottom: 1px solid #262626; 
border-radius:2px; color:#FFF;
padding: 8px 14px;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #282828 !important;
    color: #FFF;
}

.btn-blue:hover {
background: #20528a; /* Old browsers */
background: -moz-linear-gradient(top, #20528a 0%, #174d89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #20528a 0%,#174d89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #20528a 0%,#174d89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20528a', endColorstr='#174d89',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #217de4;
border-bottom: 1px solid #262626; 
border-radius:2px; color:#FFF;
padding: 8px 14px;



}
.btn-blue > .fa {color:#e2f703; margin-right:3px}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #3d3d3d !important;
}

.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: 6px;
    line-height: 1.6;
    vertical-align: middle !important;
    border-top: 0px solid #ddd;
    font-size:13px !important;
}


.btn-unapprove {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e71e1+0,174d89+100 */
background: #b81e49; /* Old browsers */
background: -moz-linear-gradient(top, #b81e49 0%, #97092e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b81e49 0%,#97092e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b81e49 0%,#97092e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81e49', endColorstr='#97092e',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #b81e49;
border-bottom: 1px solid #262626; 
border-radius:2px; color:#FFF;
width:120px;
}

.btn-unapprove:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e71e1+0,174d89+100 */
background: #ad3f5e; /* Old browsers */
background: -moz-linear-gradient(top, #ad3f5e 0%, #97092e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ad3f5e 0%,#97092e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ad3f5e 0%,#97092e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad3f5e', endColorstr='#97092e',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #b81e49;
border-bottom: 1px solid #262626; 
border-radius:2px; color:#FFF;
width:120px;
}

.btn-approve {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e71e1+0,174d89+100 */
background: #59b760; /* Old browsers */
background: -moz-linear-gradient(top, #59b760 0%, #419947 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #59b760 0%,#419947 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #59b760 0%,#419947 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b760', endColorstr='#419947',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #59b760;
border-bottom: 1px solid #262626; 
border-radius:2px; color:#FFF; font-size:12px;
width:120px;
}

.btn-approve:hover {
background: #36a33e; /* Old browsers */
background: -moz-linear-gradient(top, #36a33e 0%, #419947 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #36a33e 0%,#419947 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #36a33e 0%,#419947 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36a33e', endColorstr='#419947',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #59b760;
border-bottom: 1px solid #262626; 
border-radius:2px; color:#FFF;
width:120px;
}

.btn-return {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e71e1+0,174d89+100 */
background: #464646;
border-top: 1px solid #555555;
border-bottom: 1px solid #232323;  
border-radius:2px; color:#FFF; font-size:14px;
width:200px;
}

.btn-return:hover {
background: #4b4b4b; /* Old browsers */
background: -moz-linear-gradient(top, #4b4b4b 0%, #434343 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4b4b4b 0%,#434343 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4b4b4b 0%,#434343 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
color: #e4fa02;
}

.btn-return > .fa {color:#e2f703; margin-right:3px}


a {
    color: #e4fa02;
    text-decoration: none;
}


.nav-tabs {
    border-bottom: 1px solid #707070;
}

.progress-bar-success {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4db14c+0,d7fa2b+100 */
background: #4db14c; /* Old browsers */
background: -moz-linear-gradient(left, #4db14c 0%, #d7fa2b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #4db14c 0%,#d7fa2b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4db14c 0%,#d7fa2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db14c', endColorstr='#d7fa2b',GradientType=1 ); /* IE6-9 */
text-align: left !important;
}

.btn-bluelg {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e71e1+0,174d89+100 */
background: #0e71e1; /* Old browsers */
background: -moz-linear-gradient(top, #0e71e1 0%, #174d89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e71e1 0%,#174d89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e71e1 0%,#174d89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e71e1', endColorstr='#174d89',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #217de4;
border-bottom: 1px solid #262626; 
border-radius: 3px;
color: #FFF;
font-size: 19px;
padding: 14px;
}
.btn-bluelg:hover {color: #fefefe}
.btn-bluelg > .fa {color:#e2f703; margin-right:3px}

.btn-login {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e71e1+0,174d89+100 */
background: #464646; /* Old browsers */
background: -moz-linear-gradient(top, #464646 0%, #434343 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #464646 0%,#434343 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #464646 0%,#434343 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #555555;
border-bottom: 1px solid #232323; 
border-radius: 4px;
color: #FFF;
font-size: 17px !important;
padding:12px !important;
padding-left: 22px !important;
padding-right: 22px !important;
}


.btn-login:hover {color: #e2f703;
background: #3c3c3c; /* Old browsers */
background: -moz-linear-gradient(top, #3c3c3c 0%, #434343 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3c3c3c 0%,#434343 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3c3c3c 0%,#434343 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
}

.btn-login:visited {color: #e2f703;
color: #FFF;
}

.btn-login:active {color: #e2f703;
color: #FFF;
}

.btn-login > .fa {color:#e2f703; margin-left:3px}

#signinmodal {top:50%; margin-top:-200px;}

.modal-title > .fa {color:#e2f703; margin-right:3px}

.signinprompt {position: absolute;
left: 0px;
right: 0px;
top: 0px;
background: #232323;
bottom: 0px;
z-index: 999;
padding: 10px;
font-size: 20px;
left: -15px;
right: -15px;
padding-top: 40px;
padding: 30px;
text-align: center;}

.signinprompt > .fa {font-size:30px;}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .35;
}

.btn-ml-5 {margin-left:5px;}
.btn-ml-10 {margin-left:10px;}

.btn {padding: 8px 14px; border-radius: 3px; font-size:13px}


#loadnav > li > a {
    position: relative;
    display: block;
    padding: 14px 15px;
    color: #FFF;
}

#loadnav > li > a:hover {
    position: relative;
    display: block;
    padding: 14px 15px;
    color: #FFF;
    background:transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid transparent !important;
}

.fa-power-off {color: #e4fa02;}
.fa-question-circle {color: #e4fa02;}

hr.style-one { border: 0; height: 1px; background: #707070;}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
        margin-top: 2px;
        margin-left: 0px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #232323;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

table.dataTable tbody tr {
    background-color: unset !important;
}

#assets > table {width:100%}
#assets > title {display:none}
#assets > h1 {display:none}

#assets > table > tbody > tr:nth-of-type(0) { display:none }

.client_logo {margin-top:20px; margin-bottom:20px}
.clientheader {text-align:center; margin-bottom:30px}
.triangle-up {margin-top:-0vh; margin-bottom: -0vh}

.splashheader {margin-top:34vh}
.clientrow {margin-top:0vh}
.splashtext {font-size:31px; font-weight:400; line-height:33px}

.nav > li {
    position: relative;
    display: block;
    font-size: 18px;
}

.containerfooter {width:98% !important; margin-bottom:30px; margin-top:30px;}

.splashheaderdiv {min-height:100vh}

.trianle-overlay {overflow: hidden;display: inline-block;width: 100%;  padding-bottom: -0.75%;  background: #e4fa02; margin-top:-130px}
.clientfix {margin-top:-30px}

@media (max-width: 1199px) {
	
.client_logo {width:125px;}	
}


@media (max-width: 992px) {
	
	.splashheader {margin-top:28vh}
.clientrow {
    margin-top: 0vh;
}

	
.client_logo {width:120px;}
	
	.containerfooter {
    width: 98% !important;
    margin-bottom: 80px;
    margin-top: 30px;
}

	
}


@media (max-width: 767px) {
	
.clientfix {position: relative;
top: -100px;
margin-top: 0px;
margin-bottom: -30px;}
	
.navbar-default {display:none}
	
.client_logo {margin-top:12px; margin-bottom:12px}
.clientheader {text-align:center; margin-bottom:20px; font-size:40px}      


.splashheader {margin-top:15vh}
.clientrow {margin-top:0vh}
.splashtext {font-size:22px; font-weight:500; line-height: 24px}

.client_logo {width:60px;}

.h1, h1 {
    font-size: 26px;
}

.containerfooter {width:98% !important; margin-bottom:80px; margin-top:30px}
   .splashheaderdiv {min-height:unset}
                                                                                                                     
}

.btn-cta {
    border-color: #575757;
    color: #232323;
    background-color: #e4fa02 !important;
    border-radius:0px;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:9999;
    padding:22px;
}


@media (max-width: 460px) {
	.clientfix {position: relative;
top: -0px;
margin-top: 0px;
margin-bottom: 30px;}


}
@media (max-width: 599px) {

.triangle-up {display:none}
.trianle-overlay {display:none}
}

@media (max-width: 1024px) {
	.trianle-overlay {display:none}

}