body {
    font-size: 14px;
    background: #FFFFFF;
    background-color: #FFFFFF;
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0px;
    width:100%;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

body.arc_container, body.content_frame, body.modal_frame {
    background:#FFFFFF;
    background-image: none;
}
body.modal_frame {
    width:auto;
    padding:10px 20px 20px 20px;
}
body.Arc {
    font-size: 12px;
    background: #FFFFFF;
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width:100%;
    max-width:100%;
    width:100%;
    margin: 0px;
}

html {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

a, a:visited, a:active {
    font-size: 14px;
    font-weight: normal;
    color: #4E2E2D;
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: underline;
}


.Pointer {
    cursor: pointer;
}
.Bold {
    font-weight: bold;
}
#container, .container {
    padding: 53px 0 0 0;
    text-align: left;
}
.modal #container, .modal .container {
    margin: 0px;
    padding: 10px 0 0 0;
    text-align: left;
}
.container {
    padding: 20px 0 0 0;
}
.topmargin {
    margin-top:20px;
}
.rightmargin {
    margin-right:20px;
}
.bottommargin {
    margin-bottom:20px;
}
.leftmargin {
    margin-left:20px;
}
.float {
    float:left;
}
.splitcontainer {                                    
    float: left;
    position: absolute;                
}



.stacked .FormContainer{
    width:auto;
    display:block;
}
.stacked th.Form, .stacked th.FormTop, .stacked th.FormLg, .stacked th.FormSm, .stacked th.FormXSm, .stacked th.FormApp {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    text-align: left;
    padding: 9px 5px 5px 1px;
}
.stacked td.Form {
    padding: 5px 5px 5px 0;
    display: block;
}
.stacked td.Form input[type=text], .stacked td.Form select, .stacked td.Form textarea, .stacked td.Form iframe{
    width:88% !important;
    max-width:88% !important;
    min-width:88% !important;
} 
.stacked td.Form input.Lookup{
    max-width: 60% !important;
    min-width: 60% !important;
}
.stacked .textreadonly_container {
    padding: 4px 1px;
}    
.stacked select[name="starthour"] + span , .stacked select[name="endhour"] + span {
    display: none;
}
.stacked select[name="startminute"], .stacked select[name="endminute"] {
    margin: 3px 0 0 0; 
}
.stacked td.Form input[type=text], .stacked td.Form iframe{
    width:93% !important;
    max-width:93% !important;
    min-width:93% !important;
}
.stacked td.Form textarea{
    width:91% !important;
    max-width:91% !important;
    min-width:91% !important;
}
.stacked td.Form input.datepickclass {
    width:89% !important;
    max-width:89% !important;
    min-width:89% !important;
}
.stacked td.Form select {
    width: 91% !important;
    max-width: none !important;
}
.stacked td.Form input.Lookup, .stacked td.Form input.LookupBlur {
    max-width: calc(92.5% - 45px) !important;
    min-width: calc(92.5% - 45px) !important;
}

.stacked .shortcutDiv {
    width: 100%;
}


.leftinset {    
    -webkit-box-shadow: inset 6px 0px 6px -4px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 6px 0px 6px -4px rgba(0,0,0,0.2);
    box-shadow: inset 6px 0px 6px -4px rgba(0,0,0,0.2);
}
.rightinset {
    right:0;    
    -webkit-box-shadow: inset -6px 0px 6px -4px rgba(0,0,0,0.2);
    -moz-box-shadow: inset -6px 0px 6px -4px rgba(0,0,0,0.2);
    box-shadow: inset -6px 0px 6px -4px rgba(0,0,0,0.2);
}
#rightinset, #leftinset {
    padding: 0 10px;
    position:fixed;
    width:4px;
    height:100%;
    display:none;
    z-index:2000;
}
#ex_container .custabcontainer_in {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px -2px 32px -2px rgba(159,165,144,1);
    -moz-box-shadow: 2px -2px 32px -2px rgba(159,165,144,1);
    box-shadow: 2px -2px 32px -2px rgba(159,165,144,1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#efefef', GradientType=0);
}

button.Button + div.lookUpResultsContainer, div.tooltip + div.lookUpResultsContainer, i.text-help + div.lookUpResultsContainer {
    margin-top: 10px;
}

.fixedtable table.Form {
    table-layout: fixed;
}
/*
table.Data, .list-content .custabcontainer_in table, .custabcontainer_in table table {
table-layout: auto;
}
*/


/*---------- start multi column fixed fluid layout --------------*/

.ffcolumn_container > div {
    padding-left: 20px;
}
.ffcolumn_container> div:last-child {
    padding-right: 20px;
}
.ffcolumn_container .container_in {
    border: 1px #CCCCCC solid;
    padding:0px;
    margin: 20px 0;
    overflow: auto;
}
.ffcolumn_container .container_in .content {
    font-size:12px
}
.ffcolumn_container .container_in .click:hover {
    background: #F7F7F7;
    cursor:pointer;
}
.ffcolumn_container .container_in .content span {
    font-weight: bold;
    font-size:14px 
}
.fluid {
    width: auto;
    overflow: hidden;
}
.fixed300 {
    width: 300px;
    float: left;
}
.fixed240 {
    width: 240px;
    float: left;
}
.fixed220 {
    width: 220px;
    float: left;
}
.fixed200 {
    width: 200px;
    float: left;
}
.fixed180 {
    width: 180px;
    float: left;
}
.fixed160 {
    width: 160px;
    float: left;
}
.ffcolumn_container .footer_in{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*---------- end multi column fixed fluid layout --------------*/




.content {
    padding: 10px;
    text-align: left;
}
.title_container{
    width: 100%;
    position: fixed;
    z-index: 300;
    background: #EEEEEE;
}
.title_container_in{
    display: block;
}
#title_bar, .title-bar, TH.Title {
    display:none;
    color: #FFFFFF;
    background-color: #009FDA;
    background: -ms-linear-gradient(top, #009FDA, #009FDA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#009FDA), to(#009FDA));
    background: -webkit-linear-gradient(top, #009FDA, #009FDA);
    background: -o-linear-gradient(top, #009FDA, #009FDA);
    background: linear-gradient(top, #009FDA, #009FDA);
    background: -moz-linear-gradient(top, #009FDA, #009FDA);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#009FDA', endColorstr='#009FDA', GradientType=0);
    border-bottom: 2px #FFFFFF solid;
    font-size: 20px;
    margin: 0px;
    padding: 6px 10px 7px 10px;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}

.title_show, TH.title_show{
    display:block !important; 
}
.title_bar_name {
    color: #FFFFFF;
    font-size: 17px;
}
#title_bar a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 17px;
}
#title_bar a:hover{
    color: #FFFFFF;
}
#title_bar a:active{
    color: #FFFFFF;
}
.title_subject{
    color: #FFFFFF;
    font-size: 17px;
}


/*breadcrumb css*/


#recentFont{font-size: 1.2em;}

.uneditable-inputLeft li a {
    font-size: 14px;
    font-weight: normal;
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #7D7D7D;
}

.breadcrumb {
    /* margin-bottom: 20px;*/
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;

}

.breadcrumb2{
    color: #333;
    font-size:14px ;
    font-weight: normal;
    line-height: 20px;
    padding:10px;
    background: #F9F9F9;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    border-left: 1px solid #FFFFFF;
    margin: 0 0 0 0;
}
.breadcrumb > li {
    display: inline-block;

}
.breadcaret {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #7D7D7D;
    content: "";
    margin-left: 14px;
    text-align: middle;
    margin-bottom: 2px;
}
.breadcrumb > .active {
    color: #777777;
}
ul.tabbar {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 60;
    position: relative;
}
.tabsubnav2{
    position: relative;
    cursor: pointer;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 200;
    float: left;
}
.tabsubnav2 li{
    float: left;
    margin: 0 0 0 0;
    color: #323335;
    border: 0px;
    text-align:left;

}
.tabsubnav2 li a{
    color: #323335;
    text-decoration: none;
    padding: 2px;
    font-size: 1em;

}
.tabsubnav2 li:last-child a{
    border-right: none;
}
.tabsubnav2 li:hover{
    color: black;
    position: relative;
}
.tabsubnav2 li.hover a{
    color: black;
}
.tabsubnav2 ul{
    list-style-type: none;
    width: 160px;
    display:none;
    position: absolute;
    top: 100%;
    padding: 0px;
    background: #FFFFFF;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
}
.tabsubnav2 ul li {
    width: 160px;
    float: none;
    color: #323335;
    padding: 0px;
}
.tabsubnav2 ul li a {
    border: 1px #FFFFFF solid;
    font-size: 12px;
    width: 142px;
    display: inline-block;
}
.tabsubnav2 ul li:hover{
    color: #000000;
}
.tabsubnav2 ul li a:hover{
    color: #000000;
    font-size: 12px;
    width: 142px;
    display: inline-block;
    border: 1px #efefef solid;
    background: #efefef;
}
.tabsubnav2 ul ul{
    left: 100%;
    top: 0;
}
.tabsubnav2 li:hover > ul{
    display:block;
}
.tabsubnav2_arrow{
    font-size:9px;
}
.arrow-down2 {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-bottom: -1px;
}
.moveDown{
    margin-bottom: 5px;
}





/*--------- tab styles for subtabs ----------*/

.listsubtabs {
    background-color: #FFFFFF;
    border-bottom: 1px #D7D7D7 solid;
    padding: 7px 0 0 0;
}
.listsubtabs:empty {
    display:none;        
}
div.listsubtabcontainer_in {
    background: #FFFFFF;
    clear: both;
    border-top: 1px #D7D7D7 solid;
    border-right: 1px #D7D7D7 solid;
    border-bottom: 1px #D7D7D7 solid;
    border-left: 1px #D7D7D7 solid;
    margin: 0px;
    padding: 20px;
    z-index: 100;
}


/*--------- tab styles for tabs ----------*/


.tabcontainer {
    overflow:hidden;
    clear:both;
    margin-bottom: -1px;
}
.tabcontainer ul.custabbar, .tabcontainer ul.subtabbar, .tabcontainer ul.listsubtabbar, .tabcontainer ul.tabbar{
    margin-bottom: 0px;
}
.tabnav_left,.tabnav_right {
    font-family: FontAwesome;
    font-size:19px;
    position:absolute;            
    background: #cdcdcd;   
    opacity: 0.8;
    color: #000000;     
    cursor: pointer;
    width:8px;
    z-index: 2000;
}
.tabnav_left {
    padding: 7px 9px 7px 6px;
    left:0;
}
.tabnav_right {
    padding: 7px 6px 7px 9px;
    right:0;
}          
.tabnav_left:after {
    content: '\f0d9';
}
.ax_titletabs .tabnav_left {
    padding: 9px 6px 9px 9px;
}
.ax_titletabs .tabnav_right {
    padding: 9px 6px 9px 9px;
} 
.tabnav_right:after {
    content: '\f0da';
}
.tabs, #custabs {
    margin: 0;
}
.custabcontainer_in .tabs, .custabcontainer_in #custabs {
    margin: 20px 0 0 0;
}
ul.custabbar, ul.subtabbar, ul.listsubtabbar, ul.tabbar {
    display: inline-block;
    white-space: nowrap;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin: 0 23px -1px 25px;
    z-index: 110;
    font-size: 0;
}
.custabcontainer_in ul.listsubtabbar, .custabcontainer_in ul.subtabbar, .content_frame ul.listsubtabbar, .content_frame ul.subtabbar{
    margin: 0 0 -1px 0;
}
.ax-box ul.tabbar {
    display: block;
    margin: 0 0 -1px 0;
}
.custabitem, .subtabitem, .listsubtabitem, .tabitem2 {
    display: inline-block;
    margin: 0 3px 0 0;    
    background-color: #F6F6F6;
    border: 1px #CCCCCC solid;
    -webkit-border-radius-topleft: 4px;
    -webkit-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 2px 0 0 0;
}
ul.custabbar li.custabitem a, ul.subtabbar li.subtabitem a, ul.listsubtabbar li.listsubtabitem a, ul.tabbar li.tabitem2 a {
    outline: none;
    line-height: 14px;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.70);
    text-align: center;
    color: #505050;
    padding: 7px 12px;
    display: block;
    background-color: #F6F6F6;
    background: -ms-linear-gradient(top, #F6F6F6, #e0e0e0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#e0e0e0));
    background: -webkit-linear-gradient(top, #F6F6F6, #e0e0e0);
    background: -o-linear-gradient(top, #F6F6F6, #e0e0e0);
    background: linear-gradient(top, #F6F6F6, #e0e0e0);
    background: -moz-linear-gradient(top, #F6F6F6, #e0e0e0);
    cursor: pointer;    
}
ul.custabbar li.custabitem:hover, ul.subtabbar li.subtabitem:hover, ul.listsubtabbar li.listsubtabitem:hover, ul.tabbar li.tabitem2:hover {
    background-color: #e0e0e0;
    background: #e0e0e0;      
}
ul.custabbar li.custabitem a:hover, ul.subtabbar li.subtabitem a:hover, ul.listsubtabbar li.listsubtabitem a:hover, ul.tabbar li.tabitem2 a:hover {
    background-color: #FFFFFF;
    background: #FFFFFF;      
}
ul.custabbar li.custabitem a::after, ul.subtabbar li.subtabitem a::after, ul.listsubtabbar li.listsubtabitem a::after, ul.tabbar li.tabitem2 a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
}
ul.custabbar li.custabitem_active:hover, ul.subtabbar li.subtabitem_active:hover, ul.listsubtabbar li.listsubtabitem_active:hover, ul.tabbar li.tabitem2_active:hover {
    background-color: #e37222;
    background: #e37222;       
}
ul.custabbar li.custabitem_active a:hover, ul.subtabbar li.subtabitem_active a:hover, ul.listsubtabbar li.listsubtabitem_active a:hover, ul.tabbar li.tabitem2_active a:hover {
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);        
}


ul.tabbar li.tabitem2 span {
    padding-right: 5px !important;
}
ul.tabbar li.tabitem2 a {
    padding-right: 20px;
}
ul.tabbar li.tabitem2_active a {
    background: #FFFFFF;
}    

#tabs ul.tabbar li.tabitem_active, .ax_tabs ul.tabbar li.tabitem_active {
    border-top: 3px #e37222 solid;
}


#custabs ul.custabbar li.custabitem.alloff a, #subtabs ul.subtabbar li.subtabitem.alloff a, #listsubtabs ul.listsubtabbar li.listsubtabitem.alloff a, .ax_tabs ul.tabbar li.tabitem2.alloff a {
    background: #e2e2e2;
    cursor: pointer;
}
.custabitem_active, .subtabitem_active, .listsubtabitem_active, .tabitem2_active, .custabitem_active:hover, .subtabitem_active:hover, .listsubtabitem_active:hover, .tabitem2_active:hover {
    background-color: #e37222;
    border-top: 1px #e37222 solid;
    border-right: 1px #CCCCCC solid;
    border-bottom: 1px #FFFFFF solid;
    border-left: 1px #CCCCCC solid;
}
#custabs .custabitem_active a, #subtabs .subtabitem_active a, #listsubtabs .listsubtabitem_active a , #contentdiv > .custabbar > .custabitem_active a, ul.tabbar .tabitem2_active a {
    color: #444;
    font-weight: bold !important;
    text-decoration:none;    
    background: #FFFFFF;
}
div.custabcontainer_in, div.subtabcontainer_in, div.tabcontainer_in, div.subcontainer_in, div.cuscontainer_in, .container_in {
    background: #FFFFFF;
    clear: both;
    border-top: 1px #CCCCCC solid;
    margin: 0px;
    padding: 0 35px 0 25px;
    z-index: 100;
}
div.custabcontainer_in iframe, div.subtabcontainer_in iframe, div.tabcontainer_in iframe, div.subcontainer_in iframe, div.cuscontainer_in iframe, .container_in iframe {
    display:block;
}
div.custabcontainer_in ul.progressstatusbar:first-of-type, div.custabcontainer_in table.Form:first-of-type {
    margin: 10px 0 0 0;
}
div.custabcontainer_in iframe {
    margin: 0;
}
.list_container, .loptionbar, .content_container {
    background: #FFFFFF;
}

.list_container.archive {
    margin-top: 20px;
}

.listmap_panel {
    position:fixed;
    right:20px;
    width:300px;
    height:90%;
    padding: 5px 0 0 0;
    display:none;
    z-index:200;
}
.loptionbar .loptions, .option_bar .loptions {
    float:right;
}
div.custabcontainer_in_modal {
    background: #FFFFFF;
    clear: both;
    border-top: 1px #CCCCCC solid;
    margin: 0px;
    padding: 20px 20px;
    z-index: 100;
}
.tabsmenuclass ul{
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.tabsmenuclass li{
    float: left;
}
.tabsmenuclass a{
    display: block;
    padding: 5px 7px;
    background: #E8E8E8;
    color: black;
    margin-right: 1px;
    text-decoration: none;
    font: bold 13px Arial;
}
.tabsmenuclass a:hover, .tabsmenuclass a.selected{
    background: black;
    color: white;
}
/* ######### CSS for sub menu container below ######### */
.tabsmenucontentclass{
    clear: left;
    background: #E8E8E8;
    width: 90%;
    height: 24px;
    padding: 5px;
    border: 1px solid silver;
}
.tabsmenucontentclass ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.tabsmenucontentclass li {
    float: left;
    margin-right: 1em;
}
.option_bar {
    width: 100%;
    z-index: 2000;
    top: 0;
    left: 0;
    position: fixed;   
}
.option_bar_in {
    padding: 6px 20px 6px 0;
    background: #FFFFFF;
    border-bottom:1px #C7C7C7 solid;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0);
}
.option_bar_in > .btn-group {
    left:22px;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
    display:inline-block !important;
    -webkit-animation:fadeIn ease-in .8;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in .8;
    animation:fadeIn ease-in .8;

    -webkit-animation-fill-mode:backwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:backwards;
    animation-fill-mode:backwards;

    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;

    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
#scrollfixedheader{
    background:#FFFFFF;
    z-index:1999
}
.lactionbar {
    padding: 6px 0;
}

.loptionbar, .loptionbar_placeholder {
    position: relative;
    display: block;
    border-bottom: 1px #D7D7D7 solid;
    padding: 6px 0;
}
.loptionbar_placeholder {
    display: none;
}

.loptionbar:after {
    content: "";
    display: table;
    clear: both;
}
#searchdiv_container, #sortdiv_container{   
    clear: both;    
}
.search_fields, .listcombodiv{
    display:inline-block;
    white-space:nowrap;
    float:right;
    padding: 0 0 0 10px;
    text-align:right;
}
.search_fields .searchoptions_dropdown a i {
    color: #656565;
}
.searchtext {
    border-radius: 4px 0px 0px 4px;
    display: inline-block;
    width:675px;
    padding-right:25px !important;
}
.searchoptions_dropdown {
    width: 514px;
    text-align: left;
}
.searchbutton {
    margin:0 0 0 -4px;
}
.showallbutton {
    cursor:pointer;
    float:right;
    padding:6px;
    margin: 1px 0 0 -25px;
    position:absolute;
    z-index:1000
}
.showallbutton i {
    color:#999;
}
.listcombodiv {
    padding: 5px 0;
}
.option_bar_in .listcombodiv {
    padding: 0;
}

.listcombodiv select {
    width:300px;
}
#nofilterwarn{
    display:block;
    padding: 10px;
    white-space:normal;
    clear:both
}
#nofilterwarn .Description {
    padding:0px;
}
#nofilterwarn:empty, #lactionbar:empty {
    display: none;
}
#advsearchframe {
    min-height: 275px;
    max-height:370px;
    width:100%;
}
.headeroptions {
    padding:0 10px 10px 10px
}
.headeroptions #filterid {
    float: left;
    max-width: 350px;
    min-width: 120px;
    width: 65%;
    margin: 0 4px 0 0;
}
.prof_main {
    padding: 0 20px 20px 20px;
    background: #FFFFFF;
    border-top: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
}
.prof_details {/*
position: relative;
z-index: 1;*/
    border-bottom: 1px #EEEEEE solid;
    padding: 10px 0 20px 0;
    margin: 0 20px 20px 20px;
    -moz-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
    -webkit-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
    box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
}
.prof_customfields {
    border-top: 1px solid #D7D7D7;
    padding: 20px 0 0 0;
}
.profile_circle {
    color: #FFFFFF;
    width:32px;
    height:32px;
    border-radius:16px;    
    background:#dfdfdf;
    text-align:center;
    vertical-align:middle;    
    overflow: hidden;  
}
.profile_circle div {
    font-size: 17px;
    padding:6px 0 0 0;
}    
.pc_A, .pc_Q, .pc_7 {
    background:#ef6392;    
}
.pc_B, .pc_R, .pc_8 {
    background:#4acbde;    
}
.pc_C, .pc_S, .pc_9 {
    background:#faa820;    
}
.pc_D, .pc_T, .pc_0 {
    background:#de615b;    
}
.pc_E, .pc_U {
    background:#b93120;    
}
.pc_F, .pc_V {
    background:#89de4a;    
}
.pc_G, .pc_W {
    background:#fa8120;    
}
.pc_H, .pc_X {
    background:#4aa8de;    
}
.pc_I, .pc_Y {
    background:#4adeaf;    
}
.pc_J, .pc_Z {
    background:#b9207e;    
}
.pc_K, .pc_1 {
    background:#12a2af;    
}
.pc_L, .pc_2 {
    background:#d86101;    
}
.pc_M, .pc_3 {
    background:#3a4348;    
}
.pc_N, .pc_4 {
    background:#d77ceb;    
}
.pc_O, .pc_5 {
    background:#3c9a08;    
}
.pc_P, .pc_6 {
    background:#3f687f;    
}
.profile_thumbnail {
    max-width:36px;
    height:auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.object_name {
    font-size: 21px;
    padding: 0px;
    margin: 0px;
}
.profile_name {
    font-size: 16px;
}
.object_name {
    margin: 0 0 10px 24px;
    font-size: 21px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.object_name .small{
    font-size: 13px;
}
.section_title {
    font-size: 18px;
}
#footer, .v-footer {
    bottom: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index:1000;
}


.v-footer.lookup {
    z-index: 198 !important;
}

#footer_in, .footer_in {
    text-align: center;
    padding: 2px 20px 2px 20px;
    background: #EEEEEE;
    border-top:1px #C7C7C7 solid;
    -webkit-box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0);
}

#footer_submittab{
    padding: 2px 0 3px 0;
    background: #FFFFFF;
    border-top: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
}
#footer_nav{
    padding:2px 0 2px 6px;
    background: #EEEEEE;
    border-top: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
}
.arrow-right
{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
    content: "";
    float: right;
    margin: 3px 0 0 0;
}
.caret {
    margin-top: 8px;
    margin-left: 2px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #FFFFFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.bb {
    border-bottom: 2px solid black !important;
}

/*------------------- buttons -------------------*/

input[type="button"]::-moz-focus-inner, button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    margin: -1px; padding: 0; border-width: 1px;
}
button.moveonDemandButton[type="button"]{
    display:none;
    min-width: 100px;
}
.btn,input[type="submit"],input[type="button"],input[type="reset"],button[type="button"],button[type="submit"],button,.Button,.ButtonArrowUp,.NavBarArrow,.ButtonLst,.btn-lookup, .btn-lookupLeft, .btn-lookupRight, .moveonDemandButton, .btn-default, #placeholder {
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    position:relative;
    padding: 4px 14px;
    margin: 0px 2px;
    font-size: 14px;
    line-height: 20px;
    color: #1e1e1e;
    text-align: center;
    text-decoration:none;
    cursor: pointer;
    background-color: #e37222;
    background: -ms-linear-gradient(top, #e37222, #e37222);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e37222), to(#e37222));
    background: -webkit-linear-gradient(top, #e37222, #e37222);
    background: -o-linear-gradient(top, #e37222, #e37222);
    background: linear-gradient(top, #e37222, #e37222);
    background: -moz-linear-gradient(top, #e37222, #e37222);
    background-repeat: repeat-x;
    border: 1px solid #e37222;
    border-color: #e37222;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;   
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -ms-box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}
.btn .fa {
    vertical-align: middle;
}

@-moz-document url-prefix() { 
    .btn .fa {
        vertical-align: initial;
    }
    .infobox input[type="range"] , #floating-panel input[type="range"] {
        margin-top: 8px;
    }
}

@media screen and (-ms-high-contrast: none)  {
    .btn .fa {
        vertical-align: baseline;
    }
    select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .uneditable-inputLeft, .uneditable-inputRight {
        height: 30px;     
    }
    .showallbutton {
        margin: 1px 0 0 -28px;
    }
    .infobox input[type=range] , #floating-panel input[type=range] {
        margin-top: -13px;
        padding-bottom: 0;
    }
    .infobox input[type=range]::-ms-track , #floating-panel input[type=range]::-ms-track  {
        border-radius: 0 !important;
    }
    .infobox input[type=range]::-ms-thumb , #floating-panel infobox input[type=range]::-ms-thumb {
        border-radius: 0 !important;
    }
}

@media screen and (-ms-high-contrast: active) {
    .btn .fa {
        vertical-align: baseline;
    }
    select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .uneditable-inputLeft, .uneditable-inputRight {
        height: 30px;     
    }
}

.Form .Button {
    vertical-align: top;
}
.Intro .Button {
    vertical-align: top;
}
.btn-lookup {
    vertical-align: top;

}
.greyButton {
    padding:2px 8px !important;
    color: #585858 !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
    background-color: #FFFFFF !important;
    background: -ms-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D7D7D7)) !important;
    background: -webkit-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background: -o-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background: linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background: -moz-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background-repeat: repeat-x;
    border: 1px solid #B2B2B2 !important;
    border-color: #B2B2B2 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.greyButton div{
    text-shadow: none;
}
.delButton{
    padding:0px 5px !important;
    margin:-3px 0 !important;
    float:right;
    font-size: 12px !important;
    display:none !important;
}
.placeholder_height {
    width:0px;
    border-left:0px;
    border-right:0px;
    padding-left:0px;
    padding-right:0px;
    visibility:hidden;
    float:left;
}
.fieldlist, #fieldlist:not(select), #fielddisplay{
    padding:0px;
    margin:0px;
    list-style-type: none;
}
.fieldlistSubInfo {
    font-size: 13px;
    color: #6C6C6C;
}
#fielddisplay li, .fieldlist li, #fieldlist li {
    padding:6px 4px;
    margin: 2px;
    border:1px #ffffff solid;
    vertical-align:middle;
}
#fielddisplay li:hover, .fieldlist li:hover, #fieldlist li:hover, .fieldlist .ui-draggable-dragging, #fieldlist .ui-draggable-dragging {
    cursor: pointer;
    border:1px #D7D7D7 solid;
    background: #EEEEEE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#fielddisplay li:hover > .delButton {
    display:block !important;
}
button.DisabledButton
{
    background-color: #B7B7B7;
    background: -ms-linear-gradient(top, #D8D8D8, #B7B7B7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#D8D8D8), to(#B7B7B7));
    background: -webkit-linear-gradient(top, #D8D8D8, #B7B7B7);
    background: -o-linear-gradient(top, #D8D8D8, #B7B7B7);
    background: linear-gradient(top, #D8D8D8, #B7B7B7);
    background: -moz-linear-gradient(top, #D8D8D8, #B7B7B7);
    border: 1px solid #B7B7B7;
    border-color: #B7B7B7;
}
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], .uneditable-input {
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #FF000;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    display: inline-block;
    padding: 4px 6px;
    font-size: 14px;
    color: #222;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; 
    -ms-box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .uneditable-inputLeft, .uneditable-inputRight {
    line-height: 20px;     
}


.x-content textarea, .x-content select, .x-content input {
    max-width:100%;
}
/*
.datepickwrapper input {
    padding-left: 20px;
}
*/


input[type="text"] + .ui-datepicker-trigger  {
    color: #666;
    position: relative;
    border: 1px transparent solid;
    background: none;
    cursor: auto;
    box-shadow: none;
    outline: 0;
    padding: 4px 5px;
    margin-left: -25px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

input.datepickclass {
    padding-right: 20px !important;
}

.ssInputDiv {
    padding: 5px;
    width: 100%;
    border: 1px solid #515151;
}
input.uneditable-inputLeft, span.uneditable-inputLeft, .uneditable-inputLeft, input.btn-lookupLeft, button.btn-lookupLeft, span.btn-lookupLeft, .btn-lookupLeft {
    margin: 0 0 0 -2px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
}


input.uneditable-input, span.uneditable-input, .uneditable-input {
    margin: 0 -2px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

input.uneditable-inputRight, span.uneditable-inputRight, .uneditable-inputRight, input.btn-lookupRight, span.btn-lookupRight, .btn-lookupRight {
    margin: 0 -2px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] , .btn-file input[type=button] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    -webkit-appearance: none;
}


.btn-group {
    display:inline-block;
}
.btn-group div{
    display:inline-block;
}
.btn-group a {
    color: #1e1e1e;
}/*
.btn-default {
margin: 0 4px 0 0;
line-height: 20px;
}*/
/* start for bootstrap btn-group */

.btn-group {
    position: relative;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: top;
}
.btn-backgroup, #batchbutton_div {
    display:inline-block;
}
.btn-backgroup > :first-child{
    margin: 0 0 0 2px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}
.btn-backgroup div > :first-child, .btn-searchgroup div > :first-child {
    margin: 0 2px 0 -1px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}
.btn-searchgroup > :first-child{
    margin: 0 0 0 2px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}


.btn-caret{
    padding:4px 8px;
}

.btn-left {
    margin: 0 -5px 0 0;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;         
}
.btn-right {
    margin: 0 0 0 -5px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;   
}
.btn-middle {
    margin: 0 0 0 -2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;    
}

/*
.btn-group:first-child {
*margin-left: 0;
}

.btn-group + .btn-group {
margin-left: 5px;
}
.btn-toolbar .btn + .btn,
.btn-toolbar .btn-group + .btn,
.btn-toolbar .btn + .btn-group {
margin-left: 5px;
}
.btn-group > .btn {
position: relative;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;recentdrop
}
*/
.btn-group > .btn + .btn {

}

.btn-group > .btn,
.btn-group > .dropdown-menu {
    font-size: 14px;
}
.btn-group > .btn-mini {
    font-size: 11px;
}
.btn-group > .btn-small {
    font-size: 12px;
}
.btn-group > .btn-large {
    font-size: 16px;
}
.btn-group > .btn:first-child {
    /*margin-left: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;*/
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    /* -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;*/
}
.btn-group > .btn.large:first-child {
    margin-left: 0;
    /*-webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;*/
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
    /*-webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;*/
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    text-decoration: none;
    z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group .Button,
.btn-group > .btn + .dropdown-toggle {
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group > .btn-mini + .dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}
.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
    background: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group-vertical {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
}
/*
.btn-group-vertical .btn {
display: block;
float: none;
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.btn-group-vertical .btn + .btn {
margin-top: -1px;
margin-left: 0;
}

.btn-group-vertical .btn:first-child {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

.btn-group-vertical .btn:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}

.btn-group-vertical .btn-large:first-child {
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}

.btn-group-vertical .btn-large:last-child {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
*/
.btn-group a .fa {
    font-size: 14px;
}

.dropdown .caret {
    margin-top: 4px;
    margin-left: 2px;
}
.dropdown-title {
    border-bottom: 1px solid #f1f1f1;
    background: #f5f5f5;
    pointer: default;
}

.dropdown-title:first-of-type {
    margin-top: 0;
}
.dropdown-menu .dropdown-title a {
    font-size: 15px;
    padding: 7px 20px 4px 20px;
    cursor: default;
}

.dropdown-title span {
    padding-left: 5px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-decoration:none;
}
.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}
.dropdown-menu a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
    text-decoration:none;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #333333;
    text-decoration: none;
    background-color: #efefef;
    background-color: #efefef;
    background-repeat: repeat-x;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #333333;
    background: -moz-linear-gradient(top, #555555, #333333);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
    background: -webkit-linear-gradient(top, #555555, #333333);
    background: -o-linear-gradient(top, #555555, #333333);
    background: linear-gradient(to bottom, #555555, #333333);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #333333;
    background: -moz-linear-gradient(top, #333333, #555555);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#555555));
    background: -webkit-linear-gradient(top, #333333, #555555);
    background: -o-linear-gradient(top, #333333, #555555);
    background: linear-gradient(to bottom, #333333, #555555);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#555555', GradientType=0);
    outline: 0;
}
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
    color: #999999;
}
.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
}
.open {
    *z-index: 1000;
}
.open > .dropdown-menu {
    display: block;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}
.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}
.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}
.dropdown-toggle {
    *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0;
}

.btn-group div {
    display: inline-block;
}

#footer .btn-group a .fa {
    font-size: 12px;
    padding-left: 3px;
}

#footer  .dropup .dropdown-menu {
    margin-bottom: 10px;
    box-shadow: none;
}

#footer  .dropup .dropdown-menu:after , #footer .dropup .dropdown-menu:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#footer  .dropup .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 8px;
    margin-left: -60px;
}

#footer  .dropup .dropdown-menu button {
    padding: 7px 14px;
}

#footer .dropup .dropdown-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ccc;
    border-width: 10px;
    margin-left: -62px;
}

#footer .dropup .dropdown-menu button {
    float: none !important;
    text-align: left;
    color: #e37222;
    background: transparent;
    border: 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#footer .dropup ul.footerDropMenuRight {
    right: 0;
}

#footer .dropup ul.footerDropMenuRight:before {
    margin-left: 53px !important;
}

#footer .dropup ul.footerDropMenuRight:after {
    margin-left: 55px !important;
}

/* end for bootstrap btn-group */
.btn:hover,input[type="submit"]:hover,input[type="button"]:hover,button:hover,.Button:hover,.ButtonArrowUp:hover,.NavBarArrow:hover,.ButtonLst:hover,.btn-lookup:hover, .btn-lookupLeft:hover, .btn-lookupRight:hover {
    background: linear-gradient(top,white 0,#e37222 100%);
    box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFFFFF;
}
button.DisabledButton:hover{
    background: linear-gradient(top,white 0,#D8D8D8 100%);
    box-shadow: none;
}
.btn:focus,input[type="submit"]:focus,input[type="button"]:focus,button:focus,.Button:focus,.ButtonArrowUp:focus,.NavBarArrow:focus,.ButtonLst:focus,.btn-lookup:focus, .btn-lookupLeft:focus, .btn-lookupRight:focus, .btn-toggle-active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
    background-color: #e37222;
    background: -ms-linear-gradient(top, #e37222, #e37222);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e37222), to(#e37222));
    background: -webkit-linear-gradient(top, #e37222, #e37222);
    background: -o-linear-gradient(top, #e37222, #e37222);
    background: linear-gradient(top, #e37222, #e37222);
    background: -moz-linear-gradient(top, #e37222, #e37222);
    background-repeat: repeat-x;
}
button.DisabledButton:focus{
    box-shadow: none;
}
.NavBarArrow, .NavBar{
    padding: 0px 6px;
    margin: 0 1px 0 1px;
    font-size: 12px;
}

/*------------------- bootstrap tooltip -------------------*/

.tooltip {
    position: absolute;
    z-index: 3202;
    display: block;
    padding: 5px 5px 0 5px;
    font-size: 11px;
    visibility: visible;
}
.tooltip.top {
    margin-top: -3px;
}
.tooltip.right {
    margin-left: 3px;
}
.tooltip.bottom {
    margin-top: 3px;
}
.tooltip.left {
    margin-left: -3px;
}
.tooltip-inner {    
    width:auto;
    max-width: 300px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
    background-color: #333333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    word-wrap: break-word;
    word-break: normal;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #333333;
    border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #333333;
    border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #333333;
    border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #333333;
    border-width: 0 5px 5px;
}

/*added for global search or breadcrumb */

#helpFont{
    font-size: 10px;
    border-bottom: 1px dotted #000000;
    padding: 0px;
    cursor: pointer;
}
.titleFont{
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #333;
}
.tablePadding {
    padding: 5px;
}
#rightBorder {
    border-right: 1px solid #ccc;
}
.bottomBorder2 {
    border-bottom: 1px solid #ccc;
}
.bottomBorder{
    border-bottom: 2px solid #8F8F8F;
    margin-bottom: 10px;
}
.clearBoth {
    clear: both;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.globalContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}


/*end global search or breadcrum */


.navarrow_right_out {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #FFFFFF;
    position: absolute;
    left: 3px;
}
.navarrow_right_in {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #EEEEEE;
    position: absolute;
    left: 0px;
}
form {
    display: inline;
}
span.Required
{
    color: #FC1000;
}
/*table.Form{
table-layout: fixed;
}
table.Form th{
display:table-cell;
width:150px;
}*/
td.FormContainer{
    width:50%;
    vertical-align: top;
}
th.Form, th.FormTop, th.FormLg, th.FormSm, th.FormXSm, th.FormApp {
    color: #444;
    font-size:14px;
    font-weight: bold;
    line-height: 20px;
    padding: 9px 5px 9px 1px;
    vertical-align: top;
    text-align: right;
    background: #fff;
    background-color: #fff;
}
th.Form {
    min-width: 140px;
    max-width: 180px;
    width: 180px;
}
th.FormXSm {
    width: 80px;
}
th.FormSm {
    width: 100px;
}
th.FormLg {
    width: 160px;
    background: #fff;
    background-color: #fff; 
}
th.FormTop {
    font-weight: bold;
    text-align: left;
    background: #fff;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
th.FormTop label {
    font-size: 14px;
}
div.Form{
    padding:1px;
}
td.FormTop, .custabcontainer_in > div.Form {
    padding: 5px 5px 12px 0 !important;
}
td.Form[colspan='2'] {
    padding: 5px 5px 5px 1px !important;
}
th.FormApp {
    padding: 2px 2px 3px 6px;
    width: 150px;
    height: 26px;
    text-align: left;
}
th.FormPanel {
    padding: 2px 2px 2px 6px;
    width: 60px;
    vertical-align: top;
    text-align: left
}
th.Form a {
    font-size:12px;
    color:#555555;
}

th.Label {
    line-height: 20px;
    padding: 7px 6px 0 0;
    color: #333;
    white-space: nowrap;
    font-weight: normal;
    text-align: right;
    vertical-align: top;
}
td.Form {
    background: #FFF;
    color: #333;
    text-align: left;
    vertical-align: middle;
    padding: 5px;
}

/*td.Form input[type=text], td.Form select, td.Form textarea, td.Form input:not(input.datepickclass) {
width:91%;

}*/
div.FormInstructions{
    margin: 7px 0 0 0;
    padding: 10px;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
    color: #444;
    text-align: left;
    font-style: normal;
    -webkit-box-shadow: inset 1px 8px 11px -6px rgba(200, 200, 200, 0.2);
    -moz-box-shadow: inset 1px 8px 11px -6px rgba(200, 200, 200, 0.2);
    box-shadow: inset 1px 8px 11px -6px rgba(200, 200, 200, 0.2);
}  
th.Form .FormInstructions{
    margin: 4px 0 0 0;
    padding: 6px 4px 20px 4px;
    background: #f9f9f9;
    border-bottom: 0;
    color: #444;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.form-group .FormInstructions{
    padding: 5px 5px 10px;
    border-bottom:none;
}
.fieldCaptionDiv {
    font-weight: bold;
    width:200px;
    height:100%;
    padding: 9px 5px;
    vertical-align: top;
    text-align: right;
    background: #fff ;
    border-top:1px solid #FFFFFF;
    float:left;
    display:table-cell;
}
.fieldContentDiv {
    padding: 2px 4px;    
    white-space: normal;
    margin-left:210px;
}
.fieldContentDiv input[type=text], .fieldContentDiv select, .fieldContentDiv textarea{
    width:90%;
    min-width:100px;
    max-width:800px;
}
.fieldContentDiv textarea{
    height:100px;
}

.fieldContentDiv input[type=checkbox]{
    margin: 9px;
}


.fieldContentDiv.CheckBoxContainer  {
    display: table-cell;
    padding: 9px 5px
}

.fieldContentDiv.RadioContainer {
    padding: 5px 0;
}


.fieldContentDiv input[type=radio] + label {
    padding-top: 8px;
    padding-right: 5px;
}
/*
.fieldContentDiv input[type=checkbox] + label {
    padding-top: 8px;
}
*/
.fieldContentDiv div:not(.tooltip):not(.tooltip-arrow):not(.tooltip-inner):not(.slider_container):not(.slider){
    min-width:100px;
    max-width:800px;
    line-height: 20px;
    padding: 6px;
    word-break: break-word;
}

.rowDiv {
    width:50%;
    float: left;
    white-space: nowrap;    
}
.rowDiv:nth-child(odd) {
    clear:both;
}
/*
.fieldContentDiv:not(.fieldContentDiv input) {
padding:auto;
}*/

/* Language fallback support for Roboto font */

:lang(ja) body , :lang(zh) body , :lang(ko) body {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

:lang(ja) body.Arc , :lang(zh) body.Arc , :lang(ko) body.Arc {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

:lang(ja) a , :lang(zh) a , :lang(ko) a , :lang(ja) a:visited , :lang(zh) a:visited , :lang(ko) a:visited, :lang(ja) a:active , :lang(zh) a:active , :lang(ko) a:active {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

:lang(ja) .uneditable-inputLeft li a , :lang(zh) .uneditable-inputLeft li a  , :lang(ko) .uneditable-inputLeft li a  {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

:lang(ja) .btn, :lang(ja) input[type="submit"], :lang(ja) input[type="button"], :lang(ja) input[type="reset"], :lang(ja) button[type="button"] , :lang(ja) button[type="submit"] , :lang(ja) button, :lang(ja) .Button, :lang(ja) .ButtonArrowUp, :lang(ja) .NavBarArrow, :lang(ja) .ButtonLst, :lang(ja) .btn-lookup, :lang(ja) .btn-lookupLeft, :lang(ja) .btn-lookupRight, :lang(ja) .moveonDemandButton, :lang(ja) .btn-default, :lang(ja) #placeholder {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

:lang(zh) .btn, :lang(zh) input[type="submit"], :lang(zh) input[type="button"], :lang(zh) input[type="reset"], :lang(zh) button[type="button"] , :lang(zh) button[type="submit"] , :lang(zh) button, :lang(zh) .Button, :lang(zh) .ButtonArrowUp, :lang(zh) .NavBarArrow, :lang(zh) .ButtonLst, :lang(zh) .btn-lookup, :lang(zh) .btn-lookupLeft, :lang(zh) .btn-lookupRight, :lang(zh) .moveonDemandButton, :lang(zh) .btn-default, :lang(zh) #placeholder {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

:lang(ko) .btn, :lang(ko) input[type="submit"], :lang(ko) input[type="button"], :lang(ko) input[type="reset"], :lang(ko) button[type="button"] , :lang(ko) button[type="submit"] , :lang(ko) button, :lang(ko) .Button, :lang(ko) .ButtonArrowUp, :lang(ko) .NavBarArrow, :lang(ko) .ButtonLst, :lang(ko) .btn-lookup, :lang(ko) .btn-lookupLeft, :lang(ko) .btn-lookupRight, :lang(ko) .moveonDemandButton, :lang(ko) .btn-default, :lang(ko) #placeholder {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}  
:lang(ja) textarea, :lang(ja) select, :lang(ja) input, :lang(ja) .uneditable-input {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

:lang(zh) textarea, :lang(zh) select, :lang(zh) input, :lang(zh) .uneditable-input {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}


:lang(ko) textarea, :lang(ko) select, :lang(ko) input, :lang(ko) .uneditable-input {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 1024px) {
    .rowDiv {
        width:100%;
        clear:both;
    }
}
/*this is for the top alignment of the field values
td.Form {
background: #FFF;
color: #333;
text-align: left;
vertical-align: top;
padding: 10px 4px;
line-height:20px;
}
td.Form input:not([class="btn-lookupLeft"]):not([class="btn-lookup"]):not([type="checkbox"]):not([type="radio"]), td.Form textarea, td.Form select, td.Form span.btn-lookupLeft {
margin: -5px 2px -5px 2px;
}
td.Form input[type="Checkbox"], td.Form input[type="radio"] {
vertical-align: middle;
}
td.Form table.fixedlist {
margin:5px 0 0 0;
}
td.Form div[class="ssCheckBoxDiv"] label {
vertical-align: middle;
}
select:not([class="ui-datepicker-month"]):not([class="ui-datepicker-year"]):not(.form-control), input:not([type="checkbox"]):not([type="radio"]):not(.form-control){
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
height: 20px;
}
*/
div.form-control {
    height: auto;
    border: none;    
}


.ssCheckBoxContainer, .ssRadioContainer {
    display: inline-block;
    padding: 1px 0 0 0;
}
.ssCheckBoxContainer > div, .ssRadioContainer > div {    
    display:table
}
.ssCheckBoxContainer > div > div, .ssRadioContainer > div > div{    
    display:table-row
}.checktoggle td.Form input[type='radio'] + label
.ssCheckBoxContainer > div > div > div, .ssRadioContainer > div > div > div:not(.notifyjs-bootstrap-error) {
    padding: 0 10px 6px 0;
    vertical-align:top;
}
.ssCheckBoxContainer > div > div > div > label, .ssRadioContainer > div > div > div > label {
    width:auto;
}


.ssRadioContainer div, .RadioContainer div {
    float: left;
}

div.Intro .CheckBoxContainer {
    margin-bottom: 10px;
}

#listcontainer td.firstrow , #list_container td.firstrow , .ax-listview td.firstrow , table.Form td.firstrow , #container1 td.firstrow , #container2 td.firstrow , table.Data td.firstrow{
    padding-left: 14px;
}

.showinput {
    display: inline !important;
}


.ssCheckBoxDiv label{
    width: auto;
    max-width: 100%;
}



.Form input[type='checkbox'],.Form input[type='radio'] {
    margin: 7px 0 5px 5px;
    vertical-align: top;
}
td.Form label {
    vertical-align: top;    
    padding: 5px;
    display: inline-block;
}
/*Adding custom checkbox icons*/


td.Form .ssCheckBoxContainer label, .CheckBoxContainer input[type="checkbox"]+label , td.Form .ssRadioContainer label , .RadioContainer label, #listcontainer label , .ax-listview label , #columnheader label , #list_container [input="checkbox"]+label , #container1 label , #container2 label , .CheckBoxContainer input[type="checkbox"]+label , .nolist label , .list_container input[type="checkbox"]+label , table.Data input[type="checkbox"]+label , table.Form.Check label , table.Data input[type="radio"]+label {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    cursor: pointer;
    font-weight: normal !important;
}

#listcontainer .Sub label , #listcontainer .SubCenter label , #container1 .Sub label , #container2 .Sub label , #list_container .Sub label , .list_container .Sub label , #columnheader .Sub label , .ax-listview .Sub label, table.Data .SubCenter label {
    padding-left: 13px !important;
}
/*
td.Form .ssRadioContainer div label {
    padding: 0 20px 0 0;
}


td.Form .ssRadioContainer div label:before , td.Form .ssRadioContainer div label:after {
    padding-top: 0;
}

*/

td.Form .ssCheckBoxContainer label:before, td.Form .ssCheckBoxContainer label:after, .CheckBoxContainer input[type="checkbox"]+label:before,  .CheckBoxContainer input[type="checkbox"]+label:after , td.Form .ssRadioContainer label:before,  td.Form .ssRadioContainer label:after , .RadioContainer label:before , .RadioContainer label:after , #listcontainer label:before , #listcontainer label:after , .ax-listview label:before , .ax-listview label:after , #columnheader label:before , #columnheader label:after , #list_container input[type="checkbox"]+label:before , #list_container input[type="checkbox"]+label:after , #container1 label:before , #container1 label:after , #container2 label:before , #container2 label:after , .CheckBoxContainer input[type="checkbox"]+label:before, .CheckBoxContainer input[type="checkbox"]+label:after , .nolist label:before , .nolist label:after , .list_container input[type="checkbox"]+label:before , .list_container input[type="checkbox"]+label:after , table.Data input[type="checkbox"]+label:before , table.Data input[type="checkbox"]+label:after , table.Form.Check label:before , table.Form.Check label:after,table.Data input[type="radio"]+label:before , table.Data input[type="radio"]+label:after {
    font-family: FontAwesome;
    font-size: 17px;
    color: #777;
    position: absolute; top: 0; left: 0;
    padding:4px 0 0 0;
}

.RadioContainer label:before , .RadioContainer label:after {
    padding: 0;
}

.nolist label:before , table.Data input[type="radio"]+label:before , table.Data input[type="radio"]+label:after {
    padding-top: 0;
}

#listcontainer label:before , .ax-listview label:before , #columnheader label:before , #list_container input[type="checkbox"]+label:before , #container1 label:before , #container2 label:before , .CheckBoxContainer  input[type="checkbox"]+label:before , .nolist:before , .list_container input[type="checkbox"]+label:before , table.Data input[type="checkbox"]+label:before , table.Form.Check label:before { 
    padding-top: 0;
    background-image: linear-gradient(transparent 2px, white -10px);
    height: 14px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#listcontainer label:after , .ax-listview label:after , #columnheader label:after , #list_container input[type="checkbox"]+label:after , #container1 label:after , #container2 label:after , .CheckBoxContainer input[type="checkbox"]+label:after , .nolist label:after , .list_container input[type="checkbox"]+label:after , table.Data input[type="checkbox"]+label:after , table.Form.Check label:after {
    padding-top: 0;
}

td.Form .ssCheckBoxContainer label:before , .CheckBoxContainer input[type="checkbox"]+label:before , #listcontainer label:before , .ax-listview label:before , #columnheader label:before , #list_container input[type="checkbox"]+label:before , #container1 label:before , #container2 label:before , .CheckBoxContainer input[type="checkbox"]+label:before , .nolist label:before , .list_container input[type="checkbox"]+label:before , table.Data input[type="checkbox"]+label:before , table.Form.Check label:before {
    content: '\f096';
}
td.Form .ssRadioContainer label:before, .RadioContainer label:before , table.Data input[type="radio"]+label:before  {
    content: '\f1db';
}
td.Form .ssCheckBoxContainer label:after, .CheckBoxContainer input[type="checkbox"]+label:after , td.Form .ssRadioContainer label:after , .RadioContainer label:after,  #listcontainer label:after , .ax-listview label:after , #columnheader label:after , #list_container input[type="checkbox"]+label:after , #container1 label:after , #container2 label:after , .CheckBoxContainer input[type="checkbox"]+label:after , .nolist label:after , .list_container input[type="checkbox"]+label:after , table.Data input[type="checkbox"]+label:after , table.Data input[type="radio"]+label:after ,table.Form.Check label:after {
    color: #444;
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    transition: all 0.35s;
}
td.Form .ssCheckBoxContainer label:after , .CheckBoxContainer input[type="checkbox"]+label:after , #listcontainer label:after , .ax-listview label:after , #columnheader label:after , #list_container input[type="checkbox"]+label:after , #container1 label:after , #container2 label:after , .CheckBoxContainer input[type="checkbox"]+label:after , .nolist label:after , .list_container input[type="checkbox"]+label:after , table.Data input[type="checkbox"]+label:after , table.Form.Check label:after {
    content: '\f00c'; 
}
td.Form .ssRadioContainer label:after , .RadioContainer label:after , table.Data input[type="radio"]+label:after {
    content: '\f192'; 
}

td.Form .ssCheckBoxContainer input[type="checkbox"], .CheckBoxContainer input[type="checkbox"], td.Form .ssRadioContainer input[type="radio"] , .RadioContainer input[type="radio"] , #listcontainer input[type="checkbox"] , .ax-listview input[type="checkbox"] , #columnheader input[type="checkbox"] , #list_container input[type="checkbox"] , #container1 input[type="checkbox"] , #container2 input[type="checkbox"] , .CheckBoxContainer input[type="checkbox"] , .nolist input[type="checkbox"] , .list_container input[type="checkbox"] , table.Data input[type="checkbox"] , table.Data input[type="radio"] ,  table.Form.Check input[type="checkbox"] {
    display: none;
}
td.Form .ssCheckBoxContainer input[type="checkbox"]:checked + label:after, .CheckBoxContainer input[type="checkbox"]:checked + label:after, td.Form .ssRadioContainer input[type="radio"]:checked + label:after , .RadioContainer input[type="radio"]:checked + label:after , #listcontainer input[type="checkbox"]:checked + label:after , .ax-listview input[type="checkbox"]:checked + label:after , #columnheader input[type="checkbox"]:checked + label:after , #list_container input[type="checkbox"]:checked + label:after , #container1 input[type="checkbox"]:checked + label:after , #container2 input[type="checkbox"]:checked + label:after , .CheckBoxContainer input[type="checkbox"]:checked + label:after , .nolist input[type="checkbox"]:checked + label:after , .list_container input[type="checkbox"]:checked + label:after , table.Data input[type="checkbox"]:checked + label:after , table.Data input[type="radio"]:checked + label:after , table.Form.Check input[type="checkbox"]:checked + label:after {
    max-width: 25px; 
    opacity: 1;
}

.ssRadioContainer input:disabled + label , .ssRadioContainer input:disabled + label:before , .ssRadioContainer input:disabled + label:after ,  .RadioContainer input:disabled + label , .RadioContainer input:disabled + label:before , .RadioContainer input:disabled + label:after {
    color:#ccc;
    cursor: no-drop;
}

table.Data .ssCheckBoxDiv input[type="checkbox"]+label:before , table.Data .ssCheckBoxDiv input[type="checkbox"]+label:after {
    padding-top: 5px;
}


input[type=checkbox]:disabled + label , input[type=checkbox]:disabled + label:after , input[type=checkbox]:disabled + label:before {
    color:#ccc;
    cursor: no-drop;
}

.mwindiv_content.modalstatic .mwindiv_in .ssCheckBoxContainer table {
    width: 100%;
}

.search_fields .RadioContainer {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

td.NavBarBg {
    padding: 4px;
    border: 1px #F0F0F0 solid;
    background: #FFFFFF;
}
.uploadtext {
    position: fixed;
    float: right;
    display: none;
    color: #FFF;
    background: none repeat scroll 0% 0% #BDBDBD;
    padding: 2px;
    font-weight: bold;
}
.Filter{
    padding:4px;
    background: #FFFFFF;
}
div.filterblk {
    display:block;width:100%;
}
div.filterblk div {
    display:inline-block;
    padding:4px;
}
div.filterblk div.rightblk {
    float:right;
}
td.Title, .AppNavSolid {
    color:#000000;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #E7E7E7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E7E7E7), to(#E7E7E7));
    background: -webkit-linear-gradient(top, #FFFFFF, #E7E7E7);
    background: -o-linear-gradient(top, #FFFFFF, #E7E7E7);
    background: linear-gradient(top, #FFFFFF, #E7E7E7);
    background: -moz-linear-gradient(top, #FFFFFF, #E7E7E7);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E7E7E7', GradientType=0);
    border-top: 1px #FFFFFF solid;
    border-right: 1px #D7D7D7 solid;
    border-bottom: 1px #D7D7D7 solid;
    border-left: 1px #FFFFFF solid;
}
.AppNavDivider{
    height: 12px;
    width: 0px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #000000;
    padding: 0;
    opacity:0.15;
    filter:alpha(opacity=15);
}
.AppNavTop{
    background-color: #FFFFFF;
    border-top: #FFFFFF 1px solid;
    border-right: #D7D7D7 1px solid;
    border-bottom: #D7D7D7 1px solid;
    border-left: #FFFFFF 1px solid;
}
.AppNavOn{
    padding: 7px 12px 8px 12px;
    color:#000000;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #E7E7E7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E7E7E7));
    background: -webkit-linear-gradient(top, #FFFFFF, #E7E7E7);
    background: -o-linear-gradient(top, #FFFFFF, #E7E7E7);
    background: linear-gradient(top, #FFFFFF, #E7E7E7);
    background: -moz-linear-gradient(top, #FFFFFF, #E7E7E7);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E7E7E7', GradientType=0);
    border-top: 1px #D7D7D7 solid;
    border-bottom: 1px #D7D7D7 solid;
    border-right: 1px #D7D7D7 solid;
    border-left: 1px #FFFFFF solid;
    cursor: pointer;
}
.AppNavOff,div.AppNav{
    font-weight:normal;
    margin: 0px;
    font-size: 14px;
    color: #323335;
    background-color: #E6E6E6;
    background: -ms-linear-gradient(top, #E6E6E6, #F7F7F7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E6E6E6), to(#F7F7F7));
    background: -webkit-linear-gradient(top, #E6E6E6, #F7F7F7);
    background: -o-linear-gradient(top, #E6E6E6, #F7F7F7);
    background: linear-gradient(top, #E6E6E6, #F7F7F7);
    background: -moz-linear-gradient(top, #E6E6E6, #F7F7F7);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#F7F7F7', GradientType=0);
}
.AppNavOff{
    padding: 7px 12px 8px 12px;
    border-top: 1px #D7D7D7 solid;
    border-bottom: 1px #D7D7D7 solid;
    border-right: 1px #D7D7D7 solid;
    border-left: 1px #FFFFFF solid;
    cursor: pointer;
}
TD.AppNav a, .app_nav li a{
    color: #323335;
}
div.AppNav{
    border-bottom: #D7D7D7 1px solid;
}
.AppNavSolid .fieldgroup input, td.Title .fieldgroup input {
    padding:0px 2px;
}
th.SubTabOn {
    margin: 0 2px -1px 0;
    font-size: 14px;
    font-weight:normal;
    color: #323335;
    padding: 7px 12px 8px 12px;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
    border: 1px #D7D7D7 solid;
    border-bottom: 1px #FFFFFF solid;
    -webkit-border-radius-topleft: 4px;
    -webkit-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}
th.SubTabOff {
    margin: 0 2px -1px 0;
    font-size: 14px;
    font-weight:normal;
    color: #323335;
    padding: 7px 12px 8px 12px;
    background-color: #E6E6E6;
    background: -ms-linear-gradient(top, #E6E6E6, #F7F7F7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E6E6E6), to(#F7F7F7));
    background: -webkit-linear-gradient(top, #E6E6E6, #F7F7F7);
    background: -o-linear-gradient(top, #E6E6E6, #F7F7F7);
    background: linear-gradient(top, #E6E6E6, #F7F7F7);
    background: -moz-linear-gradient(top, #E6E6E6, #F7F7F7);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#F7F7F7', GradientType=0);
    border: 1px #D7D7D7 solid;
    -webkit-border-radius-topleft: 4px;
    -webkit-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}
div.Container {
    border: 1px #D7D7D7 solid;
    padding: 20px 0 0 0;
}
.TabBar, .subListView {
    background:#EEEEEE;
    border-top: 1px #D7D7D7 solid;
    margin: 0px;
}



.Submit{
    text-align:center;
    background: #EEEEEE;
    border: 1px #D7D7D7 solid;
}


.Modal.Submit {
    border: 0;
    padding: 12px 0px 8px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
tr.clickable:hover td{
    cursor: pointer;
    background-color: #fef1e2;
    background: -ms-linear-gradient(top, #fef1e2, #fef1e2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fef1e2), to(#fef1e2));
    background: -webkit-linear-gradient(top, #fef1e2, #fef1e2);
    background: -o-linear-gradient(top, #fef1e2, #fef1e2);
    background: linear-gradient(top, #fef1e2, #fef1e2);
    background: -moz-linear-gradient(top, #fef1e2, #fef1e2);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fef1e2', endColorstr='#fef1e2', GradientType=0);
}

/*
#listcontainer tr > td:first-child , #container1 tr > td:first-child , #container2 tr > td:first-child , #list_container tr > td:first-child {
    border-left: 8px solid transparent;
}
*/

.Data1{
    font-size:14px;
    padding: 6px;
    background: #FFFFFF;
    border-bottom: 1px #EEEEEE solid;
}
.Data2{
    font-size:14px;
    padding: 6px;
    background: #F7F7F7;
    border-bottom: 1px #EEEEEE solid;
}
.Data1 input,.Data2 input {
    margin:0px;
}
.Data1b, .Data2b{
    padding: 6px;
    font-size:14px ;
}
.data_row_name {
    color:#2E2E2E;
    font-size:13px;
    font-weight:bold;
    padding:0 0 4px 0;
    display:block;
}

/* advanced search for new lightbox */



table.asearch {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 0 20px;
}

table.asearchbottom {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

table.asearchbottom select {
    line-height: 20px;
    box-sizing: border-box;
}

table.asearchfooter {
    margin-top: 15px;
    position: fixed;
    bottom: 0;
}

table.asearchfooter div {
    float: left;
}

.SubModal {
    text-align: left;
    padding: 10px 0px 10px 5px;
    border-top: 3px solid #e37222;
    border-bottom: 2px solid #dddddd;
    box-sizing: border-box;
}

.SubModal .fa {
    font-size: 12px;
}


.SubModal.acategory {
    width: 33%;
    box-sizing: border-box;
}

.SubModal.astatus {
    width: 33%;
    box-sizing: border-box;
}

.SubModal.asearch {
    width: 33%;
    box-sizing: border-box;
}

#searchpanel .Modal {
    width: 100%;
    padding:  10px 20px;
    margin-top: 10px;
    box-sizing: border-box;
}

.row_selector {
    width: 7%;
}

.row_commonfields {
    width: 20%;
}

.row_field {
    width: 19%;
}

.row_matching {
    width: 19%;
}

.row_searchterm {
    width: 33%;
}

.row_button {
    width: auto;
}
.Form.asearch select {
    width: 100%;
}

.asearch .Form {
    background-color: #fcfcfc;
    border-bottom: 1px solid #ededed;
}

.asearch .statusoption {
    width: 100%;
}


.row_cell td {
    padding: 0px 5px 10px 0px;
}

.row_cell input {
    width: 91%;
}

.row_cell select {
    width: 97%;
}


.modal_actionbar .Button {
    padding: 4px 14px;
}

.btn-group.addrow {
    padding: 0 20px;
    margin-top: 5px;
}

.btn-group.addrow .Button {
    padding: 4px 14px;
}

/* ------advanced search status template drop classes------ */


.search_nav{
    position: relative;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width:100%;
}
.search_nav li{
    float: left;
    cursor: pointer;
    position: relative;
    width:100%;
}
.search_nav li a span{
    margin: 7px 0 0 4px;
}
.search_nav li.hover a{
    color: black;
}
.search_nav ul{
    display: none;
    overflow:auto;
    overflow-x:hidden;
    position: absolute;
    top: 100%;
    width:300px;
    /*max-height:90%;*/
    padding: 5px 0;
    margin: 0px 0 0 -1px;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #ededed;
    text-decoration:none;
    z-index:1000;
}

.search_nav ul li{
    font-weight: normal;
    float: none;
    color: #323335;
    padding: 2px 5px 2px 5px;
    border: none;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 98%;
}
.search_nav li:hover > ul{
    display:block;
}

/*-------from styles common for 100% width-------*/

#v-header {
    width:100%;
    background: #FFFFFF;
    position:fixed;
    top:0px;
    z-index: 200;
}
#v-content {
    padding: 15px 20px;
    margin: 0px;
    z-index: 1;
    background: #FFFFFF;
    clear: both;
    border-top: 1px #CCCCCC solid;
    z-index: 100;
}
#l-header {
    width:100%;
    background: #FFFFFF;
    position:fixed;
    top: 0px;
    z-index: 200;
}
.resetwidth {
    /*[if IE]*/
    min-width:auto;
    max-width:auto;
    /*[endif]*/
    min-width:initial;
    max-width:initial;
    width:auto;
}
.resetwidthfixed {
    min-width:100%;
    max-width:100%;
    width:100%;
}

/* ---- Arcadia X styles ---- */


.ax-search {
    text-align: right;
    padding-bottom: 8px;
}
.ax-searchlabel {
    opacity: 0;
}
.ax-panelcolumn {
    float: left;
}


.ax-panelcolumn tr > th.Form.transparent:first-child {
    padding-left: 8px;
}

.ax-box {
    background-color: #FFFFFF;
    border-radius: 6px;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    margin: 10px;
    padding: 0 0 5px 0;
}
.ax-listview {
    overflow:auto;
}
.ax-title {
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #FFFFFF;
    background-color: #009FDA;
    background: -ms-linear-gradient(top, #009FDA, #009FDA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#009FDA), to(#009FDA));
    background: -webkit-linear-gradient(top, #009FDA, #009FDA);
    background: -o-linear-gradient(top, #009FDA, #009FDA);
    background: linear-gradient(top, #009FDA, #009FDA);
    background: -moz-linear-gradient(top, #009FDA, #009FDA);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#009FDA', endColorstr='#009FDA', GradientType=0);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 6px 10px;
    font-size: 20px;
    text-align: left;
}
.ax-title .sectiontitle, .ax-title .shortcuttitle {
    font-size: 20px;
    color: #FFFFFF;
}
.ax-titleicon-container {
    display:inline-block;
    border-radius:2px;
    margin: 2px 5px 0px 0px;
    float: left;
}
.ax-titleicon {
    padding:1px 4px 2px 4px;
    font-size:14px ;
    color:#000000;
    background-image:-moz-linear-gradient(300deg, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    text-shadow:0px 1px 0px rgba(255,255,255, 0.5);
    border-radius:2px
}
.ax-titlecaret {
    margin:-11px 0 0 14px;
    position:absolute;
    color:#009FDA;
    font-size:22px;
}
.ax-titlesize-container {
    display:inline-block;
    margin: 2px 0 0 0;
    cursor: pointer;
    float:right;
}
.ax-titlesize {
    padding:1px 4px 2px 4px;
    font-size:14px ;
    color:#FFFFFF;
    border-top: 1px rgba(255, 255, 255, 0) solid;
    border-right: 1px rgba(255, 255, 255, 0) solid;
    border-bottom: 1px rgba(255, 255, 255, 0) solid;
    border-left: 1px rgba(255, 255, 255, 0) solid;
    background-image:-moz-linear-gradient(300deg, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    text-shadow:0px -1px 0px rgba(0,0,0, 0.5);
    border-radius:2px;
}
.ax-titlesize:hover {
    border-top: 1px rgba(255, 255, 255, 0.3) solid;
    border-right: 1px rgba(0, 0, 0, 0.3) solid;
    border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
    border-left: 1px rgba(255, 255, 255, 0.3) solid;
    border-radius:2px;
}
.ax-titlesize:active {
    border-top: 1px rgba(0, 0, 0, 0.3) solid;
    border-right: 1px rgba(255, 255, 255, 0.3) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
    border-left: 1px rgba(0, 0, 0, 0.3) solid;
    border-radius:2px;
}
.ax-controlbar {
    padding: 4px 4px 4px 0;
    background: #FFFFFF;
}
.ax-controlbar .search_fields {
    width:45%;    
}
.ax-controlbar .search_fields .searchtext {
    width:66%;
    min-width: 100px;
    max-width:500px;    
}
.ax-placeholder {
    float:left;
    display:none;
}
.ax-container{
    padding: 55px 10px 0 10px;
    text-align: left;
}
.ax-container .object_name{
    display:block;
    padding:10px 0 5px 20px;
    margin: 0;
    border-bottom: 1px #EBEBEB solid
}
.ax-boxcontainer {
    text-align: left;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
.ax-boxcontent {
    background: #FFFFFF;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
.ax-boxcontent, .ax-instructioncontent {    
    text-align: left;
    font-size:13px;
}
.ax-instructioncontent {
    padding: 10px 20px 10px 20px;
}
.ax-titletabbar_out{
    position: relative;
    border-bottom: 2px #009FDA solid;
}
.ax-sectionfooter {
    height:5px;
    width:100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    position:relative;
    bottom:0;
}
.noshadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.nomargin {
    margin:0px;
}
.noradius {
    border-radius: 0px;
}

* html #tabs li.ax-titletabitem {
    display: inline;
}
li.ax-titletabitem, li.ax-titletabitem a, li.ax-titletab_end {
    display: inline-block;
}
ul.ax-titletabbar {
    float: left;
    font-size: 0px;
    white-space: nowrap;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 60;
    position: relative;
}
li.ax-titletabitem {
    margin: 0px;
    font-size: 13px;
    cursor:pointer;
}
.ax_tabs{
    position: relative;
}
.ax_tabs .tabbar_out, .ax_tabs .tabbar2_out, .ax_tabs .ax-titletabbar_out{
    overflow:hidden;
    position: relative;
}
.ax_tabs ul.ax-titletabbar li.ax-titletabitem {
    padding: 6px 10px;
    margin: 0 2px 0 0;
    font-size: 20px;
    text-align: left;
}
.ax_tabs ul.ax-titletabbar li.ax-titletabitem a {
    outline: none;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 20px;
}
.ax_tabs ul.ax-titletabbar li.ax-titletabitem_active {
    color: #FFFFFF;
    background-color: #009FDA;
    background: -ms-linear-gradient(top, #009FDA, #009FDA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#009FDA), to(#009FDA));
    background: -webkit-linear-gradient(top, #009FDA, #009FDA);
    background: -o-linear-gradient(top, #009FDA, #009FDA);
    background: linear-gradient(top, #009FDA, #009FDA);
    background: -moz-linear-gradient(top, #009FDA, #009FDA);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#009FDA', endColorstr='#009FDA', GradientType=0);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 6px 10px;
    margin: 0 2px 0 0;
    font-size: 20px;
    text-align: left;
}
.ax_tabs ul.ax-titletabbar li.ax-titletabitem_active a {
    outline: none;
    text-decoration: none;
    font-size: 20px;
    color: #FFFFFF;
}
.ax_tabs li.ax-titletab_end{
    padding: 6px 0px 4px 0px;
    font-size: 13px;
    border-right: 0px #FFFFFF none;
    border-left: 1px #FFFFFF solid;
}
.ax_tabs div.container_in {
    margin: -1px 0 0 0;
    border: 1px solid #D7D7D7;
    background: #FFFFFF;
    clear: both;
    z-index: 50;
}

/* ---- tooltip styles ---- */

.text-help + .tooltip.bottom .tooltip-arrow {    
    border-bottom-color: #999999;
}
.text-help + .tooltip > .tooltip-inner {
    background-color: #ffffff;
    color:#000000;
    font-size: 12px;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;    
    padding:8px;
}
.text-help + .tooltip > .tooltip-inner {
    border: 1px #999999 solid;
    white-space: normal;
}
i.text-help {
    color: #999999;
    vertical-align: top;
    margin: 2px 0 0 5px;
    cursor: default;
}
input+i.text-help,select+i.text-help,button+i.text-help,textarea+i.text-help,div+i.text-help {
    margin: 9px 0 0 5px;
}
i.text-help:hover {
    color: #e37222;
}
span.text-help {
    border-bottom: 1px dotted #000000;
    padding: 0px;
    margin-top: -10px;
    cursor: pointer;
}
div.text-help, #map_container{
    text-align:left;
    position: absolute;
    display: none;
    z-index: 4000 !important;
    background: #FFFFFF;
    border: 1px #CCCCCC solid;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    overflow: auto;
    font-weight: normal;
    margin: 14px 0 0 0;
    white-space: normal;
}


.Data1 i, .Data2 i {
    padding-left: 2px;
    padding-right: 2px;
    margin: 2px 0px 0px 0px;
}
.help-options {
    background: #F1F1F1;
}
.help-options ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.help-options ul li:hover {
    background: #FFFFFF;
}
.help-options ul li {
    font-size: 14px;
    padding: 4px 6px 4px 6px;
    border-top:1px #FFFFFF solid;
    border-right:1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
    border-left:1px #FFFFFF solid;
    float:left;
    min-width: 64px;
    cursor: pointer
}
.help-content, .map-content {
    font-size: 14px;
    background: #FFFFFF;
    color: #000000;
    padding: 8px;
    max-width: 352px;
    min-width: 58px;
    z-index: 202 !important;
}

.help-content p {
    margin-top: 0;
    margin-bottom: 5px;
}


span.text-help div.text-help{
    display: none;
}
span.text-help:hover >  div.text-help{
    top:14px;
    opacity: 1;
    display: block;
}
.statuscontaineroff {
    float: left;
    width: 75px;
    background-image: url(/images/status-off.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin-right: 5px;
}
.statuscontaineron {
    float: left;
    width: 75px;
    background-image: url(/images/status-on.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin-right: 5px;
}
.statusnumber {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    height: 65px;
    padding: 25px 0 0 0;
}
.statustitle {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11.5px;
    font-weight: normal;
    color: #333333;
    text-align: center;
}

.error_msg_container ul, .success_msg_container ul{
    font-size:13px;
    padding:0 0 0 30px;
}
.error_msg_container ul li, .success_msg_container ul li{
    margin:0 0 3px 0;
}
.error_msg_container, .success_msg_container, .information_msg_container, .warning_msg_container{
    margin: 15px 20px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    position: relative;
    padding: 15px;
    border-radius: 7px 7px 7px 7px;
}
.error_msg_container span, .success_msg_container span, .information_msg_container span, .warning_msg_container span{
    font-size:16px;
    padding:2px 0 0 0;
    display:inline-block
}
.error_msg_container{
    background: #F9DDDD;
    border:1px #E7C2C7 solid;
}
.error_msg_container span{
    color:#B94A48;
}
.success_msg_container {
    background-color: #dff0d8;
    border:1px #d6e9c6 solid;
}
.success_msg_container span{
    color: #468847;
}
.information_msg_container {
    background-color: #d9edf7;
    border:1px #bce8f1 solid;
}
.information_msg_container span{
    color: #31708f;
}
.warning_msg_container {
    background-color: #fcf8e3;
    border:1px #faebcc solid;
}
.warning_msg_container span{
    color: #8a6d3b;
}

.warning_msg_container.small {
    display: inline-block;
    width: auto;
    padding: 10px;
    margin: 5px 0 0 0;
}

.warning_msg_container.small span {
    font-size: 13px;

}

.warning_msg_container.small span .fa {
    padding-right: 5px;
}
.container_dotted
{
    border:1px #D7D7D7 dotted;
    padding:10px 15px;
    margin:0 20px 20px 0;
    display:inline-block;
    vertical-align:top;
}
.container_flex {
    display: flex;
    flex-wrap: wrap;
}
.container_flex > .flexAddressBox {
    flex-basis: 20%;
    min-width: 25%;
}
#address_container, .address_container{
    display:block;
    cursor:pointer;
}
.address_container {
    margin: 15px 0;
}
#address_container:hover, .address_container:hover{
    text-decoration:underline;
}
div.event-prev
{
    position: absolute;
    display: none;
    z-index: 200;
    left: 0;
    top: 0;
    background: #FFFFFF;
    width: 250px;
    padding: 0px;
    border: 0px solid #FFFFFF;
    overflow: auto;
    font-weight: normal;
}
div.result-help
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
    background: #FFFFFF;
    width: 210px;
    padding: 8px;
    border: 1px solid #000000;
    overflow: auto;
    font-weight: normal;
}

/* ---- portal shortcut styles ---- */

div.HomeFaceContainer {
    margin:0 auto;
    padding:0 0 20px 0;
}
div.HomeFace{    
    padding:20px 20px 0 20px;
    display:block;
}
.HomeFace h2{
    font-size:16px;
    font-weight:bold;
    border-bottom: 1px #E6E6E6 solid;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
.HomeFace ul
{
    padding: 0px;
    font-size: 12px;
    margin: 0px;
    list-style-type: none;
}
.HomeFace ul li
{
    vertical-align:top;
    padding: 0 20px 20px 0;
    display: -moz-inline-box;
    display: inline-block;
    width: 230px;
    *float:left;
}
.HomeFace ul li img
{
    float:left;
}
.HomeFace ul li a
{
    margin: 0 4px 4px 0;
    float:left;
}
.HomeFace ul li h3
{
    padding: 4px 0;
    font-size: 13px;
    margin: 0px;

}
.HomeFace ul li h3 a
{
    color: #2f2f2f;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float:none;
    width:auto;
}
.HomeFace ul li p
{
    padding: 0px;
    margin: 0px;
    color: #000000;
    clear:left;
}
.HomeFace ul li p a
{
    padding: 0px;
    margin: 0px;
    color: #000000;
    text-decoration:none;
}
.HomeFace span.promote
{
    padding: 1px 4px 1px 4px;
    font-weight: bold;
    background: #929bab;
    color: #fff;
    margin: 0 2px 0 0;
}
.HomeFaceIntro{
    background:#FFFFFF;
    margin: 20px 20px 0 20px;
    padding:20px;
    border: 1px solid #f1f1f1;
}
.shortcut_lg ul li
{
    width: 350px;
}
.shortcut_lg ul li p
{
    clear:none;
    clear:initial;
    float:none;
    width:auto;
}

.shortcutDiv {
    float: left;
    padding:7px 8px 7px 11px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    border: 1px solid #e37222;
    background: #fdfdfd;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.shortcutDiv span {
    float: left;
    background: #e37222;
    color: #1e1e1e;
    padding: 5px;
    border-radius: 50%;
    width: 25px;
    height: 25px; 
    margin-right: 4px;
    text-align: center;
}
.shortcutDiv span > .fa {
    padding: 4px 0 0 0px;
    font-size: 16px;
}

.shortcutDiv span:empty {
    display: none;
}


.shortcutName {
    float: right;
    font-size: 14px;
    padding: 2px 5px 0px 4px;
    color: #000;
}

.shortcutDiv span:not(:empty) + .shortcutName  {
    margin-top: 8px;
}
.shortcutDiv:hover {
    background: #e37222;
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
    transition:box-shadow 0.3s ease-in-out;
    cursor: pointer;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.shortcutDiv:hover span {
    background: #1e1e1e;
    color: #e37222
}
.shortcutDiv:hover .shortcutName {
    color: #1e1e1e
}

.HomeFace ul li.shortcutList {
    width: auto;
    margin-right: 15px;
    padding: 0;
}

/*added for whitepaper shortcut theme */

.whitepaper .ax-boxcontent .shortcutDiv span {      
    color: #e37222;
}
.whitepaper .ax-boxcontent .shortcutDiv:hover span {      
    color: #1e1e1e;
}
.whitepaper .ax-boxcontent.shortcut_grid .shortcutDiv:hover .shortcutDescription {
    color: #1e1e1e;    
}
.whitepaper .ax-boxcontent.shortcut_list .shortcutDiv .shortcutName {
    color: #e37222;
}
.whitepaper .ax-boxcontent.shortcut_list .shortcutDiv:hover .shortcutName {
    color: #1e1e1e;
}
.whitepaper .ax-titlesize {
    color: #1e1e1e;
    background: #e37222;
    background-image: none;
    text-shadow: none;
}
.whitepaper .ax-titlesize:hover {
    border-top: 1px #e37222 solid;
    border-right: 1px #e37222 solid;
    border-bottom: 1px #e37222 solid;
    border-left: 1px #e37222 solid;
    color: #e37222;
    background: #1e1e1e;
}


/*added for global search or breadcrum */

#globalContainer{display:inline-block;}
.globalTitle{
    color: #4D4F53;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 55px;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}
.globalSub{
    color: #4D4F53;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
#clearBoth {clear: both;}

#globalContainer2 li{color: #4D4F53; text-align: left; list-style-type:none; }

.leftSection{float : left;}
.rightSection{float : left;}
#floatLeft{float: left;}
#floatRight{float: right;}


#globalContainer{
    width: 900px;
    margin: 0 auto;
}

#globalContainer2{
    width: 900px;
    margin-left: 30%;
    margin-top: 20px;
}

#globalContainer2 li:before{
    content:"-";
    position:relative;
    left:-5px;
}
#globalContainer2 li{
    text-indent:-5px;
}
.mobile .shortcut_lg ul li {
    text-align:center;
}
.mobile .shortcut_lg ul li img {
    margin:0 10px;
}
.mobile .shortcut_lg ul li {
    padding: 0 20px 40px 0;
    width:initial;
}
.mobile .shortcut_lg ul li h3, .mobile .shortcut_lg ul li h3 a {
    font-weight:normal;
    clear:both;
    width:92px;
    height:2em;
    text-align:center;
    overflow: hidden;
    text-overflow:ellipsis;
}
.mobile .shortcut_lg ul li p {
    display:none;
}
.mobile .option_bar .listcombodiv label{
    display:none;    
}
.mobile #container {
    padding-bottom: 20px;    
    width: 100%;
    max-width: 100%;
    min-width: 425px;
}
.mobile #option_bar {
    width: 100%;
    max-width: 100%;
    min-width: 425px;
}
.mobile .listcombodiv select {
    width: 170px;
}
.mobile .object_name {
    margin: 0 0 10px 10px;    
}
.mobile .custabcontainer_in {
    padding: 0 10px 0 10px;
}
.mobile .loptionbar {
    border-bottom: 1px solid #EEEEEE;
}
.mobile .btn-group.mobilesearch {
    float:right;
}
.mobile .btn-group.mobilesearch .btn {
    margin: 0 0 0 -2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;  
}
.mobile .btn-group.mobilesearch .btn:first-child {
    margin: 0 -2px 0 0;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;    
}
.mobile .btn-group.mobilesearch .btn:last-child {
    margin: 0 0 0 -2px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;   
}

.mobile .searchtext {
    width: 316px;
}
.mobile .search_fields .dgroup,.mobile .search_fields select{
    display: block !important; 
}

.mobile .search_fields .lookupdiv:before {
    clear: both;
    display: block;
    content: "";
}
.mobile .search_fields{
    display: block;
    float: none;
    padding: 5px 0 0 0;    
}
.mobile .sortdiv, .mobile .loptions {
    padding: 5px 0 0 0; 
    display: block !important;
    text-align: right;
    font-size: 0px !important;    
}
.mobile .sortdiv {
    float:right;   
}
.mobile .sortdiv select {
    margin-left:5px;  
}
.mobile .searchoptions_dropdown {
    width: 331px;
}
.mobile .search_dropdown ul {
    max-width: 250px;
}
.mobile #searchfield {
    width: 195px !important;
}

.mobile #loadbtn {
    border: 1px solid #CCC;
    background: #FFFFFF;
    color: #333333;
    font-weight:bold;
    margin: 10px 0;
    display: block;
}
.mobileouterdiv {
    display: table;
    width:100%;
    border: 1px solid #EEEEEE;
    margin: 5px 0;
    color: #333333;
    cursor: pointer;
    height: 65px;
    box-sizing: border-box;
}
.mobilediv {
    margin-right: 20px;
    padding: 2px 0px;
}
.mobiledatadiv{
    display: table-cell;
    padding: 5px 0px;
    position:relative;        
}  
.mobiledatadiv .profile_circle {
    top: 8px;
    right: 32px;
    position: absolute;
    font-weight: normal;
}
.mobilechkdiv{
    display: table-cell;
    width:20px;
    padding: 5px 0;
}
.mobilestatusdiv{
    display: table-cell;
    width: 5px
}    
.mobileouterdiv:hover, .mobileouterdiv.active {
    -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
}  
.mobileouterdiv.active {
    background: #f9f9f9;
}    

.mobilefirstdiv {
    font-weight:bold;
}   
.mobileotherdiv {
    color: #6C6C6C !important;
}   
.mobilerecordoptions, .mobilequickedit{
    position:absolute;
    right:5px;     
    padding: 5px 0;
}
.mobilerecordoptions{
    bottom:0;  
}

.mobilequickedit{
    top:0;    
}
.mobilerecordoptions a, .mobilequickedit a{
    padding:4px;  
    font-size: 14px;
    color: #AAAAAA;
    display:block;
}
.mobilerecordoptions a{
    padding: 4px 5px 0 4px;
    font-size: 13px;
}    
.mobilerecordoptions a:hover, .mobilequickedit a:hover{
    color: #e37222;
}
/*
 div *:not(#container) .SubTitle {
    padding-left: 10px;
}
*/



TH.SubTitle,div.SubTitle, #srch-title, TD.SubTitle {
    /* display: block; */
    font-size: 20px;
    font-weight:normal;
    padding: 20px 1px 6px 1px;
    margin: 0 0 10px 0;
    text-align: left;
    border-bottom: 1px solid #e37222;
    color: #000000;
}

.SubTitle.SubTitlePadding {
    padding-left: 10px;
}

div.subtitle-bar-out {
    position: relative;
    font-weight: normal;
    font-size: 17px;
    padding: 6px;
    text-align: center;
    color: #FFFFFF;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #FFFFFF;
    background-color: #009FDA;
    background: -ms-linear-gradient(top, #009FDA, #009FDA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#009FDA), to(#009FDA));
    background: -webkit-linear-gradient(top, #009FDA, #009FDA);
    background: -o-linear-gradient(top, #009FDA, #009FDA);
    background: linear-gradient(top, #009FDA, #009FDA);
    background: -moz-linear-gradient(top, #009FDA, #009FDA);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#009FDA', endColorstr='#009FDA', GradientType=0);
}

.SubTitle .caret_container {
    display:inline-block;
    padding:1px 3px;
    margin: 0 8px -1px 0;
    font-size:12px;
    color:#1e1e1e;
    background: #e37222;
    border: 1px #e37222 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow:hidden;
    cursor:pointer;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.SubTitle .caret_container i {
    cursor:pointer;
}
.SubTitle .caret_container:hover {
    background: #1e1e1e;
    color:#e37222;
    border: 1px solid #e37222;
}
.SubTitle .caret_container:active {
    color:#000000;
}

.SubTitle.nomargin , #srch-title.nomargin {
    margin-left: 0;
    margin-right: 0;
}
.title_closed_ellipsis{
    border-right:1px #CCCCCC solid;
    border-bottom:1px #CCCCCC solid;
    border-left:1px #CCCCCC solid;
    color:#CCCCCC;
    font-weight:bold;
    padding:0px 6px 6px 6px;
}
.tabtitle-bar{
    font-size: 20px;
    font-weight:normal;
    padding: 20px 0 6px 0;
    margin: 0 0 10px 0;
    text-align: left;
    border-bottom: 1px solid #e37222;
    color: #000000;

}


/* ------classic styles to be removed------ */





/* ------tab bar classes------ */



TD.Title
{
    padding: 1px 2px 1px 2px;
}
.AppNavSolid
{
    padding: 4px;
}
TD.AppNav
{
    padding: 4px 6px 4px 6px;
}
TD.AppNav a
{
    font-size:13px;
    text-decoration: none;
}

.AppNavDivider{
    width: 0px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #000000;
    margin: 8px 0 0 0;
    padding: 0;
    opacity:0.15;
    filter:alpha(opacity=15);
}

TD.disc-reply-title
{
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 6px;
    border-top: 0px #FFFFFF none;
    border-bottom: 0px #FFFFFF none;
    border-left: 0px #FFFFFF none;
    border-right: 0px #FFFFFF none;
    color: #1E1E1E;
    background-color: #cccccc;
    background: -ms-linear-gradient(top, #cccccc, #ffffff);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#ffffff));
    background: -webkit-linear-gradient(top, #cccccc, #ffffff);
    background: -o-linear-gradient(top, #cccccc, #ffffff);
    background: linear-gradient(top, #cccccc, #ffffff);
    background: -moz-linear-gradient(top, #cccccc, #ffffff);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
}
TD.disc-reply-details
{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    border-top: 0px #FFFFFF none;
    border-bottom: 0px #FFFFFF none;
    border-left: 0px #FFFFFF none;
    border-right: 0px #FFFFFF none;
    color: #1E1E1E;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#@discfieldfgcolor@));
    background: -webkit-linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background: -o-linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background: linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background: -moz-linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#@discfieldfgcolor@', GradientType=0);
}

/* ---- new drop down appnav menu styles ---- */

.app_mainnav ul{
    color: #fff;
    background: #009FDA;
    border-right:1px #FFFFFF solid;
    border-bottom:1px #FFFFFF solid;
    border-left:1px #FFFFFF solid;
}
.app_mainnav{
    position: relative;
    float:left;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.app_mainnav li{
    float:left;
    margin: 0px;
    padding: 6px 10px 4px 10px;
    font-size: 13px;
}
.app_mainnav li a{
    font-size: 13px;
    text-decoration:none;
}
.app_mainnav li:last-child a{
    border-right: none;
}
.app_mainnav li:hover{
    position: relative;
}
.app_mainnav ul{
    list-style-type: none;
    width: 180px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left:-1px;
    margin:0px;
    padding:0px;
}

.titlediv{
    position:relative;
    display:block;
}
.titlediv_hidden{
    position:relative;
    display:none;
}
.titlediv_hidden2{
    position:absolute;
    visibility:hidden;
    display:none;
}
.titlediv_hidden3{

    display:none;
}



.app_mainnav ul li{
    float:none;
    padding:4px 0 4px 8px;
}
.app_mainnav ul li a{
    border-right: none;
    font-size: 13px;
    width: 100%;
    display: inline-block;
}
.app_mainnav ul li:hover{
    width:172px;
    background:#FFFFFF;
}
.app_mainnav ul ul{
    left: 100%;
    top: 0;
}
.app_mainnav li:hover > ul{
    visibility: visible;
}
li.AppNavOn, li.AppNavOff
{
    margin:-1px 0 0 0;
    border-bottom:none
}

/* ---- new drop down menu styles ---- */



.app_nav{
    position: relative;
    float:left;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.app_nav li{
    float:left;
    margin: 0px;
    padding: 3px 9px 3px 9px;
    font-size: 12px;
    border-right: 1px transparent solid;
    cursor: pointer;
}
.app_nav li a{
    font-size: 12px;
    text-decoration:none;
}
.app_nav li:last-child a{
    border-right: none;
}
.app_nav li:hover{
    color: #323335;
    position: relative;
}
.app_nav li.hover a{
    color: #323335;
}
.app_nav ul{
    list-style-type: none;
    width: 180px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left:0;
    margin:0px;
    padding:0px;
    background: #FFFFFF;
    -moz-box-shadow:2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow:2px 2px 5px 0 #9C9C9C;
    box-shadow:2px 2px 5px 0 #9C9C9C;
}
.app_nav ul li{
    float:none;
    color: #323335;
    padding:4px 0 4px 8px;
}
.app_nav ul li a{
    border-right: none;
    color: #323335;
    font-size: 12px;
    width: 100%;
    display: inline-block;
}
.app_nav ul li:hover{
    width:172px;
    background:#EEEEEE;
}
.app_nav ul ul{
    left: 100%;
    top: 0;
}
.app_nav li:hover > ul{
    visibility: visible;
}
.app_nav .nav_divider{
    width: 0px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ADADAD;
    padding: 3px 0 3px 0;
    opacity:0.40;
    filter:alpha(opacity=15);
}

/* ------right navigation classes------ */

ul.RightNavStatic {
    list-style-type:none;
    padding:0px;
    margin:0px;
    position:relative;
}
ul.RightNavStatic li
{
    display:block;
}
li.RightNavStaticHeader {
    font-size:14px;
    font-weight: bold;
    text-align: left;
    padding: 4px 2px 4px 4px;
    display:block;
    color: #FFFFFF;
    background: #009FDA;
}
ul.RightNavStatic li a
{
    padding: 4px 0px 3px 4px;
    text-decoration:none;
    display:block;
    color: #1E1E1E;
    background: #FFFFFF;
}
ul.RightNavStatic li a:hover
{
    text-decoration:none;
    color: #FFFFFF;
    background: #1E1E1E;
}


TH.Sub, TH.SubSm, TH.SubCenter, TH.SubRight, TH.CalendarLarge, TH.CalendarSun, TH.CalendarSat, TH.CalendarDay, .HeaderSubreport {
    background: #EDEDED;
    font-size:14px ;
    font-weight: bold;
    color: #333;
    padding: 6px;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #cccccc solid;
    border-left: 1px #ffffff solid;
    border-right: 1px #cccccc solid;
    color: #1E1E1E;
    background-color: #cccccc;
    background: -ms-linear-gradient(top, #cccccc, #cccccc);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#cccccc));
    background: -webkit-linear-gradient(top, #cccccc, #cccccc);
    background: -o-linear-gradient(top, #cccccc, #cccccc);
    background: linear-gradient(top, #cccccc, #cccccc);
    background: -moz-linear-gradient(top, #cccccc, #cccccc);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
    position:relative;
}
TH.Sub,TH.SubRight {
    padding: 6px;
    border-collapse: separate;
}
TH.Sub {
    text-align: left;
}
TH.SubCenter {
    text-align: center;
}
TH.SubRight {
    text-align: right;
}
TH.Sub a, TH.SubRight a {
    font-weight: bold;
    text-decoration: underline;
    color: #1E1E1E;
}
TH.Sub a:hover, TH.SubRight a:hover {
    text-decoration: none;
}
TH.Sub input {
    margin:0px;
}
TH.selected {
    background: #1E1E1E;
    color: #cccccc;
}
TH.selected .fa {
    color: #cccccc;
}
TD.selected {
    font-weight: bold;
    color: #1E1E1E;
}
.headercontainer {
    display:table;
    width:100%;
}
.headerlabelcontainer {
    display:table-cell;
}
.headersortcontainer {
    vertical-align:middle;    
    display:table-cell;
    padding: 0px 0 0 6px;
}
.headersortcontainer i {
    float:right;
    margin:0 0 0 6px;
    color:#000000;
}    
.HeaderSubreport {
    padding: 4px 6px 4px 6px;
    font-weight: bold;
    text-align: left;
}
TH.disc-reply-title
{
    text-align: left;
    padding: 6px 6px 6px 10px;
    width: 200px;
    border-top: 0px #FFFFFF none;
    border-bottom: 0px #FFFFFF none;
    border-left: 0px #FFFFFF none;
    border-right: 0px #FFFFFF none;
    color: #1E1E1E;
    background-color: #cccccc;
    background: -ms-linear-gradient(top, #cccccc, #ffffff);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#ffffff));
    background: -webkit-linear-gradient(top, #cccccc, #ffffff);
    background: -o-linear-gradient(top, #cccccc, #ffffff);
    background: linear-gradient(top, #cccccc, #ffffff);
    background: -moz-linear-gradient(top, #cccccc, #ffffff);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
}
TH.disc-reply-details
{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    width: 200px;
    border-top: 0px #FFFFFF none;
    border-bottom: 0px #FFFFFF none;
    border-left: 0px #FFFFFF none;
    border-right: 0px #FFFFFF none;
    color: #1E1E1E;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#@discfieldfgcolor@));
    background: -webkit-linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background: -o-linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background: linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background: -moz-linear-gradient(top, #FFFFFF, #@discfieldfgcolor@);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#@discfieldfgcolor@', GradientType=0);
}
/* ---- new profile option menu styles ---- */


.prof_optnav{
    position: relative;
    float:right;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.prof_optnav li{
    text-align:left;
    float:left;
    margin: 0px;
    padding: 2px;
    font-size: 12px;
}
.prof_optnav li a{
    font-size: 12px;
    text-decoration:none;
}
.prof_optnav li:last-child a{
    border-right: none;
}
.prof_optnav li:hover{
    position: relative;
}
.prof_optnav ul{
    list-style-type: none;
    float: left;
    width: 180px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left:0;
    margin:0px;
    padding:0px;
    background: #FFFFFF;
    -moz-box-shadow:2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow:2px 2px 5px 0 #9C9C9C;
    box-shadow:2px 2px 5px 0 #9C9C9C;
}
.prof_optnav ul li{
    float:none;
    color: #323335;
    padding:4px 0 4px 8px;
}
.prof_optnav ul li a{
    border-right: none;
    color: #323335;
    font-size: 12px;
    width: 100%;
    display: inline-block;
}
.prof_optnav ul li:hover{
    width:172px;
    background:#EEEEEE;
}
.prof_optnav ul ul{
    left: 100%;
    top: 0;
}
.prof_optnav li:hover > ul{
    visibility: visible;
}

.cmb_right {
    float: right;
}
.cmb_right div{
    float: left;
}
.lookupdiv {
    position: relative;
    white-space: nowrap;
}
.ajaxLookUpContainer {
    position:relative;
    height:100%;
    width:100%;
    display:inline-block;
}
#resultdiv, .resultdiv {
    position:absolute;
    top:2;
    z-index:99;
    display:none;
    background:#FFFFFF;
    color: #333;    
    margin:2px 4px 0 0;
    border:1px #CCCCCC solid;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    text-align: left;    
}
#searchpanel .resultdiv {
    width:100%;
    max-height: 110px;
    overflow: auto;
}
.resulttable2 {
    width:300px;
}
#searchpanel .resulttable2 {
    width:100%;
}
.ajaxLookUpResult {
    position:absolute;
    left:0;
    top:100% !important;
    z-index:99;
    display:none;
    background:#FFFFFF;    
    margin:2px 4px 0 0;
    border:1px #CCCCCC solid;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.mwindiv_content .resultdiv {
    z-index: 5000 !important;
}
.resulttable tr:first-child > td {
    font-weight:bold;
    border-bottom:1px #CCCCCC solid;
    background: #E9E9E9;
}
.resulttable tr:not(:first-child):hover {
    background-color: #fef1e2;
    cursor: pointer;
}
.resulttable td {
    padding: 4px 6px;  
    white-space: nowrap;
}
.resulttable2 tr > td:hover {
    background-color: #fef1e2;
    cursor: pointer;
}
.resulttable2 td {
    padding: 4px 6px;    
}
.highlight{
    background-color: #fef1e2 !important;
}

/* ------new note classes------ */

.note_tab{
    position: fixed;
    right: -60px;
    top: 35%;
    display: none;
    border-top: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    z-index: 3000;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -moz-box-shadow: -2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: -2px 2px 5px 0 #9C9C9C;
    box-shadow: -2px 2px 5px 0 #9C9C9C;
    background: #E7E7E7;
    background: -ms-linear-gradient(top, #D2D2D2, #E7E7E7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2D2D2), to(#E7E7E7));
    background: -webkit-linear-gradient(top, #D2D2D2, #E7E7E7);
    background: -o-linear-gradient(top, #D2D2D2, #E7E7E7);
    background: linear-gradient(top, #D2D2D2, #E7E7E7);
    background: -moz-linear-gradient(top, #D2D2D2, #E7E7E7);
    background-repeat: repeat-x;
    cursor: pointer;
}
.note_tab_active{
    background: #FFFFFF;
    background: -ms-linear-gradient(top, #F4F4F4, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F4F4), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #F4F4F4, #FFFFFF);
    background: -o-linear-gradient(top, #F4F4F4, #FFFFFF);
    background: linear-gradient(top, #F4F4F4, #FFFFFF);
    background: -moz-linear-gradient(top, #F4F4F4, #FFFFFF);
    background-repeat: repeat-x;
}
.ie7 .note_tab, .ie8 .note_tab {
    position: fixed;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand');
}
.ie9 .note_tab{
    -ms-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#F4F4F4', endColorstr='#FFFFFF', GradientType=0);
}
.note_tab closed{
    height: auto;
}
.note_inner{
    padding: 6px 16px;
    white-space:nowrap;
    font-size: 16px;
    margin: 0px;
}
.note_wedge{
    position: fixed;
    display: none;
    height: 75%;
    width: 8px;
    right: 308px;
    background: #FFFFFF;
    z-index: 3000;
}
.notesframe_div{
    width: 0px;
    height: 75%;
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    padding: 10px 0 10px 10px;
    position: fixed;
    right: 0;
    display: none;
    z-index: 2999;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
}

.v-container, .l-container {
    background: #FFFFFF;
}

div.Intro, td.Intro {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 10px 20px 20px 5px;
}
div.Intro ul{
    display:block;
    padding: 0;
    margin: 10px 10px 20px 10px;
    list-style-type: none;
}
.Intro li{
    padding: 0 0 7px 0;
}
.IntroSm {
    font-size: 10px;
}
legend {
    font-size: 20px;
    font-weight: normal;    
    padding: 0px;
    vertical-align: middle;
    color: #1E1E1E;
}
legend.profile_main {
    padding:0 4px 0 4px;
    font-weight: bold;
    font-size: 16px;
}
fieldset {
    border: none;
    padding: 0px;
    margin: 10px 0px;
}
fieldset div.Intro{
    margin: 5px 0 0 0;
    border-top: 1px #e37222 solid;
}
fieldset ul li {
    margin: 0 0 2px 0;
    font-size: 13px;
    color: #555555;
}
fieldset ul li label {
    color: #000000;
    font-size: 14px;
}
fieldset ul li a , fieldset ul li a:visited {
    color: #4E2E2D;
}

.Form fieldset {
    padding: 0px;
    border-top: #009FDA solid 1px;
    border-bottom: #009FDA solid 1px;
    border-left: #009FDA solid 1px;
    border-right: #009FDA solid 1px;    
}
.Form fieldset legend {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 0px;
    vertical-align: middle;
    color: #1E1E1E;
}
.Form fieldset legend.profile_main {
    padding:0 4px 0 4px;
    font-weight: bold;
    font-size: 16px;
}
label {
    font-size: 14px;
}
label.Title {
    color: #FFFFFF;
}
label.disabled {
    color: #cccccc;
}
div.Description {
    font-weight: normal;
    text-align: left;
    padding: 0px 4px;
    background-color: #FFF;
}
.checkboxList {    
    margin-left: 20px;
    list-style: none;
}

.checkboxList li {
    padding-bottom: 5px;
}
.checkboxList li ul {
    margin: 15px 0 0px 40px;
    list-style: none;
}
.checkboxList label {
    display:inline-block;
    line-height: 20px;
    vertical-align: top;
    margin: 0 0 0 5px;
}
.checkboxList div:not(.slider):not(.slider_container) {
    padding-bottom: 5px;
}


.checkboxList label span {
    font-size: 13px;
    color: #555555;
}

.checkboxList.fieldList {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
}

.checkboxList.nomargin {
    margin-bottom: 0;
}
.checkboxList.nomargin + ul {
    margin: 0 0 0 15px;
}
td.Form .checkboxList {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}

.checktoggle .switch {
    position: relative;
    display: inline-block;
    height: 34px;
}

.checktoggle .switch input {display:none;}
.checktoggle .slider_container {
    position: relative;
    display:inline-block;
    height:20px;
    width:36px;
}
.checktoggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.checktoggle .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
}


.checktoggle input:disabled + .slider_container .slider {
    background: #f5f5f5;
    cursor: no-drop;
}

.checktoggle input:disabled + .slider_container .slider:before {
    box-shadow: none;
}

.checktoggle input:checked + .slider_container .slider {
    background-color: #e37222;
}

.checktoggle input:focus + .slider_container .slider {
    box-shadow: 0 0 1px #e37222;
}

.checktoggle input:checked + .slider_container .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.checktoggle .slider.round {
    border-radius: 34px;
}

.checktoggle .slider.round:before {
    border-radius: 50%;
}
.checktoggle input[type='checkbox'] {
    display:none !important;
}

.checktoggle #formdiv > .rowDiv > .fieldContentDiv > label {
    display: inline-block;
    margin: 7px 0 0 0;
}
td.Form.checktoggle label {
    padding: 5px 0 0 5px;
}
/*
td.Form .ssCheckBoxDiv label {
        padding: 5px 0 0 5px;
}
/*
.checktoggle .fieldContentDiv > .ssCheckBoxDiv div {
    min-width: auto !important;
    padding: 0 !important;
}
*/

.checktoggle .ssCheckBoxDiv label {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    margin: 0 0 0 5px;
}

.checktoggle td.Form label {
    padding-left: 0;
    margin-left: 0;
}

.checktoggle td.Form input[type='radio'] + label {
    padding-left: 5px;
}

.checktoggle td.Form .ssRadioContainer input[type='radio'] + label {
    padding-left: 20px;
}

ul.checkboxListSub {
    margin: 7px 0 5px 45px !important;
}


.checkboxList blockquote {
    margin-left: 45px;
}
/* pagination */

.pagesizediv{
    margin: 0 4px 0 0;
    display:inline-block;
}
.navdiv {
    margin: 0 0 0 10px;
    float:right;
    display: inline-block;
}
.pagination input {
    width:75px;
    background:#FFF;
    text-align:center;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.people_msg{
    width:100%;
    position:fixed;
    bottom:0;
    border-top:1px #CCCCCC solid;
    display:none;
}
.people_msg:hover{
    background:#EEEEEE;
    cursor:pointer;
}
.people_msg div{
    display:inline-block;
}
.people_msg div a{
    text-decoration:none;
}
.ponline{
    cursor:pointer;
    padding: 2px;
}
.ponline:hover{
    background:#EEEEEE;
}

#ui-datepicker-div {z-index:3201 !important;}
button.ui-datepicker-close {display:none !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {margin-left: 35% !important;color:#222222 !important;}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40% !important;
}


#advsearchframe #ui-datepicker-div {
    left: calc(100% - 46% - 128px) !important;
}


.colorSelector div {
    width: 30px;
    height: 30px;
    background: url(/jquery/color/images/selectg36-v2.png) center;
}
/* ------calendar classes------ */
#calendarlist{
    background-color:#FFFFFF;
    border: 1px #CCCCCC solid;
    -moz-box-shadow:2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow:2px 2px 5px 0 #9C9C9C;
    box-shadow:2px 2px 5px 0 #9C9C9C;
    position:absolute;
    display:none;
    max-height:80%;
    overflow:auto;
    z-index:20000;
    margin-top: -11px;
}
#calendarlist a{
    color:#FFFFFF;
}
/*---end calendar classes*/


#cftab th {
    cursor: pointer;
}
#tabs li{
    cursor: pointer;

}
div#navbar {
    float:right;
    font-size:14px ;
} /*{float:right;margin: 0 -4px 6px 2px;}*/

.ajaxLookupSpan {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 5px;
    padding: 2px;
    margin: 2px;
    /*white-space: nowrap;*/
    display:inline-block;
}

.ajaxSpanTruncate {
    display: inline-block;
    max-width: 10em;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

a[name="iconbutton"] {
    color: #1e1e1e;
}
.selecticon {
    padding-left:3px;padding-right:6px;
    display:inline-block;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
#placeholder{
    padding-top:5px;
    padding-bottom:5px;
    background:transparent;
    min-width:1px;
    border:transparent;
    display:inline-block;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
}
#chkbtnbar{
    display:inline-block;
}
.DraggableHeader:hover {
    border: 1px #D7D7D7 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Builder Classes */

.ui-draggable-dragging {
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.10);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.10);
    z-index:100;
}
.ArrowLeft{
    float: left;
}
.ArrowRight{
    float: right;
}
.ArrowLeft,.ArrowRight{
    margin: 0 1px;
}
#columndiv {    
    margin-top:10px;
    overflow-x:auto;
    overflow-y:visible;
}
.headcol {
    line-height: 20px;
    height:20px;
    font-size:14px ;
    position:absolute;
    width:120px;
    text-align:right;
    left:0;
    top:auto;
    padding: 6px;
    -webkit-box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.10);
    box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.10);
    border-right:1px #C7C7C7  solid;
}

#section-tbody select {
    width:134px;
}
#section-tbody input[type=text] {
    width:134px;
}

td.Data {
    padding:1px;
    text-align:center;
}
td.Data input[type=checkbox]{
    margin:8px;
}
#section-table, #section-table input:read-only{
    background:#F7F7F7;
}
.ffcolumn_container .container_in {
    margin: 0 0 20px 0;
}

/* XML Styling */

/* Table Formatting */

.xml {
    padding: 20px;
    text-align: left;
}

.xml.small {
    width: 900px;
}

.xml.medium {
    width: 1200px;
}

.xml.large {
    width: 1600px;
}


.xml table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse:  collapse;
}

.xml table td {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* global input styles */

textarea.noresize {
    resize: none;
}

.xml input , .xml select , .xml textarea, .xml .datepickclass {
    border: 1px solid #e8e8e8;
    box-sizing: border-box !important;
}


.xml .datepickclass {
    border: 1px solid #e8e8e8 !important;
    background-color: #ffffff !important;
}


.xml input[disabled].datepickclass {
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.xml input[disabled].datepickclass  + .ui-datepicker-trigger {
    display: none;
}

.xml input , .xml select {
    height: 30px !important;
}



.xml input[readonly] , .xml textarea[readonly] , .xml select[readonly] {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #f1f1f1;
}


.xml input[disabled] , .xml textarea[disabled] , .xml select[disabled]  {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* hide content */

.xml .hidden {
    display: none;
}

.xmlSectionTable .hidden {
    display: none;
}

.xml .hideinput input {
    display: none;
}

/* Logo and Instructions */


.xml .logo {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.xml .logo img {
    display: inline-block !important;
}

.xml .title {
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #000000;
}

.xml .instructions {
    font-size: 14px;
    padding-bottom: 5px;
}


/* Title Bar Styles */

.xmlTitleBar {
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0 5px 0;
    color: #000000;    
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 2px solid #e37222;
}


.xmlHead {
    font-size:14px ;
    font-weight: bold;
    color: #333;
    padding: 4px 6px 4px 6px;
    color: #1E1E1E;
    background-color: #cccccc;
    background: -ms-linear-gradient(top, #cccccc, #cccccc);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#cccccc));
    background: -webkit-linear-gradient(top, #cccccc, #cccccc);
    background: -o-linear-gradient(top, #cccccc, #cccccc);
    background: linear-gradient(top, #cccccc, #cccccc);
    background: -moz-linear-gradient(top, #cccccc, #cccccc);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
    position:relative;
}

.xmlLabel {
    font-size:14px ;
    color: #333;
    padding: 4px 6px 4px 6px;
    border-bottom: 1px solid #f1f1f1;
    box-sizing: border-box;
}

/* setting up columns */

.xmlCell {
    width: 210px;
    padding-left: 10px;
    border-bottom: 1px solid #f1f1f1;
    box-sizing: border-box;
}

.xmlCell.medium {
    min-width: 280px;
    max-width: 280px;
    width: 280px;
}

.xmlCell.medium input, .xmlCell.medium select , .xmlCell.medium textarea {
    width: 260px;
}

.xmlCell.large {
    min-width: 380px;
    max-width: 380px;
    width: 380px;
}

.xmlCell.large input , .xmlCell.large select , .xmlCell.large textarea {
    width: 350px;
}


.xmlCell input, .xmlCell select , .xmlCell textarea {
    width: 180px;
}

.xmlTotal {
    background-color: #f1f1f1;
    font-weight: bold;
}

.xmlTotal input {
    font-weight: bold;
}

/* Alignment */

.leftAlign {
    text-align: left;
}

.centerAlign {
    text-align: center;
}

.rightAlign {
    text-align: right;
}

/* privacy policy link for login page*/

.privacypolicy {
    margin-top: 10px;
}

.privacypolicy span {
    display: block;
    background: #eee;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.privacypolicy a {
    text-decoration: none;
    display: block;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.privacypolicy a:hover {
    color: #fff;
    text-decoration: none !important;
}

.privacypolicy span:hover {
    background-color: #4E2E2D ;
    text-decoration: none;
}

.privacypolicy .fa {
    margin-left: 0;
    margin-right: 5px;
    padding-left: 0;
}

/* ------policies classes------ */

.containerwrapper {
    width: 1045px;
    margin: 60px auto;
}

.container_policy {
    width: auto;
    border: 1px #CCCCCC solid;
    background-color: #fefefe;
    padding: 10px 20px 10px;
    border-radius: 3px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 2px -2px 32px -2px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 2px -2px 32px -2px rgba(0, 0, 0, 0.20);
    box-shadow: 2px -2px 32px -2px rgba(0, 0, 0, 0.20);
}

.container_policy .container_content h1 {
    font-size: 20px;
    margin-top: 15px;
    font-style: normal;
}
.container_policy .container_title h1 {
    margin-top: 15px;
    font-style: normal;
}

.container_policy p {
    font-size: 14px;
    line-height: 160%;
    color: #000;   
    margin-top: 5px;
}

.container_policy ul {
    display: block;
    list-style-type: disc;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-left: 20px;
}

.container_policy ul li {
    font-size: 14px;
    line-height: 160%;
    padding-bottom: 2px;
}

.container_policy span {
    font-size: 14px;
    line-height: 160%;
}


.container_content {
    padding: 0px 0px 15px 0px;
    border-radius: 2px;
    line-height: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.container_title {
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.globalContainer.privacybtn {
    background: #f5f5f5;
    padding: 10px;
    padding-top: 15px;
    box-sizing: border-box;
    border-radius: 3px;
    display: inline-block;
}

.globalContainer.privacybtn input[type="button"] {
    margin-bottom: 5px;
}

.globalContainer.privacybtn:empty {
    display: none;
}


/* notes styles */

.notestitle , .annotitle {
    font-size: 18px;
    font-weight:normal;
    padding: 10px 6px 6px 6px;
    margin: 20px 0 0 0;
    width: 220px;
    max-width: 220px;
    background: #fff;
    border-bottom: 1px solid #e37222;
    text-align: left;
}

.noteshead {
    float: left;
    width: 250px;
    max-width: 250px;
}

.notespanel {
    padding: 10px 10px 5px 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-break:break-word;
    word-wrap:break-word;
    -ms-word-wrap:break-word;
    filter:none;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}


.notespanel p {
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 10px;
    background: rgba(255, 255, 255, 0.6);
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.notespanel span.Description {
    display: block;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    padding: 5px 5px 0px 5px;
    width: 100%;
    line-height: 150%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.notes .edit , .notes .change {
    background: #e37222;
    padding: 4px 4px 4px 5px;
    border-radius: 3px;
    font-size: 11px;
}

.notes .edit > .fa , .notes .change > .fa {
    color: #1e1e1e;
}

.notes .edit > .tooltip  {
    width: 65px;
}
.notes .change > .tooltip  {
    width: 82px;
}

.notetypehead {
    background: #fff;
    font-size: 14px;
    padding-bottom: 10px;
}

textarea[name="notes"] {
    width: 95%;
}

/* annotation colour styles */


.annotateon {
    border: 1px dashed #fe8181;
    background: #ffd5d5;
}


th.Form.annotateon  {
    border: 1px dashed #fe8181;
    border-right: 0;
    background: #ffd5d5;
}

td.Form.annotateon  {
    border-left: 0;
    background: #ffd5d5;
}

td.Form.annotateon:only-child {
    border-left: 1px dashed #fe8181;
}

th.FormTop.annotateon {
    background: #ffd5d5;
    border: 1px dashed #fe8181;

}

.annotateon td.FormInstructions  {
    background: #fdc4c4;
    border-bottom: 0;
}

th.Form.annotateon .FormInstructions {
    background: #fdc4c4 !important;
    border: 0;
}

.devmodeon {
    border: 1px dashed #95d2de;
    background: #d9edf7 !important;
    cursor:pointer;
    border-radius: 0px;
}
.devmodeon *{
    cursor:pointer;
}
.devmodeon a{
    background: #d9edf7 !important;
}
th.Form.devmodeon  {
    border: 1px dashed #95d2de;
    border-right: 0;
    background: #d9edf7;
    padding: 8px 5px 8px 0;
}
div.Form.devmodeon  {
    padding: 0;
}
th.Form.devmodeon .FormInstructions{
    background: transparent; 
}

td.Form.devmodeon  {
    border-left: 0;
    background: #d9edf7;
    padding: 4px 4px 4px 5px !important;
}

td.Form.devmodeon:only-child {
    border-left: 1px dashed #95d2de;
}

th.FormTop.devmodeon {
    background: #d9edf7;
    border-bottom: 1px dashed transparent;
    padding: 8px 4px 5px 0px;
}

td.FormInstructions.devmodeon  {
    background: #d9edf7;
    border-top: 0px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    padding: 10px 9px;
}

td.FormInstructions.devmodeon.devnolabel  {
    background: #d9edf7;
    border-top: 1px dashed #95d2de !important;
    border-bottom: 1px solid transparent !important;
    padding: 9px 9px 10px 9px;
}

td.FormTop.devmodeon {
    background: #d9edf7;
    border-top: 0px dashed transparent;
    padding: 5px 4px 4px 0px !important;
}

.SubTitle.devmodeon {    
    padding: 19px 0 6px 0;
    border: 1px dashed #95d2de !important;
}

.devmodeon input:not(.textreadonly),.devmodeon select,.devmodeon textarea, .devmodeon .btn, .devmodeon .caret_container, .devmodeon button  {
    background:transparent !important;
    cursor:pointer !important;
    border: 1px transparent solid !important;
    opacity: 0.5 !important;
}
.devmodeon i,.devmodeon label {
    opacity: 0.5;
}
.devmodeon .hideelement {
    display:none;
}
#subtabs .subtabitem_active.devmodeon, #custabs .custabitem_active.devmodeon {
    border-top: 1px dashed #95d2de;
    border-right: 1px dashed #95d2de;
    border-bottom: 1px dashed #95d2de;
    border-left: 1px dashed #95d2de;
    background: #d9edf7 !important;
}
#subtabs .subtabitem_active.devmodeon a, #custabs .custabitem_active.devmodeon a {
    background: #d9edf7 !important;
}
.pagesizediv select {
    max-width: 100%;
}

.cke_container{
    width: 100% !important;
    display:inline-block !important;    
    max-width:97%;
}
div.failedValidation {
    display:inline;
}
div.failedValidation input, div.failedValidation textarea, div.failedValidation select  {
    border: 1px rgba(231, 88, 106, 0.8) solid;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
}
div.failedValidation input[type="checkbox"], div.failedValidation input[type="radio"] {
    border: none;
    outline: 1px rgba(231, 88, 106, 0.8) solid;
}

div.failedValidation .ssCheckBoxDiv label:before {
    border: 1px rgba(231, 88, 106, 0.8) solid;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
    padding: 0px;
}
div.failedValidation .ssCheckBoxDiv label:after {
    padding: 0px;
}
textarea:focus,
input.form-control[type="text"]:not([readonly]):focus,
input[type="text"]:not(.form-control):focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus, 
.uneditable-inputLeft:focus, 
.uneditable-inputRight:focus, 
input.highlight {
    color:#000;
    background-color: #fef1e2;
    border: 1px rgba(82, 168, 236, 0.8) solid;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.xml input[readonly]:focus , .xml textarea[readonly]:focus , .xml select[readonly]:focus {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: 0;
    outline-width: 0;
    background-color: #f1f1f1;	
}
select[name="starthour"], select[name="endhour"] {
    margin-right: 3px;
}

select[name="startminute"] , select[name="endminute"] {
    margin-left: 3px;
}

input[type="file"] {
    border: 1px solid #CCC;
    height: 30px;
    line-height: 30px;
}

select.AppNav {
    padding: 0px;
    font-size: 12px;
    line-height: 12px;
    height: 20px;
    margin: -2px 0 -2px 0
}

select[multiple], select[size] {
    height: 130px;
    min-height: 125px;
}

select.restrictcompanyfield {
    width: 296px;
}

select:disabled {
    color: #585858;
    background-color: #EFEFEF;
}

.restrictwrapper {
    margin: 8px 0;
}

.Small {
    width: 120px;
}
select.Small {
    width: 134px;
}
.XSmall {
    width: 94px;
}
select.XSmall {
    width: 108px;
}
.XXSmall {
    width: 84px;
}
select.XXSmall {
    width: 78px;
}
.XXXSmall {
    width: 45px;
}
select.XXXSmall {
    width: 59px;
}
.Medium, .MediumIn {
    width: 170px;
}
select.Medium, select.MediumIn {
    width: 184px;
}
.Large {
    min-width: 262px;
    max-width: 320px !important;
    width: 320px;
}
.XLarge {
    width: 340px;
}
select.XLarge {
    width: 354px;
}
.XXLarge {
    width: 487px;
}
select.XXLarge {
    width: 502px;
}
select.Tiny
{
    visibility: visible;
    overflow: visible;
    width: 39px;
}
input.Tiny {
    font-size: 9px;
    height: 30px;
    width: 30px;
    border-left-color: #1E1E1E;
    border-right-color: #d8d7d7;
    border-top-color: #1E1E1E;
    border-bottom-color: #d8d7d7;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
input.TinyNone {
    background-color: #009FDA;
    font-size: 9px;
    font-weight: bold;
    height: 14px;
    width: 25px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}
.Hundred, .Template {
    width: 90%;
}
select.Hundred {
    width: 92.5%;
}
.HundredLookUp {
    width: 82%;
}
.Fifty {
    width:50%;
}
select.Fifty {
    width: 53.5%;
}
.transparent, th.transparent, td.transparent {
    background: transparent;
    background-color: transparent;
}
.nowidth, th.nowidth, td.nowidth {
    min-width:initial !important;
    max-width:initial !important;
    width:initial !important;
}
.AlignLeft{
    text-align:left !important;
}
.AlignRight{
    text-align:right !important;
}
.AlignCenter{
    text-align:center !important;
}
input.textreadonly, input.textreadonly:focus {
    border-color: #FFF;
    border: 0px;
    outline: none !important;
    background-color: transparent;
    width: 90%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}
input.form-control {
    line-height: 20px;    
}
input.form-control[readonly]:focus {
    outline: none !important;
}

.worddisplay{
    margin:5px 0 0 0 !important;
}
input.textreadonly-fixed-sm {
    border: 0px #FFFFFF none;
    background-color: #FFFFFF;
    width: 80px;
    pointer-events: none;
}
input::-ms-clear {
    display: none;
}
.datepickclass {
    width: 110px !important;
}

td.row_searchterm .datepickclass {
    width: 87% !important;
}

.Display {
    border: 1px #009FDA solid;
    width: 240px;
}
.Invisible {
    padding: 0px;
    font-size: 1px;
    border: 0px;
    height: 1px;
    width: 60px
}
.MultiSearch {
    width: 140px;
    height: 80px;
}
.Multi {
    width: 140px;
}
input.Lookup, input.LookupBlur {
    border-radius: 4px 0px 0px 4px;
    min-width: 184px;
    max-width: 278px;
    width: 95%;
}

.search_fields input#companytxt.Lookup , .search_fields input#companytxt.LookupBlur , .search_fields input#contacttxt.Lookup , .search_fields input#contacttxt.LookupBlur , .search_fields input#appitemname.Lookup , .search_fields input#appitemname.LookupBlur {
    min-width: 320px;
    max-width: 420px;
}

.titlesettings input.Lookup , .titlesettings .input.LookupBlur {
    max-width: 184px;
}
input.LookupLrg {
    border-radius: 4px 0px 0px 4px;
    width: 220px;
}
.readonly{
    background:#F1F1F1;
}
.textreadonly, .textreadonly:focus, .textreadonly-fixed-sm {
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    width: 100%;
    pointer-events: none;
}
.textreadonly-fixed-sm {
    width: 60px;
    pointer-events: none;
}
.textreadonly_container {
    padding:4px 6px;
    display:inline-block;
    line-height: 20px;
    height: 20px;
    max-width: 98%;
}
.Percent {
    font-weight: bold;
    text-align: right;
    height: 17px;
    line-height: 13px;
    width: 25px
}
.HorCheck
{
    height: 60px
}
UL.Horlist, UL.HorList, .horlist25
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

LI.Horlist, LI.HorList
{
    padding: 0px;
    margin: 0px 0 10px 0 ;
    list-style-type: none;
    width: 275px;
    float: left;
}

li.Horlist{
    display: block;
    margin-left:18px;
}
li.Horlist input[type='checkbox']{margin-left:-16px;}        

.horlist25 li{
    width:25%;
    padding: 0 10px 0 0;
    margin: 0px 0 10px 0;
    display:inline-block;
}
ul.checklist
{
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    list-style-type: none;
}

li.checklist
{
    padding: 0 0 0 10px;
    margin: 0px;
    list-style-type: none;
    float: left;
}

/* Close Icon For Smartcheck   */

.notifyjs-bootstrap-error span {
    margin-right: 10px;
}

.notifyjs-bootstrap-error span:after{
    font-size: 13px;
    font-family: FontAwesome;
    position: absolute;
    top: -3px;
    color: #B94A48;
    content: "\f00d";
    padding-left: 9px;
}

/* inline annotation styles */


.notifyjs-container table {
    border-collapse:separate;
    border-spacing: 0px 6px;
}

.notifyjs-container p {
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 10px;
    background: rgba(255, 255, 255, 0.6);
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.notifyjs-container span.Description {
    display: block;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
    width: 100%;
    line-height: 150%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}




.notifyjs-container div > div.Form {
    padding: 10px 10px 5px 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}


.annopanel {
    padding: 10px 10px 5px 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-break:break-word;
    word-wrap:break-word;
    -ms-word-wrap:break-word;
    filter:none;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;

}

.annopanel p {
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 10px;
    background: rgba(255, 255, 255, 0.6);
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}


.annopanel span.Description {
    display: block;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    padding: 5px 5px 0px 5px;
    width: 100%;
    line-height: 150%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* invitations */

.invitetable {
    margin-bottom: 15px;
    width: 98%;
}

.invitetable .Data1 {
    width: 20%;
    padding: 8px;
    box-sizing: border-box;
}

.invitetable th.Sub {
    padding: 6px;
}

.invitetable tr:last-child > .Data1 {
    border-bottom: 0;
}

.invitetable select, .invitetable input[type="text"]:not(.form-control), .invitetable input[type="email"] {
    width: 80%;
}

.invitetable .Btnwrap > button {
    margin-top: 10px;
}

.invitetable td.cancel {
    width: 60px;
    padding-left: 10px;
    text-align: center;
}
TD.Sub {
    padding: 3px 2px 1px 4px;
}

/* new status monitor */


ul.progressstatusbar { 
    font-size: 16px;
    margin: 0; 
    padding-left: 0;
    cursor: default;
}

ul.progressstatusbar li {
    display:inline-block;
    width: 25%;
    position: relative;
    padding-right: 1px;
    width: auto;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

ul.progressstatusbar li span.bar  {
    display: inline-block !important;
    margin-top: 5px;
    box-sizing: border-box;
    padding: 5px;
    display: block;
    width: 100%;
    min-height: 5px;
    text-align: center;
    padding-right: 20px;
}

ul.progressstatusbar li p {
    float: left;
    margin: 5px 0;
    margin-top: 5px;
    margin-bottom: 0;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.number {
    float: left;
    font-size: 15px;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    display: inline-block;
    line-height: 1.6em;
    margin-right: 6px;
    text-align: center;
    width: 25px;
    margin-left: 5px;
}

ul.progressstatusbar li div.info {
    display: none;
    position: absolute;
    padding: 8px;
    margin: 0 auto;
    left: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: inherit;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    background: #fff;
    -moz-box-shadow: 2px 2px 5px 0 #b8b8b8;
    -webkit-box-shadow: 2px 2px 5px 0 #b8b8b8;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    z-index: 1000;
}
#editdiv {
    display: none;
    position: absolute;
    margin: 0 auto;
    left: 0;
    font-size: 14px;
    text-align: center;
    width: inherit;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    background: #fff;
    -moz-box-shadow: 2px 2px 5px 0 #b8b8b8;
    -webkit-box-shadow: 2px 2px 5px 0 #b8b8b8;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;        
    z-index: 1000;
}
#editdivtitle_container{
    font-size: 18px;
    text-align: left;    
    border-bottom: 1px solid #f1f1f1;
}
#editdivtitle{
    display:inline-block;
    padding: 8px;
}
#editdivpanel {
    padding: 8px;
}
#editdiv select {
    width: 320px;
}  
#editdiv input {
    width: 320px;
}  
#close{
    padding: 8px;
    font-size: 18px;
    color: #cccdcd;
    float: right;
    font-weight: normal;
    margin-top: -3px;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    cursor: pointer;
}
div.info:after,div.info:before  {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

div.info:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    left: 50%;
    margin-left: -4px;
}
div.info:before{
    border-color: rgba(190, 190, 190, 0);
    border-bottom-color: #bebebe;
    border-width: 8px;
    left:50%;
    margin-left: -5px;
}

ul.progressstatusbar li:hover div.info {
    display: block;   
}

ul.progressstatusbar li:hover div.info:empty {
    display: none;
}

/* inactive */

ul.progressstatusbar li.active  {
    color: #e37222;
}

ul.progressstatusbar li.active span.bar {
    background-color: #e37222;
    transform: skewX(-28deg);

}

ul.progressstatusbar li.active span.number {
    background: #e37222;
    color: #ffffff;
}


ul.progressstatusbar li.active p {
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
    max-width: 100%;
    width: auto;
    white-space: nowrap;
    overflow: none;
}

/* active */


ul.progressstatusbar li  {
    color: #bebebe;

}

ul.progressstatusbar li span.bar {
    background-color: #bebebe;
    transform: skewX(-30deg);

}

span.number {
    background: #bebebe;
    color: #ffffff;
}

ul.progressstatusbar li:first-of-type > span.number {
    margin-left: 0;
}

ul.progressstatusbar li:first-of-type span.bar::before {
    content: "";
    background-color: #bebebe;
    font-weight: bold;
    height: 10px;
    width: 15px;
    position: absolute;
    left: -3px;
    skew: 0;
    transform: skewX(28deg);
    top: 0px; 
}


ul.progressstatusbar li.active:first-of-type span.bar::before {
    content: "";
    background-color: #e37222;
    font-weight: bold;
    height: 10px;
    width: 15px;
    position: absolute;
    left: -4px;
    skew: 0;
    transform: skewX(28deg);
    top: 0px;
}


/* opt in bar for modal */


.modal_frame #container {
    padding: 0;
    margin-top: 40px !important;
}

.modal_actionbar {
    background: #f5f5f5;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: none;
    -webkit-box-shadow: none;
}


.exporttrans {
    display: block;
    text-align: center;
    font-size: 16px;
}



/* Main container */

/* media library */





.cbp-vm-switcher {
    padding: 5px 25px 20px 10px;
}

.cbp-vm-switcher .SubTitle {
    color: #22282c;
    padding-left: 0;
    background: transparent;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #eee;
}


.cbp-vm-switcher .SubTitle:first-of-type {
    margin-top: 10px;
}

/* options/select wrapper with switch anchors */

.cbp-vm-options {
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 3px solid #47a3da;
}

.cbp-vm-options a {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    color: #d0d0d0;
    margin: 2px;
}

.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected {
    color: #47a3da;
}

.cbp-vm-options a:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    display: inline-block;
}


/* General style of switch items' list */

.cbp-vm-switcher ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* Clear eventual floats */

.cbp-vm-switcher ul:before,
.cbp-vm-switcher ul:after {
    content: " ";
    display: table;
}

.cbp-vm-switcher ul:after {
    clear: both;
}

.cbp-vm-switcher ul li {
    display: inline-block;
    position: relative;
    width: 100%;
}

.cbp-vm-switcher ul li.li-header {
    text-align: left;
    padding-top: 0;
    padding-bottom:0;
    margin-top: 5px;
    border-top: 2px solid #e37222;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
}


.cbp-vm-switcher ul li.li-header .imagehead {
    width: 150px;
    margin-right: 0;
}


.cbp-vm-switcher ul li.li-header .cbp-vm-details {
    color: #000;
}

/*
.cbp-vm-image {
display: inline-block;
height: 200px;
width: 300px;
}

.cbp-vm-image img {
display: inline-block;
max-width: 100%;
}
*/

.cbp-vm-title {
    margin: 0;
    padding: 0;
    text-align: center;
}

.cbp-vm-title > a {
    color : #4E2E2D;
    text-decoration: none;
    font-size: 16px;
}



.cbp-vm-add {
    color: #fff;
    background: #47a3da;
    padding: 10px 20px;
    border-radius: 2px;
    margin: 20px 0 0;
    display: inline-block;
    transition: background 0.2s;
}

.cbp-vm-add:hover {
    color: #fff;
    background: #02639d;
}

.cbp-vm-add:before {
    margin-right: 5px;
}


/* Common icon styles */

.cbp-vm-icon:before {
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.cbp-vm-grid:before {
    content: "\f00a";
}

.cbp-vm-list:before {
    content: "\f00b";
}

.cbp-vm-add:before {
    content: "\f055";
}


/* Individual view mode styles */


/* Large grid view */

.cbp-vm-view-grid ul {
    /* text-align: center;*/
}

.cbp-vm-view-grid ul li {
    width: 350px;
    text-align: center;
    padding: 25px 0 15px 0;
    margin: 5px 60px 5px 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    border-bottom: 0;
}


/*
.cbp-vm-view-grid ul li:nth-of-type(4n) {
margin-right: 0;
}
*/

.cbp-vm-view-grid ul li img {
    display: block;
    width: auto;
    margin: 0 auto;
    max-width: 350px;
    max-height: 262px;
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


.cbp-vm-view-grid ul li .imagewrap span.tile   {
    cursor: pointer;
    height: 262px;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    color: #fff !important;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s  ease;
    transition: all 0.5s ease;
}

.cbp-vm-view-grid ul li .imagewrap:hover  .tile {
    opacity: .8;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s  ease;
    transition: all 0.5s ease;
}
.cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
    display: inline-block;
    margin: 0 auto;
    margin-top: 48px;
    margin-left: 100px;
    text-align: center;
    font-size: 160px;
    font-family: 'FontAwesome';
    content: "\f144";
}


.cbp-vm-view-grid ul li .imagewrap:hover .image:after {
    font-size: 130px;
    content: "\f002";
    margin-top: 52px;
    margin-left: 105px;
}


.cbp-vm-view-grid ul li span.imagewrap {
    display: inline-block;
    width: 100%;
    height: 262px;
    background: #f8f8f8;
}


.cbp-vm-view-grid ul li p {
    font-size: 14px;
    font-weight: bold;
    line-height: 150%;
    color: #a3a3a3;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 0px;
    word-wrap: break-word;
}

.cbp-vm-view-grid ul li a {
    display: inline-block;
    font-size: 14px;
    background: #f4f4f4;
    color: #e37222;
    text-decoration: none;
    margin: 10px 0 0 0;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}

.cbp-vm-view-grid ul li a .fa {
    padding-right: 5px;
}

.cbp-vm-view-grid ul li a:hover {
    background: #e37222;
    color: #fff;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}

.cbp-vm-view-grid .cbp-vm-title {
    /* font-size: 2em; */
}

/*
.cbp-vm-view-grid .cbp-vm-details.button:nth-of-type(2n-1) {
    clear: both;
}
*/

.cbp-vm-view-grid .cbp-vm-details {
    float: left;
    padding: 0 10px 2px 0;
    font-size: 14px;
    margin: 4px 10px 0px 0;
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
}

.cbp-vm-view-grid .cbp-button-wrapper {
    display: inline-block;
    width: 100%;
}

.cbp-vm-view-grid .cbp-vm-details span {
    font-weight: bold;
    margin-right: 5px;
}


.cbp-vm-details {
    color: #a3a3a3;
}


.cbp-vm-view-grid .listbuttonwrapper {
    display: inline-block;
    width: 100%;
    margin: 5px 0 0 0;
}

.cbp-vm-view-grid .cbp-vm-details.button {
    float: left;
    width: auto;
    margin-top: 0;
    margin-right: 0px;
    border: 0;
}

.cbp-vm-view-grid li.li-header{
    display: none;
}

.cbp-vm-view-grid  .cbp-vm-details:empty {
    display: none;
}

.cbp-vm-view-grid .clear {
    clear: both;
}

.cbp-vm-view-list .clear {
    display: none;
}

/* List view */

.cbp-vm-view-list li {
    padding: 15px 0;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.cbp-vm-view-list li .cbp-button-wrapper {
    float: right;
    width: 145px;
}

.cbp-vm-view-list li .imagewrap span.tile   {
    cursor: pointer;
    height: 112px;
    width: 150px;
    position: absolute;
    z-index: 10;
    opacity: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    color: #fff !important;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s  ease;
    transition: all 0.5s ease;
}

.cbp-vm-view-list li .imagewrap:hover  .tile {
    opacity: .8;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s  ease;
    transition: all 0.5s ease;
}

.cbp-vm-view-list li .imagewrap:hover .tile:after {
    display: inline-block;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 0px;
    font-size: 68px;
    font-family: 'FontAwesome';
    content: "\f144";
}


.cbp-vm-view-list li .imagewrap:hover .image:after {
    font-size: 55px;
    content: "\f002";
    margin-top: 24px;
    margin-left: 0px;
}


.cbp-vm-view-list li span.imagewrap {
    float: left;
    width: 150px;
    height: 112px;
    margin-right: 10px;
    background: #f8f8f8;
    text-align: center;
}

.cbp-vm-view-list li p {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 0px;
    word-wrap: break-word;
}

.cbp-vm-view-list li:only-child , .cbp-vm-view-list li:last-child {
    border-bottom: 0; 
}


.cbp-vm-view-list ul li a {
    display: inline-block;
    font-size: 14px;
    background: #f4f4f4;
    color: #e37222;
    text-decoration: none;
    margin: 0 0 0 0;
    padding: 7px;
    width: 125px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}

.cbp-vm-view-list ul li a .fa {
    padding-right: 5px;
}

.cbp-vm-view-list ul li a:hover {
    background: #e37222;
    color: #fff;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}


.cbp-vm-view-list .cbp-vm-image,
.cbp-vm-view-list .cbp-vm-title,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-add {
    display: inline-block;
    vertical-align: middle;
}

.cbp-vm-view-list .cbp-vm-image {
    max-width: 150px;
    max-height: 112px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.cbp-vm-view-list .cbp-vm-title {
    float: left;
    width: 29%;
    margin-right: 30px;
    margin-top: 10px;
    word-break: break-all;
    clear: inherit;
}

.cbp-vm-view-list .cbp-vm-title.filename {
    width: 250px;
}

.cbp-vm-view-list .cbp-vm-details.filename {
    margin-bottom: 4px;
}

.cbp-vm-view-list .cbp-vm-details {
    float: left;
    font-size: 13px;
    width: 29%;
    margin-right: 30px;
    margin-bottom: 7px;
    word-break: break-word;
    clear: inherit;
}

.cbp-vm-view-list .cbp-vm-details.timedate {
    width: 135px;
}

.cbp-vm-view-list .cbp-vm-details.button {
    float: right;
    width: auto;
    margin: 5px 10px 0 0;
}


.cbp-vm-view-list .cbp-vm-details span {
    font-weight: bold;
    margin-right: 5px;
}

.cbp-vm-view-list .cbp-vm-add {
    margin: 0;
}

.btn-group.mediaplayer {
    float: right;
    margin-right: 45px;
}


.btn-group.mediaplayer > .btn, .btn-group.mobilesearch > .btn {
    background: #f4f4f4;
    border: 1px solid #ccc;
    outline: 0;
}

.btn-group.mediaplayer > .btn .fa, .btn-group.mobilesearch > .btn .fa {
    color: #e37222;
}

.btn-group.mediaplayer > .btn.active, .btn-group.mobilesearch > .btn.active {
    background-color: #e37222;
    background: -ms-linear-gradient(top, #e37222, #e37222);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e37222), to(#e37222));
    background: -webkit-linear-gradient(top, #e37222, #e37222);
    background: -o-linear-gradient(top, #e37222, #e37222);
    background: linear-gradient(top, #e37222, #e37222);
    background: -moz-linear-gradient(top, #e37222, #e37222);
    background-repeat: repeat-x;
    border: 1px solid #e37222;
    border-color: #e37222;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}


.btn-group.mediaplayer > .btn.active .fa, .btn-group.mobilesearch > .btn.active .fa {
    color: #1e1e1e;
}

/* mobile link modal */

.mobilecapture {
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
}

.mobilecapture h1 {
    font-size: 22px;
    font-weight: normal;
    background: #e37222;
    display: inline-block;
    padding: 6px 10px;
    margin-top: 0;
    box-sizing: border-box;
    color: #fff;
    border-radius: 5px;
}

.mobilecapture h1:empty {
    display: none;
}

.mobilecapture h2 {
    font-weight: normal;
    padding-top: 0;
    margin-top: 0;
}



.mobilecapture .left {
    float: left;
    width: 45%;
    padding: 15px 20px;
    box-sizing: border-box;
}

.mobilecapture .left p {
    font-size: 18px;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: center;
}

.mobilecapture img {
    display: block;
    margin: auto;
    padding-top: 20px;
}


.mobilecapture .right {
    float: right;
    width: 55%;
    padding: 15px 30px;
    border-left: 1px solid #fff;
    box-sizing: border-box;
}

.mobilecapture .sms {
    margin-top: 25px;
}

.mobilecapture .sms p {
    margin-bottom: 10px;
}

.mobilecapture .sms .capturetitle {
    padding-top: 15px;
    border-top: 1px solid #fff;
}

.mobilecapture .sms .url {
    word-break: break-all;
}

.mobilecapture .right .sms input[type="text"] {
    width: 60%;
    margin-right: 10px;
}

.mobilecapture .formwrapper {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    background: #f7f8f8;
}

.mobilecapture .right p.header {
    font-size: 18px;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: center;
}




.mediaplayerwrapper {
    display: block;
    width: 95%;
    margin: 0 auto;
}
.mediaplayerwrapper.public {
    width: 1130px;
    padding-top: 20px;
}

.mediaplayerwrapper.public .videoplayerwrapper {
    float: left;
    width: auto;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}

.videoplayerwrapper {
    float: left;
    width: auto;
}

.audioplayerwrapper {
    float: left;
    margin-right: 30px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    display: inline-block;
    padding: 20px;
}

.timewrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.buttonwrapper {
    display: inline-block;
    width: 100%;
    padding: 10px 0 4px 0;
    box-sizing: border-box;
}

.fullbody {
    height: 100%;
}

.viewvideo {
    background: #f5f5f5;
    min-height: 100%;
}

.metadata {
    display: inline-block;
    width: 100%;
    border: 1px solid #EEE;
    margin: 10px 0 10px 0;
    padding: 5px;
    box-sizing: border-box;
    clear: right;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.metadata tr {
    display: inline-block;
    width: 24%;
    vertical-align: top;
}

.metadata label {
    font-size: 13px;
}

.metadata .Form {
    font-size: 13px;
}

.metadata th {
    min-width: 70px;
    max-width: 100px;
    width: 100px;
    box-sizing: border-box;
    text-align: right;
}

.annowrapper {
    height: 100%;
    overflow: overlay;
}

.annopanel.video {
    background: #f5f5f5;
    width: 297px;
}

.annopanel.video > .time {
    text-align: right;
    display: inline-block;
    padding-bottom: 9px;
    color: #000;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.6);
}

.buttonwrapper input[type="button"], .buttonwrapper form {
    float: left;
    margin: 0 2px 0 0;
}

.urlwrapper {
    display: inline-block;
    box-sizing: border-box;
    margin: 8px 0px 0 6px;
    border-top: 1px solid #f5f5f5;
}


.urlwrapper .left {
    width: 100%;
}
.urlwrapper .left p:first-child {
    font-weight: bold;
    font-size: 13px;
    padding-top: 0;
    margin: 10px 0 5px 0;
}

.urlwrapper .left p:last-child {
    font-size: 12px;
    margin-top: 4px;
    word-break: break-all;
}

.urlwrapper .right {
    width: 100%;
}
.urlwrapper .right p:first-child {
    font-size: 13px;
    font-weight: bold;
    padding-top: 0;
    margin: 10px 0 5px 0;
}

.urlwrapper .right p:last-child {
    font-size: 12px;
    margin-top: 4px;
    word-wrap: break-word;
}
.loghistory_by {
    margin-top: 2px;
    padding: 4px;
    background: #f5f5f5;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.loghistory_body {
    margin-top: 2px;
    padding: 5px;
    border-bottom: 1px #EEEEEE solid;
    padding: 8px 0 20px 0;
    margin: 0 20px 20px 20px;
    -moz-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
    -webkit-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
    box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
}
.audioplayerwrapper .jp-title {
    font-size: 14px;
}

#playlistdiv {
    float: none;
    width: auto;
    margin-left: 15px;
    max-height: 394px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mediaplayerwrapper.public #playlistdiv {
    max-height: 414px;
}

.mediaplayerwrapper.public .playlist p {
    margin-top: 0;
    word-break: break-all;
    float: none;
}

.playlist {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    transition: background 0.2s ease;
}

.playlist:hover {
    text-decoration: underline;
    background: #f8f8f8;
    transition: background 0.2s ease;
}


.playlist span {
    float: left;
    width: 150px;
    height: 112px;
    margin-right: 10px;
    background: #f8f8f8;
}

.playlist p {
    float: none;
    margin-top: 0;
}

.playlist span img {
    width: auto;
    max-width: 150px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.comment {
    display: none;
    background: #fafafa;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.comment label {
    float: left;
    vertical-align: top;
    padding: 5px 10px 0 0;
    width: 80px;
}

.comment textarea {
    width: 90%;
    height: 60px;
}

.comment input.ReadOnly {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.comment input.ReadOnly:focus {
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    outline-width: 0;
}


.comment .runtime {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.comment .comments {
    display: inline-block;
    width: 100%;
}

.buttonshelf {
    display: block;
    background: #fff;
    padding: 5px 20px;
    border-top: 1px solid #eee;
    clear: right;
    text-align: center;
}


.inputwrapper {
    display: inline-block;
    padding: 10px 20px;
}

.editcellwrapper {
    display: inline-block;

    padding-left: 22px;
    width: 100%;
    box-sizing: border-box;
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
}

.editcellwrapper .editcell {
    float: left;
    width: auto;
    margin-right: 15px;
}



.configtable {
    padding: 10px 0 0 0;    
    overflow-y: hidden;
    overflow-x: auto;
}

.headcolm {
    background: #f9f9f9;
}

.rownumber , .columnnumber {
    width: 50px;
}

.annotatevideo {
    position: absolute;
    z-index: 1000;
}


.closecaption {

}

.closecaption .filter {
    display: inline-block;
    width: 100%;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #ccc;
    box-sizing:  border-box;
}

.closecaption .filter:first-of-type {
    background: #f5f5f5;
}

.closecaption .filter label {
    padding: 5px 10px 0 0; 
}

.closecaption .filter .language {
    float: left;
    width: auto;
}

.closecaption .filter .fileupload {
    float: left;
    margin-left: 15px;
    width: 440px;
}


.closecaption .frmtranslate {
    display: inline-block;
    width: 100%;
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #ccc;
    box-sizing:  border-box;
}

.closecaption .autotranslate {
    float: left;
}

.closecaption .langcode {
    float: left;
    margin-left: 10px;
}

.closecaption .availablecc {
    display: inline-block;
    width: 100%;
    padding: 5px 0 5px 20px;
    box-sizing:  border-box;
}

.closecaption .availablecc p {
    font-size: 18px;
    margin: 10px 0 15px 0;
}

.closecaption .langoption {
    float: left;
}

.closecaption .langoption span {
    float: left;
}

.closecaption .langoption span a {
    float: left;
    font-size: 14px;
    background-color: #f5f5f5;
    color: #e37222;
    position: relative;
    display: block;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.closecaption .langoption span a:hover {
    background-color: #e37222;
    color: #1e1e1e;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.closecaption pre {
    display: inline-block;
    margin-top: 10px;
    height: 200px;
    width: 100%;
}
.processmsg {
    font-size: 20px;
    background: #bbb;
    display: inline-block;
    padding: 11px;
    color: #fff;
    float: left;
    margin: 10px 20px 10px 0;
    margin-left: 20px;
    margin-top: 12px;
    border-radius: 4px;
}

/* Mobile Capture URL */

.mobileupload {
    background: #fff;
    width: 700px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 5px 20px 20px 20px;
    box-sizing: border-box;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.mobileupload h1 {
    font-size: 24px;
    font-weight: normal;
    color: #22282c;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.mobileupload h1 .fa {
    font-size: 25px;
    padding-right: 5px;
}

.mobileupload .formwrapper {
    display: inline-block;
    margin: 10px 0;
}


.mobileupload .formwrapper input.Lookup, .mobileupload .formwrapperinput.LookupBlur {
    width: 565px;
    height: 45px;
}


.mobileupload .formwrapper  .btn-lookupLeft {
    height: 21px;
    font-size: 16px;
    padding-top: 8px;
}


.mobileupload .uploadbutton {
    margin-top: 5px;
}

.mobileupload .uploadbutton .button {
    font-size: 16px;
    font-weight: bold;
    padding: 6px;
    width: 650px;
}


.mobileupload p.success {
    font-size: 20px;
    text-align: center;
    margin-bottom: 5px;
    color: #e37222;
}



.mobileupload p.success:before {
    content: '\f00c';
    font-family: FontAwesome;
    height: 39px;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: block;
    font-size: 60px;
    margin-bottom: 30px;
}


.mediasearch {
    margin-top: 5px;
    padding: 10px 20px 10px 10px;
    background: -ms-linear-gradient(top, #f0f0f0, #eae8e8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#eae8e8));
    background: -webkit-linear-gradient(top, #f0f0f0, #eae8e8);
    background: -o-linear-gradient(top, #f0f0f0, #eae8e8);
    background: linear-gradient(top, #f0f0f0, #eae8e8);
    background: -moz-linear-gradient(top, #f0f0f0, #eae8e8);
}

.mediasearch:after {
    clear: both;
    display: block;
    content: "";
}

.mediasearch .clearsearch {
    cursor: pointer;
    float: right;
    padding: 6px;
    margin: 1px 0 0 -40px;
    position: relative;
    z-index: 1000;
}

.mediasearch .clearsearch .fa {
    color: #999999;
}

.mediasearch input[type="text"]:not(.form-control) {
    width: 393px;
    max-width: 393px;
}

p.searchoptions {
    margin: 7px 0 10px 0;
    color: #a8a8a8;
    font-size: 14px;
}


.filterbutton {
    float:left;
    width: auto;
    margin-right: 5px;
}

.filterbutton.photo label span:before {
    content: "\f030"; 
}


.filterbutton.audio label span:before {
    content: "\f028"; 
}
.filterbutton.video label span:before {
    content: "\f03d"; 
}

.filterbutton.allmedia span {
    padding-left: 14px;
}

.filterbutton label span:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 4px;
    left: 7px;
    color: #000;
}

.filterbutton input:checked + span:before {
    color: #fff;
}

.filterbutton label {
    float:left;
    width:auto;

}

.filterbutton label span {
    position: relative;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    display: inline-block;
    padding: 4px 14px 4px 28px;
    margin: 0px 2px;
    font-size: 14px;
    line-height: 20px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    outline: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.filterbutton input:checked + span {
    color: #1e1e1e;
    text-align: center;
    text-decoration:none;
    cursor: pointer;
    background-color: #e37222;
    background: -ms-linear-gradient(top, #e37222, #e37222);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e37222), to(#e37222));
    background: -webkit-linear-gradient(top, #e37222, #e37222);
    background: -o-linear-gradient(top, #e37222, #e37222);
    background: linear-gradient(top, #e37222, #e37222);
    background: -moz-linear-gradient(top, #e37222, #e37222);
    background-repeat: repeat-x;
    border: 1px solid #e37222;
    border-color: #e37222;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.filterbutton label input {
    position:absolute;
    top:-20px;
    visibility: hidden;
}


#filteroptionsdiv {
    width: 450px;
    max-width: 450px;
    padding-bottom: 10px;
}

#filteroptionsdiv P {
    font-size: 14px;
    color: #bebebe;
    margin: 9px 0;
}


.mediasearchwrapper {
    padding: 20px;
}

#resultmsg h1 {
    font-size: 50px;
    margin-bottom: 0;
    color: #e37222;
    text-align: center;
}

#resultmsg p {
    font-size: 25px;
    color: #595959;
    margin-top: 10px;
    text-align: center;
}

#resultmsg div {
    float: left;
    padding: 9px;
    font-size: 17px;
    margin-left: 10px;
    margin-top: -25px;
    margin-bottom: 16px;
    background: #f4f4f4;
}

#resultmsg div span {
    float: right;
    font-weight: bold;
    color: #e37222;
    padding-left: 5px;

}

#resultmsg:after {
    clear: both;
    display: block;
    content: "";
}


p.systitle {
    font-size: 17px;    
    margin-bottom: 1px;
    padding-bottom: 4px;
}

.systable {
    padding-top: 1px;
    border-top: 1px solid #d7d7d7;
}

.container.sys {
    padding-top: 10px;
}

.container.sys .object_name {
    color: #FFFFFF;
    margin: 0 20px;
    padding: 5px 0 0 0;
}

.container.sys .list_container {
    margin-top: 15px;
    border-bottom: 1px #EEEEEE solid;
    padding: 0px 0px 9px 0;
    margin: 15px 20px 25px 20px;
    -moz-box-shadow:  inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
    -webkit-box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
    box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
}

.container.sys .list_container tr:last-child > td {
    border-bottom: 0;
}

.container.sys td {
    vertical-align: top;
    padding: 8px;
}

.container.sys th {
    padding: 4px 8px 4px 8px;
    line-height: 150%;
}

.container.sys .parentid {
    width: 5%;
    min-width: 66px;
}
.container.sys .parentname {
    width: 10%;
    min-width: 91px;
}

/*
.container.sys .id {
width: 4%;
min-width: 74px;
}
*/

.container.sys .name {
    width: 25%;
}
.container.sys .summaries {
    width: 55%;
}

.container.sys .field {
    font-weight: bold;
}


.container.sys .hightlight_term {
    color: #de0000;
}

/* Account Activation Screen */

.accountactivate , .securepass {
    background: #f9f9f9;
    padding-top: 30px;
}

.activate , .securepasswrapper {
    width: 595px;
    margin: 0 auto !important;
    padding-top: 0 !important;
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box;
}

.activate h1 , .securepasswrapper h1 {
    font-size: 28px;
    font-weight: normal;
    padding: 5px 15px 15px 15px;
    border-bottom: 1px solid #f4f4f4;
}

.securepasswrapper h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 5px 0px 10px 0px;
    margin:  25px 0 0 0;
}

.securepasswrapper input[type="text"]:not(.form-control) {
    height: 55px;
    width: 100%;
    font-size: 18px;
}

.securepasswrapper .buttonwrapper {
    margin-top: 5px;
}

.activate .Form {
    font-weight: normal;
    text-align: left;
}

.activate #content , .securepasswrapper #content {
    padding: 0 20px 20px 20px;
}

.securepasswrapper #content .instructions {
    display: inline-block;
    padding: 8px;
    margin: 3px 0 0 0;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.securepasswrapper .footer {
    display: block;
    margin: 25px 0 0 0;
    padding-top: 20px;
    border-top: 1px solid #f4f4f4;
}

.securepasswrapper .footer:empty {
    padding-top: 0;
    border: 0;
}

.securepasswrapper .footer:after {
    clear: both;
    display: block;
    content: "";
}

.securepasswrapper .footer p {
    margin: 0;
}


.securepasswrapper .authimage {
    float: right;
    margin-top: 10px;
}

.securepasswrapper .authimage img {
    height: 70px;
}

.securepasswrapper .time {
    float: left;
    font-size: 12px;
    line-height: 22px;
}

.securepasswrapper .warningmessage {
    margin: 20px 0 0 0;
}

.securepasswrapper .warningmessage span + span {
    width: 94%;
    line-height: 22px;
}

.securepasswrapper .warningmessage span:nth-child(1) {
    height: 57px;
    padding-top: 20px;
}


.activate input[type="text"] , .activate input[type="password"]{
    width: 360px;
}

.activate .Submit {
    background: transparent;
    border: 0;
    padding-top: 15px;
}

.activate .Submit input[type="submit"] , .securepasswrapper input[type="submit"] , .securepasswrapper input[type="Button"] {
    font-size: 17px;
    padding: 6px 10px !important;
}

.activate .warningmessage , .activate .requestaccept  {
    margin: 0 0 10px 0;
}

/* emulate mode */
.topbar {
    font-size: 14px;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    z-index: 999;
    text-align: center;
    background: -moz-linear-gradient(top, #fff  0%, #d7d7d7  200px, #d7d7d7  100%);
    background: -webkit-linear-gradient(top, #fff  0%,#d7d7d7  200px,#d7d7d7  100%);
    background: -o-linear-gradient(top, #fff  0%,#d7d7d7  200px,#d7d7d7  100%);
    background: -ms-linear-gradient(top, #fff  0%,#d7d7d7  200px,#d7d7d7  100%);
    background: linear-gradient(top, #fff  0%,#d7d7d7  200px,#d7d7d7  100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#d7d7d7');/*For IE7-8-9*/ 
    -webkit-box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
    -moz-box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
    box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #e37222; 
}

.topbar > div {
    position: relative;
    display:inline-block;
    padding:8px 8px;
    color: #000;
}

.emulate > div:after {
    position:absolute;
    font-family: FontAwesome;
    font-size: 14px;
    color: #e37222;
    top:9px;
    right:-30px;
    margin-right: 20px;
    content: "\f007"; 
}


.custabcontainer_in table.Form:first-of-type.passwrapper {
    margin: auto;
}

.centerlayout input[type='radio'] {
    float: left;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.centerlayout .ajaxLookUpContainer + input[type="button"] {
    margin-left: 10px;
}

.centerlayout .ajaxLookUpContainer + i.text-help {
    margin-left: 22px;
}

/* fixing google drive button on file manager */

#selectFilesButtonContainer .Button {
    float: left;
}

#captureDiv,#modeDiv,#recordDiv,#batchUpdateDiv,#reconnectDiv {
    position: absolute;
    padding: 12px 18px 12px 12px;
    z-index: 999;
    text-align: center;
    background: #eee;
    border-top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 210px;
    height: 37px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}

#captureDiv {
    height: 56px;
}
#captureDiv .title,#modeDiv .title,#recordDiv  .title,#batchUpdateDiv  .title{
    font-weight:bold;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}

#captureDiv .fa {
    padding-left: 10px;
}
#recordDiv .fa,#batchUpdateDiv .fa,i.fa-history {
    padding-right: 5px;
}

#captureDiv:after,#modeDiv:after,#recordDiv:after,#batchUpdateDiv:after,#reconnectDiv:after {
    position: absolute;
    content: '';
    border-bottom: 62px solid transparent;
    border-right: 30px solid #eee;
    left: -30px;
    top: 0;
}

#captureDiv:after {
    border-bottom: 82px solid transparent;
}

#captureDiv span {
    font-size: 12px;
    display: inline-block;
    margin-top: 5px;
}

#captureDiv:before,#modeDiv:before,#recordDiv:before,#batchUpdateDiv:before,#reconnectDiv:before {
    position: absolute;
    content: '';
    border-bottom: 62px solid transparent;
    border-left: 30px solid #eee;
    right: -30px;
    top: 0;
}
#captureDiv:before {
    border-bottom: 82px solid transparent;
}
#captureDiv .closesharescreen,#modeDiv .closesharescreen,#recordDiv .closesharescreen,#batchUpdateDiv .closesharescreen {
    border-radius: 50%;
    width: 21px;
    height: 21px;
    margin-top: -8px;
    position: absolute;
    top: 12px;
    right: -3px;
    cursor: pointer;
}

#captureDiv .closesharescreen .fa {
    text-align: center;
    padding-top: 4px;
    padding-left: 0;
    color: #e37222;
    cursor: pointer;
}
#modeDiv p {
    font-size: 13px;
    margin-top: 3px;
}
.configShortcut {
    position: fixed;
    padding: 0px 20px 0px 10px;
    z-index: 999;
    background: #eee;
    border-top: 0;
    right: 0;
    top: 40px;
    margin: 0 auto;
    width: 250px;
}

.configShortcut > div {
    font-weight: bold;
    font-size: 16px;
}
.configShortcut > ul {
    line-height: 25px;
}
/*

ul.progressstatusbar li.notactive {
display: none;
}

ul.progressstatusbar li.notactive.show {
display: inline-block;
}
*/

/*  styles for external url */
#header_container .centerlayout {
    width: 1056px;
    margin: auto;
    text-align: center;
}
.container_smartfolder {
    width: 1045px;
    margin: 40px auto;
}

.container_smartfolder .box {
    width: auto;
    /* --- uncomment to override border color ---
    border: 1px solid #72aed7;
    */
    background-color: #fefefe;
    padding: 25px;
    border-radius: 3px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 2px -2px 32px -2px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 2px -2px 32px -2px rgba(0, 0, 0, 0.20);
    box-shadow: 2px -2px 32px -2px rgba(0, 0, 0, 0.20);
}


.container_smartfolder h1 {
    font-size: 22px;
    font-weight: normal;
    line-height: 150%;
    margin: 0 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
    border-bottom: 1px solid #e37222;
    color: #000000;
}


.information_msg_container:empty {
    display: none;
}


.information_msg_container.externalfolder {
    margin-left: 0;
    margin-right: 0;
}

.information_msg_container.externalfolder > span {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}


.information_msg_container.externalfolder > span:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 2px;
    left: 0;
    color: inherit;
    content: "\f05a";
}

.filewrapper.folder {
    background: #f7f7f7;
    padding-left: 10px;
}

.filewrapper {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ececec;
    word-break: break-all;
}

.filewrapper .fa {
    font-size: 20px;
    padding-right: 10px;
}


.filewrapper .fa.fa-file-pdf-o {
    color: #da292e;
}

.filewrapper a {
    font-size: 16px;
    color: #4E2E2D;
    text-decoration: none;
}

.filewrapper a:hover {
    text-decoration: underline;
}

.filewrapper span + span {
    font-size: 12px;
    color: #212121;
    padding-left: 7px !important;
}

.filewrapper:last-of-type {
    border-bottom: 0;
    margin-bottom: 5px;
}

span.description {
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding-top: 5px;
    padding-left: 28px;
}

span.description:empty {
    display: none;
}

div.icon {
    position: relative;
}

div.icon span {
    padding-left: 25px;
}

div.icon span:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 2px;
    left: 0;
    color: #4b4b4b;
}

div.icon.pdf span:before {
    font-size: 18px;
    content: "\f1c1";
    color: red;
    top: -1px;
}

div.icon.txt_icon span:before {
    font-size: 18px;
    content: "\f0f6";
    top: -1px;
}

div.icon.pdf_icon span:before {
    font-size: 18px;
    content: "\f1c1";
    top: -1px;
}


div.icon.otr_icon span:before {
    font-size: 18px;
    content: "\f016";
    top: -1px;
}

div.icon.html_icon span:before , div.icon.htm_icon span:before {
    font-size: 18px;
    content: "\f121";
    top: -1px;
}

div.icon.ofolder span:before {
    font-size: 18px;
    content: "\f115";
    top: -1px;
}

div.icon.jpg_icon span:before ,  div.icon.png_icon span:before , div.icon.gif_icon span:before , div.icon.vsd_icon span:before {
    font-size: 18px;
    content: "\f1c5";
    top: -1px;
}

div.icon.dot_icon span:before , div.icon.doc_icon span:before , div.icon.docx_icon span:before {
    font-size: 18px;
    content: "\f1c2";
    top: -1px;
}

div.icon.ppt_icon span:before {
    font-size: 18px;
    content: "\f1c4";
    top: -1px;
}

div.icon.xls_icon span:before , div.icon.xlsx_icon span:before {
    font-size: 18px;
    content: "\f1c3";
    top: -1px;   
}

div.icon.mdb_icon span:before {
    font-size: 18px;
    content: "\f1c0";
    top: -1px;
}

div.icon.zip_icon span:before {
    font-size: 18px;
    content: "\f1c6";
    top: -1px;
}

div.icon.avi_icon span:before , div.icon.avi_mp3 span:before {
    font-size: 18px;
    content: "\f1c7";
    top: -1px;
}

div.icon.mp4_icon span:before , div.icon.avi_mpg span:before , div.icon.avi_wmv span:before {
    font-size: 18px;
    content: "\f1c8";
    top: -1px;
}

div.icon.sfm_icon span:before {
    font-size: 18px;
    content: "\f24a";
    top: -1px;
}

span.backlink {
    background: #f7f7f7;
    padding: 12px;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 8px;
}

span.backlink:empty {
    display: none;
}


.rlib {
    float:left; 
    width: 75%; 
    margin-left: 20px
}

.rlib .addbutton {
    float:left;
}

.rlib .cbp-vm-view-grid {
    display: flex;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

.rlib .cbp-vm-view-grid ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.rlib .cbp-vm-view-grid li {
    float: left;
    display: flex;
    padding: 10px;
    border: 1px solid #d7d7d7;
    width: 30%;
    margin:  10px 20px 10px 0;
}
.rlib .cbp-vm-view-grid li:nth-of-type(3n) {
    margin-right: 0;
}

.rlib .cbp-vm-view-grid .uploaddate {
    font-size: 11px;
    margin-top: 5px;
}

.rlib .iconblock {
    float: left;
    background: #e5e5e5;
    padding: 30px 20px 20px 20px;
    max-width: 95px;
    overflow: hidden;
    min-width: 95px;
    text-align: center;
    box-sizing: border-box;
}

.rlib .iconblock .fa {
    font-size: 50px;
    color: #979797;
}

.rlib .cbp-vm-view-grid .detailsblock {
    float: left;
    margin-left: 15px;
    width: 80%;
}

.rlib .cbp-vm-view-grid .cbp-vm-title {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 5px;
}

.rlib .cbp-vm-view-grid  .cpm-details {
    text-align: left;
}

.rlib .cbp-vm-view-grid .cbp-vm-details.button {
    margin-top: 7px;
    margin-bottom: 7px;
}

.rlib .cbp-vm-view-grid ul li a {
    margin-right: 5px;
}

.rlib .cbp-vm-view-list .iconblock {
    padding: 20px 15px 15px 15px;
}

.rlib .cbp-vm-view-list .iconblock .fa {
    font-size: 40px;
}

.rlib .cbp-vm-view-list .cbp-vm-title {
    margin: 0 0 0 10px;
    text-align: left;
    width: 18%;
}

.rlib .cbp-vm-view-list .cbp-vm-details {
    width: 20%;
}

.rlib .cbp-vm-view-list .uploaddate {
    width: 17%;
}

.rlib .cbp-vm-view-list .cbp-vm-details.button {
    width: 236px;
    margin-right: 0;
}

.rlib .cbp-vm-view-list ul li a {
    width: auto;
    margin-right: 7px;
}
.rlib .cbp-vm-view-list ul li a:last-of-type {
    margin-right:0;
}

.accordionwrapper {
    margin-top: 20px;
    width: 20%;
}

.accordionwrapper #accordion {
    float:left; 
    width: 100%;
}


/* Responsive */
/* configuaration wizard run modal */

.configtitle {
    background: #f7f7f7;
    margin: 0;
    margin-top: -13px;
    padding: 22px 19px 11px 20px;
}

.configtitle h1 {
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.configtitle h2 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding-top: 3px;
}

.confignav {
    padding: 7px 20px 7px 20px;
    background: #f2f2f2;
    border-top: 1px solid #eaeaea;
}

.confignav div {
    display: inline-block;
    width: auto;
}

.confignav div label {
    font-size: 12px;
    width: 100%;
    display: block;
    color:#e37222;
}
.confignav div input[readonly] {
    font-size: 14px;
    border: 0;
    margin-top: 2px;
    padding: 0;
    background: 0;
    box-shadow: none;
}

.confignav div input#stpnarrative {
    max-width: 470px;
}

.configreview {
    margin: 20px 0 0 0;
    padding: 20px;
    border: 1px dashed #eee;
}

.configreview h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
}
.configreview p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.requestaccept {
    background: #73b426;
    display: none;
    margin: 20px 0px 0 0;
    color: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.requestaccept span {
    float: left;
    font-size: 17px;
    background: #85ca33;
    text-align: center;
    padding-top: 6px;
    height: 30px;
    width: 30px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    box-sizing: border-box;
}

.requestaccept span + span {
    float: right;
    font-size: 14px;
    padding: 6px 10px 8px 10px;
    width: auto;
    height: auto;
    text-align: left;
    background: transparent;
}

.requestaccept#showmsg {
    max-width: 200px;
    margin: 10px 0 15px 0;
}

.requestaccept#showmsg  span {
    padding-top: 5px;
}
.requestaccept#showmsg  span + div {
    font-size: 14px;
    padding: 6px 10px 6px 40px;
    width: auto;
    height: auto;
    text-align: left;
    background: transparent;
}
.requestaccept#showmsg  p {
    padding-top: 10px;
}


.confignav div input[readonly]:focus {
    box-shadow: none;
    outline: 0;
    border: 0;
    background: transparent;
}

.buttonnavwrap {
    float: right;
    margin-top: 5px;
}

.buttonnavwrap button:disabled {
    opacity: 0.7;
    cursor: no-drop;
}
.buttonnavwrap button:disabled + .tooltip {
    display: none !important;
}

.previewformwrapper {
    float: right;
    min-width: 850px;
    max-width: 850px;
    padding: 10px;
}

div.progressbar {
    border: 1px solid #cccccc;
}

div.progressbar > div {
    width: 0;
    padding: 7px 0;
    text-align: center;
    color: #ffffff;
    background-color: #009900;
}

#searchoptionscontainer {
    position:relative;
    display:inline-block;
    margin: 0 -1px 0 0
}
.search_dropdown {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display:inline-block;
    text-align:left;
}
.search_dropdown li {
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;    
    padding: 4px 6px 3px;
    font-size: 14px;
    color: #222;
    border-radius: 3px;
    float: left;
    margin: 0 4px 0 0;
    line-height:20px;
    font-size: 14px;
    cursor: pointer;
}

.search_dropdown li label{
    display:inline-block;
    width: 100%;
    cursor: pointer;
}
.search_dropdown li a{
    color: #222;
    text-decoration: none;
    padding: 5px;
}
.search_dropdown li a span{
    margin: 7px 0 0 4px;
}
.search_dropdown li:last-child a{
    border-right: none; 
}
.search_dropdown li:hover{
    color: #000;
    position: relative; 
    background: #F1F1F1;
    border-right: 1px #EAEAEA solid;
}
.search_dropdown li.hover a{
    color: #000; 
}

.search_dropdown.leftmargin ul {
    right: -2px;
}

.search_dropdown ul {
    display: none;
    position: absolute; 
    top: auto;
    min-width: 160px;
    padding: 5px 0;
    margin: 1px 0 0 -8px;
    white-space:nowrap;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-decoration:none;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;    
    z-index:1000;
    overflow: auto;
    overflow-x: hidden;
    max-width: 350px;

}
.search_dropdown li ul li{
    float: none;
    color: #323335;
    padding: 2px 5px 2px 5px;
    border: 0px none #FFF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: initial;
}
.search_dropdown li ul li a{
    border-right: none; 
    font-size: 13px;    
    border: 1px #FFFFFF solid;
    display: inline-block; 
    padding: 3px 4px 3px 6px;
}
.search_dropdown li ul li a:hover{
    border-right: none; 
    display: inline-block; 
    border: 1px #efefef solid;
    background: #efefef;
}
.search_dropdown li ul li:hover{
    background: transparent;
    border: none;
}


.searchoptions_dropdown {
    position:absolute;
    right:0;
    top: 100%;   
    z-index:99;
    display:none;
    background:#FFFFFF;
    padding:5px 7px 5px 7px;
    margin: 1px 0 0 0;
    white-space:nowrap;
    background: #FFFFFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-decoration:none;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    z-index:1000;
}

body.syntaxchecker {
    background: #fcfdff;
}
.syntaxchecker .header {
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 2px -1px 16px 3px rgba(239,239,239,0.8);
    -moz-box-shadow: 2px -1px 16px 3px rgba(239,239,239,0.8);
    box-shadow: 2px -1px 16px 3px rgba(239,239,239,0.8)
}

.syntaxchecker .header .object_name {
    font-size: 28px;
    margin: 0;
}

.syntaxcontent {
    margin: 25px 20px 0 20px;
}

.syntaxcontent .instructions {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
}

.syntaxcontent .instructions .fa {
    color: #e37222;
    font-size: 20px;
    padding-right: 7px;
}

.syntaxcontent .instructions .instructionsheader {
    position: relative;
    font-size: 20px;
    padding: 15px;
    cursor: pointer;
}

.syntaxcontent .instructions .instructionsheader:after {
    color: #e37222;
    content: "\f078";
    font-family: FontAwesome;
    right: 14px;
    position:absolute;
}

.syntaxcontent .instructions .instructionsheader.changeicon:after {
    content: "\f077";
}


.syntaxcontent .instructions ul {
    display: none;
    margin-top: 0;
}

.syntaxcontent .instructions ul li {
    padding-bottom: 5px;
}

.syntaxcontent .CodeMirror {
    float: left;
    margin-top: 19px;
    min-height: 400px;
    max-height: 400px;
    background-color: #fff;
    border-radius: 5px;
    width: 49%;
    -webkit-border-radius: 5px;
    -webkit-box-shadow:0 3px 5px rgba(255,255,255,1), 0 0 0 1px rgba(240,240,240,1);
    /* box-shadow: 0 3px 5px rgba(0,0,0,0.3), 0 0 0 1px rgba(0,0,0,0.08); */
}

.syntaxcontent #outputdiv {
    float: right;
    margin-top: 19px;
    min-height: 404px;
    max-height: 404px;
    width: 49%;
    padding: 20px;
    text-align:left; 
    font-size:16px; 
    background-color: #eeeeee; 
    overflow: auto; 
    white-space: pre;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
}


/* SmartCards */

#cardcontainer {
    display: flex;
    flex-wrap: wrap;
}

#cardcontainer div {
    box-sizing: border-box;
}
.smartCard {
    display: block;
    width: 24%;
    padding: 10px;
    margin: 0 1% 0 0;
}

.smartCard:nth-of-type(4n) {
    margin-right: 0;
}
.cardTitle {
    width: 100%;
    color: #FFFFFF;
    background: #009FDA;
    padding: 10px 10px 10px 10px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid transparent;
}
.cardTitle > .iconDiv {
    float: right;
    cursor: pointer;
    cursor: hand;
    padding: 0 5px 0 5px;
    transition: background ease-in 0.2s;
}
.cardTitle > .iconDiv:hover {
    background: #fff;
    color: #009FDA;
    transition: background ease-in 0.2s;
}
.cardTitle > input {
    margin: -6px 0 -6px 0;
    width: calc(100% - 120px);
}
.cardTitle > span {
    padding-left: 10px;
}
.cardTitle > i {
    font-size: 25px;
    line-height: 15pt;
    vertical-align: bottom;
}
.cardTitle > i.Pointer {
    cursor: pointer;
    cursor: hand;
    padding-right: 5px;
}
.cardContent {
    max-height:268px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.cardItem {
    display: block;
    border: 1px solid #eeeeee;
    padding: 10px;
    margin: 3px 0 0 0;
    width: 100%;
    min-height: 86px;
    background: white;
    transition: background ease-in 0.1s;
}
.cardItem:hover {
    background: #eeeeee;
    cursor: pointer;
    cursor: hand;
    transition: background ease-in 0.1s;

}
.cardItem > .iconDiv {
    float: right;
    padding: 0 5px 0 5px;
    cursor: pointer;
    cursor: hand;
    color: #e37222;
    transition: background ease-in 0.1s;
}
.cardItem > .iconDiv:hover {
    background: #e37222;
    color: #1e1e1e;
    transition: background ease-in 0.1s;
}
.cardItemInfoBold {
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    color: #000;
}
.cardItemInfo {
    font-size: 14px;
    padding: 2px;
}
.cardScrollUp, .cardScrollDown {
    text-align: center;
    padding:2px;
    opacity: 0.2;
    cursor: default;
    background: #cdcdcd;
}
#sharebackgrounddiv {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    z-index: 2500;
    overflow: hidden;
    background-color: rgba(0,0,0,0.2);
    display: none;
}
#sharediv {
    width: 650px;
    background: white;
    margin: 100px auto;
    opacity: 1;
    border-radius: 5px;
}
.faicon {
    cursor: pointer; 
    color: #C6C6C6;
}
.closeButton {
    float: right;
    padding: 19px 14px 0px 0px;
    cursor: pointer;
    cursor: hand;
}
.closeButton .fa {
    font-size: 20px;
    color: #cccdcd;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    cursor: pointer;
}
.closeButton .fa:hover, .closeButton .fa:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.shareContent {
    padding: 20px 20px 0 20px;
}

.shareContent .innerDiv:first-of-type {
    padding-top: 0;
}

.shareContent .innerDiv {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.shareContent .innerDiv .lookupdiv , .shareContent .innerDiv .btn-lookup {
    display: inline-block;
}

.shareContent .innerDiv input.Lookup , .shareContent .innerDiv input.LookupBlur {
    min-width: 370px;
}

.shareContent label {
    float: left;
    width: auto; 
    font-size: 14px;
    padding-top: 5px;
    margin-right: 10px;
}
.shareContent .resultdiv {
    width:500px;
    overflow: auto;
}
#sharebackgrounddiv .footer {
    background: #f5f5f5;
    padding: 5px;
    margin: 15px 0 0 0;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.noresults {
    text-align: center;
    font-size: 20px;
}

.shareTitle {
    font-size: 23px;
    padding: 15px 14px 14px 20px;
    text-align: left;
    border-bottom: 1px solid lightgray;
}

.buttonTab {
    display: inline-block;
    background: white;
    color: #999999;
    width: 150px;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    border: 1px solid #009FDA;
}
.buttonTabSelected {
    display: inline-block;
    background: #009FDA;
    color: #FFFFFF;
    width: 150px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 1px solid transparent;
}

.smarttabs {
    display: inline-block;
    width: auto;
    margin: 15px 0 10px 11px;
}
#formdiv.smartform {
    float: left;
    width: 50%;
    padding: 15px 15px 0px 20px;
    margin-top: -9px;
    box-sizing: border-box;
}

#formdiv.smartform table {
    width: 100%;
}
#formdiv.smartform .SubTitle {
    font-size: 20px;
    padding-top: 0;
    border-bottom: 0;
}

#formdiv.smartform .innerDiv label {
    float: left;
}

#formdiv.smartform #title {
    width: 100%;
}
#formdiv.smartform th.Form {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}

#formdiv.smartform td.Form {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
}

#formdiv.smartform input.Lookup, #formdiv.smartform input.LookupBlur {
    width: calc(100% - 145px);
    min-width: calc(100% - 145px);
    max-width: calc(100% - 145px);
}

#listdiv {
    float: left;
    width: 50%;
    min-height: 404px;
    max-height: 404px;
    padding: 15px 20px 15px 20px;
    overflow: auto;
    background: #fafafa;
    margin-top: -9px;
    box-sizing: border-box;
}

#listdiv .SubTitle {
    font-size: 20px;
    padding-top: 0;
    border-bottom: 0;
}

#listdiv .addBtn {
    position: absolute;
    height: 40px;
    background: #e37222;
    color: #1e1e1e;
    right: 0;
    top: 0;
    width: 35px;
}

#listdiv .addBtn .fa {
    font-size: 20px;
    padding: 10px;
}

#listdiv  .rowDiv {
    position: relative;
    display: block;
    border: 1px solid #e37222;
    padding: 11px;
    width: 95%;
    height: auto;
    margin-bottom: 5px;
    background: #fff;
    max-height: 18px;
}
#listdiv .rowDiv > span {
    padding-left: 8px;
}
#listdiv .rowDiv > i {
    line-height: 15pt;
    vertical-align: bottom;
}
#listdiv .rowDiv:hover {
    background: lightgray;
    cursor: pointer;
    cursor: hand;
}
#fieldlistdiv {
    float: left;
    padding: 10px;
    margin: 5px 10px 0 25px;
    border: 1px solid #eee;
}

#settingsdiv {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
}  

#settingsdiv  .objecttypeDiv {
    float: left;
    width: 24%;
    height: 200px;
    margin: 5px 1% 10px 0;
    border: 1px solid #f1f1f1;
}

#settingsdiv  .objecttypeDiv:nth-of-type(4n) {
    margin-right: 0;
}

#settingsdiv .titleDiv {
    font-size: 16px;
    background: #009FDA;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: 1px solid transparent;
}
#settingsdiv .titleDiv .title {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
#settingsdiv .itemDiv {
    background: white;
    color: #000;
    padding: 15px 5px 5px 8px;
}

#settingsdiv .itemRemove {
    float: right;
    background: white;
    color: #e37222;
    padding: 0px 2px 0px 2px;
    cursor: pointer;
}
#settingsdiv .itemRemove:hover {
    background: #e37222;
    color: #1e1e1e;
}

#settingsdiv .typeRemove {
    float: right;
    background: #009FDA;
    color: #FFFFFF;
    padding: 0px 2px 0px 2px;
}
#settingsdiv .typeRemove:hover {
    background: #FFFFFF;
    color: #009FDA;
}

#optionmenugroup .dropdown-menu {
    padding-top: 0;
}
#optionmenugroup ul.dropdown-menu li:last-child {
    padding-bottom: 5px;
}

#optionmenugroup  .dropdown-menu li.dropdown-title > a:hover,
#optionmenugroup  .dropdown-menu li.dropdown-title > a:focus {
    background: transparent;
    color: #333;
}
#optionmenugroup .dropdown-menu a {
    padding-top: 5px;
    padding-bottom: 5px;
}
#smartcardicon {
    color: #e37222;
}

/* SmartSimple Usage Charts */


.usage {
    background: #edefee;
}

.usageheader {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: left;
    background-color: #127b78;
    padding: 20px 0;
    overflow: hidden;
}

.usageheader.heatmap {
    z-index: 1041;
    -webkit-box-shadow: 2px 9px 16px -4px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 9px 16px -4px rgba(0,0,0,0.5);
    box-shadow: 2px 9px 16px -4px rgba(0,0,0,0.2);
}

.usageheader .container , .infobox .container {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

.usageheader .container .logo {

}

.usageheader .container .title {
    position: absolute;
    top: 0;
    right: -28px;
    background-color: #31a3a0;
    width: 64%;
    height: 76px;
    transform: skewX(-28deg);
}

.usageheader .container .title p {
    font-size: 25px;
    line-height: 150%;
    margin: 20px 30px 20px 30px;
    transform: skewX(28deg);
}

.usageheader .container .title p span {
    font-weight: bold;
}
.infobox {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: left;
    padding: 20px 0; 
    margin: 40px 0 0 0;
}

.infobox .filter {
    background: #f6f6f6;
    padding: 15px 10px 10px 10px;
    color: #646464; 
}

.infobox .filter:after {
    clear: both;
    display: block;
    content: "";
}

.infobox .filter p  {
    float: left;
    font-weight: bold;
    font-size: 18px;
    margin: 7px;
}

#floating-panel p {
    float: left;
    font-weight: bold;
    font-size: 18px;
    margin: 3px;
}

#floating-panel output {
    float: left;
    font-weight: bold;
    margin: 3px 0 0 8px;
    font-size: 20px;
    color: #127b78;
}

.infobox .filter .yearstart {
    float: left;
    font-weight: bold;
    margin: 5px 0 0 8px;
    font-size: 20px;
    color: #127b78;
}

.infobox .datacontainer {
    display: inline-block;
    padding: 15px 10px 20px 15px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}

.infobox .datacontainer .tabledata {
    float: left;
    width: 49%;
}
.infobox .datacontainer .chartdata {
    width: 51%;
}
.infobox .datacontainer .tabledata table {
    font-size: 16px;
    margin: 20px 0 0 0;
    color: #646464;
    width: 100%;
    border-collapse: collapse;
}
.infobox .datacontainer .tabledata table th.head {
    padding: 6px;
    border-bottom: 1px solid #127b78;
    box-sizing: border-box;
}
.infobox .datacontainer .tabledata table td {
    padding: 6px;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box;
}
.infobox .datacontainer .tabledata table td.country {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}

.infobox .datacontainer .tabledata table td.logins , .infobox .datacontainer .tabledata table td.logincount {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
    text-align: right;
}

.infobox .datacontainer .tabledata table td.number {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
}

.infobox .datacontainer .tabledata table td.total {
    font-weight: bold;
    background: #127b78;
    color: #fff;
}

.infobox .datacontainer .chartdata {
    float: right;
    margin-top: 22px;
    padding: 0 !important;
}

.infobox  input[type=range] , #floating-panel input[type=range] {
    float: left;
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    width: 25%; /* Specific width is required for Firefox. */
    background: transparent; /* Otherwise white in Chrome */
    margin-left: 10px;
}

#floating-panel input[type=range] {
    width: calc(100% - 290px);
}

#floating-panel {
    position: absolute;
    bottom: 35px;
    background: #f6f6f6;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
    padding: 15px 10px 10px 10px;
    text-align: center;
    font-family: 'Roboto','sans-serif';
    line-height: 30px;
    border-radius: 6px;
    width: 550px;
}
#floating-panel button {
    margin-left: 10px;
    margin-top: 2px;
}

#floating-panel button .fa {
    padding-right: 5px;
}

.infobox input[type=range]::-webkit-slider-thumb ,   #floating-panel .infobox input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none;
}

.infobox input[type=range]:focus , #floating-panel input[type=range]:focus {
    outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.infobox input[type=range]::-ms-track , #floating-panel input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;

    /* Hides the slider so custom styles can be added */
    background: transparent; 
    border-color: transparent;
    color: transparent;
}

/* Special styling for WebKit/Blink */
.infobox input[type=range]::-webkit-slider-thumb , #floating-panel input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #127b78;
    height: 32px;
    width: 20px;
    border-radius: 15%;
    background: #ffffff;
    cursor: pointer;
    margin-top: -3px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
.infobox input[type=range]::-moz-range-thumb , #floating-panel input[type=range]::-moz-range-thumb  {
    -webkit-appearance: none;
    border: 1px solid #127b78;
    height: 32px;
    width: 20px;
    border-radius: 15%;
    background: #ffffff;
    cursor: pointer;
    margin-top: -3px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

/* All the same stuff for IE */
.infobox input[type=range]::-ms-thumb , #floating-panel  input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    border: 1px solid #127b78;
    height: 32px;
    width: 20px;
    border-radius: 15%;
    background: #ffffff;
    cursor: pointer;
    margin-top: 0; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

.infobox input[type=range]::-webkit-slider-runnable-track , #floating-panel input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 28px;
    cursor: pointer;
    box-shadow: none;
    background: #127b78;
    border-radius: 8px;
    border: 0;
}

.infobox input[type=range]:focus::-webkit-slider-runnable-track ,  #floating-panel input[type=range]:focus::-webkit-slider-runnable-track {
    background: #127b78;
}

.infobox input[type=range]::-moz-range-track , #floating-panel input[type=range]::-moz-range-track {
    width: 100%;
    height: 28px;
    cursor: pointer;
    box-shadow: none;
    background: #127b78;
    border-radius:8px;
    border: 0;
}

.infobox input[type=range]::-ms-track ,  #floating-panel input[type=range]::-ms-track {
    width: 100%;
    height: 28px;
    cursor: pointer;
    box-shadow: none;
    background: #127b78;
    border-radius:8px;
    border: 0;
}
.infobox input[type=range]::-ms-fill-lower , #floating-panel input[type=range]::-ms-fill-lower  {
    width: 100%;
    height: 28px;
    cursor: pointer;
    box-shadow: none;
    background: #127b78;
    border-radius:8px;
    border: 0;
}
.infobox input[type=range]:focus::-ms-fill-lower , #floating-panel input[type=range]:focus::-ms-fill-lower {
    background: #127b78;
}
.infobox input[type=range]::-ms-fill-upper , #floating-panel input[type=range]::-ms-fill-upper {
    width: 100%;
    height: 28px;
    cursor: pointer;
    box-shadow: none;
    background: #127b78;
    border-radius:8px;
    border: 0;
}
.infobox input[type=range]:focus::-ms-fill-upper , #floating-panel input[type=range]:focus::-ms-fill-upper {
    background: #127b78;
}

@media screen and (max-width: 1715px) {

    .cbp-vm-view-grid ul li span.imagewrap , .cbp-vm-view-grid ul li .imagewrap span.tile {
        height: 240px;
    }

    .cbp-vm-view-grid ul li {
        width: 320px;
        margin-right: 60px;
    }    

    .cbp-vm-view-grid ul li img {
        max-width: 320px;
        max-height: 240px;
    }

    .cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
        margin-top: 55px;
        margin-left: 100px;
        font-size: 130px;
    }
    .ax-controlbar .search_fields {
        width: 55%;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {

    .cbp-vm-view-grid ul li span.imagewrap , .cbp-vm-view-grid ul li .imagewrap span.tile {
        height: 210px;
    }

    .cbp-vm-view-grid ul li {
        width: 280px;
        margin-right: 40px;
    }    

    .cbp-vm-view-grid ul li img {
        max-width: 280px;
        max-height: 210px;
    }

    .cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
        margin-top: 40px;
        margin-left: 80px;
        font-size: 120px;
    }

    .rlib .cbp-vm-view-grid li {
        width: 29%;
    }
    .searchtext {
        width:500px
    }

    .search_fields input#companytxt.Lookup , .search_fields input#companytxt.LookupBlur , .search_fields input#contacttxt.Lookup , .search_fields input#contacttxt.LookupBlur , .search_fields input#appitemname.Lookup , .search_fields input#appitemname.LookupBlur {
        min-width: 320px;
        max-width: 420px;
    }
    .ax-controlbar .search_fields {
        width: 62%;
    }
    #settingsdiv  .objecttypeDiv {
        width: 32%;
    }
    #settingsdiv  .objecttypeDiv:nth-of-type(3n) {
        margin-right: 0;
    }

    #settingsdiv  .objecttypeDiv:nth-of-type(4n) {
        margin-right: 1%;
    }

}

@media screen and (min-width: 1222px) and (max-width: 1400px) {

    .cbp-vm-view-grid ul li span.imagewrap , .cbp-vm-view-grid ul li .imagewrap span.tile {
        height: 187px;
    }

    .cbp-vm-view-grid ul li {
        width: 250px;
        margin-right: 50px;
    }    

    .cbp-vm-view-grid ul li img {
        max-width: 250px;
        max-height: 187px;
    }

    .cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
        margin-top: 30px;
        margin-left: 80px;
        font-size: 115px;
    }
    .rlib .cbp-vm-view-grid li {
        width: 29%;
    }

    .cbp-vm-view-list .cbp-vm-details {
        margin-right: 21px;
    }

    .searchtext {
        width:475px
    }

    .search_fields input#companytxt.Lookup , .search_fields input#companytxt.LookupBlur , .search_fields input#contacttxt.Lookup , .search_fields input#contacttxt.LookupBlur , .search_fields input#appitemname.Lookup , .search_fields input#appitemname.LookupBlur{
        min-width: 320px;
        max-width: 420px;
    }

    .ax-controlbar .search_fields {
        width: 70%;
    }

    #settingsdiv .objecttypeDiv {
        width: 32%;
    }

    #settingsdiv .objecttypeDiv:nth-of-type(3n) {
        margin-right: 0;
    }

    #settingsdiv .objecttypeDiv:nth-of-type(4n) {
        margin-right: 1%;
    }
}

@media screen and (max-width:1225px) {
    .cbp-vm-view-grid ul li span.imagewrap , .cbp-vm-view-grid ul li .imagewrap span.tile {
        height: 180px;
    }

    .cbp-vm-view-grid ul li {
        width: 251px;
        margin-right: 40px;
    }    

    .cbp-vm-view-grid ul li img {
        max-width: 251px;
        max-height: 180px;
    }

    .cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
        margin-top: 25px;
        margin-left: 80px;
        font-size: 115px;
    }
    .rlib .cbp-vm-view-grid li:nth-of-type(3n) {
        margin-right: 20px;
    }
    .metadata .rowDiv {
        width: 48%;
        clear: none;
    }
    .rlib .cbp-vm-view-grid li {
        width: 40%;
    }

    .cbp-vm-view-list .cbp-vm-details {
        margin-right: 21px;
    }
    .ax-controlbar .search_fields {
        width: 70%;
    }
    #settingsdiv .objecttypeDiv {
        width: 32%;
    }

    #settingsdiv .objecttypeDiv:nth-of-type(3n) {
        margin-right: 0;
    }

    #settingsdiv .objecttypeDiv:nth-of-type(4n) {
        margin-right: 1%;
    }

    #fieldlistdiv {
        width: 220px;
    }

    #fieldlistdiv #objcode {
        width: 165px !important;
    }

}


@media screen and (min-width:1200px) {

    .containerwrapper h1 {
        font-size: 22px;
        font-weight: bold;
        line-height: 150%;
        margin: 5px 0px 0px 0px;
        padding-bottom: 5px;
    }

    .videoplayerwrapper .jp-state-full-screen .jp-controls-holder {
        width: 87%;
    }


}

@media screen and (max-width: 1200px) {

    ul.progressstatusbar li {
        margin-bottom: 6px;
    }


    ul.progressstatusbar li.notactive {
        display: none;
    }

    ul.progressstatusbar li.notactive.show {
        display: inline-block;
    }

    .row_searchterm {
        width: 35%;
    }

    .row_cell > .row_searchterm input {
        width: 88%;
    }

    .row_selector {
        width: 8%;
    }
    .cbp-vm-view-grid ul li span.imagewrap , .cbp-vm-view-grid ul li .imagewrap span.tile {
        height: 187px;
    }

    .cbp-vm-view-grid ul li {
        width: 250px;
        margin-right: 80px;
    }    

    .cbp-vm-view-grid ul li:nth-of-type(4n) {
        margin-right: 80px;
    }

    .cbp-vm-view-grid ul li img {
        max-width: 250px;
        max-height: 187px;
    }

    .cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
        margin-top: 30px;
        margin-left: 80px;
        font-size: 115px;
    }
    .cbp-vm-view-list .cbp-vm-title {
        width: 10%;
    }

    .cbp-vm-view-list .cbp-vm-details {
        margin-right: 10px;
        width: 28%
    }

    .cbp-vm-view-list ul li a {
        font-size: 15px;
        width: 121px
    }

    .cbp-vm-view-list .cbp-vm-details.button {
        margin-right: 4px;
    }

    .rlib .cbp-vm-view-list .cbp-vm-title {
        width: 25%;
    }
    .rlib .cbp-vm-view-list .cbp-vm-details.button {
        width: 100px;
    }

    .rlib .cbp-vm-view-list ul li a {
        width: 97px;
        margin-bottom: 3px;
    }
    .rlib .cbp-vm-view-list .iconblock {
        min-width: 65px;
        max-width: 65px;
    }
    .rlib .cbp-vm-view-list .iconblock .fa {
        font-size: 30px;
    }
    .ax-controlbar .search_fields {
        width: 70%;
    }

    .smartCard {
        width: 32%;
    }

    .smartCard:nth-of-type(4n) {
        margin-right: 1%;
    }
}

@media screen and (max-width: 1092px) {
    .cbp-vm-view-grid ul li {
        margin-right: 40px;   
    }

    .rlib .cbp-vm-view-grid li {
        width: 335px;
    }
    .rlib .cbp-vm-view-grid li:nth-child(2n) {
        margin-right: 0;
    }

}


@media screen and (min-width: 992px) and (max-width: 1200px) {

    #header_container .centerlayout , .container_smartfolder {
        width: 980px;
    }


    .mediaplayerwrapper.public {
        width:1000px;   
    }   

    .containerwrapper h1 {
        font-size: 21px;
        font-weight: bold;
        line-height: 150%;
        margin: 5px 0px 0px 0px;
        padding-bottom: 5px;
    }  


    .previewimage {
        min-width: 930px;
    }    


    .jp-state-full-screen .jp-controls-holder {
        width: 87% !important;
    }

    .comment textarea {
        width: 85%;
    }

    .searchtext {
        width:375px
    }

    input#companytxt.Lookup , input#companytxt.LookupBlur , .search_fields input#contacttxt.Lookup , .search_fields input#contacttxt.LookupBlur , .search_fields input#appitemname.Lookup , .search_fields input#appitemname.LookupBlur {
        min-width: 270px;
    }
    .ax-controlbar .search_fields {
        width: 90%;
    }
    .usageheader .container, .infobox .container {
        width: 970px;
    }
    .infobox .datacontainer .tabledata table td.country {
        min-width: 160px;
        max-width: 160px;
        width: 160px;
    }

    .infobox .datacontainer .tabledata table td.logins, .infobox .datacontainer .tabledata table td.logincount {
        width: 90px;
        min-width: 90px;
        max-width: 90px;
    }

}


@media screen and (min-width: 768px) and (max-width: 992px) {

    #header_container .centerlayout, .container_smartfolder {
        width: 760px;
    }

    .containerwrapper {
        width: 760px;
        margin-top: 40px;
    }

    .containerwrapper h1 {
        font-size: 19px;
        font-weight: bold;
        line-height: 150%;
        margin: 5px 0px 0px 0px;
        padding-bottom: 5px;
    }

    .row_selector {
        width: 10%;
    }

    .row_matching , .row_commonfields , .row_field {
        width: 17%;
    }
    .row_cell > .row_searchterm input {
        width: 87%;
    }

    .previewimage {
        min-width: 650px;
    }


    /*
    .videoplayerwrapper .jp-state-full-screen .jp-controls-holder {
    width: 88%;
    }
    */

    .jp-state-full-screen .jp-controls-holder {
        width: 87% !important;
    }

    .cbp-vm-view-grid ul li span.imagewrap , .cbp-vm-view-grid ul li .imagewrap span.tile {
        height: 187px;
    }

    .cbp-vm-view-grid ul li {
        width: 250px;
        margin-right: 40px;
    }    

    .cbp-vm-view-grid ul li:nth-of-type(4n) {
        margin-right: 40px;
    }

    .cbp-vm-view-grid ul li img {
        max-width: 250px;
        max-height: 187px;
    }

    .cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
        margin-top: 30px;
        margin-left: 80px;
        font-size: 115px;
    }


    .metadata .rowDiv {
        width: 48%;
        clear: none;
    }


    .playlist span {
        width: 140px;
        height: 105px;
    }


    .playlist span img {
        max-width: 140px;
    }

    .comment .runtime {
        float: left;
    }

    .comment .comments {
        float: left;
    }

    .comment textarea {
        width: 85%;
    }
    .mediaplayerwrapper.public {
        width: 720px;
    }

    .mediaplayerwrapper.public #playlistdiv {
        display: inline-block;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .mediaplayerwrapper.public .playlist {
        width: 48%;
    }

    .closecaption .langcode {
        margin-left: 0;
    }
    .searchtext {
        width:275px
    }
    .search_fields input#companytxt.Lookup , .search_fields input#companytxt.LookupBlur , .search_fields input#contacttxt.Lookup , .search_fields input#contacttxt.LookupBlur , .search_fields input#appitemname.Lookup , .search_fields input#appitemname.LookupBlur {
        min-width: 184px;
        max-width: 323px;
    }

    .rlib .cbp-vm-view-list .cbp-vm-title {
        width: 22%;
    }
    .ax-controlbar .search_fields {
        width: 90%;
    }

    #settingsdiv .objecttypeDiv {
        width: 48%;
    }

    #settingsdiv .objecttypeDiv:nth-of-type(2n) {
        margin-right: 0;
    }

    #settingsdiv .objecttypeDiv:nth-of-type(3n) , #settingsdiv .objecttypeDiv:nth-of-type(4n) {
        margin-right: 1%;
    }
    .usageheader .container, .infobox .container {
        width: 750px;
    }

    .infobox .datacontainer .tabledata table {
        font-size: 15px;
    }
    .infobox .datacontainer .tabledata table td.country {
        min-width: 130px;
        max-width: 130px;
        width: 130px;
    }

    .infobox .datacontainer .tabledata table td.logins, .infobox .datacontainer .tabledata table td.logincount {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
    }

    .infobox  input[type=range] {
        width: 30%;
    }

    .usageheader .container .logo img {
        width: 240px;
    }

    .usageheader .container .title p {
        font-size: 20px;
    }

}

@media screen and (max-width: 1000px) {
    .cbp-vm-view-list ul li a .fa {
        display: none;
    }

    .cbp-vm-view-list ul li a {
        width: 102px
    }
    .rlib .cbp-vm-view-grid li {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
    }

    .rlib .cbp-vm-view-grid li:nth-of-type(3n) {
        margin-right: 0;
    }
    .ax-controlbar .search_fields {
        width: 90%;
    }
}

@media screen and (max-width: 870px) {

    #playlistdiv {
        display: inline-block;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .playlist {
        width: 48%;
    }


    .playlist span {
        width: 80px;
        height: 60px;
    }

    .playlist span img {
        max-width: 80px;
    }

    .mejs-container {
        margin: 0 auto;
    }

    .videoplayerwrapper {
        float: none;
    }

    #top_nav_div .header_container_left {
        margin-top: 15px;
    }
    .smartCard {
        width: 49%;
    }
}

@media screen and (max-width: 768px) {

    #header_container .centerlayout, .container_smartfolder {
        width: 94%;
    }

    .containerwrapper {
        width: 94%;
        margin: 40px 20px 0px 20px;
    }

    .containerwrapper h1 {
        font-size: 19px;
        font-weight: bold;
        line-height: 150%;
        margin: 5px 0px 0px 0px;
        padding-bottom: 5px;
    }

    .row_selector {
        width: 10%;
    }

    .row_matching , .row_commonfields , .row_field {
        width: 17%;
    }
    .row_cell > .row_searchterm input {
        width: 80%;
    }

    .mobilecapture .left {
        width: 50%;
        padding: 10px 20px;
    }

    .mobilecapture .right {
        width: 50%;
        padding: 10px 20px;

    }

    .mobilecapture .right .sms input[type="text"] {
        width: 96%;
        margin-right: 0;
    }

    .mobilecapture .right .sms input[type="submit"] {
        width: 100%;
        margin-top: 5px;
    }


    .urlwrapper .left , .urlwrapper .right {
        width: 100%;
    }

    .videoplayerwrapper .jp-state-full-screen .jp-controls-holder {
        width: 85%;
    }

    .cbp-vm-view-grid ul li span.imagewrap , .cbp-vm-view-grid ul li .imagewrap span.tile {
        height: 187px;
    }

    .cbp-vm-view-grid ul li {
        width: 250px;
        margin-right: 40px;
    }    

    .cbp-vm-view-grid ul li:nth-of-type(4n) {
        margin-right: 40px;
    }

    .cbp-vm-view-grid ul li img {
        max-width: 250px;
        max-height: 187px;
    }

    .cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
        margin-top: 30px;
        margin-left: 80px;
        font-size: 115px;
    }

    .cbp-vm-view-list .cbp-vm-title {
        width: 12%;
    }

    .btn-group.mediaplayer {
        margin: 10px 0 0 30px;
    }

    .metadata .rowDiv {
        width: 48%;
        clear: none;
    }



    .playlist span {
        width: 80px;
        height: 60px;
    }

    .playlist span img {
        max-width: 80px;
    }




    .comment textarea {
        width: 80%;
    }

    .audioplayerwrapper {
        margin-left: 10px;
    }

    #playlistdiv {
        display: inline-block;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .playlist {
        width: 48%;
    }

    .mediaplayerwrapper.public {
        width: 100%;
    }

    .mobileupload {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
    .mobileupload .formwrapper {
        width: 100%;
    }

    .mobileupload .uploadbutton .button {
        width: 100%;
    }

    .mobileupload .formwrapper input.Lookup, .mobileupload .formwrapperinput.LookupBlur {
        width: 82%;
    }

    .mobileupload .formwrapper  .btn-lookupLeft {
        font-size: 16px;
        padding-top: 8px;
        box-sizing: border-box;
        padding-bottom: 5px;
        padding-right: 10px;
        width: 15%;
        height: 100%;
    }

    .closecaption .langcode {
        margin-left: 0;
    }

    .securepasswrapper {
        width: 90%;
    }

    .securepasswrapper h1 {
        font-size: 25px;
    }

    .securepasswrapper h2 {
        font-size: 18px;
    }

    .securepasswrapper input[type="text"]:not(.form-control) {
        height: 30px;
        font-size: 16px;
    }

    .search_fields input#companytxt.Lookup , .search_fields input#companytxt.LookupBlur , .search_fields input#contacttxt.Lookup , .search_fields input#contacttxt.LookupBlur , .search_fields input#appitemname.Lookup , .search_fields input#appitemname.LookupBlur {
        min-width: 184px;
        max-width: 323px;
    }

    .rlib {
        width: 95%;
        box-sizing: border-box;
    }

    .accordionwrapper {
        width: 100%;
    }

    .accordionwrapper #accordion {
        display: inline-block;
        width: 100%;
        margin-bottom: 25px;
    }

    .rlib .cbp-vm-view-list .cbp-vm-title , .rlib .cbp-vm-view-list .cbp-vm-details {
        margin-left: 10px;
        width: 60%;
        padding-bottom: 5px;
    }

    .rlib .cbp-vm-view-list .cbp-vm-details.button {
        position: absolute;
        top: 0;
        right: 0;
    }

    .rlib .cbp-vm-view-list span.detailsblock {
        float: left;
        width: 75%;
    }

    .ax-header_nav {
        width: 100%;
    }

    .ax-header_end {
        display: none;
    }
    #top_nav_div .header_container_left {
        margin-top: 0;
    }

    .navicon_nav_heading {
        width: 42%;
        min-width: 42%;
        max-width: 42%;
    }

    #formdiv.smartform td.Form {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    #formdiv.smartform , #listdiv {
        width: 50%;
    }
    #formdiv.smartform .innerDiv label {
        float: none;
    }

    #formdiv.smartform #title {
        width: 100% !important;
    }

    #settingsdiv .objecttypeDiv {
        width: 48%;
    }

    #settingsdiv .objecttypeDiv:nth-of-type(2n) {
        margin-right: 0;
    }

    #settingsdiv .objecttypeDiv:nth-of-type(3n) , #settingsdiv .objecttypeDiv:nth-of-type(4n) {
        margin-right: 1%;
    }

    #fieldlistdiv {
        width: 180px;
    }

    #fieldlistdiv #objcode {
        width: 125px !important;
    }


    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }
    .usageheader .container, .infobox .container {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }

    .usageheader .container .title {
        width: 63%;
    }

    .infobox {
        margin: 10px 0 0 0;
    }

    .infobox .datacontainer {
        overflow: hidden;
    }

    .infobox .datacontainer .tabledata table {
        font-size: 15px;
    }

    .infobox .datacontainer .tabledata {
        float: right;
        width: 100%;
    }
    .infobox .datacontainer .chartdata {
        float: left;
        width: 100%;
    }
    .infobox .filter p {
        font-size: 17px;
    }


    .infobox  input[type=range] {
        width: calc(100% - 177px);
    }

    .usageheader .container .logo img {
        width: 220px;
    }

    .usageheader .container .title p {
        font-size: 20px;
    }

}
.actionpanel{
    padding: 0px 15px;
    width: auto;
}
.actionpanel, .actionpanel .Title, .actionpanel .Form, .actionpanel td.Submit{
    background: #000000;
    color: #FFFFFF;
    border: none;
}
.actionpanel td.Submit{
    padding-top:10px
}
.actionpanel .Title{
    padding:10px 45px 7px 1px;
}
.actionpanel td.Form .ssCheckBoxContainer label:before, .actionpanel td.Form .ssCheckBoxContainer label:after, .actionpanel td.Form .ssRadioContainer label:before, .actionpanel td.Form .ssRadioContainer label:after  {
    color: #FFFFFF;
}

@media screen and (max-width: 665px) {
    select.Small, select.XSmall, select.XXSmall, select.XXXSmall, select.Medium, select.MediumIn, select.Large, select.XLarge, select.XXLarge {
        margin-bottom: 10px;
    }

    .smartCard {
        width: 100%;
    }

    #sharediv {
        width: 450px;
    }
    .shareContent .innerDiv input.Lookup, .shareContent .innerDiv input.LookupBlur {
        min-width: 265px;
    }
    #settingsdiv .objecttypeDiv {
        width: 98%;
    }
    #floating-panel {
        width: 350px;
    }
    #floating-panel p {
        display: none;
    }
    #floating-panel input[type=range] {
        width: calc(100% - 180px);
    }
}

@media screen and (min-width: 479px) and (max-width: 665px) {


    .row_selector {
        width: 12%;
    }



    .metadata tr {
        width: 50%;
    }

    #playlistdiv {
        max-height: 195px;
    }


    .audioplayerwrapper {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box;
    }

    .audioplayerwrapper .mejs-container {
        margin: 0 auto;
    }

    #playlistdiv.audio {
        display: inline-block;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .playlist {
        width: 100%;
    }

    .comments textarea {
        width: 70%;
    }

    .mobileupload .formwrapper input.Lookup, .mobileupload .formwrapperinput.LookupBlur {
        width: 374px;
    }

    .mobileupload .formwrapper  .btn-lookupLeft {
        font-size: 14px;
        width: auto;
    }

    .mobileupload {
        width: 500px;
        margin: 10px auto 0 auto;
    }

    .mobileupload .uploadbutton .button {
        width: 452px;
    }

    .securepasswrapper .warningmessage span + span {
        max-width: 360px;
    }

    .rlib .cbp-vm-view-list .cbp-vm-title , .rlib .cbp-vm-view-list .cbp-vm-details {
        width: 75%;
        margin-right: 0;
    }

    /*
    #top_nav_div .header_container_left {
    margin-top: 3px;
}
    .navicon_nav_heading {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    }
    */
    td.FormContainer{
        width:auto;
        display:block;
    }
    th.Form, th.FormTop, th.FormLg, th.FormSm, th.FormXSm, th.FormApp {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block;
        text-align: left;
        padding: 9px 5px 5px 1px;
    }
    td.Form {
        padding: 5px 5px 5px 0;
        display: block;
    }
    td.Form input[type=text], td.Form select, td.Form textarea, td.Form iframe{
        width:88% !important;
        max-width:88% !important;
        min-width:88% !important;
    } 
    td.Form input.Lookup{
        max-width: 60% !important;
        min-width: 60% !important;
    }
    .textreadonly_container {
        padding: 4px 1px;
    }    
    select[name="starthour"] + span , select[name="endhour"] + span {
        display: none;
    }
    select[name="startminute"], select[name="endminute"] {
        margin: 3px 0 0 0; 
    }
    td.Form input[type=text], td.Form iframe{
        width:91% !important;
        max-width:91% !important;
        min-width:91% !important;
    }
    td.Form textarea{
        width:91% !important;
        max-width:91% !important;
        min-width:91% !important;
    }
    td.Form input.datepickclass {
        width: 104px !important;
        min-width: unset !important;
        padding-right: 20px !important;
    }
    td.Form select {
        width: 91% !important;
        max-width: none !important;
    }
    td.Form input.Lookup, td.Form input.LookupBlur {
        max-width: calc(92.5% - 52px) !important;
        min-width: calc(92.5% - 52px) !important;
    }

    .shortcutDiv {
        width: 100%;
    }
    .option_bar.selectmobile {
        height: 80px;
    }

    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 75vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }
    .infobox .datacontainer .tabledata table td.country {
        width: auto;
        min-width: auto;
        max-width: auto;
    }
    .usageheader .container .logo img {
        width: 190px;
    }

    .usageheader .container .title p {
        font-size: 17px;
        margin-left: 15px;
    }
    
    .list_container.applicationmobile {
        overflow: visible !important;
    }

}

@media screen and (max-width: 479px) {
    .mediaplayerwrapper {
        width: 90% !important;
    }    

    .Form.password {
        padding: 10px 20px 10px 20px;
    }

    .Form.password input {
        width: 100%;
    }

    .option_bar.selectmobile {
        height: 80px;
    }

    #container.mobilewrapper , #ax-container.mobilewrapper {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }

    #container.iphonewrapper #option_bar , #ax-container.iphonewrapper #option_bar {
        max-width: 100%;
        min-width: 100%;
    }

    #container.mobilewrapper #option_bar, #ax-container.mobilewrapper #option_bar {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }

    .row_selector {
        width: 16%;
    }

    .row_cell > .row_searchterm input {
        width: 70%;
    }

    .mobilecapture .left {
        width: 100%;
    }

    .mobilecapture p {
        margin-top: 0;
    }

    .mobilecapture h2 {
        margin-bottom: 8px;
    }


    .mobilecapture .right {
        width: 100%;
        border-top: 1px solid #fff;
        margin-top: 10px;
        padding-top: 15px;
    }

    .mobilecapture .sms {
        margin-top: 20px;
    }

    .mobilecapture .right .sms input[type="text"] { 
        width: 97%;   
    }

    .mobilecapture .sms .capturetitle {
        padding-top: 20px;
    }




    .cbp-vm-view-grid ul li {
        width: 280px;
    }

    .cbp-vm-view-grid ul li span.imagewrap , .cbp-vm-view-grid ul li .imagewrap span.tile {
        height: 200px;
    }


    .cbp-vm-view-grid ul li img {
        height: 200px;
        max-height: 200px;
    }

    .cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
        margin-top: 35px;
        margin-left: 95px;
        font-size: 120px;
    }

    .cbp-vm-view-list .cbp-vm-title {
        width: 30%;
    } 

    .cbp-vm-view-list li p {
        word-break: break-word;
    }

    .metadata .rowDiv {
        width: 100%;
    }

    #playlistdiv {
        max-height: 157px;
    }

    .metadata tr {
        width: 50%;
    }


    .comment textarea {
        width: 70%;
    }


    .audioplayerwrapper {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box;
    }

    .audioplayerwrapper .mejs-container {
        margin: 0 auto;
    }

    #playlistdiv.audio {
        display: inline-block;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .playlist {
        width: 100%;
    }

    .mobileupload {
        width: 300px;
        padding: 5px 10px 20px 10px;
        margin: 0 auto;
        margin-top: 10px;
    }

    .mobileupload .formwrapper input.Lookup, .mobileupload .formwrapperinput.LookupBlur {
        width: 171px;
    }


    .mobileupload .formwrapper  .btn-lookupLeft {
        font-size: 14px;
        width: auto;
    }

    .mobileupload .uploadbutton .button {
        width: 270px;
    }
    .securepasswrapper .warningmessage span + span {
        max-width: 88%;
    }

    .securepasswrapper .authimage {
        float: left;
    }

    .securepasswrapper .warningmessage span:nth-child(1) {
        height: 79px;
        padding-top: 30px;
    }

    .rlib .cbp-vm-view-list .cbp-vm-title , .rlib .cbp-vm-view-list .cbp-vm-details {
        width: 60%;
        word-break: break-word;
    }
    /*
    #top_nav_div .header_container_left {
        margin-top: 3px;
    }
    
    .navicon_nav_heading {
        width: 90%;
        max-width: 90%;
        min-width: 90%;
        }
    */
    td.FormContainer{
        width:auto;
        display:block;
    }
    th.Form, th.FormTop, th.FormLg, th.FormSm, th.FormXSm, th.FormApp, th.Label, th.Label + td {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block;
        text-align: left;
        padding: 9px 5px 5px 1px;
    }
    td.Form , table.Form td {
        padding: 5px 5px 5px 1px !important;
        display: block;
        word-break: break-all;
    }

    table.Form td.ssCheckBoxDiv {
        word-break: normal;
    }
    table.Form th:empty {
        display: none;
    }
    td.Form textarea, td.Form iframe, td.Form table, td.Form .ajax_container, td.Form .cke_container{
        width:91% !important;
        max-width:91% !important;
        min-width:91% !important;
    }
    td.Form input[type=text] {
        width:91% !important;
        max-width:91% !important;
        min-width:91% !important;
    }
    td.Form select {
        width: 91% !important;
        max-width: none !important;
    }
    table.Form td select {
        width: 91% !important;
        max-width: 100% !important;
    }
    table.Form td input.Lookup, table.Form td input.LookupBlur {
        min-width: calc(100% - 58px);
        max-width: calc(100% - 58px);
        width: calc(100% - 58px);
    }
    td.Form input.datepickclass {
        width: 104px !important;
        min-width: unset !important;
        padding-right: 20px !important;
    }
    td.Form input.Lookup, td.Form input.LookupBlur {
        max-width: calc(88% - 31px) !important;
        min-width: calc(88% - 31px) !important;
    }
    .textreadonly_container {
        padding: 4px 1px;
    }
    .option_bar_in {
        padding-right: 5px;
    }

    .option_bar_in > .btn-group {
        left: 10px;
    }

    #versiondiv {
        float: right !important;
        margin-top: 4px !important;
    }

    #pagescroll {
        margin-top: 5px;
    }

    #versiondiv label {
        display: none;
    }

    #versiondiv select {
        width: 120px;
    }
    select[name="starthour"] + span , select[name="endhour"] + span {
        display: none;
    }
    select[name="startminute"], select[name="endminute"] {
        margin: 3px 0 0 0; 
    }    
    #footer .btn {
        padding: 4px 10px;
    }
    #footer_in {
        padding: 2px 10px 2px 10px;
    }

    .shortcutDiv {
        width: 100%;
    }
    #sharediv {
        width: 320px;
    }

    .shareContent .innerDiv input.Lookup, .shareContent .innerDiv input.LookupBlur {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
    }
    /*
    .search_fields {
        text-align: left;
    }
    */
    .search_fields label {
        display: inline-block;
        margin-top: 2px;
        margin-bottom: 3px;
        margin-left: 0 !important;
    }
    .search_fields input#contacttxt.Lookup , .search_fields input#contacttxt.Lookup:focus , .search_fields input#companytxt.Lookup, .search_fields input#companytxt.Lookup:focus {
        min-width: 244px;
        max-width: 323px;
    }

    .search_fields .lookupdiv {
        margin: 5px 0;
    }

    .search_fields select {
        width: 95%;
        max-width: 95%;
        margin-left: 0 !important;
        margin-bottom: 5px !important;
    }

    .search_fields #dgroup {
        display: block !important;
        width: 100%;
        margin-top: 5px !important;
        margin-left: 0 !important;
    }

    .ax-container {
        padding-left: 0;
        padding-right: 0;
    }

    .mediasearch input[type="text"]:not(.form-control) {
        width: 240px;
        max-width: 393px;
    }
    .mediasearch .clearsearch {
        margin: 1px 0 0 -20px;
    }

    .mediasearch .search_fields {
        margin-right: 0 !important;
    }

    .mediasearch .searchoptions_dropdown {
        width: 284px;
        right: -43px;
    }

    .mediasearch .filterbutton {
        float: none;
        width: 100%;
        display: block;
    }
    .mediasearch .search_fields label {
        width: 100%;
    }

    .mediasearch .filterbutton label span {
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }
    td.mobilefolder {
        padding-left: 30px;
        padding-right: 30px;
    }

    td.mobilefolder table {
        max-width: 360px;
    }

    td.mobilefolder td.Form input.Lookup, td.mobilefolder td.Form input.LookupBlur {
        max-width: calc(88% - 90px) !important;
        min-width: calc(88% - 90px) !important;
    }

    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }

    .mobile .searchoptions_dropdown {
        max-width: 335px !important;
    }
    .mobile #container {
        min-height: 100vh;
    }
    .infobox .datacontainer .tabledata table td.country {
        width: auto;
        min-width: auto;
        max-width: auto;
    }
    .usageheader .container .logo img {
        width: 190px;
    }

    .usageheader .container .title p {
        font-size: 15px;
        margin-left: 15px;
    }

    .usageheader .container .title {
        width: 60%;
    }
    
      .list_container.applicationmobile {
        overflow: visible !important;
    }
}

/*iphone 6*/
@media only screen  
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {

    #container , #ax-container {
        overflow : scroll;
    }

    .mobileupload {
        width: 350px;
        margin: 0 auto;
        margin-top: 15px;
    }

    .mobileupload .formwrapper input.Lookup, .mobileupload .formwrapperinput.LookupBlur {
        width: 244px;
    }

    .mobileupload .uploadbutton .button {
        width: 342px;
    }

    .mobile #container, .mobile #option_bar {
        min-width: 375px;
    }
    .mobile .searchtext {
        width: 257px;
    }
}
/*iphone 6/7 for the frame as it will not move to landscape*/
@media only screen   
and (max-device-width : 375px)
and (max-device-height : 667px) 
{ 
    #container {
        max-width: 375px !important;
        min-width: 375px !important;  
        overflow: scroll;

    }

    .mobile #container {
        min-height: 100vh;
    }

    #container.iphonewrapper #option_bar, #ax-container.iphonewrapper #option_bar{
        max-width: 375px;
        min-width: 375px;
        width: 375px;
    }

}

/*iphone 6/7 for the frame as it will not move to landscape*/
@media only screen    
and (min-device-width : 414px)
and (max-device-width: 414px)
and (max-device-height : 736px) 
{ 
    #container , #ax-container {
        max-width: 414px !important;
        min-width: 414px !important;  
        overflow: scroll;
    }

    #container.iphonewrapper #option_bar, #ax-container.iphonewrapper #option_bar{
        max-width: 414px;
        min-width: 414px;
        width: 414px;
    }
} 

/*iphone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape)  { 
    .mobileupload .formwrapper input.Lookup, .mobileupload .formwrapperinput.LookupBlur {
        width: 509px;
    }
    th.Form, th.FormTop, th.FormLg, th.FormSm, th.FormXSm, th.FormApp {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block;
        text-align: left;
        padding: 9px 5px 5px 1px;
    }
    td.Form {
        padding: 5px 5px 5px 0;
        display: block;
    }
    td.Form input[type=text], td.Form textarea, td.Form iframe{
        width:91% !important;
        max-width:91% !important;
        min-width:91% !important;
    }
    td.Form input.Lookup{
        max-width: 80% !important;
        min-width: 184px !important;
    }
    .shortcutDiv {
        width: 100%;
    }
    .textreadonly_container {
        padding: 4px 1px;
    }   
    #container , #ax-container {
        max-width: 650px !important;
        min-width: 650px !important; 
        overflow: scroll;
    }
}    

/*samsung s6/s7*/
@media screen  
and (device-width: 360px) 
and (device-height: 640px)
and (orientation: portrait) {

    #container , #ax-container {
        max-width: 360px !important;
        min-width: 360px !important; 
    }
    .mobile #container, .mobile #option_bar {
        min-width: 360px;
    }
    .mobile .searchtext {
        width: 242px;
    }
}


@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }
    .ax-header_end {
        display: none;
    }

}

/* Landscape*/

@media only screen and (min-device-width: 1366px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }

}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }
    .ax-header_end {
        display: none;
    }
}


/*
@media screen and (max-width: 57em) {
.cbp-vm-view-grid ul li {
width: 49%;
}
}

@media screen and (max-width: 47.375em) {
.cbp-vm-view-list .cbp-vm-image {
width: 20%;
}
.cbp-vm-view-list .cbp-vm-title {
width: auto;
}
.cbp-vm-view-list .cbp-vm-add {
margin: 10px;
}
}
*/