/* begin css tabs */

input[type="checkbox"] {
    border: none;
}

input[type="radio"] {
    border: none;
}

input[type="button"] {
    cursor: pointer;
    /*padding: 3px 6px;
    border-radius: 10px;*/
}

div#iProcResultWraper{
  height: 710px;
  overflow: auto;
}

.steps-bar {
    margin: 15px 0;
}

.steps-bar .step-on:before {
    top: 16px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 5px;
    background-color: #0390A1;
    border-radius: 3px;
    z-index: 1;
    left: 0;
}

.steps-bar .step-on:after {
    top: 7px;
    position: absolute;
    content: "\F12C";
    width: 22px;
    height: 22px;
    color: #04A854;
    background-color: #FFF;
    border: 1px solid #0390A1;
    right: -10px;
    border-radius: 50%;
    font-family: "Material Design Icons";
    /*font-weight: bold;*/
    font-size: 12pt;
    line-height: 22px;
    text-align: center;
    z-index: 20;
}

.steps-bar .step-off:before {
    top: 16px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 5px;
    border-radius: 3px;
    background-color: #AFA7A7;
    left: 0;
    z-index: 1;
}

.steps-bar .step-off:after {
    top: 7px;
    position: absolute;
    content: " ";
    width: 22px;
    height: 22px;
    color: #AFA7A7;
    background-color: #FFF;
    border: 1px solid #AFA7A7;
    right: -10px;
    border-radius: 50%;
    font-family: "Material Design Icons";
    /* font-weight: bold; */
    z-index: 20;
}
.steps-bar div.step-off:last-child:after {
    right: 0;
}

.steps-bar div {
    display: table-cell;
    position: relative;
    padding: 0;
}
.steps-bar div span {
    text-align: center;
    display: block;
    margin-top: -8px;
}

ul#tabnav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: bold 11px verdana, arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #6c6; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
    display: inline;
}


div#LocationsTabs a.TabSelected { /* settings for selected tab link */
    background-color: #fff; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
    padding: 1px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #cfc; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
    cursor: pointer;
}

ul#tabnav a:hover { /* settings for hover effect */
    background: #fff; /* set desired hover color */
}

#ProfileLeftRow{
    float:left; width:42%;
    padding: 1px 3px 1px 3px;
    background:#fbfbfb;
    border-bottom:#ddd 1px solid;
    height:15px;

}

#ProfileRightRow{
    float:right; width:55%;
    padding: 1px 3px 1px 3px;
    background:#fbfbfb;
    border-bottom:#ddd 1px solid;
    height:15px;
}

#Clear{
    clear:both;
}
.FrontButtonPannel, .LeftButtonPannel, .ButtonPannel, .SpecialLeftButtonPannel {
    min-width:80px;
    background: #ffffff;
    border: 1px solid #239BAB;
    color:#239BAB;
    cursor: pointer;
    border-radius: 50px;
    padding: 3px;
    margin: 5px;
    transition: all .2s ease; 
    box-sizing: border-box;   
}
.SpecialLeftButtonPannel {
    background: rgb(215, 236, 238);
}
.LeftButtonPannel, .SpecialLeftButtonPannel {
    min-width: 200px;
}
.ButtonPannel {
    min-width:160px;
    cursor: pointer;
}
.FrontButtonPannel:hover, .LeftButtonPannel:hover, .ButtonPannel:hover, .SpecialLeftButtonPannel:hover {
    background: #109DAC;
    color: white;
    box-shadow: 0 4px 12px rgba(16, 157, 162, .64);
    border-color: #109DAC;
}
.idr-ac-saveBtn {
    min-width: 80px;
    background: #00CE8F;
    border: none;
    border-radius: 50px;
    color: white;
    padding: 6px 10px;
    box-sizing: border-box;
    transition: all .2s ease;
}
.SpecialLeftButtonPannel {
    width:200px;
}
.idr-ac-saveBtn:hover {
    background:#00DB98;
    box-shadow: 0 4px 12px rgba(0, 219, 152, .64);
}
.TableBorder{
    border:#cccccc 1px solid;
    padding-left: 3px;
}

.CommentPopUp{
    padding: 2px;
    border: #cccccc 1px solid;
    width:300px;
    height:auto;
    background: #F9FAFD;
    /* background-image: -moz-linear-gradient(top 45deg, #F9FAFD , #eff3fb);*/
    background-image: -moz-linear-gradient( center bottom,  #eff3fb 0%, #ffffff 100% );
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eff3fb),color-stop(1, #ffffff) );
}
.FirmwarePopUp{
    padding: 2px;
    border: #cccccc 1px solid;
    width:140px;
    margin-left: -110px;
    height:auto;
    background: #F9FAFD;
    /* background-image: -moz-linear-gradient(top 45deg, #F9FAFD , #eff3fb);*/
    background-image: -moz-linear-gradient( center bottom,  #eff3fb 0%, #ffffff 100% );
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eff3fb),color-stop(1, #ffffff) );
}

.window {
    /*  background: #eff3fb; */
    background: #fff;
    position: absolute;
    padding: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #21416d;
    text-align: left;
}
.window h1 {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    padding: 3px;
    display: block;
    background-color: #126EAB;
    color:#FFFFFF;
    font-size: 11px;
    margin:0px;
}

#note {
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    padding:5px;
}


/********** filter **************/

.filter {
    border:solid 1px #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    background-color:#fdfdfd;
}
.filter-padding { padding:6px; }
.filter-padding-small { padding: 3px 5px 3px 5px; }


/********** filter **************/

/********** progress bar  **************/
.progress {
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    padding: 1px;
    position: relative;
    width: 220px;
}

.bar {
    background-color: #B4F5B4;
    border-radius: 3px 3px 3px 3px;
    height: 18px;
    width: 0px;
}

.percent {
    display: inline-block;
    left: 45%;
    position: absolute;
    top: 3px;
}

/********** progress bar  **************/

.dropdownheader {
    border:solid 1px #CCCCCC;  -moz-border-radius: 3px; -webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.border_list {
    border:solid 1px #CCCCCC;
    text-align: center;
}

.even {

    background-color:#EFF3FB;
    /*background-color:#efefef; */
}
.odd {
    background-color:#fafafa;
}
.odd2 {
    background-color:#EFF3FB;
}
.select{
    /*    background-image: url("../images/sky_blue_sel.png");*/
    background-color:#c3cbdb;
}
tr.select td{
    /*border-top: 1px solid #aaaaaa ;
border-bottom: 1px solid #aaaaaa ; */
}
/*tr.select td:first-child {
            border-left: 1px solid #aaaaaa ;
}
tr.select td:last-child  {
            border-right: 1px solid #aaaaaa ;
}
*/

/**********  widget ****************/
#widgetBar{
    margin-left: 5px;
}
#widgetBar ul{
    margin: 0px;
    padding: 0px;
}
#widgetBar li{
    display: inline;
    padding: 3px;
}
/*#widgetBar div{
    padding: 5px;
}*/
/**********  end widget *************/

/**********  loading ****************/
#loading {
    position:fixed;
    top:3px;
    /*    right: 0px;*/
    right: 50%;
    /*    left: 300px;*/
    display: none;
    text-align: center;
    width: 120px;
    background: #FDF8D8;
    /*    background: #eeeeee;   */
}

/**********  end loading ****************/


.reports {
    list-style-type:none;
    display:block;
    padding-left:5px;
    padding-right:5px;
    display:inline;
    position:relative;
    top:-8px;
}

div#reports_menu {
    /*	border-bottom:1px solid #CCCCCC; */

    width:900px;
    margin-bottom:20px;
}
li.separator {
    display:inline;
}

div.report_row_cap {
    float:left;
    width:100px;
    font-size: 12px;
    vertical-align:middle;
}
div.report_row_con {
    float:left;
    vertical-align:middle;
}
div.option_cap {
    position:relative;top:7px; left:10px; width:100px; background:#ffffff; text-align:center; z-index: 10;

    background-position: left ;
}
div.option_cap-small { font-size: 11px; }
div.option_cap-normal { font-size: 12px; }

div.option_cap_traker {
    position:relative;top:7px; left:10px; background:#fafafa; text-align:center; z-index: 10;
}

div#panel {
    border:solid 1px #cccccc; padding:6px; height:auto;
}

input.noborder {
    border:none;
}

#admin {
    width:100px;
    border:none;
}


#FrontHeader{
    width: 100%;
}
#FrontBottom{
    max-width: 1220px;
    min-width: 800px;
}


#front_content_pannel {
    /*    margin-left: 5px;*/
    /*width:976px;*/
    width: 1520px;
    text-align:left;
}

#FrontContentContainer {
    /*min-width:976px; */
    min-height :400px;
}

#FrontLeftContainer{
    float:left;
    width:250px;
    margin-left:5px;
}
#FrontRightContainer{
    float:left;
    width:976px;
    /*padding-left:5px;*/
    /*	padding-right:10px;*/
}
/* dash board */
#FrontDashboardLeftContainer{
    float:left;
    width:320px;
    margin-left:5px;
}
#FrontDashboardRightContainer{
    float:left;
    width:850px;
    padding-left:5px;
}

#Dashboard.TabsPadding {
    padding:4px;
}


#FrontTabs .FrontTabsContainer {
    padding:4px;
}
#FrontTabs .FrontTabsContainer div {
    margin-top:8px;
    font-size: 11px;
}
#FleetTabs .FrontTabsContainer {
    padding:3px;
}

#FrontTitlePannel{
    margin-top: 16px;
    /*  width:890px; */
    height: 14px;
    clear: right;
    padding: 3px;
    margin-bottom : 5px;
    margin-left:5px;
    margin-right:5px;
    /*   background: #fafafa;               */
    border-bottom: #efefef 1px solid;
}
#FrontActionPannel{
    border-bottom: #CCCCCC dashed 1px; width: 200px; padding: 5px; margin-bottom: 5px;
}


.DashedBottomLine{
    border-bottom:#CCCCCC dashed 1px;
}
.LinkPointer{
    cursor: pointer;
}

#SpecialTitlePannel{
    margin-left: 10px;
    margin-top:-5px;
    width:890px;
    height: 16px;
    clear: right;
    padding: 5px;
    /*  background-color: yellow; */
    border:yellow 1px solid;
}

#BackButton{
    /*   margin-top:-3px;  */
    float:right;
    width:19px;
    height:19px;
    background-image:url("../images/buttons_back_fw.png") ;

}

#front_container {
    min-height :400px;
    padding-left: 10px;
}

#holder{
    width:100%;
    text-align:left;
}
#header_pannel{
    /*    width:1230px;*/
    /*height:90px;*/
    margin-left:5px;
}

#content_pannel{
    /*    width:1260px; */
    width:100%;
}

#TitlePannel{
    margin-left: 5px;
    width:330px;
    clear: right;
    font-weight: bold;
    font-size: 15px;
    border-bottom: #cccccc 1px solid;
}

#left_pannel{
    width:305px;
    float:left;
    /*    margin-left:5px;*/
}

#container{
    /*    width:930px;*/
    width: calc(100% - 315px);
    float:left;
    padding-left: 5px;
    /* margin-left:10px; */
}
#container_sales{
    /*    width:918px;*/
    width:1188px;
}

#bottom_pannel{
    clear: right;
    margin-top: 10px;
}

/********** navigation ****************/
#navigation {
    padding: 0px;
    margin: 0px;
}

#header_menu li {
    display: inline;
    padding-left: 14px;
    padding-right: 14px;
    border-right: #ccccaa 1px solid ;
    border-left: #0000aa 1px solid ;
}

#header_menu li:first-child {
    border-left: none;
}

#header_menu li:last-child {
    border-right: none;
}

#header_menu a {
    font-family: 'Work Sans', sans-serif;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

#header_menu a:hover {
    font-family: 'Work Sans', sans-serif;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
}

#widget_menu {
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
    -moz-column-gap:20px; /* Firefox */
    -webkit-column-gap:20px; /* Safari and Chrome */
    column-gap:20px;
    -moz-column-rule: 1px solid #eee; /* Firefox */
    -webkit-column-rule: 1px solid #eee; /* Safari and Chrome */
    column-rule:1px solid #eee;
}
#widget_menu ul {
    margin-left: 10px;
}
/********** end navigation **************/


/********** calculator **************/
#Calulator input{
    width: 40px;
    height: 25px;
    font-weight: bold;
}

/********** calculator **************/


#header_pannel .admin_submenu a{
    color:#333;
}

#header_pannel .admin_submenu li {
    border: none;
}


#icon{
    position:absolute;
    left:345px;
    top:95px;
}


#location_info{
    /* margin-top: 10px; */
    padding: 3px;
    border-bottom: #cccccc solid 1px;
}

.SmallInfoPannel{
    background-color:#fafafa;
    cursor:pointer;
    margin-top: 2px;
    padding: 4px 2px 4px 5px;
    -webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.2);
    border-bottom: 1px solid #cccccc;
}
.InfoPannel{
    background-color:#fafafa;
    cursor:pointer;
    margin-top: 5px;
    padding: 4px 2px 4px 5px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.c3sh
{
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}

#menu_child {
    text-align:left;
    margin-top: 0px;
    padding-left:5px;
    /* border: #999999 solid 1px;*/
}
#menu_child_devices {
    margin-top: 0px;
    text-align:left;
    padding-left:5px;

    /* border: #999999 solid 1px; */
}

.det {
    font-family: 'Work Sans', sans-serif;
    font-size: 9px;
    color:#ffffff;
    font-style: italic;
}

.submenu {
    padding:1px;
    padding-left: 5px;
    border-bottom : #333333 solid 1px;

}
.RedText{    
    color:#ff0000 !important;
    font-weight: bold;
}
.OrangeText{
    color:#FF9900;
    font-weight: bold;
}
.GreenText{
    color:#33CC00;
    font-weight: bold;
}

a.corner_menu {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    font-size: 14px;
    font-weight:bold;
    text-decoration:none;
}

a.corner_menu:visited {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    font-size: 14px;
    font-weight:bold;
    text-decoration:none;
}

a.corner_menu:hover {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 14px;
    font-weight:bold;
    text-decoration:none;
}

a.corner_menu:active {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 14px;
    font-weight:bold;
    text-decoration:none;
}

a.menu_child {
    font-family: 'Work Sans', sans-serif;
    color:#666666;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
    cursor: pointer;
}

a.menu_child:hover {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
    cursor: pointer;
}

a.menu_child:active {
    font-family: 'Work Sans', sans-serif;
    color:#666666;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
    cursor: pointer;
}

.financeDashboard .stepbar {
    overflow: hidden;
}

.financeDashboard .stepbar p {
    display: none;

}

/* */
.special {
    font-family: 'Work Sans', sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin:0;
    color: #ffffff;
}
.front_special {
    font-family: 'Work Sans', sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin:0;
    color: #ffffff;
}

.PlayTitle {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;

    color: #dfdfdf;
}

.ReviewTitle {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    /*color: #666666; */
    color: #000000;
}

.bara {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    color: #cccccc;
}
.SupportText {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    color: #333333;
}

.jos {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    color: #999999;
}
.ListSSmall {
    font-family: 'Work Sans', sans-serif;
    font-size: 9px;
    color: #999999;
}
.ListSmall {
    font-family: 'Work Sans', sans-serif;
    font-size: 10px;
    color: #999999;
}
.ListSmallBlackText {
    font-family: 'Work Sans', sans-serif;
    font-size: 10px;
    color: #000000;
}
.list {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    color: #666666;
}
.list-bold {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
}
.PlayList {
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;
    color: #cccccc;
}

.titlu {
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff
}

.TitleWindow{
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    border-bottom: #ccc 1px solid;
    margin-bottom: 5px;
}

.titlem {
    font-family: 'Work Sans', sans-serif;
    font-size: 20px !important;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    color: #333333;
}


.SepLine{
    font-family: 'Work Sans', sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #aaaaaa;
}

.CurrPage{
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    border: 1px solid #cccccc;
}


body {
    margin:0;
    /*  scrollbar-face-color: #032F3C;
      scrollbar-highlight-color: #b0c7d0;
      scrollbar-shadow-color: #F5F5F9;
      scrollbar-3dlight-color: #3b5b7b;
      scrollbar-arrow-color: #cccccc;
      scrollbar-track-color: #DFDFDF;
      scrollbar-darkshadow-color: #3b5b7b;*/
    background-repeat: repeat-x;
    /*  background-color: #fafafa;*/
}

p,div {
    font-family: 'Work Sans', sans-serif;
    font-size:12px;
}

td {
    font-family: 'Work Sans', sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#333333;
}

.titlu16 {
    font-family: 'Work Sans', sans-serif;
    font-weight:bold;
    font-size:16px;
    color:#333333;
}

.sep {
    font-family: 'Work Sans', sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#0d5c7a;
}

.mic {
    font-family: 'Work Sans', sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#000000;
}
.whitetitle {
    font-family: 'Work Sans', sans-serif;
    font-weight:bold;
    font-size:28px;
    color:#ffffff;
}

.sectiune {
    font-family: 'Work Sans', sans-serif;
    font-weight:bold;
    font-size:14px;
    color:#000000;
}



tt {
    font-family: 'Work Sans', sans-serif;
    font-weight:bold;
    font-size:13px;
    color:#000080;
}

sub {
    font-family : arial;
    font-weight:bold;
    font-size : 11px;
    color : #800000;
}

.afunct {
    font-size: 8pt;
    left: 5px;
    color: #b0c7d0;
    font-family: verdana;
    position: relative;
    text-decoration:none;
    cursor:hand;
}

.afuncthover {
    font-size: 8pt;
    left: 5px;
    font-family: verdana;
    position: relative;
    color:#ffb400;
    text-decoration:none;
    cursor:hand;
}

a {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 12px;
    text-decoration:none;
}

a:hover {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 12px;
    text-decoration:underline;
}

a:active {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 12px;
    text-decoration:none;
}

a.jos11 {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 11px;
    text-decoration:none;
}

a.jos11:hover {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 11px;
    text-decoration:underline;
}

a.jos11:active {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 11px;
    text-decoration:none;
}

a.sitemap {
    font-family: 'Work Sans', sans-serif;
    color:#666666;
    font-size: 11px;
    text-decoration:none;
}

a.sitemap:hover {
    font-family: 'Work Sans', sans-serif;
    color:#666666;
    font-size: 11px;
    text-decoration:underline;
}

a.sitemap:active {
    font-family: 'Work Sans', sans-serif;
    color:#666666;
    font-size: 11px;
    text-decoration:none;
}

a.meniu {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    font-size: 16px;
    text-decoration:none;
}

a.meniu:hover {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 16px;
    text-decoration:none;
}

a.meniu:active {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    font-size: 16px;
    text-decoration:none;
}

a.meniu2 {
    font-family: 'Work Sans', sans-serif;
    /*  color:#333333; */
    color:#FFF;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
}

a.meniu2:hover {
    font-family: 'Work Sans', sans-serif;
    /*color:#126eab;*/
    color:#FFF;

    font-weight:bold;
    font-size: 11px;
    text-decoration:underline;
}

a.meniu2:active {
    font-family: 'Work Sans', sans-serif;
    /*color:#333333;*/
    color:#FFF;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
}


a.meniu2_noaccess {
    font-family: 'Work Sans', sans-serif;
    color:#cccccc;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
}





a.meniu_dropdown {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
}

a.meniu_dropdown:hover {
    font-family: 'Work Sans', sans-serif;
    /*color:#126eab; */
    color:#333333;
    font-weight:bold;
    font-size: 11px;
    text-decoration:underline;
}

a.meniu_dropdown:active {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
}

a.meniu3 {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    /*  font-weight:bold;*/
    font-size: 11px;
    text-decoration:none;
}

a.meniu3:hover {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    /*color:#126eab;*/
    /*  font-weight:bold; */
    font-size: 11px;
    text-decoration:underline;
}

a.meniu3:active {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    /*font-weight:bold; */
    font-size: 11px;
    text-decoration:none;
}

a.meniu4 {
    font-family: 'Work Sans', sans-serif;
    color:gray;
    font-size: 16px;
    text-decoration:none;
}

a.meniu4:hover {
    font-family: 'Work Sans', sans-serif;
    color:#126eab;
    font-size: 16px;
    text-decoration:none;
}

a.meniu4:active {
    font-family: 'Work Sans', sans-serif;
    color:#333333;
    font-size: 16px;
    text-decoration:none;
}

a.neo {
    color:#990000;
    text-decoration:none;
}

a.neo:hover {
    color:#990000;
    text-decoration:underline;
}

a.neo:active {
    color:#990000;
    text-decoration:none;
}



/*
span {
  font-family: 'Work Sans', sans-serif;
  font-size : 12px;
} */

select {
    font-family : verdana,arial, helvetica;
    font-size : 11px;
    border: 1px solid;
    border-color : #666666;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2)
}

textarea {
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    border:1px solid #cccccc;
    width:190px;
    height:50px;
}


.news_Header {
    font-style: bold;
    color: #ffffff;
    /* background-color : #126EAB; */
    background-color : #88a9d5;

    font-size: 11px;
    margin: 2px;
    /* text-align: center;  */
    /*border:2px solid;

        border-color: #126EAB */
}







/******************* GRID *****************************/


div.GridContainer tr.HdrGridRow td {

    /*    border-color:  #ffffff #CCCCCC #CCCCCC #ffffff ;*/
    /*    border-style: solid;*/
    /*    border-width: 2px;*/
    border-left: #ffffff ;
    border-left-width: 2px;
    border-left-style: solid;
    border-bottom: #CCCCCC ;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right: #CCCCCC ;
    border-right-width: 1px;
    border-right-style: solid;
    border-top: #ffffff ;
    border-top-width: 1px;
    border-top-style: solid;
    font-size: 11px;
    /*    font-weight: bold;*/
    padding: 2px;
    height: 25px;
    color:#333333;
    font-size: 11px;
}
.HdrGridRow div {
    font-size: 11px;
}
#eventlist .GridContainer td div.list {
    padding: 2px;
}

div.GridContainer {
    border:solid 1px #e6e6e6;
    border-radius: 5px;
}
div.GridContainer tr.HdrGridRow {
    background-color:#f1f1f1;
}
div.GridContainer tr.HdrGridRow td:last-child
{
    border-right-width: 0;
}


div.GridContainerBlue {
    border:solid 1px #A4BED4;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}

div.GridContainerBlue tr.HdrGridRow td {
    border-color:  #FDFDFD #A4BED4 #A4BED4 #FDFDFD;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    font-size: 11px;
    color: #000000;
    margin: 2px;
    height: 25px;
}
div.GridContainerBlue tr.HdrGridRow {
    background-image: url('../images/sky_blue_grid.gif');
}

div.GridContainerBlue tr.HdrGridRow td:last-child
{
    border-right-width: 0;
}
div.GridContainerBlue tr.GridRow {
    text-align: left;
}

/******************* GRID *****************************/

div.BackEndGrid {
    border:1px solid #A4BED4;
    /*  border:1px solid #CCCCCC; */
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
div.BackEndGrid table.BackEndGridHdr tr.HdrRow {
    background-image: url('../images/sky_blue_grid.gif');
}
div.BackEndGrid table.BackEndGridHdr tr.HdrRow td{
    border-color:  #FDFDFD #A4BED4 #A4BED4 #FDFDFD;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    font-size: 11px;
    color: #000000;
    margin: 2px;
    /*  height: 30px;     */
}

div.BackEndGrid table.BackEndGridHdr tr.HdrRow td:last-child
{
    border-right-width: 0;
}

div.BackEndGrid table.BackEndGridHdr  {

}
div.BackEndGrid tr.BachEndGridRow {
    height: 30px;
}


/******************* END GRID *****************************/


/*
div.LocationPanel table td {
  border-bottom: 1px solid #A4BED4;
} */



.table_style_admin{
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #003366 1px solid;
    BORDER-LEFT: #003366 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: #003366 1px solid;
}

.TableFrontStyle{
    background-color: #FAFAFA;
    /*   text-align: left; */
    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    padding:4px;
}



.table_style{
    /**/
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #003366 1px solid;
    BORDER-LEFT: #003366 1px solid;
    BORDER-BOTTOM: #003366 1px solid;
    WIDTH: 900px;

}

.table_style1 {
    text-align: center;
    width: 20%;

    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
}

.table_style2 {
    background-color: #EFF3FB;
    text-align: left;
    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    padding:2px;
    width: 70%;
}

.table_style3 {
    background-color: #DEE8F5;
    text-align: left;
    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    padding:2px;
    /* width: 30%;  */
}
.TableStyleLeft {
    background-color: #DEE8F5;
    text-align: left;
    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    padding:1px;
}
.TableStyleRight {
    background-color: #EFF3FB;
    text-align: left;
    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    padding-left: 3px;
    /* padding:1px;*/
}

.job_details
{
    font-family: 'Work Sans', sans-serif;
    color:black;
    font-weight:bold;
    font-size: 12px;

}



.button2 {
    /* background-color: #126EAB; */
    background-color: #88a9d5;

    text-align: center;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.title_style{
    text-align: center;
    font-weight: bold;
    font-family :arial,helvetica;
    font-size : 15px;
    width : 620px;
}

.jobs_header{
    font-style: normal;
    color: #ffffff;
    background-color : #666666;

}
.jobs_red{
    font-family :arial,helvetica;
    font-size : 12px;
    font-weight:bold;
    color : #AC1130;
}
.admin_txt{
    font-family :arial,helvetica;
    font-size : 12px;
    color:#126eab;
}

.required {
    float:left;
    width:100px;
}
.pommo_form
{
    padding:1px;

}
.pommo_button {
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    background-color : #ffffff;
    border: 1px solid;
    color:#000033;
    border-color : #666666;
}

.table_border
{
    border: #003366 1px solid;
    border-radius: 15px;
    padding: 15px;
}

/*
.report_style{
 BORDER-RIGHT: #003366 1px solid;
 BORDER-TOP: #003366 1px solid;
 BORDER-LEFT: #003366 1px solid;
 BORDER-BOTTOM: #003366 1px solid;
width:100%
}  */

.report_style{
    BORDER: #CCCCCC 1px solid;
    padding:10px;
    width:100%
}

.select_style{
    width:100px;
}

.report_div{
    /* BORDER: #003366 1px solid;
     padding:4px;
     background-color:#F1F1F1;
     text-align:center; */
    width:auto;
}



.report_style2 {
    /* background-color: #EFF3FB; */
    text-align: left;
    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    height:auto;
    width:auto;
}

.report_style3 {
    /* background-color: #DEE8F5; */
    text-align: left;
    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    width:20%;
}

.report_style4 {
    /* background-color: #EFF3FB ; */
    text-align: center;
    color: #333333;
    font-family: 'Work Sans', sans-serif;
    font-size : 12px;
    padding:4px;
    width:auto;
}
.RightPannel{
    background: #FAFAFA;
    border:1px solid #CCCCCC;
    padding:5px;
}
.HintBubble{
    position:absolute;
    visibility:hidden;
    margin-top:-3px;
    width:300px;
    background-color:#fafafa;
    border: 1px solid #cccccc;
    padding:5px;
}
.TypePannel{
    background-color:#fafafa;
    /* cursor:pointer; */
    border-bottom: 1px solid #cccccc;
    margin-top: 5px;
    padding: 4px 2px 4px 5px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.BorderBottom
{
    border-bottom: 1px solid #cccccc;
}

td.ReportsTable {
    border: 1px solid #cccccc;
    text-align: center;
}

.IsMaster{
    color: #e71414;
}
.IsSlave{
    color: #275d8f;
}

.portlet h2{
    margin: 5px;
    font-size: 15px ;
    font-weight: bold;

}

.BoldText {
    font-weight: bold;
}

/* Shipping grid alert text*/

.ShippingAlertText{
    font-size: 9px ;
    color: #9a2222;
    border: solid 1px #9a2222;
}


/* GPS TRACKER */
#GPSMapActionPanelCell{

    z-index: 10; float:left; border: 1px solid #ffffff; width: 50px; height: 19px; text-align: center; margin: 0 0 0 -1px; padding: 0px; cursor: pointer;
}
#GPSMapActionPanelCell:hover {

    z-index: 10; float:left; border: 1px solid #ffffff; width: 50px; height: 19px; text-align: center; margin: 0 0 0 -1px; padding: 0px; cursor: pointer;
    background-color: #E9E9E9;
}

#GPSMapActionPanel{
    z-index: 10; position: absolute; background-color:#F1F7F7; display: block; filter: alpha(opacity=75);-moz-opacity:0.75; opacity:0.75; width: 153px; left:460px; margin-top:17px;
}


/* normal view */
#GPSTrackerHolder .GPSSearchLeft {
    float:left;
    height: 25;;
    width: 60px;
}
#GPSTrackerHolder .GPSSearchRight {
    float:left;
}

#GPSTrackerHolder {
    width:100%;
}
#GPSTrackerHolder .GpsLeft {
    float:left;
    width:250px;
    margin:5px;
}
#GPSTrackerHolder .GpsMiddle {
    float:left;
    width:755px;
}
#GPSTrackerHolder .GpsMap {
    position:relative;
    /*margin-top: 4px;*/
    width: 100%;
    height: 700px;
}
#GPSTrackerHolder .TraceInfoLeft {
    width:200px; float:left; color: #000000;
}
#GPSTrackerHolder .TraceInfoRight {
    float:right;
}
#GPSTrackerHolder .GpsRight {
    width: 238px; float: right;
}



/* fleet manager view */
#GPSTrackerFleetHolder .GPSSearchLeft {
    float:left;
    /*    height: 25px;*/
    width: 30px;
    margin-top: 3px;
}
#GPSTrackerFleetHolder .GPSSearchRight {
    float:left;
    margin-top: 3px;
}
#GPSTrackerFleetHolder {
    width:985px;
}
#GPSTrackerFleetHolder div {
    font-size: 11px;
}
#GPSTrackerFleetHolder .GpsLeft {
    float:left;
    width:155px;
    /*    margin:5px;*/
}
#GPSTrackerFleetHolder .GpsMiddle {
    float:left;
    margin-left: 5px;
    width:615px;
}
#GPSTrackerFleetHolder .GpsMap {
    position:relative;
    width: 615px;
    height: 540px;
}
#GPSTrackerFleetHolder .TraceInfoLeft {
    width:315px; float:left;
}
#GPSTrackerFleetHolder .TraceInfoRight {
    float:right;
}
#GPSTrackerFleetHolder .GpsRight {
    width: 205px; float: right;
}
b.jos img {
    vertical-align :top;
    width: 20px;
    height: 20px;
}
.small-logo img
{
    width: 113px;
    height :auto;
}

#small-logo img
{
    width: 80px;
    position: absolute;
    top: 43px;
    border: 1px solid black;
    right: 5px;
    padding-right: 0;
}

.large-logo img
{
    width: 100%;
    height :auto;
    padding-right:5px;
}

input.checkbordered { display: none }
input.checkbordered+label { display: inline-block; padding: 3px }
input.checkbordered:checked+label { border:1px solid #009; border-radius: 2px; padding: 2px; }

a.thumbup {
    width:36px;
    height:36px;
    background-image:url("../images/thumb_up_grey.png");
    display: inline-block;
}

a.thumbup:hover {
    background-image:url("../images/thumb_up.png");
}

a.thumbdn {
    width:36px;
    height:36px;
    background-image:url("../images/thumb_dn_grey.png");
    display: inline-block;
}

a.thumbdn:hover {
    background-image:url("../images/thumb_dn.png");
}

.ui-widget-header {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing:initial;
}

.ui-dialog .ui-dialog-titlebar-close:before {
    content: "\f00d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}


.navbar-ac {
    background-color: #077291;
}
.navbar-ac .navbar-brand {
    color: #CCC;
}
.navbar-ac .navbar-brand:hover,
.navbar-ac .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-ac .navbar-text {
    color: #CCC;
}
.navbar-ac .navbar-nav > li > a {
    color: #CCC;
}
.navbar-ac .navbar-nav > li > a:hover,
.navbar-ac .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-ac .navbar-nav > .active > a,
.navbar-ac .navbar-nav > .active > a:hover,
.navbar-ac .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #005169;
}
.navbar-ac .navbar-nav > .disabled > a,
.navbar-ac .navbar-nav > .disabled > a:hover,
.navbar-ac .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
}
.navbar-ac .navbar-toggle {
    border-color: #333;
}
.navbar-ac .navbar-toggle:hover,
.navbar-ac .navbar-toggle:focus {
    background-color: #333;
}
.navbar-ac .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-ac .navbar-collapse,
.navbar-ac .navbar-form {
    border-color: #101010;
}
.navbar-ac .navbar-nav > .open > a,
.navbar-ac .navbar-nav > .open > a:hover,
.navbar-ac .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #080808;
}

.navbar-ac .nav>li>a {
    padding: 5px 10px!important;
    /* font-weight: bold; */
    color: #acd6dc;
    margin-top: 1px;
    margin-bottom: 1px;
    border-radius: 3px;
}

.navbar-ac {
    min-height: 30px!important;
    margin-bottom: 0px!important;
}

.navbar-ac .dropdown-menu {
    background-color: #0064DD;
}

.navbar-ac .dropdown-menu>li>a {
    color: #CCC;
    font-size: 13px;
}

.navbar-ac .dropdown-menu > li > a:hover,
.navbar-ac .dropdown-menu > li > a:focus {
    color: #263E84;
}

td, th {
    padding: 2px;
}

.jos {
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    padding: .5em .2em;
}

#topclock {
    float: right;
    font-family: Orbitron;
    font-size: 19px;
    text-shadow: 0 0 3px #000;
    color: #0064DD;
}

/* Fixigs on AC3 */
.EventTitle {
    font-size: 15px;
    font-weight: 500;
}

#SalesLeft {
    width: 100%;
}

#front_content_pannel {
    width: 100%;
}

.tilepanel {
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 0;
}

/*.tile {
    display: block;
    float: left;
}*/

.tile img { padding: 10px; }

/*.tile a, .tile a:hover {
    text-decoration: none;
    float: left;
    width: 98%;
    margin: 1%;
    border-radius: 3px;
}*/

.tile h3, .tile h4 {
    text-align: center;
    margin: 5px 0;
}

.tile h3 {
    font-size: 18px;

}

.tile h4 {
    font-size: 15px;

}

.tile25 {
    width: 25%;
}

.list a .mdi {
    font-size: 22px;
    margin: 0 5px;
}

.list .granted { color: #5cb85c; text-transform: capitalize; }
.list .denied {color: #d9534f; text-transform: capitalize; }
.list a .mdi-delete-empty {color: #337ab7 }


.rowdiv .idr-form-row {
    margin-top:10px;
}
.rowdiv .form-control {
    height:auto;
}
.rowdiv .mdi {
    font-size: 20px;
}

.idr-save-button {
    font-size: 13px !important;
    font-weight: 400;
    line-height: normal;
    color: #0390a1;
    border-radius: 5px;
    border: 1px solid #0390a1;
    padding: 7px 10px;
    width: auto;
    box-shadow: none;
    transition: all 0.2s ease;
    font-family: 'work sans',sans-serif !important;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.idr-save-button:hover {
    background: #0390a1;
    color: white;
}

#permForm .list select {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #bbbbbb;
    box-shadow: none;
    cursor: pointer;
}
#permForm .list p {
    margin: 10px 0;
}
#persDivBasic {
    padding: 15px 15px 25px 15px;
}
#ldetails3 .ui-tabs-nav {
    width: 150px;
    float: left;
}
#ldetails3 .ui-tabs-panel {
    width: calc(100% - 160px);
    float: left;
}

#loclist {
    height: 300px;
    overflow: auto;
}

#sub-navbar {
    background-color: #f4f4f4;
    border-top: 1px #d3d3d3 solid ;
    border-bottom: 1px #d3d3d3 solid ;
    margin-bottom: 4px;
}

#sub-navbar .navbar-nav>li>a {
    padding-top: 3px;
    padding-bottom: 3px;
}

.navbar-ac a {
    /* font-family: 'Montserrat', sans-serif; */
    font-size: 14px!important;
    /* font-weight: bold; */
    margin-right: 10px;
}

.navbar-nav a {
    /* font-family: 'Montserrat', sans-serif; */
    font-size: 12px;
    margin-right: 5px;
}

.portlet-header {
    /* font-family: 'Montserrat', sans-serif; */
    font-size: 14px;
    font-weight: normal;
}

.dropdownheader div {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.dropdownheader {
    background-color: #EEE;
    cursor:pointer;
}


#pagina .glyphicon { font-size: 16px; float: right; margin-right: 5px; }

#sub-navbar .active > a,
#sub-navbar .active > a:hover,
#sub-navbar .active > a:focus {
    color: #fff;
    background-color: #aaa;
}
.titlem {
    font-family: arial, helvetica;
    font-size: 20px !important;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    color: #333333;
}

.border-error {
    border: 1px solid #a94442;
}

.border-success {
    border: 1px solid #3c763d;
}

/* === NEW REVIEW PAGE === */
/*p, div {
  color:#505050;
}*/
#holder p, #holder div {
    font-family: 'Segoe UI', 'work sans', Tahoma, Verdana, sans-serif;
}
#holder a {
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
}
#holder .portlet, #holder .defaultportlet {
    border-radius: 7px;
    background: #F1F1F1;
    display: block;
    height: auto;
    padding: 5px;
}
#holder .ui-widget.ui-widget-content {
    border-color: transparent;
}
.idr-red {
    color: #FB563C;
}
.idr-green {
    color:#00CE8F;
}

.idr-grey {
    color:#999!important;
}

.idr-blue {
    color: #0390a1!important;
}
.portlet-header .h5 {
    margin: 0;
    color: #707070;
}
button.idr-ch-batch {
    border-radius: 50%;
    background-color: #2BBBCB;
    border: none;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    font-size: 20px;
    color: white;
    padding: 0;
}
button.idr-ch-batch:hover {
    background-color: #109DAC;
}
.idr-revList.panel {
    border-radius: 7px;
}
.idr-revList .panel-body {
    padding: 5px;
    background-color: #F1F1F1;
    border-radius: 7px;
}
.idr-revEvent {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #D2D2D2;
    transition: all .2s ease;
}
.idr-revEvent.reviewed {
    background: #B5EBDA;
    border-radius: 7px;
}
.idr-revEvent:hover {
    background-color: #E1E1E1;  
    border-radius: 7px;
}
.idr-eventImg {
    text-align: center;
}
.idr-eventImg img{
    width: 100px;
    height: 42px;
    border-radius: 3px;
    background-color: grey;
    display: block;
}
.idr-eventDet {
    width: auto;
    height: auto;
    margin-left: 10px;
}
#holder .ui-corner-all {
    border-radius: 7px;
}
#holder .ui-widget input[type="text"] {
    border-radius: 5px;
    border: 1px solid rgb(158, 158, 158);
    padding: 3px;
}
#holder .ui-tabs-nav, #holder .ui-tabs .ui-tabs-nav {
    margin: 5px 0;
    border: 0;
    -webkit-box-shadow: none;
    padding: 4px 4px 0 4px;
    box-sizing: border-box;
}
#holder .ui-tabs .ui-tabs-nav li {
    margin: 0 4px 4px 0;
    transition: all .2s ease;
}
#holder .ui-tabs .ui-tabs-nav li:hover {
    background: #2BBBCB;
    color: white;
}
#holder .ui-tabs .ui-tabs-nav li a:hover {
    color: white;
}
#holder .idr-tabBar.ui-widget-header, #holder .ui-widget-header {
    background: #F1F1F1;
    border-radius: 7px;
    border: 0;
}
#holder .idr-tab.ui-tabs-tab, #holder .ui-state-default, #holder .ui-widget-content .ui-state-default, #holder .ui-widget-header .ui-state-default, #holder .ui-button, #holder html .ui-button.ui-state-disabled:hover, #holder html .ui-button.ui-state-disabled:active {
    border-radius: 5px;
    border: 1px solid #2BBBCB !important;
    background: transparent;
    color: #2BBBCB;
    box-sizing: border-box;
}
#holder .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding: 0;
}
#holder .ui-state-active a, #holder .ui-state-active a:link, #holder .ui-state-active a:visited {
    color: white;
}
#holder .idr-tab.ui-state-active, #holder .ui-widget-content .ui-state-active, #holder .ui-widget-header .ui-state-active, #holder a.ui-button:active, #holder .ui-button:active, #holder .ui-button.ui-state-active:hover, #holder a.ui-button:focus, .ui-state-active:focus {
    background: #2BBBCB;
    color: white;
    outline: none;
}
.idr-location {
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #333;
}
.idr-eventId {
    text-align: right;
    padding-left: 20px;
}
.idr-eventName {
    margin: 10px 0;
    line-height: 37px;
    height: 37px;
    font-size: 16px;
    font-weight: 500;
}
.idr-pos-acc-ev {
    padding: 3px 2px;
    border: 1px solid #e71414;
    width: 100%;
    border-radius: 5px;
}
.idr-pos-acc-ev > div:first-child {
    height: 23px;
    line-height: 23px;
}
#holder input[type="checkbox"], #holder input[type="radio"] {
    border-radius: 3px;
    background: white;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0px;
}
#holder input[type="checkbox"] {
    box-shadow: 0 1px 2px rgba(0,0,0, .16);
}
#holder .radio input[type=radio], #holder .radio-inline input[type=radio] {
    margin-left: 0;
}
.idr-radio-yes .radio, .idr-radio-no .radio {
    margin: 0 0 0 10px;
}

.idr-radio-yes .radio input[type="radio"], .idr-radio-no .radio input[type="radio"] {
    box-shadow: none;
    opacity: 0;
    margin-left: -10px;
}

#holder .idr-radio-yes .radio input[value="yes"]:checked + label {
    color: white;
    background: #00CE8F;
    border-radius: 3px;
    padding: 2px 4px;
    font-weight: 500;
}
#holder .idr-radio-yes .radio input[value="yes"] + label {
    color: #00CE8F;
    background: none;
    border: 1px solid #00CE8F;
    border-radius: 3px;
    padding: 2px 4px;
    font-weight: 500;
}
#holder .idr-radio-no .radio input[value="no"]:checked + label {
    color: white;
    background: #FB563C;
    border-radius: 3px;
    padding: 2px 4px;
    font-weight: 500;
}
#holder .idr-radio-no .radio input[value="no"] + label {
    color: #FB563C;
    background: none;
    border: 1px solid #FB563C;
    border-radius: 3px;
    padding: 2px 4px;
    font-weight: 500;
}
select.form-control {
    height: 28px;
    border-width: 0 0 1px 0;
}
.idr-well.well{
    min-width: 140px;
    max-height: 160px;
    overflow: auto;
    background: white;
}
.idr-well {
    margin-right: 10px;
}
.idr-well .checkbox {
    margin-top: 0px;
}
.idr-map-reviewer {
    width: 410px;
    height: 190px;
    border-radius: 7px;
    display: block;
    position: relative;
}
.idr-map-btns {
    position: absolute;
    background: white;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    box-shadow: 0 2px 6px rgba(0,0,0, 0.1);
    padding: 5px;
}
.idr-map-btns .radio {
    margin: 0 5px;
}
.idr-map-btn .radio input {
    opacity: 0;
}
.idr-map-btn .radio input + label {
    color: #2BBBCB;
    background: none;
    border: 1px solid #2BBBCB;
    border-radius: 5px;
    padding: 2px 4px;
    font-weight: 500;
}
.idr-map-btn .radio input:checked + label {
    background: #2BBBCB;
    color: white;
}
.idr-reviewAlert-list {
    min-width: 190px;
    max-height: 190px;
}
.idr-reviewAlert-list .list-group {
    max-height: 140px;
    overflow: auto;
}
.idr-reviewAlert-list .list-group-item {
    padding: 5px 10px;
}

.idr-reviewAlert-list .list-group::-webkit-scrollbar, .idr-reviewAlert-list .list-group::-webkit-scrollbar-track, .idr-well.well::-webkit-scrollbar-track, .idr-well.well::-webkit-scrollbar {
    background: transparent;
    width: 5px;
    border-radius: 5px;
}
.idr-reviewAlert-list .list-group::-webkit-scrollbar-button, .idr-well.well::-webkit-scrollbar-button {
    display: none;
}
.idr-reviewAlert-list .list-group::-webkit-scrollbar-thumb, .idr-well.well::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 5px;
}
/* --- end review page --- */

div.company-type-bullet {
  background-color:#fb8500; 
  padding:2px; 
  border-radius:11px; 
  margin-top:5px; 
  font-weight:bold; 
  color:#fff
}

.dx-datebox-calendar .dx-dropdowneditor-icon {
    font: 14px/1 DXIcons !important;
}