/*The following styles will be only applied under IE7.*/
*html .rfdDecorated, 
*html a.rfdSkinnedButton
{
    vertical-align: top !important;
}
          
*+html .rfdDecorated, 
*+html a.rfdSkinnedButton
{
    vertical-align: top !important;
}


/* culoarea albastru deschis al taburilor: #dbe5f4 */

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

html { width:100%; height:100%; border-left:none !important; border-right:none !important; }
html, body, form  {  height: 100%; margin: 0; padding: 0; }  
BODY { background-color:#ddd; font-family: Arial; margin:0px; padding:0px 0px 0px 0px; width:100%;}

#container
 { min-width:974px; width:expression(document.body.clientWidth < 974? "974px": "auto" ); } 
 
.navigateAccountDiv { overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width:90%; height:16px; line-height:16px; min-width:100px; width:expression(document.body.clientWidth < 100? "100px": "auto" ); }
.no_overflow 
{
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}

.normalize_box 
{
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.hidden {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

#container_popup
 { font-size:11px; } 
  
#localPage
 { min-height:400px; height:expression(document.body.clientHeight < 400? "400px": "auto" ); overflow:hidden;}

.rbMoveUp {
    background: url(../images/16up.png) 0px 0px no-repeat;
    background-image: url(../images/16up.png) !important;
}
.rbMoveDown {
    background: url(../images/16down.png) 0px 0px no-repeat;
    background-image: url(../images/16down.png) !important;
}
.rbMoveLeft {
    background: url(../images/go-next_22.png) 0px 0px no-repeat;
    background-image: url(../images/go-next_22.png) !important;
}
.rbMoveLeftAll {
    background: url(../images/go-last_22.png) 0px 0px no-repeat;
    background-image: url(../images/go-last_22.png) !important;
}
.rbMoveRight {
    background: url(../images/go-previous_22.png) 0px 0px no-repeat;
    background-image: url(../images/go-previous_22.png) !important;
}
.rbMoveRightAll {
    background: url(../images/go-first_22.png) 0px 0px no-repeat;
    background-image: url(../images/go-first_22.png) !important;
}


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

textarea:focus, input:focus{ outline: none; }

A 			{ text-decoration: underline; color: #4682B4;}
A:hover 		{ text-decoration: none; }

td, div			{padding:0px; margin:0px;}
td 				{vertical-align:top;}

.row_1              {width:100%; height:100%; text-align:center; vertical-align:top;}
.width_td_1			{table-layout:fixed; height:100%; padding:0px 0px 0px 0px; width:99%; text-align:center; margin:auto; border:1px solid #4682B4; border-top:none;}

.row_2              {text-align:center; background-color:#fff; width:100%;}

.row_copyright       {height:26px; background:url(../images/bg_copyright.png) 0px 0px repeat-x #4682B4; vertical-align:middle; text-align:center; font-size:11px; color:#fff; text-decoration: none;}

.row_content    {background-color:#fff; font-size:12px; padding:0px 0px 0px 0px; width:900px;}

.logo       {height:70px; width:100%; vertical-align:middle; text-align:center; padding:0px 0px 0px 3px; background-color:#4682B4;}
.topmenu    {padding:0px 15px 5px 0px; white-space:nowrap; vertical-align:bottom; text-align:right;}


.menu       {height:40px; background:url(../images/bg_menu.png) 0px 0px repeat-x #bbcbdb; vertical-align:middle; padding:0px 8px 0px 8px;}
.menu td	{padding:0px 8px 0px 8px; width:auto; vertical-align:middle;}
.menu td a	{display:block;}

.menu-no-bottom   { height: unset; padding: 5px 8px 0px 8px !important; }

.gridCursor { cursor:pointer !important; padding-left:2px !important; }

.navigateValue { color: #f8d05c; }
.navigateLabel { text-align:left; padding-left:5px; vertical-align:middle; }

.splitBar { width:4px; height:100%; background-color:#fff; border-right:1px solid #9BABC2; border-left:1px solid #9BABC2; background-image: url("WebResource.axd?d=cnuknXNeNLRgQqN-6x07qBL8F2QzpJf5QXdiGatg2l2xqL__ZiHwzN_EHcr-6XKaEjLvKuyQygmzz55jWTm-3TswJGAwCK_OJX3AY7QhFWX1deiJhKssDSzqvbPkpMRsbGbkwbGfUBCjwVozOz5qScx-9FcEpb7pdJDjVvqIfWratGxwDLUgZd7rDUxBp0btFNU0krLJZlP6z42X01_3sg2&t=635095913660000000");}

.aspNetDisabled {
    font-size: 11px !important;
}

/*****************************************************************************************/
/*****************************            DIVS               *****************************/
.clear {
    clear: both;
}
.dynColumn { float:left; width:100%; overflow:hidden; }
.fixColumn { float:right; text-align:left; overflow:hidden; }

.dynColumnLeft { float:right; width:100%; overflow:hidden; }
.fixColumnLeft { float:left; padding-top:4px; text-align:right; overflow:hidden; }
.fixColumnLeft3px { float:left; padding-top:2px; text-align:right; overflow:hidden; }

.fullDivs { width:100%; height:100%; }

.txtFullWidth { width:90% !important; height:15px !important; font-size:11px !important; padding:2px 0 2px 3px !important; border:1px solid #9babc2 !important; color:#384e73 !important; font-family: Arial !important; }
.txtFullWidth_disabled { width:90% !important; height:15px !important; font-size:11px !important; padding:2px 0 2px 3px !important; border:1px solid #9babc2 !important; background-color:#ebebe4; color:#545454 !important; font-family: Arial !important; }

.numFullWidth { width:90%; height:21px !important; font-size:11px !important; text-align:right; border:1px solid #9babc2 !important; color:#384e73 !important; font-family: Arial !important; }
.txtFullWidth_50 { width:50% !important; height:15px !important; font-size:11px !important; padding:2px 0 2px 3px; border:1px solid #9babc2 !important; color:#384e73 !important; font-family: Arial !important; }
.txtFullWidth_99 { width:99% !important; height:15px !important; font-size:12px !important; padding:3px 0 1px 3px; border:none !important; color:#f8d05c !important; background-color:#4682B4; font-family: Arial !important; }
.lstFullWidth { width:92% !important; height:20px !important; font-size:11px; border:1px solid #9babc2 !important; }
.dateFullWidth { height:21px !important; font-size:11px !important; padding:3px 3px 3px 3px !important; font-family: Arial !important;  }
.areaNotesFullWidth { width:100% !important; height:99.3% !important; font-size:12px !important; color:#384e73 !important; font-family: Arial !important; border:none !important; background-color:Window; border-left:1px solid #9babc2 !important; margin:0; padding:0; display:block; resize:none;}
.txtSellWidth { width:90% !important; height:15px !important; font-size:11px !important; padding:2px 0 2px 3px; border:1px solid #9babc2 !important; color:#384e73 !important; font-family: Arial !important; text-align:right; }
.txtSellPriorWidth { width:90% !important; height:15px !important; background-color:#eee; font-size:11px !important; padding:2px 0 2px 3px; border:1px solid #9babc2 !important; color:#384e73 !important; font-family: Arial !important; text-align:right; }
.txt_eeeeee { background-color:#eee !important; }
.maskedTextBox { height: 21px !important; background-color:#ffffff !important; padding: 3px 3px !important; }

.multilineClassic { border:1px solid #9babc2; font-size:12px !important; color:#384e73 !important; padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:none; }

/* --    select_first_message.ascx    -- */
.sfmMainContainer { width:100%; height:100%; background-color:#dbe6f4; position:relative; }
.sfmMsgContainerOK {
    display: flex;
    width: 300px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -150px;
    background-color: #bfdbff;
    color: #00529B;
    border: 1px solid #8db2e3;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url('../images/icoInfo.png');
    padding-left: 52px;
}
.sfmMsgContainerERR {
    display: flex;
    width: 450px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -200px;
    color: #d3111f;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url('../images/icoInfoErr.png');
    padding-left: 52px;
}

.verticalCustomerContainer { width:120px; margin-right:-121px; height:260px; float:left; text-align:left; overflow:hidden; background-color:#BCCADD; border-right:1px solid #4682B4 !important; }
.verticalContainer { width:120px; margin-right:-121px; height:600px; float:left; text-align:left; overflow:hidden; background-color:#BCCADD; border-right:1px solid #4682B4 !important; }
.customVerticalHeader { background-color: #bdcbde; cursor:default; background-image: url('../images/RootItemBg.png'); border-bottom:solid 1px #8ba0bc; color: #384e73; font: normal 12px/24px "Segoe UI", Arial, sans-serif; overflow: hidden; background-repeat: repeat-x; display: block; background-position: 0 0;}

.customerStatusWarning { width:114px; border:2px solid #fff; margin:0 auto; padding:0; height:19px; font-size:16px; background-color:Red; color:yellow; text-align:center; font-weight:bold; line-height:19px; border-bottom:none; }
.customerstatusMessage { width:114px; border:2px solid #fff; margin:0 auto; padding:0; height:16px; font-size:10px; background-color:Red; color:#fff; text-align:center; line-height:16px; border-top:none; font-family:Tahoma !important; }

.completedPercentageWarning {
    width: 114px;
    border: 2px solid #fff;
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    background-color: #777;
    color: yellow;
    text-align: center;
    line-height: 17px;
    border-bottom: none;
}

.completedPercentageMessage {
    width: 114px;
    border: 2px solid #fff;
    font-weight: 700;
    margin: 0 auto;
    padding: 0;
    height: 20px;
    font-size: 15px;
    background-color: #777;
    color: #fff;
    text-align: center;
    line-height: 19px;
    border-top: none;
    font-family: Tahoma !important;
}


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


/* ************************************************************************************* */
/*                        CUSTOMERS MODULE + CONTROLS                                    */
/* ************************************************************************************* */

.customers-select-header 
{
    display: inline-block;
    width: 100%; 
    height: 32px; 
    background-color: #4682B4; 
    color: #ffffff;
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #fff;
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
}
.customer-search-container 
{
    float: left; 
    display: inline-block; 
    padding: 4px; 
    margin-right: 8px;
    cursor: pointer;
}
    .customer-search-container:hover 
    {
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);
    }

.customer_panel { height:32px; width:100%; vertical-align:middle; text-align:center; background:url(../images/bg_customer_panel.png) 0px 0px repeat-x #4682B4; font-size:13px; color:#fff; }

.custHeader { clear:both; width:100%; text-align:center; margin:0 auto; padding:3px 0 2px 0; background-color:#bccadd; border:1px solid #8ba0bc; color:#333; font-weight:bold; }

.custDetails { float:left; height:24px; width:32%; }
.custDetails2nd { float:left; height:24px; width:33%; }
.custDetails3rd { float:left; height:24px; width:34%; }

.radioBold { font-weight:bold !important; }

.custPractice { float:left; height:24px; width:32%; }
.custPractice2nd { float:left; height:24px; width:33%; }
.custPractice3rd { float:right; height:24px; width:35%; }
.custPracticeRatingGrid { clear:both; width:99%; float:right; height:190px; margin:0 auto; padding:0 1px 0 0; text-align:right; display:block; }
.custPracticeDentalGrid { clear:both; width:99%; float:right; height:190px; margin:0 auto; padding:0 1px 0 0; text-align:left; display:block; }


.custAlerts { float:left; height:100%; width:70%; margin:0 auto;}
.custAlerts2nd { float:left; height:100%; width:30%;}
.custAlertsPopup { float:left; height:24px; width:50%; }
.custAlerts2ndPopup { float:left; height:24px; width:50%; }
.custAlertsTop { clear:both; width:99%; text-align:center; margin:0 auto; padding:3px 0 2px 0; background-color:#bccadd; border:1px solid #8ba0bc; color:#333333; font-weight:bold; }
.custAlertsTopPremium { clear:both; width:99%; text-align:center; margin:0 auto; padding:3px 0 2px 0; background:url(../images/premium-icon.png) 4px 3px no-repeat; background-color:#E7BD3C; border:1px solid #8ba0bc; color:#333333; font-weight:bold; }

.custCallsTop { clear:both; width:100%; text-align:center; margin:0 auto; padding:3px 0 2px 0; background-color:#bccadd; border:1px solid #8ba0bc; border-left:none; border-right:none; color:#333333; font-weight:bold; }



.custEducationPopup { float:left; height:24px; width:30%; text-align:right; }
.custEducation2ndPopup { float:left; height:24px; width:70%; }


.custCorrespondencePopup { float:left; height:24px; width:20%; text-align:right; }
.custCorrespondence2ndPopup { float:left; height:24px; width:80%; }


.custPersonalNotes { float:left; height:100%; width:100%; }


.accountingDetails { float:left; height:24px; width:50%; }
.accountingDetails2nd { float:left; height:24px; width:50%; }
.accountingDetails3rd { float:left; height:24px; width:100%; }


.billingDetails { float:left; height:24px; width:45%; }
.billingDetails2nd { float:left; height:24px; width:55%; }

.menu_split 
{
    border-bottom: 1px dashed #8888aa; 
    margin: 4px 3px;
}

/* #region - HREF Button - skinned just like a Telerik button ------------------------------------------------------- */

.buttonLikeTelerik_container {
    background-image: url('/DLCPMClient/WebResource.axd?d=M-pFPau3qtHGxQ6REFvKa5jfZKloZbQ2us8MhTlwa9ywTvt3AzKp1tWHVnIyIPnJtIvcT4QJi5LX0GeF-qnjo5i0eIokFAlFL07iPTQ9UMU-KsjFSbR6aFSkWmxhuwV7_97RFCRuBZVv8vUd3MGJgWZAAhj9869OUGogiz5tCjD8orVDvFfoqLarfhszxKfX0&t=635862967060000000');
    color: #384e73;
    box-sizing: border-box;
    background-position: right 0;
    vertical-align: middle;
    padding: 0 4px 0 0;
    cursor: default;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    display: inline-block;
    border: 0 !important;
    text-align: center;
    font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif !important;
    white-space: nowrap;
}

    a.buttonLikeTelerik_container:hover {
        background-position: right -44px;
    }

.buttonLikeTelerik {
    background-image: url('/DLCPMClient/WebResource.axd?d=M-pFPau3qtHGxQ6REFvKa5jfZKloZbQ2us8MhTlwa9ywTvt3AzKp1tWHVnIyIPnJtIvcT4QJi5LX0GeF-qnjo5i0eIokFAlFL07iPTQ9UMU-KsjFSbR6aFSkWmxhuwV7_97RFCRuBZVv8vUd3MGJgWZAAhj9869OUGogiz5tCjD8orVDvFfoqLarfhszxKfX0&t=635862967060000000');
    color: #384e73;
    box-sizing: border-box;
    background-position: left -22px;
    height: 22px;
    line-height: 22px;
    padding: 2px 6px 0 10px;
    margin-right: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    text-decoration: none;
    display: inline-block;
    border: 0 !important;
    text-align: center;
    font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif !important;
    white-space: nowrap;
}

    .buttonLikeTelerik:hover {
        background-position: left -66px;
    }

/* #endregion */


/* ************************************************************************************* */
/*                        UNLOCK MESSAGE                                                 */
/* ************************************************************************************* */
.rwUnlockContent {
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    color: black;
    padding: 1px 0 16px 50px;
    font: normal 12px "Segoe UI",Arial,Verdana;
    cursor: default;
    min-height: 45px !important;
    padding-left: 80px !important;
}


/* ************************************************************************************* */
/*                        CASES MODULE + CONTROLS                                    */
/* ************************************************************************************* */

.caseNewTabStrip1 { height:168px; border-bottom:1px solid #9babc2; }
.caseNewPopup { float:left; height:24px; width:48%; }
.caseNewPopup2 { float:left; height:24px; width:52%; }
.caseProductsNewPopup { float:left; height:24px; width:100%; }


/* ************************************************************************************* */
/*                        SETTINGS MODULE + CONTROLS                                    */
/* ************************************************************************************* */

.statementMultiPage { width:100%; padding-top:10px; padding-bottom:0px; }
.reportsMultiPage { width:100%; padding-top:0px; padding-bottom:0px; }
.fontStyled { color: #384e73; font: normal 11px Arial, Helvetica, sans-serif; }
    
.setttingButton { background-image: url('../settings/images/button_icon.png'); background-repeat: no-repeat; width:32px !important; height:32px !important;}
.timeClockInButton { background-image: url('../images/timeclock_in_button.png'); background-repeat: no-repeat; width:32px !important; height:32px !important;}
.timeClockOutButton { background-image: url('../images/timeclock_out_button.png'); background-repeat: no-repeat; width:32px !important; height:32px !important;}

.enableEdit { background-color: Window; }
.disableEdit { background-color: InfoBackground; }


/* ************************************************************************************* */
/*                        QUICK BOOKS                                                    */
/* ************************************************************************************* */

.qbMainContainer { width:100%; height:100%; background-color:#ffffff;}
.qbActionPanel { width:480px; height:150px; background-color:#bfdbff; color:#00529B; border:1px solid #8db2e3; margin:0 auto; }


/* ************************************************************************************* */
/*                          RAD CONTROLS OVERRIDES                                       */
/* ************************************************************************************* */

/* added because in Q1 2013, the button did not worked with <a>, but with <span> and broke the design */
.panelBarButton { padding:0 !important; border:none !important; width:100% !important; background-image: none !important; background-color:transparent !important; text-align: left !important; }

.RadPanelBar .rpRootGroup,
.RadPanelBar .rpRootGroup .rpLink  { border: none !important; }  
.RadPanelBar .rpText { padding-left:4px !important; padding-right:4px !important; }

.RadDock_Office2010Blue { margin: 0px 5px 4px 0px !important; }
.dockZoneMain { overflow:hidden !important;}
.dockZone { margin:0 !important; padding:0 !important; background-color:#fee123; }

.RadToolTip_Office2010Blue { filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; }
div.RadToolTip_Office2010Blue { box-shadow: 0 0 10px #888888 !important; }


/* icon buttons that are using different size of icons */
.buttonIconOnly .rbText {
    display: none !important;
}
.buttonIconOnly .rbIcon {
    width: 22px !important;
    height: 22px !important;
}

/* ************************************************************************************* */
/*                              RAD GRID OVERRIDE                                      */
/* ************************************************************************************* */
.RadGrid_Office2010Blue {
    outline: none !important;
}

/* added becuase of the bug within Q1 2013 as telerik suport suggested */
div.RadGrid .rgHeaderWrapper {
    border-left: 0 none;
}

.RadGrid .rgRow td,
.RadGrid .rgAltRow td,
.RadGrid .rgEditRow td,
.RadGrid .rgFilterRow td,
.RadGrid .rgHeader,
.RadGrid .rgResizeCol,
.RadGrid .rgGroupHeader td
{
	padding-left:2px !important;
	padding-right:2px !important;
}

.RadGrid_Office2010Blue .rgHeader:first-child,
.RadGrid_Office2010Blue th.rgResizeCol:first-child,
.RadGrid_Office2010Blue .rgFilterRow>td:first-child,
.RadGrid_Office2010Blue .rgRow>td:first-child,
.RadGrid_Office2010Blue .rgAltRow>td:first-child
{
	padding-left:3px !important;
	padding-right:3px !important;
}
.RadGrid_Office2010Blue .rgSelectedRow td,
.RadGrid_Office2010Blue .rgActiveRow td,
.RadGrid_Office2010Blue .rgHoveredRow td,
.RadGrid_Office2010Blue .rgEditRow td
{
	padding-left:3px !important;
	padding-right:2px !important;
}

.RadGridRTL_Office2010Blue .rgRow>td:first-child,
.RadGridRTL_Office2010Blue .rgAltRow>td:first-child
{
	padding-left:2px !important;
	padding-right:2px !important;
}

.RadGrid_Office2010Blue .rgFilterRow .rcbInputCell 
{
   border: 0 none; 
}
 
.RadGrid_Office2010Blue .rgFilterRow .rcbArrowCell 
{
   border-bottom: 0 none;
}

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered
{ padding-right:2px !important; }

.RadForm_Office2010Blue.rfdLabel label { font-family: Arial, Verdana !important; font-size:11px !important; }
.RadForm .rfdCheckboxChecked, .RadForm .rfdCheckboxUnchecked, .RadForm .rfdRadioChecked, .RadForm .rfdRadioUnchecked { cursor:pointer; }


.RadAutoCompleteBox_Office2010Blue .racToken { background-image: none !important; background-color:#fff !important; border-radius: 0 !important; border:none !important; }

.grid_MarkedItems { border-bottom: 1px solid #4682B4 !important; }


/* ************************************************************************************* */
/*                              RAD PROGRESS OVERRIDE                                    */
/* ************************************************************************************* */

.RadUploadProgressArea .rpaInner {
        border: 1px solid #e5e5e5;
        color: #767676;
        background: #ffffff;
        font-size: 12px;
        line-height: 1.5;
    }

.RadUploadProgressArea .ruActions {
        margin:0 !important;
    }
    
.RadUploadProgressArea .rpaBody {
        padding: 5px;
        background: url("../images/progress-indicator.gif") 95% 5px no-repeat;
        padding-bottom:15px;
}

.RadUploadProgressArea .rpaBody dl {
            margin: 0;
            padding: 80px 0 0;
            position: relative;
            zoom: 1;
}

.RadUploadProgressArea .rpaBody dl:after {
            content: "";
            clear: both;
            display: block;
}

.RadUploadProgressArea .rpaBody dt {
            margin: 0 5px 5px 0;
            padding: 0;
            font-weight: bold;
            float: left;
            clear: left;
}

.RadUploadProgressArea .rpaBody dd {
            margin: 0;
            padding: 0;
            float: left;
}

.RadUploadProgressArea .rpaBody dt.rpaStatFirst {
            margin-bottom: 5px;
}

.RadUploadProgressArea .rpaBody dd.rpaStatFirst {
            font-size: 60px;
            position: absolute;
            top: 0;
            left: 0;
}

.RadNotification .rnContentWrapper 
{
    padding: 0 !important;
}

/* ************************************************************************************* */
/*                              RAD ALERTS OVERRIDE                                      */
/* ************************************************************************************* */
.RadWindow_Office2010Blue .rwDialogPopup {
    min-height: 45px !important;
    padding-left: 80px !important;
}

.radprompt_correction { padding: 100px !important; }

.rdalert_ok div.rwDialogPopup
    {   
        background-image: url(../images/alerts/ok.png) !important;
        min-height:45px !important;
        padding-left:80px !important;
    }
.rdalert_warning div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/warning.png) !important;
        min-height:45px !important;
        padding-left:80px !important;
    }
.rdalert_error div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/error.png) !important;   
        min-height:45px !important;
        padding-left:80px !important;
    }
.rdalert_important div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/important.png) !important;   
        min-height:45px !important;
        padding-left:80px !important;
        background-repeat:no-repeat;
    }
.rdalert_info div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/info.png) !important;   
        min-height:45px !important;
        padding-left:80px !important;
    }
.rdalert_info_tl div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/info.png) !important;   
        min-height:45px !important;
        padding-left:80px !important;
    }
    
.rdprompt_info div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/info.png) !important;   
        min-height:65px !important;
        padding-left:80px !important;
        background-repeat:no-repeat;
    }

.RadWindow_Office2010Blue input.rwDialogInput {
	padding: 4px;
}


/* ************************************************************************************* */
/*                              TRIAL WINDOW                                             */
/* ************************************************************************************* */

/* global/components/_trials */
.trial {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 0 !important;
    font-family: "Open Sans", Verdana;
}

    .trial > .trial_header {
        text-shadow: 0 1px rgba(255, 255, 255, 0.8);
        color: #333;
        width: 100%;
        position: relative;
    }

        .trial > .trial_header > h3 {            
            font-weight: normal;
            padding: 5px 0 20px 0;
            margin: -6px -20px 0px -20px;
            background: #337ab7;
            background: -webkit-linear-gradient(#F0B0B0, #FF000E);
            background: -o-linear-gradient(#F0B0B0, #FF000E);
            background: -webkit-gradient(#F0B0B0, #FF000E);
            background: linear-gradient(#F0B0B0, #FF000E);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0B0B0', endColorstr='#FF000E', GradientType=0);
        }

            .trial > .trial_header > h3 > span {
                display: block;
                padding-top: 10px;
                color: #FF000E;
                text-shadow: 1px 1px 10px #2a2d33;
                font-size: 35px;
                background: #fff;
                border: 5px solid #fff;
                height: 50px;
                width: 60px;
                margin: 0px auto -50px;
                border-radius: 40px;
                -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #8EE634 inset;
                -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #8EE634 inset;
                box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #8EE634 inset;
            }

    .trial > .trial_body {
        font-size: 1rem;
        line-height: 20px;
        margin-top: 30px;
        height: 103px;
        font-weight: 600;
    }

        .trial > .trial_body > .trial_body_days {
            padding-top: 20px;
            color: #FF000E;
            font-size: 2rem;
            font-weight: 300;
        }

    .trial > .trial_footer {
        display: block;
        line-height: 17px;
        font-size: 0.85rem;
        margin: 0 0 0 -5px;
        width: 105%;
        padding-bottom: 7px;
    }

    .trial > .trial_close {
        font-size: 1.3rem;
        font-weight: bold;
        height: 38px;
        line-height: 38px;
        cursor: pointer;
        margin: 3px -10px 0px -10px;
        background: #337ab7;
        background: -webkit-linear-gradient(#FF000E, #F0B0B0);
        background: -o-linear-gradient(#FF000E, #F0B0B0);
        background: -webkit-gradient(#FF000E, #F0B0B0);
        background: linear-gradient(#fff, #bbb);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000E', endColorstr='#F0B0B0', GradientType=0);
    }

.trial_modal {
    width: 100%;
    height: 100%;
    background-color: #aaa;
    position: absolute;
    left: 0;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);
    filter: alpha(opacity=65);
    opacity: .5;
    outline: 0;
}

/* ************************************************************************************* */
/*                              HOMEPAGE ADJUSTMENTS                                     */
/* ************************************************************************************* */

/***Icon Hover***/

.DLCPMIcon_Home {
	opacity:1;
}
.DLCPMIcon_Home:hover {
	opacity:.7;
	transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
}


/***DLCPMOnline Icon***/

#ContentPlaceHolder1_ctrlMainLogoAccount_divAccountLogo, .logo  {
	background: #4682b4 !important;
	text-align: left !important;
	padding: 5px 0px 5px 20px !important;
}

/***Menu***/

.menu {
	background: white !important;
	padding-bottom: 20px;
}
.rmRootGroup.rmHorizontal{
	background: white !important;
	border: none !important;
	border-bottom: 1px solid #d7e5ef !important;
	padding-bottom: 5px !important;
}

/*** MENU - LINKS ***/
a.rmLink.rmRootLink.rmSelected{
	background: #e2e2e2 !important;
	background-image: none !important;
	color: black !important;
}
.RadMenu_Office2010Black a.rmLink, .RadMenu_Office2010Black .rmText {
	background-image: none !important;
	color: #282828;
}
.rmText:hover {
	color: #939393;
}


/***Footer***/

.row_copyright{
	background: #699bc4;
}

/***LOGIN SCREEN***/
.rdMiddle {
	background: White !important;
}
.rdTop {
	border-bottom: 1px solid #a3c0d8 !important;
	border-top: 1px solid #a3c0d8 !important;
}
.rdCenter {
	background: white !important;	
}
.rdLeft.rdRoundedCorner{
	background: white !important;
}
.rdRight.rdRoundedCorner{
	background: white !important;
}
.rdBottom{
	border-bottom: 1px solid #a3c0d8 !important;
}


/*** Decrypt and Render Error ***/

.container-error {
    margin: 0 auto;
    width: 95%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

    .container-error .image-error-logo {
        width: 100%;
        height: auto;
        max-width: 312px;
        border: 0;
    }

@media (max-width: 500px) {
    .container-error .image-error-logo {
        width: 60%;
    }
}

.container-error .error-header {
    font-size: 40px;
    font-weight: 600;
    text-shadow: 0px 0px 10px #22313F;
    padding-right: 10px;
    padding-left: 6px;
    color: #22313F;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation: home-icon-scale 0.5s ease-in-out 1 alternate;
    -o-animation: home-icon-scale 0.5s ease-in-out 1 alternate;
    animation: home-icon-scale 0.5s ease-in-out 1 alternate;
}

.container-error .error-body, .container-error .error-footer {
    padding-top: 5px;
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.container-error .fullwidth {
    max-width: 100%;
}

.container-error .error-footer {
    padding-top: 10px;
}

/* #region ANIMATION ----------------------------------------------------------------------------------------------- */

@-webkit-keyframes home-icon-scale {
    from {
        opacity: 0;
        -webkit-transform: scale(5);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes home-icon-scale {
    from {
        opacity: 0;
        -moz-transform: scale(5);
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes home-icon-scale {
    from {
        opacity: 0;
        -o-transform: scale(5);
    }

    to {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes home-icon-scale {
    from {
        opacity: 0;
        transform: scale(5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* #endregion */

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 12px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

    .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled, .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn-primary {
    color: #000;
    background-color: #BCCADD;
    border-color: #a1b4ce;
}

    .btn-primary:focus, .btn-primary.focus {
        background-color: #a1b4ce;
        border-color: #a1b4ce;
    }

    .btn-primary:hover {
        background-color: #a1b4ce;
        border-color: #a1b4ce;
    }

    .btn-primary:active, .btn-primary.active,
    .open > .btn-primary.dropdown-toggle {
        background-color: #a1b4ce;
        border-color: #a1b4ce;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
        .open > .btn-primary.dropdown-toggle:hover,
        .open > .btn-primary.dropdown-toggle:focus,
        .open > .btn-primary.dropdown-toggle.focus {
            background-color: #a1b4ce;
            border-color: #a1b4ce;
        }

    .btn-primary:active, .btn-primary.active,
    .open > .btn-primary.dropdown-toggle {
        background-image: none;
    }

    .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.no-outline {
    outline: none;
}

/* ALERT INLINE */

.alert {
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0 none;
    white-space: normal;
    margin-bottom: 0;
}

    .alert > p {
        margin: 0;
    }

    .alert.border {
        border: 1px solid;
    }

    .alert.smaller {
        padding: 5px 5px;
    }

    .alert.iconed {
        position: relative;
        background: none repeat scroll 0 0 #FFFFFF;
        border-left-width: 30px;
        border-left-style: solid;
    }

        .alert.iconed:before {
            height: 100%;
            left: -33px;
            top: 0;
            width: 26px;
            background-attachment: scroll;
            background-color: transparent;
            background-image: url("../images/alert-box-icons.png");
            background-repeat: no-repeat;
            background-position: 0 0;
            content: "";
            position: absolute;
        }

        .alert.iconed.alert-success {
            background-color: #EDFFD7;
            border-color: #67b409;
            color: #32a432;
        }

            .alert.iconed.alert-success:before {
                background-position: 0 center;
            }

        .alert.iconed.alert-danger {
            background-color: #fdebeb;
            border-color: #e35353;
            color: #a94442;
        }

            .alert.iconed.alert-danger:before {
                background-position: -36px center;
            }

        .alert.iconed.alert-info {
            background-color: #d9edf7;
            border-color: #46a7d8;
            color: #31708f;
        }

            .alert.iconed.alert-info:before {
                background-position: -72px center;
            }

        .alert.iconed.alert-warning {
            background-color: #fcf8e3;
            border-color: #d4b517;
            color: #8a6d3b;
        }

            .alert.iconed.alert-warning:before {
                background-position: -108px center;
            }


/* Telerik 2021 correction classes */

.rbVerticalButton .rbDecorated {
    width: 100% !important;
}




.facial-login-loading-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
    height: 100%;
    z-index: 4000;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0 auto;
}

.container-fr-wrapper {
    display: none;
    z-index: 5001;
}

.container-video {
    float:left;
}

.container-buttons {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    float: right;
    text-align: center;
    width: 200px;
}

.quagga-viewport {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 310px;
    height: auto;
    overflow: hidden;
    z-index: 4000;
    border: 1px solid #8ba0bc
}

    .quagga-viewport > canvas {
        display:none;
    }

    .quagga-viewport > canvas, .quagga-viewport video {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .quagga-viewport.fr-video-mirror > canvas, .quagga-viewport.fr-video-mirror video {
        transform: rotateY(180deg);
    }


.fr-camera-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-weight: 300;
    font-size: 15px;
    margin-top: 8px;
    color: #fff;
    text-align: center;
}

    .fr-camera-list > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        opacity: 0.85;
    }

        .fr-camera-list > ul > li {
            display: inline-flex;
            flex-grow: 1;
            margin: 4px;
            margin-left: 0px;
            font-size: 13px;
            border: 1px solid #8ba0bc;
            font-family: "Open Sans", Verdana, Arial;
            background-color: #ffffff;
            white-space: nowrap;
        }

            .fr-camera-list > ul > li > a {
                display: block;
                position: relative;
                margin: 0;
                padding: 5px 5px;
                border: 0;
                width: 100%;
                text-decoration: none;
                font-weight: 300;
                text-align: center;
                color: #22313F;
                text-transform: capitalize;
                z-index: 5003;
            }

                .fr-camera-list > ul > li > a > i {
                    font-size: 20px;
                }

                .fr-camera-list > ul > li > a > div {
                    clear: both;
                    width: 100%;
                    font-size: 12px;
                }

                .fr-camera-list > ul > li > a:hover {
                    background: #dddddd;
                }

                .fr-camera-list > ul > li > a.active {
                    background: #bccadd;
                    color: #333;
                }

                    .fr-camera-list > ul > li > a.active > i {
                        color: #fff !important;
                        text-shadow: 1px 1px 5px rgba(250, 250, 250, 0.7);
                    }


.capture-image-filename {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    margin-bottom: 5px;
    font-size: 12px;
    background-color: #eee;
    border: 1px solid #aaa;
    color: #333333;
    cursor: pointer;
    height: 22px;
}

.captured-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    height: 203px;
    overflow-y: auto;
}
.capture-delete {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #E91E25;
    width: 20px;
    float: left;
    padding: 3px 0;
    border-right: 1px solid #aaa;
    color: #fff;
}
.capture-name {
    line-height: 20px;
}


/* About Form */

.about_button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    text-decoration: none !important;
    margin-right: 10px;
    margin-left: 10px;
}

    .about_button i {
        font-size: 25px;
        display:block;
    }

    .about_button span {
        display: block;
        padding-top: 7px;
        font-size: 11px;
    }

.about_button:hover {
    color: #333 !important;
}

/* Uploader File list */

.uploadergrid td:first-child {
     width: 20px !important;
}

.uploadergrid td:last-child {
    width: 20px !important;
}

/* Grid list with Remove buttons - Like Uploader File list */

.array_grid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    border-collapse: separate;
    text-align: left;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
}

    .array_grid td, 
    .array_grid th {
        padding: 6px 0px 6px 5px;
        color: #333333;
        font-size: 14px;
        border-bottom: 1px solid #EFEFEF;
        font-weight: normal;
    }

        .array_grid td:last-child, 
        .array_grid th:last-child {
            padding-right: 5px;
            width: 20px;
        }

        .array_grid td:first-child {
            border-left: none;
        }

    .array_grid tr:last-child td {
        border-bottom: none;
    }

    .array_grid tr:first-child td:first-child,
    .array_grid tr:first-child th:first-child {
        border-top-left-radius: 5px;
    }

    .array_grid tr:last-child td:first-child,
    .array_grid tr:last-child th:first-child {
        border-bottom-left-radius: 5px;
    }

    .array_grid tr:first-child td:last-child,
    .array_grid tr:first-child th:last-child {
        border-top-right-radius: 5px;
    }

    .array_grid tr:last-child td:last-child,
    .array_grid tr:last-child th:last-child {
        border-bottom-right-radius: 5px;
    }


.filter-danger {
    border-color: #d9534f !important;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.filter-date {
    font-size: 11px !important;
    padding-left: 2px !important;
}

.RadGrid th.grid-header-padding {
    padding-right: 10px !important;
}


/* UPLAODER - DROP ZONE */

.drop_zone_uploader {
    background-image: url(../images/drop_zone_upload.png);
    background-repeat: no-repeat;
    background-position: center;
}

.RadInput_Office2010Blue .riDisabled {
    background-color: #f0f0f0 !important;
}