/*
    
Custom Layer
                    Theme 3
Build           ::  1.0.1.4
Date Created    ::  December 12, 2016
Date Modified   ::  February  21, 2017
Date Modified by :: Ravi Tooltip Bottom Change


Please Update the Date Modified and Build after changes
Theme 3 Redesign
Base Color : Blue
Left Right Ratio 4 : 6

*/
@import url('../CSS/Open-Sans.css');
@import url('../CSS/style.css');
@import url('../CSS/ui.jqgrid.css');
@import url('../CSS/jquery.ui.theme.css');
@import url('../CSS/ui.multiselect.css');
@import url('../CSS/jquery-ui-1.10.4.custom.css');
@import url('../CSS/jquery.ui.datepicker.css');
@import url('../CSS/hoe.css');

body{ background:#fff !important;/*font-family: "Open Sans",sans-serif;*/ font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #222;
   -ms-user-select: text!important;
}

a { color: #333;}
a:hover{ color: #296fba;}
i:not(.nohover):hover {
    color: #296fba !important;
}
.glyphicon:hover{
    color: #296fba;
    cursor: pointer;
}
table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: 12px;
    font-style: normal;
        color: #3a3737;
    text-align: start;
    font-variant: normal normal;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 7px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 3px;
  left: 100%;
  z-index: 3;
  text-decoration: none;
    color: #ffffff !important;
    font-weight: bold;
    font-family: Lato;
    font-size: 13px;
    font-variant: normal;
}
#header .navbar-inverse{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,243,247,1) 89%, rgba(255,190,223,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(89%, rgba(247,243,247,1)), color-stop(100%, rgba(255,190,223,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,243,247,1) 89%, rgba(255,190,223,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,243,247,1) 89%, rgba(255,190,223,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,243,247,1) 89%, rgba(255,190,223,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,243,247,1) 89%, rgba(255,190,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffbedf', GradientType=0 );
border:none; border-bottom:1px solid #ffaad6; padding:10px 0;
}

#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel{ background:#f3f3f3 !important;}
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li > a{ border-top: 1px solid #ced2d5;}
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li:first-child > a{ border-top: 1px solid #ced2d5;}
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .profile-box{ border:none;}
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li:last-child > a{ border-bottom: 1px solid #ced2d5;}
    #hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li > a {
        background: #c8e2d5 !important;
        border-left: 4px solid #f3f3f3 !important;
        color: #333 !important;
        border-right: none;
        padding: 15px 10px;
        border-bottom: 1px solid #ced2d5;
        margin-bottom: -1px;
    }
        #hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li > a:hover, #hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li > a:focus {
            background: #34506f !important;
            border-color: #34506f !important;
            color: #fff !important;
            position: relative;
            z-index: 1;
        }
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li > a:hover i, #hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li > a:focus i{ color:#fff !important;}
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li.active > a{ border-top: 1px solid #5981ab;}

.inner-content{ padding-bottom:0px;}


a {
    text-decoration: none;
}

div.panel-heading.New {
    color: #32517b; 
}

div.panel.panel-info {
  
}

a.btn.btn-success.btnSteps {
    text-transform: none;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
}

a.btn.btn-default.btnStep2 {
    text-decoration: none;
}

li.IHOH {
    cursor: text;
    color:#b3277b;
    font-weight:bold;
}

div.panel.panel-primary {
    
}
div.panel-heading.New,
div.panel-heading {
    background:#f9f9f9;
    border-bottom:1px solid #e3e3e3;
}
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}

             a
    {
        text-decoration : none !important;
    }
            

        body {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

        

     
        /* Let's get this party started */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
 
/* Track */
        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }
 
/* Handle */
        ::-webkit-scrollbar-thumb {
            -webkit-border-radius: 8px;
            border-radius: 8px;
            background: #B5D5FF;
            -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
        }
        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(255,0,0,0.4);
        }

/*        i.fa {
    display: inline-block !important;
    padding-left: 5px !important;
     padding-top: 5px !important;
}*/

i.Hidden {
    display: none !important;
}

i.fa.fa-asterisk {
    color: #fa1225 !important;
}
/*
i.fa.fa-info-circle.Show {
    color: #bd13bd !important;
}

i.fa.fa-tags.Show {
    color: #3d7d45 !important;
}
*/
a.btn.btn-warning.btnSteps {
    color: #000000;
}.login-top-form
div.panel-heading.New {
    text-align: left;
    font-size: 16px;
}
.panel-info, .panel{ border-color:#bd8282; box-shadow:none;}
.panel-info > .panel-heading,
div.panel-heading {
   fore-color: white;
    text-align: left !important;
    font-size: 16px; font-weight:600;
}

strong a span {
    color: #45388c;
}

div.col-lg-4.info {
    border-color: #ffffff;
    margin-top: 20px;
    margin-bottom: -20px;
}

/*div.padded a.btn {
    color: white;
    font-size: 13px;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 6px;
    text-decoration: none;
    width: 95%;
}*/

/*div.show {
    margin-top: -20px;
}*/
.panel.Show{ margin-top:0;}
.login-top-form .col-md-4{ padding:0 3px;}
.login-top-form input[type="text"], .login-top-form input[type="password"]{ background:#fff; border-color:#dedfde; color:#333;}
.login-top-form .input-group-addon{ background:#dedfde; border-color:#dedfde; color:#333;}
.login-top-form input.btn{ border-radius:5px; margin-right:5px; padding:6px 12px;}

.btn.btn-danger i,
.btn.btn-danger{ color:#fff;}

.theme-panel .panel-heading .btn-groups{ float:right; margin:-3px 10px 0 0;}
    .theme-panel .panel-heading .btn-groups .btn-primary, .theme-panel .panel-heading .btn-groups .btn-warning {
        background: #c8e2d5 !important;
        border-color: #7e7e7e !important;
        font-size: 11px;
        font-weight: normal;
    }
        .theme-panel .panel-heading .btn-groups .btn-primary:hover, .theme-panel .panel-heading .btn-groups .btn-warning:hover {
            background: #c8e2d5 !important;
            border-color: #5c5c5c !important;
        }


.panel > .panel-heading .btn-info i, .panel > .panel-heading .btn-primary i, .panel > .panel-heading .btn-warning i,
.panel > .panel-heading .btn-info, .panel > .panel-heading .btn-primary, .panel > .panel-heading .btn-warning,
.panel > .panel-heading .btn-info, .panel > .panel-heading .btn-success{ color:#fff !important;}
.panel > .panel-heading, .panel > .panel-heading a{ font-weight:normal; color:#222 !important;}
.panel > .panel-heading .email a{ color:#ea0000;}
.feature-box span.feature-icon{ background:#f7f7f7;}
.panel > .panel-heading i, .panel > .panel-heading a i{ color:#888;}
/*.panel-primary > .panel-heading, .panel > .panel-heading a.btn-success{ color:#fff;}*/
/*.....................panel header font-size*/
.panel-primary > .panel-heading strong{ font-weight:normal; color:#222;}
.panel-heading.New strong{ font-weight:normal; color:#222;}
.inner-content strong{ font-weight:normal; color:#222;} 
.inner-content b { font-weight:600;} 

.theme-panel .panel-heading{  border-top:none; border-bottom:1px solid #d7d7d7; font-family: open sans; background:#c8e2d5;}
.fr{ float:right;}
div.panel-heading .email{ font-size:14px;}
div.panel-heading .email span{ background:#fff; width:25px; height:25px; display:inline-block; border-radius:30px; -webkit-border-radius:30px; text-align:center; font-size:12px; line-height:22px; margin:0 4px 0 0; position:relative; top:-7px;}
div.panel-heading .email span i{ position:relative; top:5px;}

.text-right span.email{  margin-top:8px; display: block;}
.feature-icon i{ font-size:45px; margin:13px 0 0 0;}
.feature-box span.feature-icon, .feature-box:hover span.feature-icon{  color:#d1d1d1 !important;}

/*.bk-clr-one { background-color: #f7f7f7;}
.bk-clr-two { background-color: #f7f7f7;}
.bk-clr-three { background-color: #f7f7f7;}
.bk-clr-four { background-color: #f7f7f7;}*/

.login-box i {
    font-size: 60px;
    margin-bottom: 0;
    color: #f5bbda;
}
.login-area{ padding:20px 0;}
.login-area .panel-body{ min-height:260px;}
.login-box {
    border-radius: 5px;
    text-align: center; border:1px solid #ccc;
    padding: 10px; min-height:150px;
    color: #333; background:#fff;
}
.dropdown-menu .btn-default{ background:none; font-weight:normal;}
.navbar-default .navbar-text{ color: #222;}
.login-box h5{ line-height:22px; font-size:14px;}
footer { color: #222; padding:15px 20px; right: 0; bottom: 0; left: 0;}
footer#footer{ color: #222; background-color: #f8f8f8; border-top:1px solid #cacaca; padding:15px 0; position: fixed; right: 0; bottom: 0; left: 0;}
footer a, footer a:hover {
        color: #333;
        text-decoration: none;
} 
.alert-danger {
    background-color: #fcf1f1;
    border-color: #f6e8e8;
    color: #a94442;
}
footer .navbar-bottom a, footer .navbar-bottom a:hover { color: #ea0000;}
#footer span{ margin:0 5px;}
#footer i{ margin-right:5px;}
.login-top-form a{ color:#fd3232 !important;}
.login-top-form a:hover{ text-decoration:underline; border-bottom:1px solid #ea0000;}
.app .app-feature-gallery {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	padding:0;
	margin-top:20px;
	margin-bottom:20px;
	position:relative
}
.app .app-feature-gallery>li {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	cursor:pointer;
	-webkit-transform:scale(.85);
	-moz-transform:scale(.85);
	-ms-transform:scale(.85);
	-o-transform:scale(.85);
	transform:scale(.85);
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0;
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .1);
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, .1);
	box-shadow:0 3px 6px rgba(0, 0, 0, .1);
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-ms-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:text;
	-ms-user-select:none;
	user-select:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px
}
.app .app-feature-gallery>li:nth-child(1) {
z-index:3;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
.app .app-feature-gallery>li:nth-child(2) {
z-index:2;
top:-15px;
-webkit-transform:scale(.95);
-moz-transform:scale(.95);
-ms-transform:scale(.95);
-o-transform:scale(.95);
transform:scale(.95);
-webkit-opacity:.9;
-moz-opacity:.9;
opacity:.9
}
.app .app-feature-gallery>li:nth-child(3) {
z-index:1;
top:-28px;
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-ms-transform:scale(.9);
-o-transform:scale(.9);
transform:scale(.9);
-webkit-opacity:.8;
-moz-opacity:.8;
opacity:.8
}
.panel-heading .pull-right .btn{ margin:-6px 0 0 0;}
.panel-heading .pull-right .btn.btn-sm{ padding:4px 10px;}

label{ font-weight:normal !important;}

.btn{ font-family:Arial, Helvetica, sans-serif;}
.panel-footer{ background:#f8f8f8;}
.pagetitle{ color:#fff;}

.panel .panel-heading .dropdown-menu .btn-success a{ color:#7e7e7e !important;}
.panel .panel-heading .dropdown-menu .btn-success a:hover{ color:#296fba !important;}
.panel .panel-heading .btn-success a{ color:#fff !important;}
.btn-info,
.btn-success{ background: #232d5d !important; border-color:#5b91ca !important; color:#fff !important;}
.btn-info:hover,
.btn-success:hover{ background:#0c4c94 !important; border-color:#0c4c94 !important;}

#hoeapp-wrapper{ background:#fff; color:#222;}
#hoeapp-container{ height:auto;}

#hoeapp-wrapper .hoe-right-header a:focus i{ color:#7e7e7e;}

.hoe-sidebar-toggle .open a i,
.hoe-sidebar-toggle a:hover::after, .hoe-sidebar-toggle a:active::after, .hoe-sidebar-toggle a:focus::after, .hoe-sidebar-toggle a:focus i, .hoe-right-header a.dropdown-toggle:hover i{ color:#7e7e7e;}

 
.app-heading-container .breadcrumb{ background:#e9edf2; border-radius:0px; margin:0; color:#4e5e6a; padding-right:8px; border-top:1px solid #fff;}
.app-heading-container .breadcrumb ul{ margin:0; padding:0;}
.app-heading-container .breadcrumb li{ float:left; list-style:none;}
.app-heading-container .breadcrumb li:before{ padding:0 0 0 2px;content:"\f105";font-family:FontAwesome;width:16px; float:left; color:#4e5e6a;text-align:center;margin-top:1px; line-height:16px;}
.app-heading-container .breadcrumb li.active{ color:#4e5e6a;}
.app-heading-container .breadcrumb li:first-child::before{ content:inherit;}

.ui-pg-div{ font-size:12px;}
/*.theme-panel .panel-heading{ text-align:center !important;}*/
.navbar-top-links .panel-heading{ /*border:none;*/}
.navbar-top-links .panel-heading .dropdown{ font-size:14px;}
.navbar-top-links .panel-heading .dropdown ul{ padding:0;}
.navbar-top-links .panel-heading .dropdown .divider{ margin:0;}
.navbar-top-links .dropdown-menu li a{ padding:7px 20px;}
.navbar-top-links .dropdown-menu li a i{ font-size:14px;}
#divListOFInc .panel{ margin-bottom:10px;}
.btn-warning{ background:#ea0000; border-color:#ea0000; color:#fff !important;}

.collaboration{ padding: 10px 20px 0 0;
    clear: both;
    float: right;}



.hoe-right-header .hoe-rheader-submenu > .dropdown-menu .notification-title{ font-weight:normal; color:#333;}
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu a:hover .notification-title{ color:#296fba;}
.sub-nav-area{ background:#f3f3f3; padding:0; border-bottom:1px solid #e5e5e5;}
.sub-nav-area a.btn.btn-success{ padding:8px; font-size:13px; background:none !important; border:none !important; border-right:1px solid #e5e5e5 !important; border-radius:0; color:#333 !important; box-shadow:none !important; font-weight:normal;}
.sub-nav-area a.btn.btn-success:hover, .sub-nav-area a.btn.btn-success.active{ background:#e5e5e5 !important;}
.sub-nav-area a.btn.btn-success:last-child{ border-right:none !important;}
.btn{ font-size:13px; color:#222;}
.hoe-right-header .hoe-rheader-submenu > a.icon-circle:hover{ border-color:#efefef;}

/*.btn.btn-success, .btn.btn-default, .btn.btn-primary, .btn.btn-danger, .btn.btn-warning, .btn.btn-danger, .btn.btn-info{ text-transform:uppercase;}*/

body .ui-state-highlight a, body .ui-widget-content .ui-state-highlight a, body .ui-widget-header .ui-state-highlight a{ color:#ea0000 !important;}
/*.feature-box.panel-green span { color: #fff;}
.feature-box.panel-byellow span{ color: #fff;}
.feature-box.panel-primary span{ color: #fff;}
.feature-box.panel-warning span{ color: #fff;}
.feature-box.label-danger span{ color: #fff;}*/
.feature-box .h4, .feature-box .h5, .feature-box .h6, .feature-box h4, .feature-box h5, .feature-box h6{ color: #3d668c;}
.feature-box span{ color: #ff5959;}

.feature-box h6{ text-transform:inherit; font-size:13px; color:#333;}

.overflow{ overflow-x: auto; overflow-y: auto;}
.overflow-x{ overflow-x: auto;}
.overflow-y{ overflow-y: auto;}

.panel-info > .panel-heading{ border-top:none;  border-bottom: 1px solid #d7d7d7;}
.form-group{ margin-bottom:5px !important;}
.panel{ margin-bottom:5px;}
.control-label{ /*text-align:right;*/ margin:0; line-height:15px;}

.input-group-addon{ font-size:12px !important;}
.input-group img.ui-datepicker-trigger{ z-index:2;}
.form-control[readonly]{ background:#fff;}

.glyphicon-arrow-down::before, .fa-arrow-down::before{ content:"\f107"; font-family: fontawesome;}
.glyphicon-arrow-up::before, .fa-arrow-up::before{ content:"\f106"; font-family: fontawesome;}

#hoe-left-panel .panel-list > li > a{ line-height:15px;}

.profile-box img{ max-width:100%; height:auto;}
.hoe-minimized-lpanel .profile-box img{ margin-top:15px;}


.panel-heading.New strong a span{ color:#222;}
.btn-primary{ background: #232d5d !important; border-color:#34506f !important; color:#fff !important; font-weight:600;}
.btn-primary.focus, .btn-primary:focus,
.btn-primary:hover{ background:#0c4c94 !important; border-color:#0c4c94 !important;}

table{ color:#333;}
table label{ font-weight:normal; font-size:100%;}

.ui-jqgrid .ui-jqgrid-htable th{ border-bottom:1px solid #ddd !important;}
 

#hoe-header[hoe-color-type="logo-bg8"] .hoe-left-header{
background: #ffffff !important; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 66%, #a6c7d8 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 66%,#a6c7d8 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 66%,#a6c7d8 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6c7d8',GradientType=0 ) !important; /* IE6-9 */ border-bottom:1px solid #fff;}
.profile-box .media img{ height:auto !important;}
.hoe-minimized-lpanel .hoe-left-header .profile-box .media{ background:url(logo-small.png) left top no-repeat; width:50px; height:50px; display:inline-block;}
.hoe-minimized-lpanel .hoe-left-header .profile-box .media img{ display:none;}

.switch-header.hoe-minimized-lpanel .hoe-left-header .profile-box .media{  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 66%, #a6c7d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 66%,#a6c7d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 66%,#a6c7d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6c7d8',GradientType=0 ); /* IE6-9 */ width:198px; background:none;}
.switch-header.hoe-minimized-lpanel .hoe-left-header .profile-box .media img{ display:inline; margin:0;}

#hoe-left-panel{ height:100%;}

.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover i,
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover, .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus{ color:#296fba; background:none;}

.navbar-bottom .container{ width:auto; padding:0;}
/*.panel-body .pull-right, .panel-body .text-right{ font-size:10px;}*/
.panel-body .pull-right .fa{ display:inline-block !important; margin:0 2px;}
.panel-body .pull-right .fa.Hidden{ display:none !important;}
i.fa.fa-asterisk{ font-size:6px;}

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:5px;}
thead td{ background:#f9f9f9; font-weight: 600;}
#tblFooter a, #tblFooter a:link{ color: #333;} #tblFooter a:hover {color:#296fba;}

.btn.btn-sm{ padding:4px 8px; font-size:12px;}
#tblFooter .btn.btn-sm{ padding:4px 5px;}

.stepwizard-row{
	display:table;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
	width:100%
}
.stepwizard-step {
	display:table-cell;
	text-align:center;
	/*width:1%*/
}
.stepwizard-step:before {
	border-top:1px solid #ccc;
	display:block;
	font-size:0;
	height:1px;
	overflow:hidden;
	position:relative;
	top:15px;
	width:100%;
	z-index:1
}
.stepwizard-step:before{
	content:""
}
    .stepwizard-step a.btn-circle.active, .stepwizard-step a.btn-circle.active:before {
        border-color: #34506f
    }
.stepwizard-step:first-child:before {
	left:50%;
	max-width:51%
}
.stepwizard-step:last-child:before {
	max-width:50%;
	width:50%
}
.stepwizard-step p {
	color:#7E7E7E;
	display:block;
	font-size:12px;
	margin-top:4px;
	max-width:100%;
	table-layout:fixed;
	text-align:center;
	word-wrap:break-word;
	z-index:104
}
    .stepwizard-step .btn-circle {
        background-color: #c8e2d5;
        border: 1px solid #ccc;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        box-shadow: none;
        color: #546474;
        display: inline-block;
        font-size: 12px;
        height: 30px;
        padding: 0;
        line-height: 29px;
        position: relative;
        text-align: center;
        width: 30px;
        z-index: 2
    }	
.btn-group-xs > .btn, .btn-xs{ padding:2px 5px; font-size:12px;}
.breadcrumb .sub-nav a.dropdown-toggle{ position:relative; top:-7px; display:inline-block;}
.stepwizard .btn-circle.btn-default.active:link, .stepwizard .btn-default:hover {
    color: #fff;
    background: #c8e2d5;
    border-color: #5b91ca;
}
.sublinkes a.btn.btn-default{ display:block; border:none; border-bottom:1px solid #f3f3f3; padding:5px 10px; text-align:left; border-radius:0px; box-shadow:none;}
.sublinkes a.btn.btn-default:hover{ background:#fff; color:#296fba;}
.nav-wizard{ /*display: table-row;*/ border:1px solid #34506f; 
background: #34506f;
 border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px 0;}
.nav-wizard span.btn.btn-success.btnSteps,
.nav-wizard a.btn.btn-success.btnSteps{ 
background: none !important; box-shadow:none;
 border-right:1px solid #d5d5d5 !important; position:relative;}
.nav-wizard .btn.btn-success.btnSteps:last-child{ border-right:none !important;}
.nav-wizard > span.btnSteps,
.nav-wizard > a.btnSteps {
  float: left; padding:0; box-shadow:none; color:#fff !important; border-radius:0px; border:none;
}

/*.pull-right .fa{ color:#7e7e7e}*/
.pull-right .fa.fa-plus{ color:#fff}
/*.pull-right .fa.fa-step-backward{ color:#fff}
.pull-right .fa.fa-step-forward{ color:#fff}*/
.pull-right .fa.fa-times{ color:#fff}
.nav-wizard > span.btnSteps > a,
.nav-wizard > a.btnSteps > span {
  position: relative; padding:6px 8px; display:block; position:relative; font-weight:normal;
}
.nav-wizard span.btn.btn-success.btnSteps.active a:after,
.nav-wizard span.btn.btn-success.btnSteps:hover a:after,
.nav-wizard a.btn.btn-success.btnSteps.active span:after,
.nav-wizard a.btn.btn-success.btnSteps:hover span:after{ display:inline-block; font-family:FontAwesome; left:50%; top:13px; font-size:24px; color:#5081b5 !important; position:absolute;}
.nav-wizard > span.btnSteps > a .badge,
.nav-wizard > a.btnSteps > span .badge {
    margin-left: 3px;
    color: #425b78;
    background-color: #34506f;
}
.nav-wizard > span.btnSteps:not(:last-child) > a,
.nav-wizard > a.btnSteps:not(:last-child) > span {
  margin-right: 0;
}
.nav-wizard > span.btnSteps:first-child,
.nav-wizard > a.btnSteps:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nav-wizard > span.btnSteps:last-child > a,
.nav-wizard > a.btnSteps:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.nav-wizard span.btn.btn-success.btnSteps.active,
.nav-wizard a.btn.btn-success.btnSteps.active {
    background: #5cb85c !important;
    color: #fff !important;
    border-color: #5081b5 !important;
}
.nav-wizard span.btn.btn-success.btnSteps:hover,
.nav-wizard a.btn.btn-success.btnSteps:hover{ background:#34506f; color:#333;}
.nav-wizard > span.btnSteps.active > a .badge,
.nav-wizard > a.btnSteps.active > span .badge {
  color: #428bca;
  background-color: #d8d8d8;
}
.panel-body .pull-right a .fa {}

.panel-heading .pull-right .dropdown, .panel-heading .pull-right i{ float:left;}
.panel-heading .pull-right .dropdown{ margin-right:10px;}
.btn-primary a:link{ color:#fff;}
.row-half.pull-right .panel #search1.panel.panel-primary{ border:none;}
.inline-block{ display:inline-block;}

.panel-body span .btn-warning{ border-color:#bdbdbd; background:#bdbdbd; color:#fff; margin-right:5px;}

.panel.form-harizontal .col-md-4 label{ display:inline; line-height:14px;}

.sub-nav a{ padding:9px 14px; color:#7e7e7e;}
.sub-nav a:hover{ background:#fff;}
.sub-nav i{ font-size:16px;}
.hoe-rheader-submenu.sub-nav > .dropdown-menu::before,
.hoe-rheader-submenu.sub-nav > .dropdown-menu::after{ right:10px; left:auto;}

/*#trformtabfields .panel-body .row{ width:50%; float:left;}
#trformtabfields .panel-body .row .row{ width:100%;}
#trformtabfields .panel-body .row .row .col-md-4{ width:100%;}*/
.panel-footer div.btn{ padding:0;}
.alert-dismissible.alert-danger{ padding:5px; position:relative;}
.alert-dismissable.alert-danger .close, .alert-dismissible.alert-danger .close {
    color: #333;
    font-size: 22px;
    left: auto;
    position: absolute;
    right: 5px;
    top: 2px; height:auto; line-height:normal;
    width: 20px;
}
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;}
.hoe-rheader-submenu > .dropdown-menu{ border:1px solid #ddd;}
.sublinkes .form-inline .btn{ margin:0; padding:0; float:none; display:block;}
.sublinkes .padded .btn, .sublinkes .btn.btn-success{ margin:0; width:auto; display:block !important; background:none !important; color:#7e7e7e !important; border-radius:0; border:none; border-bottom:1px solid #ccc !important; padding:5px 10px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.sublinkes .padded .btn:hover, .sublinkes .btn.btn-success:hover{ background:#fff !important; color:#296fba !important;}
.sublinkes div.btn{ display:block;}
select.form-control option.form-control{ padding:3px; border:none; height:auto; line-height:normal; border-radius: 0; margin:0;}
.pad0{ padding:0;}
.panel-heading .pull-right .btn.pad0{ margin:0;}
.btn-group-sm > .btn, .btn-sm{ padding:3px 6px;}
.col-lg-12 .pull-right .dropdown-menu.sublinkes,
.panel-heading .hoe-rheader-submenu > .dropdown-menu{ margin:8px 0 0 -17px; right:-21px; left:auto;}
.col-lg-12 .pull-right .dropdown-menu.sublinkes::before, .col-lg-12 .pull-right .dropdown-menu.sublinkes::after,
.panel-heading .hoe-rheader-submenu > .dropdown-menu::before, .panel-heading .hoe-rheader-submenu > .dropdown-menu::after{ right: 18px; left:auto;}

#tblFooter div.btn,
.document_body div.btn{ padding:0 0 0 1px;}
.document_body div.btn a.btn{ padding:3px 6px;}
.navbar.navbar-default.navbar-bottom .btn{ margin:8px 10px 0 0;}
/*.panel .panel-body{ height:auto !important;}*/

.input-group-addon{ padding:4px 8px;}
.input-group-addon .fa{ font-size:11px; line-height:10px;}
.login-top-form .input-group-addon .fa{ font-size:12px;}
.form-control{ font-size:12px; height:25px; padding:4px 8px; margin-bottom:8px;}
.form-group .form-control{ margin:0;}
.login-top-form .form-control{ height:34px; padding:6px 12px;}
.login-top-form .input-group{ margin-bottom:15px;}

.ui-widget-content { border-color:#ddd;}
.ui-widget-content a{ color:#5b91ca; text-decoration:underline !important;}

.login-top-form .btn-success{ background: #34506f !important; border-color:#3d668c !important; color:#fff !important; width:100%; margin-bottom:20px;}
.login-top-form .btn-success:hover{ background:#0c4c94 !important; border-color:#0c4c94 !important;}
/*#tbformtabfields .col-lg-4{ text-align:right;}*/

#demo{ line-height:23px;}
/*.legend-box {
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 10px 0;
    padding: 10px;
}*/
.panel-body fieldset{  margin:10px 0; border: 1px solid #c0c0c0; 
    padding: 0.35em 0.625em 0.75em;}
.panel-body legend{ margin:0; color: #222; font-size: 13px; width:auto; padding:0 10px; border:0;}
.panel-body legend.inline{    margin: 0;
    color: #7e7e7e;
    font-size: 13px;
    width: auto; border:none;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    top: -17px;
    background: #fff;}
a, i {
    cursor: pointer;
}
#divChartObjects .panel{ margin-bottom:20px;}
select.input-sm{ font-weight:normal;}
.tol{ border:1px solid #ddd; border-radius:5px; -webkit-border-radius:5px;}

#tdReportList .feature-box{ padding:0; background:none; border:none; width:24%; float:left; margin:0 1% 13px 0; min-height:inherit !important;}
#tdReportList .feature-box a{ background:#eee; border:1px solid #ccc; color:#555; display:block; border-radius:5px; -webkit-border-radius:5px; text-align:center; padding:20px 0; font-size:14px;}
#tdReportList .feature-box a::before {
    background: #fff; border:1px solid #ddd;
    border-radius: 100px;  -webkit-border-radius: 100px;
    color: #7e7e7e;
    content: "\f15c";
    display: block;
    font-family: FontAwesome;
    font-size: 26px;
    height: 60px;
    line-height: 56px;
    margin: 0 auto 10px auto;
    text-align: center;
    width: 60px;
} 
#hoe-header{ box-shadow:none;  
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 66%, #a6c7d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 66%,#a6c7d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 66%,#a6c7d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6c7d8',GradientType=0 ); /* IE6-9 */ border-bottom:0px solid #fff;}
.hoe-right-header{ 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 66%, #a6c7d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 66%,#a6c7d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 66%,#a6c7d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6c7d8',GradientType=0 ); /* IE6-9 */ 	}
.ui-widget-header{ background:#c4c4c4 !important; border:1px solid #c4c4c4 !important;}
#tdReportList .feature-box a:hover{ background:#e5e4e3;}
/*#tdReportList .feature-box.panel-lblue a::before{ color:#03a9f3;}*/
.breadcrumb .notification{ color:##fff; float:right; margin-right:20px;}
a.dropdown-toggle i.fa.fa-bars{ color:#333;}
a.dropdown-toggle.fix{ margin-right:5px; margin-top: 4px;}
thead .theader{ border-bottom: 1px solid #ddd; padding:8px 10px; background:#f1f1f1 !important; color:#333 !important;}
div.btn{ padding:0; text-align:left;}
tbody tr td{ background:#fff;}
.ui-datepicker-calendar a { text-decoration:none !important;}
.ui-menu-item{ display:block;}
.ui-menu-item .ui-corner-all{ display:block; text-decoration:none;}
.ui-menu.ui-widget{box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;}
.ui-menu-item tbody tr td{ background:none;}
.ui-menu-item .ui-corner-all{ display:block; text-decoration:none !important;}
.ui-widget-content .ui-th-column a { text-decoration:none !important;}
.ui-menu a{ border:1px solid #fff;}
.ui-menu{ background:#fff;}
.inner-content footer{ position:static; background:none; padding:0; clear:both;}
.inner-content footer .navbar{ margin:0;bottom:1.5px;}
footer .navbar-default{ background:#f8f8f8; border-color:#cacaca; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
footer .navbar-default .navbar-text{ color:#222;}
footer .navbar-default .navbar-text a{  color:#333;}
footer .navbar-default .navbar-text a:hover{ color:#296fba;}
    footer .navbar-default.navbar-bottom .btn-danger {
        background: #34506f !important;
        border-color: #5b91ca !important;
        color: #fff !important;
    }
footer .navbar-default.navbar-bottom .btn-danger:hover{ background:#0c4c94  !important; border-color:#0c4c94 !important; color:#fff !important;}
footer .navbar-default.navbar-bottom .btn-danger i{ color:#fff;}
footer .navbar-default.navbar-bottom .btn-danger:hover i{ color:#fff;}

.ui-menu.ui-widget{box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;}
.btn-right { float:right; margin:-3px 15px 0 0;}
.panel > .panel-heading, .panel > .panel-heading a{ font-weight:normal;}


.table-spacing{ padding:0;}
.table-spacing table{ margin:0;}
.popup-content{ margin:0 !important;}

#tblFooter .btn-success{ font-weight:normal;}

.input-group .input-group-addon .fa.fa-user{ display:none;}
.login-top-form .input-group .input-group-addon .fa.fa-user{ display:inline-block}

.MemberCaseBtnClass{ position:absolute; right:-90px; top:0; width:82px;}
.MemberCaseBtnClass a{ float:left; margin:0 10px 0 0;}

.resp-tabs-list {
    float: left;
    width: 26%;
}

.resp-tabs-list li {
    display: block; font-weight:600;
    padding: 10px;
    margin: 0 0 4px; background-color: #f5f5f5; border:1px solid #f5f5f5;
    cursor: pointer; border-left-width: 4px;
    float: none;
}
body .tol{ border-color:#ccc;}
.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #53769b;
    float: left;
    width: 72%;
    min-height: 250px;
    border-radius: 4px; padding:15px; border-top-left-radius:0px;
    clear: none;
}

.row-half.pull-right .panel-footer .fa.fa-check{ color:#fff !important;}
.row.row-half{ clear:none;}
.panel.left-top-panel{ border:none;}
.row-half{ width:49%; float:left;}
.row-half .form-harizontal .panel-body .row{ width:100%;}
.row-half .form-harizontal .panel-body .row .col-lg-4{ width:45%;}
.row-half #mainDiv.panel-body{ padding:0; border:none;}
.row-half #mainDiv .col-lg-6{ width:100%;}
.incedent-heading{ display:none;}
.row-half #mainDiv.hidden { display: block !important; visibility: inherit;}
.row-half.pull-right #search1.panel.panel-primary{ border:none;}

@media only screen and (min-width:900px){
.row-half{ width:40%; float:left;}
.row-half.pull-right{ width: 59%; }
}

.row-half-Workflow.pull-right .panel-footer .fa.fa-check{ color:#fff !important;}
.row.row-half-Workflow{ clear:none;}
.panel.left-top-panel{ border:none;}
.row-half-Workflow{ width:49%; float:left;}
.heading-content, .panel-heading .btn-groups{ display:none;}
.row-half-Workflow .form-harizontal .panel-body .row{ width:100%;}
.row-half-Workflow .form-harizontal .panel-body .row .col-lg-4{ width:45%;}
.row-half-Workflow #mainDiv.panel-body{ padding:0; border:none;}
.row-half-Workflow #mainDiv .col-lg-6{ width:100%;}
.incedent-heading{ display:none;}
.row-half-Workflow #mainDiv.hidden { display: block !important; visibility: inherit;}
@media only screen and (min-width:900px){
.row-half-Workflow{ width:40%; float:left;}
.row-half-Workflow.pull-right{ width: 59%; }
}

.resp-tabs-container .resp-tab-content {
    border: none;
    word-wrap: break-word;
}
.resp-tabs-list li:hover,
.resp-tabs-list li.active { 
position: relative;
z-index: 1;
margin-right: -1px;
border-top: 1px solid;
border: 1px solid #53769b;
border-left: 4px solid #53769b;
margin-bottom: 4px; color:#ea0000;
border-right: 1px #FFF solid !important;
background-color: #fff; border-color: #53769b;
}
.tabs-content{ padding:15px; min-height:384px;}

#divMainRow .feature-box{ margin:10px 0;}

/*.feature-box{ background:#fff;}
.feature-box:hover{ background: #fff;}*/

/*.feature-box.panel-green, .feature-box.panel-green:hover{ background:#5cb85c; border-color:#5cb85c;}
.feature-box.panel-byellow, .feature-box.panel-byellow:hover{ background:#f5cb00; border-color:#f5cb00;}
.feature-box.panel-primary, .feature-box.panel-primary:hover{ background:#787878; border-color:#787878;}
.feature-box.panel-lblue, .feature-box.panel-lblue:hover{ background:#5b90c5; border-color:#5b90c5;}
.feature-box .h4, .feature-box .h5, .feature-box .h6, .feature-box h4, .feature-box h5, .feature-box h6{ color:#fff;}*/

.feature-box:hover span.feature-icon{ background:#f3f3f3;}
#trformtabfields .col-lg-4 span a.btn-warning{ float:left;}

.fa.fa-asterisk{ position:relative; top:-3px;}
#txtIncidentTime_outer.form-control { margin: 10px 0 0;}
#txtIncidentTime_outer.form-control img{ float:right;}
#txtIncidentTime_outer_div tr {
    background: #fff;
}
#txtIncidentTime_outer_div .label {
    background: #fff;
    color: #333;
    display: inline-block;
    font-size: 10px;
    height: auto;
    line-height: normal;
    padding: 3px 4px;
}
.modal-header .btn-danger{ background:#df1516 !important; border-color:#df1516 !important; color:#fff !important;}
#txtClosedTime_outer.form-control { margin: 10px 0 0;}
#txtClosedTime_outer.form-control img{ float:right;}
#txtClosedTime_outer_div tr {
    background: #fff;
}
#txtClosedTime_outer_div .label {
    background: #fff;
    color: #333;
    display: inline-block;
    font-size: 10px;
    height: auto;
    line-height: normal;
    padding: 3px 4px;
}
/*Timer css end */
.modal-header .btn-danger:hover{ background:#c41112 !important; border-color:#c41112 !important;}
.modal-header .btn-danger i{ color:#fff;}
.login-bottom {
    background: #e6e6e6;
    float: left;
    margin-bottom: 20px;
    padding: 30px 0;
    width: 100%;
}
.login-btn .btn{ display:block; width:100%; margin-bottom:20px; background:#ffaad7;}
.login-icons{ clear:both; margin:10px 0 0 0;}
.login-right-content .login-icons p{ margin:0 0 10px 0;}
.login-icons span{ background:#fff; border-radius:5px; -webkit-border-radius:5px; color:#222; width:30px; height:30px; text-align:center; display:inline-block; margin-right:8px; color:#ce8d8d; font-size:15px;}
.login-icons span i{ margin-top:8px;}

.logo-wrap{ margin: 0 auto; max-width: 420px; padding: 20px 0 0; padding:30px 0;}
.logo-wrap .logo{ padding:100px 0 30px 0;}
.login-left {
    background: #ebf0ec;
    width: 50%;
    float: left;
    display: table-cell;
    height: 100%;
}
.logo-wrap .login-top-form{ padding:45px 30px;}
.label { color: #333; font-size: 12px; margin:0 0 8px 0; display:block; text-align:left; padding:0;}
.inputgroup{ margin-bottom:20px;}
.login-right{ background:/*#e93098*/ url(right-bg.jpg) right bottom no-repeat; background-size:cover; width:50%; float:left; display: table-cell; height: 100%;}
.login-right-content, .login-right-content small{ color:#fff;}
.login-right-content .panel-body{ padding:30px;}
.login-right-content p{ margin:0 0 20px 0;}
.logo-wrap .login-top-form .label{ font-size:14px;}

.system-error{ margin-top:20%;}
.system-error h1{ color:#ea0000; margin-top:0;}
.system-error-icon i{ color:#ea0000; font-size:60px; margin:0 0 25px 0;}

/*.form-harizontal .panel-body .row{ width:50%; float:left;}*/
.form-harizontal .panel-body .row{ width:50%;}
.form-harizontal .panel-body .row .row{ width:100%;}
.form-harizontal .panel-body .row .col-lg-4{ width:48%;}
.pull-right .btn-warning .fa{ color:#eee;}
.pull-right .btn-warning .fa.fa-undo{ color:#080708;}
.form-harizontal .MemberCaseBtnClass{ width:82px; left:auto; right: -85px;}
.heading-content{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; display:inline-block; float:right; font-size:10px; padding:4px 2px 4px 6px; font-weight:normal; line-height:16px; position:relative; top:-10px; margin-right:12px;}
.heading-content span{ padding:0 8px 0 5px;}
/*.heading-content span:after{ content:'|'; padding:0 0 0 15px;}*/
.heading-content span:last-child:after{ content:inherit;}


.dropdown-menu > li > a{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.dropdown-menu > li > a:focus i, .dropdown-menu > li > a:hover i,
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background:#fff; color:#296fba !important;}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;

}
#loader {
    display: block;
    position: relative;
    background: url('../ripple.gif') center center no-repeat;
   
}
#loader:before {
	content: "";
	position: absolute;
   background: url('../ripple.gif') center center no-repeat;
      
}
#loader:after {
	content: "";
	position: absolute;
   background: url('../ripple.gif') center center no-repeat;

}
#loader-wrapper {
    opacity: 0.7;
    background-color: #ffffff;
}

#loader {
    z-index: 1001;
    background-color: #fcf4fc; 
    width:100%;
    height:100%;
    background: url('../ripple.gif') center center no-repeat;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.heading-content table{ text-align:left; background:none; font-size:11px;}
.heading-content td{ padding:0 10px; background:none; text-align:left; border-right:1px solid #ddd;}
.heading-content td:last-child{ border-right:none;}

/*
.row-half.pull-right .panel-footer .fa.fa-check{ color:#fff;}
.row.row-half{ clear:none;}
.panel.left-top-panel{ border:none;}
.row-half{ width:49%; float:left;}
.heading-content, .panel-heading .btn-groups{ display:none;}
.row-half .form-harizontal .panel-body .row{ width:100%;}
.row-half .form-harizontal .panel-body .row .col-lg-4{ width:45%;}
.row-half #mainDiv.panel-body{ padding:0; border:none;}
.row-half #mainDiv .col-lg-6{ width:100%;}
.incedent-heading{ display:none;}
.row-half #mainDiv.hidden { display: block !important; visibility: inherit;}
.row-half.pull-right div#search1.panel.panel-primary{ border:none; margin:0;}
*/ 

@media only screen and (max-width:1030px){
.login-right{ background-image:url(right-bg-responsive.jpg);}
}

@media only screen and (max-width:900px){
.logo-wrap .logo{ padding:30px 0;}
.login-right, .login-left{ width:100%; height:auto;}
.heading-content{ float:none; margin:0; padding:0; border:none; position:static; display:block;}
.theme-panel .panel-heading .btn-groups{ float:none; margin:8px 0 0 0;}
.heading-content span{ display:block; padding:0;}
.heading-content span::after{ content:inherit;}
}

@media only screen and (max-width:767px){
#hoeapp-wrapper[hoe-device-type="phone"] #hoe-header[hoe-color-type="logo-bg8"] .hoe-left-header .hoe-sidebar-toggle a::after{ color:#7e7e7e;}
#tbformtabfields .col-lg-4{ text-align:left;}
.stepwizard-step{ display:block; text-align: left; border:none;}
.stepwizard-step::before{ border-top:none;}
.stepwizard-row::before{ background:none;}
.btn-circle{ margin:0 10px 0 20px;}
.login-top-form .col-md-4{ padding:0 10px;}
.login-top-form .input-group{ margin-bottom:10px;}
.stepwizard-step p{ display: inline-block;}
.content-wrapper{ padding-top:20px;}
.navbar-inverse{ padding-bottom:10px;}
.app-heading-container .breadcrumb{ float:none;}
footer#footer{ position:static;}
#tdReportList .feature-box{ width:100%;}
footer#footer, footer{ position:static; clear:both;}
.feature-box{ margin-bottom:15px;}
.content-wrapper{ margin-top:20px; padding-bottom:20px;}
.MemberCaseBtnClass{ position:static;}
.app-heading-container .breadcrumb, .stepwizard{ float:left;}
.breadcrumb .notification{ float:left;}
.login-area .panel-body{ min-height:inherit;}
.logo-wrap{ width:96%;}
.login-right, .login-left{ width:100%; height:auto;}
.login-right{ background-position:left top;}
.logo-wrap .logo{ padding:10px 0 20px 0;}
.login-area{ padding:0;}
.system-error{ margin-top:0;}
footer .pull-right, footer .pull-left { float: none !important;  text-align: center;}
.breadcrumb .sub-nav a.dropdown-toggle{ position:static;}
footer .navbar-default{ padding: 0 0 20px 0; text-align: center;}
.form-harizontal .panel-body .row {
    width: 100%;
}
.nav-wizard{ clear:both;}
.hoe-right-header{ background:none;}

.row-half .form-harizontal .panel-body .row .col-lg-4,
.row-half{ width:100%;}
.row-half-Workflow .form-harizontal .panel-body .row .col-lg-4,
.row-half-Workflow{ width:100%;}

}
  
/*-----------Vertical tabs-----------*/

@media only screen and (max-width: 600px) {
.resp-tabs-list, .resp-tabs-container{ width:100%;}
.resp-tabs-list li:hover, .resp-tabs-list li.active{ border-right-color:#ffaad6 !important;}
.form-harizontal .panel-body .row .col-lg-4{
    width: 100%;
}
.heading-content td{ display:block; border:none; padding:0;}
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor:default !important;
}

@media only screen and (max-width: 767px) {
.inner-content{ clear:both;}
.app-heading-container .breadcrumb{ width:100%;}
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor:default !important;
}

img.ui-datepicker-trigger {
    position: absolute !important;
    margin-top: 4px !important; margin-left:0;
}

input.form-control.hasDatepicker {
    float: left !important;
    margin-right: -20px !important;
    /*z-index:9999;*/
}

.ui-datepicker .ui-datepicker-title select
{
    color:black;
}


div.alert.alert-danger.alert-dismissible.fade.in {
    background-color: #FBFBFB;
    color: #171317;
    font-size: 13px;
    font-weight: bold;
    font-variant: normal;
    border-color: #428bca;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;
}


.inner-content{ padding-bottom:0;}
/*To align text right*/
/*.form-harizontal label { width: 80%; text-align: right;}
.form-harizontal .panel-primary .col-sm-4 span{ float:right;}*/


i.fa.fa-envelope {
    color: #8a4f23;
}

i.fa.fa-tags.Show {
    color: #bd79bd;
}

i.fa.fa-undo {
    color: #080708;
    font-weight: bold;
}

/*[data-tooltip]:hover {
 position: relative; z-index:99;
}
[data-tooltip]:hover:after {
 content: attr(data-tooltip);
 padding: 6px 8px;
 color: #fff;
 position: absolute;
 left: 0;
 min-height:16px !important;
 top: 100%;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 white-space: wrap;
 max-width:400px;
 z-index: 500;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 0px 0px 4px #222;
 -webkit-box-shadow: 0px 0px 4px #222;
 box-shadow: 0px 0px 4px #222;
 background: #000;
}

@media only screen and (max-width: 767px) {
[data-tooltip]:hover:after{ left:auto; right:0;}
}*/

/*
    		TOOLTIP
		*/

#tooltip {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.875em;
    text-align: left;
    line-height: 1.5;
    color: #fff;
    white-space: normal;
    /* Mozilla, since 1999 */
    /* Opera 4-6 */
    /* Opera 7 */
    /* css-3 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    /*word-break: break-all;*/
    background: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    position: absolute;
    z-index: 100;
    padding: 5px;
    pointer-events: none;
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    border-top-color: rgba( 0, 0, 0, .7 );
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
     z-index: -999;
        pointer-events: none;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #333;
    border-bottom-color: rgba( 0, 0, 0, .6 );
    top: -20px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}
.panel-body legend.inline {
    float: left;
}
.feature-box span{ color: #ff7900;}


.feature-box.panel-danger span.feature-icon{ background: #fc3304; }
/*.feature-box.panel-lblue span.feature-icon{ background: #1b85c8; }*/
.feature-box.panel-warning span{ color: #fdad00;}
.feature-box.label-danger span{ color: #fc3304;}

.feature-box span.feature-icon{ background: #ff7900; }

.feature-box.panel-byellow span.feature-icon{ background: #e8d10f; }

/*13 April 2017*/
.feature-box.panel-green span { color: #27b327;}
.feature-box.panel-green span.feature-icon{ background: #27b327; }

.feature-box.panel-yellow span { color: #f0ad4e;}
.feature-box.panel-yellow span.feature-icon { background: #f0ad4e; }

.feature-box.panel-byellow span{ color: #e8d10f;}
.feature-box.panel-byellow span.feature-icon{ background: #e8d10f; }

.feature-box.panel-red  span { color: #d9534f;}
.feature-box.panel-red  span.feature-icon { background: #d9534f; }

.feature-box.panel-lblue span{ color: #1b85c8;}
.feature-box.panel-lblue  span.feature-icon { background: #1b85c8; }

.feature-box.panel-primary span{ color: #337ab7;}
.feature-box.panel-primary  span.feature-icon { background: #337ab7; }

.feature-box.panel-bluegreen  span { color: #0D776E;}
.feature-box.panel-bluegreen  span.feature-icon { background: #0D776E; }

.feature-box.panel-ltmaroon span{ color: #D45D00;}
.feature-box.panel-ltmaroon span.feature-icon{ background: #D45D00; }

.feature-box.panel-ltgrey span{ color: #B1B3B3;}
.feature-box.panel-ltgrey span.feature-icon{ background: #B1B3B3; }

.feature-box.panel-purple span{ color: #7266ba;}
.feature-box.panel-purple span.feature-icon{ background: #7266ba; }




/*--------------------------*/




.feature-box.panel-primary span.feature-icon{ background: #337ab7; }
.feature-box.panel-warning span.feature-icon{ background: #fdad00; }
.feature-box.label-danger span.feature-icon{ background: #fc3304; }
.feature-box.label-blue span.feature-icon{ background: #1b85c8; }
.feature-box span.feature-icon i{ color:#fff;}
.hoe-minimized-lpanel .hoe-left-header .profile-box .media{ background:url(logo-small.png) left top no-repeat!important; width:50px; height:50px; display:inline-block;}

.switch-header.hoe-minimized-lpanel .hoe-left-header .profile-box .media{  width:235px; background: url(logoFull.png)no-repeat!important;}
.hoe-left-header>.profile-box>.media {  background: url(logoFull.png)no-repeat center!important; padding-top:50px;}
.hoe-minimized-lpanel .hoe-left-header .profile-box .media{ padding-top:0px; }
.footerLogo{  background: url(Footer.png) no-repeat center;
    padding: 20px;
    /* background-size: 100%;} */
width : 250px;
background-size:50%;
}
.loginpage{  background: url(logoFull.png)no-repeat center!important; }
.loaderimg {
            background: url(loader.gif)no-repeat !important;
            padding:10px;
                top: 50%;
          position: fixed;
    width: 100%;
        }

@media only screen and (min-width:900px) {
    .LabelLeft {
        text-align: right;
    }
}
 .table tr:nth-of-type(odd) td{
   
     background-color: #fff;
}
.table tr:nth-of-type(even) td{
    background-color: #f5f5f5;
}
thead tr td{
    background-color:#f1f1f1 !important;
}
#txtPerPage {
    height:20px !important;
    text-align: center!important;
}
#txtPageNo {
     height:20px !important;
     text-align: center!important;
}
.chkGroup {
     word-wrap: break-word;
}
.hoe-sidebar-toggle a:after {
    background: transparent;    
    border: 0px solid #efefef;    
    content: "\f0c9";   
     font-family: FontAwesome;
         font-size: 14px;    
         line-height: 50px;   
          padding: 0px 17px;  
            position: absolute;   
             color: #7e7e7e; 
                z-index: 1000
                ;}
  
    .Logoimg {

     display: block!important;
    padding-left: 50px!important;
    width: 7px!important;
    left: 25px!important;
    padding-bottom: 2px;
    top: -3px;
}
.feature-box.panel-warning span{ color: #fdad00;}
.feature-box.panel-danger span{ color: #e8d10f;}
.feature-box.panel-lblue span{ color: #1b85c8;}
  .Logoimg {
     display: block!important;
    padding-left: 40px!important;
    width: 7px!important;
    left: 25px!important;
    padding-bottom: 2px;
    top: -3px;
}
 .navbar.navbar-default {
        min-height: 25px!important;
    }
  .navbar-text.pull-left
  {
      margin-top:10px;
      margin-bottom:10px;
  }
   .aboutTextDecoration {
       text-decoration:underline!important ;
       color:#337AB5 !important;
  }
   /* $shahid css for progress bar start here  */
 @keyframes speedSetting {
            0% {
                width: 0px;
            }

            100% {
                width: 100%;
            }
        }

        @keyframes progressMotion {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        .fast-loader {
            width: 0px;
            height: 5px;
            background: linear-gradient(to left, blue,rgba(255,255,255,.0));
            animation: speedSetting 2s cubic-bezier(1,.01,0,1) infinite, progressMotion 2s ease-out infinite;
            -webkit-animation: speedSetting 2s cubic-bezier(1,.01,0,1) infinite, progressMotion 2s ease-out infinite;
        }
 /* $shahid css for progress bar end here  */

.badge-single-score {
    float: left;
    margin-top: 13px;
    margin-left: 15px;
    font-weight: bold;
    font-size: 9px;
    position: absolute;
    cursor:default;
    color:black;
}

.badge-double-score {
    float: left;
    margin-top: 13px;
    margin-left: 13px;
    font-weight: bold;
    font-size: 9px;
    position: absolute;
    cursor: default;
    color: black;
}

.badge-triple-score {
    float: left;
    margin-top: 13px;
    margin-left: 11px;
    font-weight: bold;
    font-size: 9px;
    position: absolute;
    cursor: default;
    color: black;
}

.sentiment-badge-position{
    position:absolute;
    right:10px;
    cursor:default;
}

.sentiment-badge-icon{
    font-style:normal; 
    float:right; 
    margin-top:20px; 
    cursor:default;
}

i:not(.nohover):hover {
    color: #296fba !important;
}


    * {
        box-sizing: border-box;
    }

    .row::after {
        content: "";
        clear: both;
        display: table;
    }

    [class*="col-"] {
        /*float: left;
        padding: 15px;
        border: 1px solid red;*/
    }
    .logn{
        pointer-events: none;
        margin:15% 0% 11% 8%; 
        text-align:left; 
        color: #333333;  
        font-size:13px;             
        font-family: Arial, Helvetica, sans-serif; 
        background-color: #ffffff;
        box-shadow: none;
        border-color: #ddd;
        border-radius: 4px;
        box-sizing: border-box;
        border: 1px solid transparent;
    }

    .col-9 {width: 83%;}

@media screen and (max-width: 500px) {
    .logn {
        width: 90%;
    }
}