/* --- Styling in general --- */

.invisible
{
    display: none !important;
}

.hidden
{
    float: left !important;
    width: 0px !important;
    height: 0px !important;
}

.nowrap
{
    white-space: nowrap;
}

.dowrap
{
    white-space: normal;
}
/* --- SFBox --- */

.sfbox
{
    background-color: #FFFFFF;
    border: solid 1px #BDBDBD;
    padding: 10px;
    margin-bottom: 10px;
}

.sfboxnomargin
{
    margin-bottom: 0px;
}

.sfboxbottom
{
    margin-bottom: 20px;
}

.sfboxopentop
{
    border-top-style: none;
}

.sfboxopenbottom
{
    border-bottom-style: none;
}

.sfboxopenleft
{
    border-left-style: none;
}

.sfboxedit
{
    padding-bottom: 2px;
}

.sfboxnoborder
{
	border: 0;
}
/* --- Text in general --- */

.pagetitle
{
    color: #292929;
    font-size: 18px;
    font-weight: bold;
}

.pagetitlenormal
{
    color: #292929;
    font-size: 18px;
}

.highlighttext
{
    color: #292929;
    font-size: 16px;
    font-weight: bold;
}

.basictitle
{
    color: #292929;
    font-size: 12px;
    font-weight: bold;
}

.basictext
{
    color: #4D4D4D;
    font-size: 11px;
}

.footnote
{
    color: #555555;
    font-size: 9px;
}

.simpletitle
{
    font-weight: bold;
}

.importanttext
{
    font-weight: bold;
}

.veryimportanttext
{
    color: #FF0000;
}
/* --- HeaderBox --- */

.headerbox
{
    width: 766px;
    min-height: 35px;
}

.fullwith
{
	width: 100% !important;
	min-height: 20px !important;
}


.withline
{
    border-bottom: 2px solid #EA3093;
}

.headerbox .titleholder
{
    float: left;
    width: 570px;
}

.headerbox .titleholder .title
{
    float: left;
}

.headerbox .titleholder .subtitle
{
    padding-top:7px;
    padding-left:15px;
    display:inline-block;
}

.headerbox .buttonsholder
{
    float: right;
}

.headerbox .buttonsholder .button
{
    float: left;
    width: auto;
    margin-left: 5px;
}

.headerbox .buttonsholder .hyperlink
{
    float: left;
    width: auto;
    margin-left: 30px;
    white-space: nowrap;
}

/* --- Bread crumb --- */

.breadcrumb
{
    color: #777777;
    font-size: 11px;
}

.breadcrumb a
{
    color: #777777;
}

.breadcrumb .separator
{
}
/* --- Horizontal line --- */

.horizontalline
{
    height: 1px;
	border: none; /* This is for FireFox */
    color: #969696;
    background-color: #969696; /* This is for FireFox */
}

/* --- Hyperlinks should be in blue if recognizable as hyperlinks (so not tabs, buttons, whatever else...) --- */

.link, a
{
    color: #15428B;
}

.link_disabled            
{
	color:#bcbcbc; text-decoration:none;
}
/* --- ErrorMessages --- */

.message, .positive
{
    color: #17a327;
}

.errorMessage, .errormessage, .star, .negative, .warning, .error, .sfi_requiredfieldvalidator
{
    color:#b83949;
    font-size: 11px;
}
/* --- Label-Control Pairs --- */

.labelcontrolpair
{
    clear: both;
}

.label, .control, .validation
{
    float: left;
    vertical-align: top;
    padding-bottom: 3px;
}

table .label, table .control, table .validation, .mainwindowcontainer .control
{
    float: none;
}

.label
{
    width: 150px;
    font-weight: bold;
}

.validation
{
    padding-left: 5px;
}

.subcontrol
{
    float: left;
    margin-right: 5px;
}

.words
{
    float: left;
    margin-right: 5px;
    white-space: nowrap;
}
/*@import url("InfoIcon.css");*/

/* --- Controls --- */
.numerictextbox {
    width: 75px;
    margin-right: 5px;
    text-align: right;
    vertical-align: middle;
}

.moneyboxreadonly {
    border: none !important;
}

.money {
    padding-right: 5px;
    text-align: right;
}

.textboxreadonly {
    border: none;
}

/* Onderstaande css veranderd het uiterlijk van de label of span na het checken van de checkbox */

.sfi_checkbox input[type='checkbox'] + label, input[type='checkbox'] + span {
    color: #838383;
}


input[type='checkbox']:checked + label, input[type='checkbox']:checked + span {
    color: #4d4d4d;
    font-weight: bold;
}

/* Autocomplete styling */
.racSlide {
    padding: 0;
    margin: 0;
}

.RadAutoCompleteBoxPopup {
    border: 1px solid #BFBFBF !important;
    padding: 0;
    margin: 0;
}

.racSlide ul {
    padding: 0;
    margin: 0;
}

    .racSlide ul li {
        border-bottom: 1px solid #E4E4E4;
        padding: 0;
        margin: 0;
        background-color: transparent;
        cursor: pointer;
    }

        .racSlide ul li:last-child {
            border-bottom: 0 solid red;
        }

.racItemHovered {
    background-color: #f1f1f1 !important;
}

.RadAutoCompleteBox .racTokenList {
    padding: 4px 20px 3px 4px !important;
}

.RadAutoCompleteBox .racToken {
    margin-right: 4px !important;
    margin-bottom: 3px !important;
}

/* Resources template styling */
.resourceContainer .resourceFullName {
    margin: 3px;
    color: #464646;
    font-size: 14px;
}

.resourceContainer .resourceSupplierName {
    margin: 3px;
    color: #9E9E9E;
}

.searchButton {
    background-color: #337ab7;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;
}

    .searchButton:hover {
        background-color: #26679e;
    }

    .searchButton img {
        border: 0 solid red;
        margin: 8px;
        padding: 0;
        vertical-align: bottom;
        width: 14px;
        height: 14px;
    }

span.infoIcon {
    display: inline-block;
    vertical-align: top;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 0;
    font-family: Georgia, serif;
    font-weight: bold;
    cursor: pointer;
    /* line-height: 1.5em; */
    background-color: #fff;
    color: #b4b4b4;
    box-shadow: 0 0 3px #a4a4a4;
    border: 1px solid #CFCFCF;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    font-size: 11px;
}

    span.infoIcon:hover {
        background-color: #337AB7;
        color: #ffffff;
        box-shadow: 0 0 5px #337ab7;
        border: 1px solid #7A7A7A;
        transition: all .1s linear;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
    }

/* --- Buttons --- */

/* Button in general */
.sfi_button
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* Buttonrow: edit | save + cancel */
.buttonrow
{
    height: 18px;
}

.buttonrow .validationMessage
{
    float: left;
}

.buttonrow .buttons
{
    float: right;
}

.buttonrow .buttons .editlinkbutton
{
    float: left;
}

.buttonrow .buttons .savebutton
{
    float: left;
}

.buttonrow .buttons .cancelbutton
{
    float: left;
}

.buttonrow .buttons .cancelbutton.cancelimage
{
    margin-left: 15px;
}
/* --- Images / Icons --- */

img
{
	border: 0px;
}

.blank
{
	width: 1px;
    height: 1px;
    background-image: url("/App_Themes_Excellate/spacer.gif");
    background-repeat: no-repeat;
}

.editimage
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/edit.png");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.saveimage
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/Save.png");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.cancelimage
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/Cancel.png");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.updateimage
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/Save.png");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.addimage
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/icon_add.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.addimage_disabled
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/icon_add_disabled.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.deleteimage
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/icon_delete.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.removeimage
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/icon_remove.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.removeimage:disabled{
    opacity: 0.4;
    cursor:not-allowed !important;
}

.sendimage
{
    width: 11px;
    height: 11px;
    background-image: url("/Images/icons/icon_mail.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.attachmenticon 
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/attachment.png");
    background-repeat: no-repeat;
}

.downloadicon
{
    width: 16px;
    height: 16px;
    background-image: url("/Images/icons/download.png");
    background-repeat: no-repeat;
}

.addtoselectionbutton
{
    width: 72px;
    height: 29px;
    background-image: url("/Images/icons/Add_all_to_selection.png");
    background-repeat: no-repeat;
    text-align: left;
    margin-top: 5px;
    padding-left: 30px;
    padding-top: 7px;
}

.selectionicon
{
	width: 16px;
    height: 16px;
    background-image: url("/Images/icons/selection.png");
    background-repeat: no-repeat;
}

.backbuttonicon
{
	width: 72px;
    height: 29px;
    background-image: url("/Images/icons/back.png");
    background-repeat: no-repeat;
}

/* Views */

.thumbnailoverviewicon
{
	width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_thumbnailoverview.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.thumbnailoverviewiconactive
{
	width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_thumbnailoverview_active.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.tableviewicon
{
	width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_tableview.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.tableviewiconactive
{
	width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_tableview_active.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.graphicon
{
	width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_tableview.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.graphiconactive
{
	width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_tableview_active.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}


/* Older - viewType related - styling */

.viewTypeTable
{
    width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_tableview.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.viewTypeTableActive
{
    width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_tableview_active.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.viewTypeGrafiek
{
    width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_graph.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}

.viewTypeGrafiekActive
{
    width: 19px;
    height: 18px;
    background-image: url("/Images/icons/icon_graph_active.gif");
    background-repeat: no-repeat;
    margin-right: 2px;
}


/* Financial Plugin */

.requestedicon
{
    width: 13px;
    height: 13px;
    background-image: url("/Images/icons/requested.png");
    background-repeat: no-repeat;
}

.allocatedicon
{
    width: 13px;
    height: 13px;
    background-image: url("/Images/icons/allocated.png");
    background-repeat: no-repeat;
}

.estimatedicon
{
	width: 13px;
    height: 13px;
    background-image: url("/Images/icons/estimated.png");
    background-repeat: no-repeat;
}
/* --- Divider --- */

.divider
{
    clear: both;
    float: left;
    width: 715px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.divider .left
{
    float: left;
    width: 357px;
    height: 9px;
    background-image: url("/Images/Divider/divider_left.gif");
    background-repeat: no-repeat;
}

.divider .middle
{
    float: left;
    width: 1px;
    height: 9px;
    background-image: url("/Images/Divider/divider_middle.gif");
    background-repeat:  repeat-x;
}

.divider .right
{
    float: left;
    width: 357px;
    height: 9px;
    background-image: url("/Images/Divider/divider_right.gif");
    background-repeat: no-repeat;
}
/* --- Back --- */

.backbox
{
    height: 27px;
    margin-bottom: 10px;
}

.backbox:hover
{
    font-weight: bold;
}

.backbox .arrowleft
{
    float: left;
    height: 25px;
    width: 13px;
    background-image: url("/Images/icons/ArrowLeft.png");
    background-repeat: no-repeat;
}

.backbox .arrowleft.whitebackground
{
    background-image: url("/Images/icons/ArrowLeftWhiteBG.png");
}

.backbox .backtotext
{
    float: left;
    height: 15px;
    width: 151px; /* 165 - 13(arrowleft) - 1(border) */
    border-left: 0px;
    padding-top: 0px;
    padding-bottom: 8px; 
    padding-left: 0px;
    padding-right: 0px;
    background-color: #F8F8F8;   
}

.backbox .backtobutton
{
    color: #666666;
    display: block;
    height: 18px;
    text-decoration: none;
    width: 147px; /* 165 - 13(arrowleft) - 4(2x2padding) */
    padding: 2px;
    padding-top: 4px;
    padding-bottom: 1px;
}
/* --- Calendar --- */

.calendarWrapper_Default a
{
   font-weight: normal !important; 
}


/* --- NumericTextBoxHolder --- */
.numerictextboxholder .RadInput, .numerictextboxholder .RadInput_Default
{
    border: none !important;
    width: 76px !important;
}

.numerictextboxholder .riTextBox
{
    width: 76px !important;
    height: 12px;
    text-align: right;
    margin-left: 4px;
    xmargin-top: -1px;
    height: 11px;
}

.userrights .datePicker {
    width: 149px;
}

.RadGrid .rgWrap.rgAdvPart
{
    float: right !important;
}

.RadGrid .rgWrap.rgAdvPart .RadComboBox
{
    width: 80px !important;
}
.alert
{
	padding:10px;
	overflow:auto;
}

.alertSmall
{
	overflow:auto;
	min-height: 35px;
}

.alertLine
{
	overflow:visible;
}

.alert .alerttext
{
    float: left;
    font-size: 14px;
    color: #4d4d4d;
    font-weight:bold;
    margin-top:13px;
}

.alertSmall .alerttext
{
    float: left;
    font-size: 14px;
    color: #4d4d4d;
    font-weight:bold;
    margin-top:13px;
}

.alert .alertimage
{
	float:left;
	margin-bottom:10px;
	margin-right:15px;
}

.alert .alertimageinsidediv
{
	float:left;
	margin-top: 9px;
	margin-bottom: 25px;
	margin-right: 25px;
	margin-left: 25px;
}

.alertSmall .alertimageinsidediv {
	float:left;
	margin-top: 9px;
	margin-bottom:10px;
	margin-left:15px;
}

.alertLine .alertimage {
	float:left;
	margin-right:15px;
}

.alertLine .alerttext
{
    float: left;
    color:#ae7c03;
}

ul.alertList	{
	 clear:both;
	 margin:14px;
	}
	
ul.alertList li	{
	 margin-bottom: 5px;
	}

.alert-success {background-color:#d6f5d4; border:1px solid #499f45; color:#178612; margin-bottom:12px; margin-top: 8px;}
.alert-danger,
.alert-error {background-color:#fdd7db; border:1px solid #c05664; color:#b83949; margin-bottom:12px;}
.alert-info {background-color:#fff6c1; border:1px solid #ac9200; color:#ae7c03; margin-bottom:12px;border-radius:3px;}

.alertExtraBottomSpace
{
	margin-bottom:24px;
}

.alert-success span,
.alert-danger span,
.alert-error span,
.alert-info span
{
    display: block;
    padding: 10px;
}

.alert-info div
{
    float:left;
}
.urlBox			{overflow:hidden; border:1px solid #e2e2e2; display: block;}
.urlBox > div	{padding:10px;}
.urlBox .label	{display:block; width:auto; background-color:#f2f2f2;float: left; border-right:1px solid #e2e2e2; font-weight:bold; color:#666;}
.urlBox .url	{display:block; width:auto; color:#666;float: left; padding: 0px;padding-top:8px; padding-left: 10px; height: 21px;}
.urlBox .copyLink	{display:block; float:right; padding-left:0;}
.urlBox .url input { width: 600px;color: #666;}
.messageBox {
    background-color: #2d2d2d;
    position: absolute;
    text-align: center;
    width: auto;
    z-index: 99;
    padding: 8px;
    margin-top: -55px;
}

.messageBox .messageLabel {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 29px;
    text-align: center;
}

.messageBox .arrow {
    border-bottom: transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2d2d2d;
    bottom: -5px;
    left: 50%;
    outline: none;
    margin: 0 0 0 -5px;
    position: absolute;
}
.loadingpanel {
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background: #aaaaaa;
    -ms-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
    background: rgba(170, 170, 170, 0.5);
    z-index:10000;
}


.loadingpanel .loadingpanelcentercontent {
    position:absolute;
    -moz-min-width:150px;
    -ms-min-width:150px;
    -o-min-width:150px;
    -webkit-min-width:150px;
    min-width:150px;
    height:60px;
    left:50%;
    top:50%;
    visibility:hidden;
}

.loadingpanel .loadingpanelcontent {
    position:absolute;
    left:-50%;
    top:-50%;
    visibility:visible;
    text-align:center;
    background-color:white;
    padding-top:20px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
}

.loadingpanel .loadingpanelimage {
    padding-bottom: 10px;
}

.comboboxwithtreemultiselect {
    width: 610px;
}

.comboboxwithtreemultiselect .noitemsselected {
    font-style: italic;
}

.comboboxwithtreemultiselect .RadComboBox {
    width: 250px !important;
    float: left;
    margin-bottom: 5px;
}

.comboboxwithtreemultiselect .imgadd {
    float: left;
    margin-top: 4px;
    margin-left: 10px;
}

.comboboxwithtreemultiselect .ruler {
    clear: both;
}

.comboboxwithtreemultiselect .icon {
    vertical-align: text-top;
}

.comboboxwithtreemultiselect .selecteditem {
    display: inline-block;
}

.comboboxwithtreemultiselect .underlined {
    border-bottom: 1px solid #eaeaea;
    margin-bottom:8px;
    padding-bottom:8px;
}

.comboboxwithtreemultiselect .lbl {
    float: left;
    width: 560px;
}

.comboboxwithtreemultiselect .selecteditembuttons {
    float: left;
}

.bootstrapCalendar.RadPicker { width: 100% !important;}

.bootstrapCalendar .riSingle .riTextBox[type="text"] {
    border-radius: 3px;
    font-size: 14px !important;
    padding:6px 8px !important;
    color: #797979 !important;
    height: auto;
}
.sfclass.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.sfclass.modal-open {
    display: block;
    overflow: hidden;
}

    .sfclass.modal-open .sfclass.modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.sfclass.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.sfclass.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.sfclass.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

.sfclass.modal-close {
    margin-top: -4px;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 20px;
    font-weight: bold;
    /*ie8*/
    color: lightgrey;
    /*the rest*/
    color: rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 0 #fff;
}

    .sfclass.modal-close:hover, .sfclass.close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
    }

.sfclass.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
}


.sfclass.modal-body {
    position: relative;
    padding: 15px;
}

.sfclass.modal-footer {
    margin-top: 15px;
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .sfclass.modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .sfclass.modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .sfclass.modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.sfclass.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .sfclass.modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .sfclass.modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .sfclass.modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .sfclass.modal-lg {
        width: 900px;
    }
}

/* button classes needed for the modal */
.sfclass.modal .sfclass.btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration:none;
    }
    
    
    .sfclass.modal .sfclass.btn:focus,
    .sfclass.modal .sfclass.btn:active:focus,
    .sfclass.modal .sfclass.btn.active:focus,
    .sfclass.modal .sfclass.btn.focus,
    .sfclass.modal .sfclass.btn:active.focus,
    .sfclass.modal .sfclass.btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    
    .sfclass.modal .sfclass.btn:hover,
    .sfclass.modal .sfclass.btn:focus,
    .sfclass.modal .sfclass.btn.focus {
        color: #333333;
        text-decoration: none;
    }
    
    .sfclass.modal .sfclass.btn:active,
    .sfclass.modal .sfclass.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);
    }
    
    .sfclass.modal .sfclass.btn.disabled,
    .sfclass.modal .sfclass.btn[disabled],
    .sfclass.modal fieldset[disabled] .sfclass.btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .sfclass.modal .sfclass.btn-default {
        color: #333333;
        background-color: #ffffff;
        border-color: #cccccc;
    }
    
    .sfclass.modal .sfclass.btn-default:hover,
    .sfclass.modal .sfclass.btn-default:focus,
    .sfclass.modal .sfclass.btn-default.focus,
    .sfclass.modal .sfclass.btn-default:active,
    .sfclass.modal .sfclass.btn-default.active,
    .sfclass.modal .sfclass.open > .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }
    
    .sfclass.modal .sfclass.btn-default:active,
    .sfclass.modal .sfclass.btn-default.active,
    .sfclass.modal .sfclass.open > .dropdown-toggle.btn-default {
        background-image: none;
    }
    
    .sfclass.modal .sfclass.btn-default.disabled,
    .sfclass.modal .sfclass.btn-default[disabled],
    .sfclass.modal fieldset[disabled] .sfclass.btn-default,
    .sfclass.modal .sfclass.btn-default.disabled:hover,
    .sfclass.modal .sfclass.btn-default[disabled]:hover,
    .sfclass.modal fieldset[disabled] .sfclass.btn-default:hover,
    .sfclass.modal .sfclass.btn-default.disabled:focus,
    .sfclass.modal .sfclass.btn-default[disabled]:focus,
    .sfclass.modal fieldset[disabled] .sfclass.btn-default:focus,
    .sfclass.modal .sfclass.btn-default.disabled.focus,
    .sfclass.modal .sfclass.btn-default[disabled].focus,
    .sfclass.modal fieldset[disabled] .sfclass.btn-default.focus,
    .sfclass.modal .sfclass.btn-default.disabled:active,
    .sfclass.modal .sfclass.btn-default[disabled]:active,
    .sfclass.modal fieldset[disabled] .sfclass.btn-default:active,
    .sfclass.modal .sfclass.btn-default.disabled.active,
    .sfclass.modal .sfclass.btn-default[disabled].active,
    .sfclass.modal fieldset[disabled] .sfclass.btn-default.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }
    
    .sfclass.modal .sfclass.btn-default .badge {
        color: #ffffff;
        background-color: #333333;
    }
    
    .sfclass.modal .sfclass.btn-primary {
        color: #ffffff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }
    
    .sfclass.modal .sfclass.btn-primary:hover,
    .sfclass.modal .sfclass.btn-primary:focus,
    .sfclass.modal .sfclass.btn-primary.focus,
    .sfclass.modal .sfclass.btn-primary:active,
    .sfclass.modal .sfclass.btn-primary.active,
    .sfclass.modal .sfclass.open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #286090;
        border-color: #204d74;
    }
    
    .sfclass.modal .sfclass.btn-primary:active,
    .sfclass.modal .sfclass.btn-primary.active,
    .sfclass.modal .sfclass.open > .dropdown-toggle.btn-primary {
        background-image: none;
    }
    
    .sfclass.modal .sfclass.btn-primary.disabled,
    .sfclass.modal .sfclass.btn-primary[disabled],
    .sfclass.modal fieldset[disabled] .sfclass.btn-primary,
    .sfclass.modal .sfclass.btn-primary.disabled:hover,
    .sfclass.modal .sfclass.btn-primary[disabled]:hover,
    .sfclass.modal fieldset[disabled] .sfclass.btn-primary:hover,
    .sfclass.modal .sfclass.btn-primary.disabled:focus,
    .sfclass.modal .sfclass.btn-primary[disabled]:focus,
    .sfclass.modal fieldset[disabled] .sfclass.btn-primary:focus,
    .sfclass.modal .sfclass.btn-primary.disabled.focus,
    .sfclass.modal .sfclass.btn-primary[disabled].focus,
    .sfclass.modal fieldset[disabled] .sfclass.btn-primary.focus,
    .sfclass.modal .sfclass.btn-primary.disabled:active,
    .sfclass.modal .sfclass.btn-primary[disabled]:active,
    .sfclass.modal fieldset[disabled] .sfclass.btn-primary:active,
    .sfclass.modal .sfclass.btn-primary.disabled.active,
    .sfclass.modal .sfclass.btn-primary[disabled].active,
    .sfclass.modal fieldset[disabled] .sfclass.btn-primary.active {
        background-color: #337ab7;
        border-color: #2e6da4;
    }
    
    .sfclass.modal .sfclass.btn-primary .badge {
        color: #337ab7;
        background-color: #ffffff;
    }