@font-face {
    font-family: openSans;
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);}


.err{background-color:#f69e9e;}

.btn-labelx {position: relative;left: -75px;display: inline-block;padding: 6px 12px;
            background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}

.btn-label2x {position: relative;left: -30px;display: inline-block;padding: 6px 12px;
            background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}

.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn-250{width:100%; padding:7px; }
.modalHeader{background-color:#808080; border-top-left-radius:5px; border-top-right-radius:5px;}
.modalBody{background-color:#eadf9e; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.Header-Text{color:#fffcfc;font-weight:bold; font-size:18px;}
.modal-position{top:120px;}
 .loader-modal
{
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.loading-image
{
    margin-top:30%;
    width: 100%;
}

@media (min-width: 768px) {
    .loading-image {
        margin-top: 20%;
        width: auto;
    }
}


.labelHeading{
    position: relative;
    width: 100%;
    border-bottom: 1px solid #c5730f;
    font-size: 20px;
    margin-bottom: 10px;
    color: #1d90ca;
}
.labelHeading > span {
    width: 200px;
    border-bottom: 1px solid #c5730f;
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
}

.bottomMargin15{
    margin-bottom: 15px;
}

/** The Magic **/
.btnBorderStyle > i{
    display: block;
}
/*.btnBorderStyle > span{
    display: none;
}

.btnBorderStyle:hover > span{
    display: block;
}*/

.btn-styles1 .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #723129;
  position: absolute;
  top: 56%;
  margin-top: -15px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/*chat stylees*/
/*.modal-body{overflow:scroll;height:350px;}*/

/*.chat{height:350px;}

.user {
	position: relative;
	background-color:#c2e6ff;
	border-radius: .4em;
    padding:4px 10px; text-align:left;
}

.user:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 0.594em solid transparent;
	border-right-color: #00aabb;
	border-left: 0;
	border-bottom: 0;
	margin-top: -0.297em;
	margin-left: -0.594em;
}

.bot {
	position: relative;
	background-color:#00ff90;
	border-radius: .4em;
    padding:4px 10px; text-align:right;
}
.bot:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 0.594em solid transparent;
	border-left-color: #4cff00;
	border-right: 0;
	border-bottom: 0;
	margin-top: -0.297em;
	margin-right: -0.594em;
}
.animated {
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    -ms-transition-animation-duration: 8s;
}
.shake {
    -webkit-animation: shake 5s; /* Safari 4+ 
    -moz-animation:    shake 5s; /* Fx 5+ 
    -o-animation:      shake 5s; /* Opera 12+ 
    animation:         shake 5s; /* IE 10+, Fx 29+ 
}*/

.header-Red{background-color:#ff0000;}
.btn1{width:200px; height:40px; padding:5px; color:White;}

.btn-bread{height:20px; padding:5px; color:White;}
.direction-right{text-align:right;}
.Theme1{background-color:#ff6a00;}

/*search result css*/
.searchResults {
    width: 95%;
    max-height: 200px;
    background-color: #f7f7f7;
    border-radius: 5px;
    z-index: 9997;
    overflow-y: scroll;
    display: none;
    position: absolute;
    box-shadow: 0px 0px 3px 0px grey;
    border: 1px solid grey;
    min-height: 10px;
}
.searchSelection {
    cursor: pointer;
    color: #1e6e8d;
    display: block;
    border-radius: 5px;
    padding: 2px 10px;
}
.searchSelection:hover {
    background-color: #1e6f8e;
    color: white;
}

.tcilogo{height:50px;}

.empdash1{
    padding:10px;
    background-color:#b6ff00;
    color:#30720c;    
    border-radius:5px;
    margin-left:5px;
}

.empdash2{
    padding:10px;
    background-color:#0094ff;
    color:#ffffff;    
    border-radius:5px;
    margin-left:5px;
}

.empdash3{
    padding:10px;
    background-color:#ff006e;
    color:#ffffff;    
    border-radius:5px;
    margin-left:5px;
}

.empdash-head{    
    font-size:22px; font-weight:bold;
}

.gen1{
    color:#30720c;
    font-size:15px;
    padding:2px;
    margin-left:20px;
}

/*dash color 1 css styles*/
body {
   background-color:#eee;
}

.bgcol1 {background-color: #ABA6BF;}
.bgcol2 {background-color: #d4dca9;}
.bgcol3 {background-color: #546e7a;}
.bgcol4 {background-color: #00D2FC;}
.bgcol5 {background-color: #296073;}
.bgcol6 {background-color: #9B89B3;}
.bgcol7 {background-color: #ABA6BF;}
.bgcol8 {background-color: #ABA6BF;}
.bgcol9 {background-color: #ABA6BF;}
.bgcol10 {background-color: #ABA6BF;}


.colWhite{ color:#ffffff; }
.col1 { background-color:#e57373; font-size:12px; padding:3px; }
.col2 { background-color:#ba68c8; font-size:12px; padding:3px; }
.col3 { background-color:#f57c00; font-size:12px; padding:3px; }
.col4 { background-color:#3f51b5; font-size:12px; padding:3px; }
.col5 { background-color:#a5d6a7; font-size:12px; padding:3px; }
.col6 { background-color:#ffe0b2; font-size:12px; padding:3px; }
.col7 { background-color:#a1887f; font-size:12px; padding:3px; }
.col8 { background-color:#5d4037; font-size:12px; padding:3px; }
.col9 { background-color:#fc4a72; font-size:12px; padding:3px; }
.col10 { background-color:#FFC75F; font-size:12px; padding:3px; }



.menufont{font-size:24px;}
.menu-text{color:#ffffff;font-size:18px; }

.profileColor{color:#e57373; font-size:17px;}

.profileimg {
   /*width:90%; height:90%;*/ border-radius:4px;
}

.content {   
    margin-top: 0px;
    padding:5px;
    top:0px;
}

.carousal-text{color:#ba68c8; text-align:center;}

.No-gap{ margin-bottom: 5px; }

.btn-margin{    margin: 0px auto;
    text-align: center;}

.fluid-panel{left:0; float:right; margin:0;}

.fluid-panel-left{left:0;float:left; margin:0;}

.label-white{color:#ffffff;}
.qmenu{padding:15px; margin-top:10px; }
.qmenu-ul{padding:5px;}

.btn-col1 {
    background-color: #e57373;
}
.btn-col2 {background-color:#ba68c8; }
.btn-col3 {background-color:#f57c00; }
.btn-col4 {background-color:#3f51b5; }
.btn-col5 {background-color:#a5d6a7; }
.btn-col6 {background-color:#ffe0b2; }
.btn-col7 {background-color:#a1887f; }
.btn-col8 {
    background-color: #5d4037;
}

.dashmargin{margin-right:2px; float:right;}

.myclass{color:#f57c00;font-weight:bold;}

/*helpbar.css class css styles*/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		    -o-transform: translate3d(0%, 0, 0);
		    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}
	
.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		    transition: opacity 0.3s linear, left 0.3s ease-out;
}
	
.modal.left.fade.in .modal-dialog{
	left: 0;
}
        
/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		    transition: opacity 0.3s linear, right 0.3s ease-out;
}
	
.modal.right.fade.in .modal-dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
}

/*Theme1.css style classs*/
.navbar-default  {
    background: #88bfe8; /* Old browsers */
    background: -moz-linear-gradient(top, #88bfe8 0%, #70b0e0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #88bfe8 0%,#70b0e0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #88bfe8 0%,#70b0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */
}

.navbar-orange {
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

.navbar-purple {
    background: #cb60b3; /* Old browsers */
    background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */
}

.navbar-khaki {
    background: #fefefd; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefd 0%, #dce3c4 42%, #aebf76 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefd 0%,#dce3c4 42%,#aebf76 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefd 0%,#dce3c4 42%,#aebf76 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#aebf76',GradientType=0 ); /* IE6-9 */
}

.navbar-red {
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.navbar-skyblue {
    background: #c5deea; /* Old browsers */
    background: -moz-linear-gradient(top, #c5deea 0%, #8abbd7 31%, #066dab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
}

.navbar-steelblue {
    background: #a7cfdf; /* Old browsers */
    background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
}

.navbar-gold {
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
}

.navbar-brown {
    background: #f6e6b4; /* Old browsers */
    background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
}

.navbar-grey {
background: #606c88; /* Old browsers */
background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
}

.navbar-silver{
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.navbar-brick{
background: #f2825b; /* Old browsers */
background: -moz-linear-gradient(top, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */
}

.navbar-steelsilver
{
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}

.navbar-black{
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

/*dash.css file classes*/
.color1{background-color:#b6ff00;}

.tab1{height:150px; padding:5px 12px; font-family:openSansBold;  border-radius:8px; margin:8px;}

.lg-key{font-size:3em; text-align:right;}
.md-key{font-size:1.5em; text-align:right;}
.sm-key{font-size:1em; text-align:right;}
.xs-key{font-size:.5em; text-align:right;}

.radioList{
    margin: 0px auto;
}
.radioList > tbody > tr > td {
    padding: 2px 5px;
}
.radioList > tbody > tr > td > input[type="radio"], .radioList > tbody > tr > td > span > input[type="radio"] {
    margin: 4px;
}
.radioList > tbody > tr > td > input[type="radio"]:checked + label, .radioList > tbody > tr > td > span > input[type="radio"]:checked + label {
    font-weight: bold;
    text-decoration: underline;
}
.radioList > tbody > tr > td > label, .radioList > tbody > tr > td > span > label {
    margin-bottom: 0px;
}