@import "bootstrap-2.3.2/css/bootstrap.css";
@import "bootstrap-2.3.2/css/bootstrap-responsive.min.css";



/*
html, body {
    min-width: 380px;
}
*/

/*
html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
*/

/*
body {
    font-size: 12px;
	font-family: 'Open Sans','Lato';
    color: #333;
	margin-left: 5px;
	margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.5em;
}
*/

/*
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
*/

/*
.oddrow	{
    background-color: #FFFFFF;
    font-size: x-medium;
}
*/

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header.ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header.ui-state-focus {
/*
    border: 1px solid #ff8c00 !important;
    background: white url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x !important;
    color: #ff8c00 !important;
*/
}   

/*
.evenrow{
	background-color: #f9f9f9;   color one in global.php 
	font-size: x-medium;
	xborder: #cccccc 1px  solid;
}
*/

.bgcolor-one {
    background-color: #f9f9f9; 
}

/*.bgcolor-two ,  .header , .page{
    background-color: #f9f9f9;
} */

.page {
    background-color: #FEFEFE;
}

/*
a:link {
    color: #333333;
    font-weight: normal;
}

a:visited {
	color: #333333;
	font-weight: normal;
}
*/

a:hover {
/*
	text-decoration: underline;
    font-weight: normal;
	color: #005580;
*/
	/* font-weight: bold; */
}

.form_header{
    color:#ff8c00;
    display: inline-block;
    width: 65%;
}

.form_header h1{
/*    font-size: 20px;*/
}

.form_header_menu{
    display: inline-block;
    width: 25%;
    float: right;
    margin-top: 15px;
    text-align: right;
}

.form_header_menu select{
    width: 220px!important;
}

@media(max-width:910px){
    .form_header_menu select{
        width: 95%!important;
    }
    .form_header h1{
/*        font-size: 16px;*/
    }
}

@media(max-width:705px){
    .form_header{
        display: block;
        width: 98%;
        margin: 0 auto;
    }
    .form_header h1{
/*        font-size: 14px;*/
        line-height: 19px;
    }
    .form_header_menu{
        display: block;
        width: 100%;
        float: none;
        text-align: left;
    }
    .form_header_menu select{
        width: 50%!important;
    }
}

table.keywords.gateway_form_header{
    border: 1px solid;
    margin: 0;
    margin-bottom: 30px;
    font-weight: normal;
    border-radius: 7px;
    width: 580px;
}

table.keywords.gateway_form_header .gateway_form_header_tr .gateway_form_header_th_td{
    border: 1px solid;
    border-radius: 7px;
    padding: 5px;
    font-weight: bold;
/*    font-size: 13px;*/
}

table.keywords.gateway_form_header .gateway_form_header_tr .gateway_form_header_td{
    border: 1px solid;
    border-radius: 7px;
    padding: 5px;
    font-weight: normal;
/*    font-size: 13px;*/
}

@media(max-width:630px){
    table.keywords.gateway_form_header{
        width: 90%;
    }
}

/*
.Competencies{
    FONT-WEIGHT: normal;
    font-size: 12px;
    TEXT-DECORATION: none;
    cursor: pointer;
}

.CompetencyWarning{
     FONT-WEIGHT: normal; 
    font-size: 12px;
    COLOR: red;
    TEXT-DECORATION: none
}
*/

.ErrorLabelText{
/*    font-size: 12px;*/
    COLOR: red!important;
}

.Helptext{
    FONT-WEIGHT: normal;
/*    font-size: 12px;*/
    COLOR: #455392; 
    TEXT-DECORATION: none;
}

.HyperLink{
/*	FONT-SIZE: smaller;*/
	color: #455392;
}

.InputCheckBox{
    BORDER: medium none;
}

/*
.InstructionText{
   FONT-WEIGHT: normal;
   font-size: 12px;
   COLOR: #455392;
   TEXT-DECORATION: none;
}
*/

.InputTextArea{
    COLOR: black;
}

.InputText{
    BORDER: #4d4a46 1px solid;
    COLOR: black;
    BACKGROUND-COLOR: white;
}

.LabelText{
    FONT-WEIGHT: bold;
/*    font-size: 12px;     COLOR: #455392;*/

    COLOR: #ec008b;
}

/*
.LinkTitle{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: black;
    CURSOR: pointer;
}
*/

.LogonPlaneLinks{
/*    font-size: 12px;*/
    TEXT-DECORATION: none;
}

.MenuButton{
	WIDTH: 110%;
	CURSOR: pointer;
	HEIGHT: 15px;
	TEXT-ALIGN: left;
	border: 1px solid #4d4a46;
}

.MenuTable{
    BORDER: 1px solid #455392;
/*    font-size: 12px;*/
    WIDTH: 110%;
    TEXT-ALIGN: left;
    /*border:1px dashed #888;*/
}

.MenuTable TD{
    HEIGHT: 15px;
}

.MenuTable A{
/*    font-size: 12px;*/
    COLOR: #455392;
    TEXT-DECORATION: none;
}
/*
.MessageTitle{
    font-weight: bold;
    // font-size: 12px;
    color: #333;
    line-height: 1.6em;
}

a.MessageTitle {
    font-weight: bold;
}

.MessageBody{
    font-weight: normal;
    // font-size: 12px;
     color: #333; 
    text-decoration: none;
    line-height: 1.6em;
}

a.MessageBody , a.MessageTitle{
    text-decoration: underline;
}
*/

/*
.NavText{
	font-weight: bold;
	// font-size: 12px;
	color: black;
	text-decoration: none;
}
*/

/*
a.NavText:active {
    color: black;
    text-decoration: underline; 
    font-weight: bold;
}

a.NavText:link {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

a.NavText:visited { 
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

a.NavText:hover {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}
*/

/*
.NavTextLarge{
	font-weight: bold;
	text-decoration: none;
	// font-size: 1.5em;
	padding: 5px;
	border-bottom: 0px none;
	background-color: #455392;
	color: #ec008b;
    line-height: 36px;
    xtext-rendering: optimizelegibility; 
}
*/

/*
A.NavTextLarge:active {
    color: black; 
    text-decoration: underline; 
    font-weight: bold;
}

A.NavTextLarge:link { 
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

A.NavTextLarge:visited {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

A.NavTextLarge:hover {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}
*/

.noPad { 
    padding: 0px;
}

#PrintButton {
    position: absolute; 
    right: 15px; 
    top: 2px;
    width: 60px;
}

.PrintExistOnly {
	display: none;
}

/*
.PrintOnly {
	visibility: hidden;
}
*/


/*
.ReportTitle{
    FONT-WEIGHT: bold;
    // font-size: 12px;
    COLOR: black;
    TEXT-DECORATION: underline;
}
*/

/*
a.ReportTitle:hover { 
    cursor : pointer;
}
*/

/*
.ReportText{
    FONT-WEIGHT: normal;
    // font-size: 12px;
    COLOR: #455392;
    TEXT-DECORATION: none;
}
*/



.ScreenExistOnly {
	display: inline;
}

input[type="submit"].button  {
/*
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
*/
}

/* .flatbutton  , input[type="submit"].SubmitButton , input[type="button"].SubmitButton , button , input.SubmitButton , .SubmitButton */
.flatbutton  , input.SubmitButton, button.SubmitButton, a.SubmitButton{
/*
    display: inline-block;
    *display: inline;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    *margin-left: .3em;
    // font-size: 13px;
    line-height: 18px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0074cc;
    *background-color: #0055cc;
    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);
    background-repeat: repeat-x;
    border-color: #0055cc #0055cc #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    margin-top: -10px;
*/
}

.reset_button{
    margin-top: -10px;
}

/*
.trailblazer_header{
    color: #ec008b;
}
*/

input.SubmitButton:hover , button.SubmitButton:hover , a.SubmitButton:hover {
/*
    background-position: 0 -15px;
    text-decoration: none;
    background-color: #0055cc;
    *background-color: #004ab3;
*/
}

/*
.SubmitButton:active { 
    background-color: #004099 ;
}
*/

/* minimal    padding: 3px 0 4px;
*******************************************************************************/
input.WizardButton {
    background: #eeeeee;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -o-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    font: bold 12px 'Lato' , 'Open Sans';
    line-height: 1;
    padding: 3px 0 4px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 150px;
}

input.WizardButton:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
    -o-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer; 
}

input.WizardButton:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -o-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; 
}

/********************************/

.button1 {
    BORDER: white  2px solid;
    color: white; font-weight: normal;
    background-color: #637BBA;
}

.Tracks{
/*   font-size: 12px;*/
    COLOR: #455392;
    FONT-WEIGHT: bold;
}

/*
.TableText{
    font-weight: normal;
	font-size: 12px;
	color: black;
}
*/

/*
#right_nav ul li.nav_menu_setter{
    list-style-type: disc;
    color: white;
    margin: 5px;
}

#right_nav .nav_menu_setter a{
    background: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    transition: all 0.5s ease;
}

#right_nav .nav_menu_setter a:hover{
    background: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
*/

/*
#right_nav .btn-mini.btn{
    background: white;
    position: absolute;
    top: 75%;
    left: 20%;
    color: #2c467e ;
    padding: 3px 17px;
    outline: none;
    box-shadow: inset 0.5px 0.5px 8px 3px #ccc;
    border: none;
    font-size: 12px;
    transition: all 0.5s ease;
	font-family: 'Open Sans','Lato';
}
*/

/*
#right_nav .btn-mini.btn:hover{
    background: linear-gradient(to bottom,  #f57fc5 0%,#ec008b 100%);
    box-shadow: inset 0.5px 0.5px 3px 1px #fff;
    color: white;
}
*/

/* Table headings */
/*
.header   {
    font-size: 14px!important;
	color:white;
	font-weight: normal;
    background-color: #2c467e;
    text-rendering: optimizelegibility;
    line-height: 2.5em;
    padding: 0 5px!important;
    background: linear-gradient(to top, #d10074 1000%,#2c467e 0%);
    background: -webkit-linear-gradient(to top, #d10074 1000%,#2c467e 0%);
    background: -moz-linear-gradient(to top, #d10074 1000%,#2c467e 0%);
    background: -ms-linear-gradient(to top, #d10074 1000%,#2c467e 0%);
    background: -o-linear-gradient(to top, #d10074 1000%,#2c467e 0%);
}
*/

/* a.header { font-weight: bold; color: red; } */
/*
tr.header a { 
    font-weight: bold;
    text-decoration: none;
    color: white;
}

tr.header a:visited{
    color: white;
}

.header a:link{
    color: white;
}
*/

/*
#navAlpha{
    background: linear-gradient(to top, #d10074 0%,#2c467e 100%)!important;
    background: -webkit-linear-gradient(to top, #d10074 0%,#2c467e 100%)!important;
    background: -o-linear-gradient(to top, #d10074 0%,#2c467e 100%)!important;
    background: -moz-linear-gradient(to top, #d10074 0%,#2c467e 100%)!important;
}
*/

.mle2 {
	overflow: visible;
	height: auto;
	width: 700px;
/*	font-size: x-small;*/
	font-weight: normal;
	background-color: #FFFFFF;
	border: none;
}

/* Page Title at very top */
/*
.title{
	font-weight: bold;
	font-size: 1.3em;
	padding: 5px 5px 5px 0;
	border-bottom: 0px none;
*/
	/*background-color: #455392;*/
/*	color: #ec008b;*/
/*  line-height: 1.2em;
    xtext-rendering: optimizelegibility; */
/*}*/

label.title {
/*    font-size: 12px; */
}

textarea {
    /* font-size: 12px; */ 
    /* border: 1px solid #000033;
    background-color: #F2F2F2; */
}

/*
select {
    font-size: 12px;
    font-family: 'Open Sans','Lato';
    width: auto;
    padding: 1px;
     height: 1.4em;
    line-height: 1.4em; 
    text-wrap:unrestricted;
    xwidth: 99%;
}
*/

input[type="button"], input[type="reset"] , input[type="submit"] {
   cursor: pointer;
/*   font-size: 12px;*/
}

/*
input[type=text], textarea, select {
    background-color: 	#fff; 
}

input[type=text], textarea {
    height: 100%;  
}

input[type=text]:focus, textarea:focus {
    background-color: white;
}   #e5fff3 #DCDCDC 
*/

/*This is used to for single block pages which don't have a left/top menu. e.g job list  */
/*
.page{
	 border:1px solid #999999; 
	width: 90%;
    margin-left: 5px;
    padding: 0px;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
*/
/* --------- new */

/*
#tiplabel { 
    text-decoration: none;
     position: absolute; right: 12%;  top: .4em;  
    font-weight: bold;
	font-size: 12px;
    float: right;
    margin-right: 1em;
 }

#tipbutton { 
    text-decoration: none;
    position: absolute;
    right: 2%; 
    top: .4em;
    font-weight: bold;
	font-size: 12px; 
    width: 50px;
}
*/

/*#tip{ */
/*position */
/*
    position:absolute;
    width:270px; 
*/
    /* height:20px; */
/*
    z-index: 4;
    right: 15%;
    top: 1em; 
    visibility: hidden;
*/
    /* format height:115px; z-index: 1*/
/*
    padding: .5em;
    border:2px solid black;
    background-color: white;
}
*/

#jquery_tip{ 
    /*position */
    position:absolute;
    width:270px;
    z-index: 4;
    left: 40%;
    right: 15%; 
    top: 1em; 
    display: none;
    /* format height:115px; z-index: 1*/
    background-color: white;
    padding: .5em; 
    border:1px solid black;
}

#jquery_tip span.close {
/*    font-size: 15px;*/
    text-align: center;
    position: relative;
    margin-left: 1%;
    margin-bottom:5%;
    font-weight: bold;
    text-decoration: none;
    background-color: red;
    color: white;
}

#legend{
    /* position */
    position:absolute;
    /*width:270px;
    height:20px; */
    z-index: 4; 
    right: 10%; 
    top: 6em; 
    visibility: hidden;
    /* format height:115px; z-index: 1*/
    background-color: white; 
    padding: .5em;
    border:1px solid black;
}

.supervisor_evidence .header{
/*    font-size: 14px;*/
    padding: 0 5px;
}

.supervisor_evidence .header a{
    color: white;
}

.submitTable .table_button{
    position: relative;
    display: block;
    margin-top: 10px;
}

.submitTable .table_button .new_form_button{
    display: inline-block;
}

.submitTable .table_button .new_form_button .btn-info{
    background: #d10074;
}

.submitTable .table_button .new_form_button .btn-info:hover{
    background:#2c467e;
}

.submitTable .table_button .delete_button{
    display: inline-block;
}

.ddl { width: auto; }
/*
.name_setter{
    color: #ec008b;
}
*/

/*
.evidence_table_setter .header_setter{
    font-size: 14px;
    color: white;
    font-weight: normal;
     background-color: #2c467e; 
    text-rendering: optimizelegibility;
    line-height: 2.5em;
    padding: 0 5px;
    background: linear-gradient(to top, #d10074 1000%,#2c467e 0%);
    background: -webkit-linear-gradient(to top, #d10074 1000%,#2c467e 0%);
    background: -moz-linear-gradient(to top, #d10074 1000%,#2c467e 0%);
    background: -ms-linear-gradient(to top, #d10074 1000%,#2c467e 0%);
    background: -o-linear-gradient(to top, #d10074 1000%,#2c467e 0%);
}

.evidence_table_setter .header_setter a{
    color: white;
    text-decoration: none;
}

.evidence_table_setter .header_setter a:hover{
    color: white;
    text-decoration: none;
}
*/

/*
#right_nav ul li.evidence_li_setter{
    list-style-type: disc;
    color: white;
    margin: 5px;
}
*/

/*
#right_nav ul li.evidence_li_setter a{
    background: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    transition: all 0.5s ease;
}

#right_nav ul li.evidence_li_setter a:hover{
    background: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-decoration: none;
}
*/

@media(max-width:1157px){
    .evidence_setter{
        padding-left: 20px!important;
    }
    .supervisor_evidence{
        padding-left: 20px!important;
    }
}

.supervisor_evidence .supervisor_evidence_ul .supervisor_evidence_li{
    color: white;
    margin: 5px;
}

.supervisor_evidence .supervisor_evidence_ul .supervisor_evidence_li a{
    background: none;
    margin: 0;
    padding: 0;
/*    font-size: 13px;*/
    transition: all 0.5s ease;
}

.supervisor_evidence .supervisor_evidence_ul .supervisor_evidence_li a:hover{
    background: none;
    margin: 0;
    padding: 0;
/*    font-size: 14px;*/
    text-decoration: none;
}

.white_underline_link {
    COLOR: white;
    TEXT-DECORATION: underline;
}

.spacer { 
    white-space: pre;
}

.cmdbutton  {
    border: 1px solid #4d4a46;
}


/* Typography */

/*
@media print {
    
    .noPrint {
        display: none !important;
    }
    
    .PrintExistOnly {
    	display: inline;
    }
    
    .PrintOnly {
    	visibility: visible;
    }
    
    a[href]:after {  to override Bootstrap silliness http://stackoverflow.com/questions/7301989/need-to-remove-href-values-when-printing-in-chrome 
        content: none !important;
    }  
}
*/

/*
.brownish {
    color: brown;
}
*/

/*
#PageNav1 {
    margin-top: 1em;
    xclear: both;
    xpadding-top: 2em;
    xdisplay: inline;
    border: 0px black solid;
}
*/

/*
.pagination {
    height: 120%;
    margin: 5px 0;
    border: 0px black solid;
    padding-left: 3%;
    width: 90%;
    xposition: fixed; padding-top: 3em; display: inline;
}

.pagination ul {
    float: left;
    xwidth: 43%;
    margin: 0;
    overflow: hidden;
    padding-bottom: 5px;
       border: 1px solid #ddd;
    border: 2px solid rgba(0, 0, 0, 0.15); 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
    display: inline;
    background-color: white;
}
*/

/*
.pagination a {
    float: left;
    padding: 0 1em;
    line-height: 3em;
    border-right: 2px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    border-bottom: 2px solid;
    border-bottom-color: #ddd;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    *border-bottom-color: #ddd;
    border-top: 2px solid;
    border-top-color: #ddd;
    border-top-color: rgba(0, 0, 0, 0.15);
    *border-top-color: #ddd;
    text-decoration: none;
}
*/

/*
.pagination a:hover, .pagination .active a {
    background: linear-gradient(to top, #d10074 0%,#2c467e 100%)!important;
    color: white !important;
    transition:all 0.3s ease;
}
*/

/*
.pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #bfbfbf;
}
*/

/*
.pagination .next a {
    border-right: 0;
}
*/

.pagination .start a {
/*
    border-right: 0;
    border-left: 5px solid;
    border-left-color: #ddd;
    border-left-color: rgba(0, 0, 0, 0.15);
    *border-left-color: #ddd;
*/
}

.pagination .end a {
/*
    border-left: 0;
    border-right: 0px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
*/
}

/*
a.btn-info , input.btn-primary , input.btn-danger , input.SubmitButton , a.SubmitButton {
    font-weight: normal; 
    font-size: 14px;
    padding: 4px;
    min-width: 60px;
}
*/

/*
a.btn { 
    color: white; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    font-weight: normal; 
}   bootstrap bug 
*/

/*
a.btn-mini {
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    font-weight: normal;
}
*/

/*
a.whitetext  { 
    color: white; 
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
    font-weight: normal; 
}
*/

/*
a.action {
    color: #0088cc;
    text-decoration: underline;
    font-size: 13px; 
}
*/

/*
a.file { 
    cursor: hand;
}
*/

/*
.color1 , a.color1 {
    color: WhiteSmoke;
}

.color2 , a.color2 {
    color: white;
}
*/

/*
.color-blue , a.color-blue, a.color-blue:visited {
    color: #d10074;
}
*/

/*
a.color-blue {
    text-decoration: underline;
}
*/

/*
a.color-blue:hover { 
    color: #2c467e; 
}
*/

/*
a.underline { 
    text-decoration: underline;
}
*/


/* ----- VGN: css hover fix for touch devices ----- */
 .hover {
     -webkit-user-select: none;
    -webkit-touch-callout: none;        
 }

/*---- Login page style----------*/

/*
.login_page{
    height: 100%;
    overflow-y: auto;
}

.login_page .main{
    background: #353d45;
}
*/

/*
.login_page .container{
    margin-top: 10%;
    box-shadow: inset -2px 2px 21px 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
*/

/*
.login_page .logo_seter{
    width: 100%;
    height: 90px;
    margin-top: 23px;
}
*/

/*
.login_page .logo_seter .image_setter{
    max-width: 100%;
    max-height: 100%;
}
*/



/*
.login_page .submit_button_setter{
    text-align: center;
    margin: 0 auto;
}

.login_page .submit_margin_setter{
    margin-left: 0;
    margin-bottom: 10px;
}

.login_page .submit_button{
    height: 45px!important;
    width: 94px!important;
    border-radius: 3px!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    border: 1px solid #ccc!important;
    line-height: 1.846!important;
    font-size: 13px!important;
    background: #ec008b;
}
*/

/*
.login_page .submit_button:hover{
    background: linear-gradient(to bottom,  #f57fc5 0%,#ec008b 100%);
}
*/

/*
.login_page .login_form{
    margin-top: 13%;
    margin-bottom: 13%;
}
*/

/*
.login_page .forgot_password{
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 42px;
    position: absolute;
}
*/

/*
.login_page .margin_top_27{
    margin-top: 27px;
}
*/

/*
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
    border-color: #ec008b;
    border: 1px solid #ec008b;
    box-shadow: inset 0 1px 1px #f57fc5, 0 1px 1px #f799d0;
}
*/

/*
.login_page .forgot_password .MessageTitle{
    text-decoration: none;
    border-bottom: 2px dotted #ec008b;
    text-align: center;
    color: #ec008b;
    font-weight: 100;
    transition: color 1s;
}
*/

/*
.login_page .forgot_password .MessageTitle:hover{
    color: #f57fc5;
    border-bottom: 2px dotted #f57fc5;
}
*/

/*
.login_page .left_footer{
    display: inline-block;
    width: 48%;
    float: left;
    margin-left: 6px;
}

.login_page .right_reserved{
    position: relative;
    top: 2px;
    color: #282370;
    display: block;
    float: left;
    margin: 2px 0;
    width: 100%;
    text-align: left;
}

.login_page .right_reserved .text_align{
    color: #282370;
    font-size: 10px;
}
*/

/*
.login_page .privacy_policy{
    position: relative;
    font-size: 10px;
    margin: 15px 0;
    width: 100%;
    display: block;
    text-align: left;
    line-height: 10px;
}

.login_page .privacy_policy .action{
    font-size: 10px;
    color: #282370;
    text-decoration: underline;
}
*/

/*
.login_page .right_footer{
    display: inline-block;
    width: 50%;
    float:right;
}

.login_page .right_footer .skilsure_logo{
    text-align: right;
    width: 86px;
    float: right;
    margin-top: 5px;
    margin-right: 11px;
}
*/

/*
.login_page .login_table{
    margin-top: 50px;
    width: auto;
    text-align: center;
}
*/

/*
.login_page .login_page_table{
    display: block;
    width: 100%;
    margin-left: 0;
}
*/

.login_page .login_page_table .username{
    display: block;
    width: 76px;
    text-align: left;
}

/*
.login_page .login_page_table .username_textbox{
    margin-left: 0;
}

.login_page .login_page_table .username_textbox .textbox_style{
    background-color: white;
    border-radius: 3px;
}
*/

/*
.login_page .alert-danger, .alert-error{
    color: #ec0094;
    background-color: #efeff0;
    border: 1px solid #ccc;
    padding: 8px;
}
*/

/*
@media(max-width:680px){
    
    .login_page .container{
        width: 98%;
        min-width: auto;
        margin: 0 auto;
    }
    
    .login_page .main{
        min-width: auto;
    }
}
*/

/*
@media(max-width:480px){
    
    .login_page .login_page_table .username_textbox{
        margin-left: 0;
    }
    
    .login_page .login_form{
        width: 80%;
        margin: 0 auto;
        margin-top: 50%;
    }
}
*/

/*
.submit_button{
    font-size: 14px!important;
    padding: 5px;
    width: 60px!important;
    transition: all 0.5s ease;
}
*/

/*
.submit_button:hover{
    background: #2c467e;
}
*/


/*------forgot password page-------------*/

/*
.forgot_password_page{
    margin-top: 14%;
    margin-bottom: 14%;
}
*/

/*
.forgot_password_form .container{
    height: auto;
}
*/

/*
.forgot_password_form .submit_button{
    height: 45px!important;
    width: 94px!important;
    border-radius: 3px!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    border: 1px solid #ccc!important;
    line-height: 1.846!important;
    font-size: 13px!important;
    background: #ec008b;
    margin-bottom: 20px;
    margin-top: -25px;
}
*/

/*
.forgot_password_form .form_title{
    margin-top: 43px;
    font-size: 18px;
}
*/

/*
.forgot_password_form .forgot_password_message{
    margin: 10px;
    font-size: 14px;
}
*/

/*
.forgot_password_form .forgot_password_label{
    font-size: 14px;
}
*/


/*
.forgot_password_form .forgot_password_textbox{
    margin: 5px;
    font-size: 14px;
}
*/

/*
.forgot_password_form .forgot_password_textbox input{
    background-color: white;
}
*/


/*
.epa_container .epa_content .epa_image .map_title{
    font-size: 16px;
    display: block;
    text-align: center;
    width: 50%;
    margin-top: 20px;
    font-weight: bold;
    color: #2c467e;
    transition: 1s all ease;
}
*/

/*
.epa_container .epa_content .epa_image .map_setter{
    margin-top: 30px;
    transition: 1s all ease;
    image-rendering: auto;
}
*/

/*Flexbox class here - Jun 2018 */
.cflex-container { display: flex; justify-content: space-between; }
.cflex-item { margin-right: 3em; }

.link { text-decoration: underline; cursor: pointer; }

/*--- small screens ---*/
@media screen and (min-width:521px) and (max-width:820px) {
    
    select {
        max-width: 50%;
/*        font-size: .8em;*/
    }
}

/*--- Smartphones ---*/
@media screen and (max-width:520px) {
    
    .pagination li a {
    }
    
    select {
        max-width: 40%;
/*        font-size: .8em;*/
    }
}


@media(max-width:1313px){
/*
    #right_nav .btn-mini.btn{
        top: 56%;
        left:66%;
    }
*/
    #right_nav{
        width: 82%;
        padding-left: 22px;
    }
    #right_nav ul li.nav_menu_setter{
        min-width: auto;
        width: 32.5%;
    }
}

@media(max-width:600px){
    
    #right_nav ul li.nav_menu_setter{
        min-width: auto;
        width: 32.5%;
    }
    
/*
    #right_nav .btn-mini.btn{
        top: 56%;
        left:64%;
    }
*/
    
    #right_nav{
        width: 100%;
        padding-left: 22px;
    }
}
@media(max-width:520px){
    
    #right_nav ul li.nav_menu_setter{
        width: 100%;
    }
    
/*
    #right_nav .btn-mini.btn{
        top: 72%;
        left: 40%;
    }
*/
}