@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/* TMTM STYLES FOR THE EZ-SIGN PORTAL */

/*.RadDock_Bootstrap .rdTable .rdTop {
    background-color: unset !important;
}

.RadDock_Bootstrap .rdTable tr.rdTop td.rdLeft, .RadDock_Bootstrap .rdTable tr.rdTop td.rdCenter, .RadDock_Bootstrap .rdTable tr.rdTop td.rdRight {
    background-color: unset !important;
}

.RadDock_Bootstrap .rdTable .rdMiddle .rdLeft, .RadDock_Bootstrap .rdTable .rdMiddle .rdRight {
    background-color: unset !important;
}

.RadDock_Bootstrap .rdMiddle .rdCenter, .RadDock_Bootstrap .rdBottom .rdCenter, .RadDock_Bootstrap .rdBottom .rdLeft, .RadDock_Bootstrap .rdBottom .rdRight {
    background-color: unset !important;
}

.RadDock_Bootstrap .rdTable tr.rdTop td.rdLeft, .RadDock_Bootstrap .rdTable tr.rdTop td.rdCenter, .RadDock_Bootstrap .rdTable tr.rdTop td.rdRight {
    border: 0 !important;
    border: unset !important;
}

.RadDock_Bootstrap {
    border: 0 !important;
    border: unset !important;
}*/

/* BEGIN HEADER BUTTON STYLING - TMTM*/
/* Main Menu Button  */
.waffle-white {
    /*position: fixed !important;*/
    top: 4px !important;
    /*left: 10px !important;*/
    left: -1px !important;
    /*z-index: 1000006;*/
    border-color: transparent !important;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    margin-right: 50px;
}

.tooltipMainMenu {
    visibility: hidden;
    width: 110px;
    text-align: center;
    border-radius: 0;
    padding: 5px 0;
    position: absolute;
    color: #000;
    z-index: 1000008;
    background-color: #fafafa;
    border: 1px solid #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    top: 40px;
    left: 80%;
    transition-delay: 1s;
}

.waffle-white:hover {
    opacity: 1;
}

.waffle-white.is-active:hover {
    opacity: 1;
}

.waffle-white:hover {
    color: transparent !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    border-radius: 0px;
}

    .waffle-white:hover .tooltipMainMenu {
        visibility: visible;
    }

.waffle-white:hover {
    color: transparent !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    border-radius: 0px;
}

.waffle-white:focus {
    outline: none !important;
    outline: none -webkit-focus-ring-color !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}

.waffle-white.focus {
    outline: none !important;
    outline: none -webkit-focus-ring-color !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}

.waffle-icon-img-white {
    /*height: 25px;
    width: 25px;*/
    height: 22px;
    width: 22px;
}

.waffle-icon-img-black {
    /*height: 25px;
    width: 25px;*/
    height: 22px;
    width: 22px;
}

/* Main Menu Button Inside Modal */
.waffle-white-inside {
    /*position: fixed !important;*/
    top: 4px !important;
    /*left: 10px !important;*/
    left: 1px !important;
    /*z-index: 1000006;*/
    border-color: transparent !important;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

    .waffle-white-inside:hover {
        opacity: 1;
    }

    .waffle-white-inside.is-active:hover {
        opacity: 1;
    }

    .waffle-white-inside:hover {
        color: transparent !important;
        background-color: rgba(230, 230, 230, 0.2) !important;
        border-radius: 0px;
    }

    .waffle-white-inside:focus {
        outline: none !important;
        outline: none -webkit-focus-ring-color !important;
        background-color: rgba(230, 230, 230, 0.2) !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px;
    }

    .waffle-white-inside.focus {
        outline: none !important;
        outline: none -webkit-focus-ring-color !important;
        background-color: rgba(230, 230, 230, 0.2) !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px;
    }

    .waffle-white-inside:hover {
        color: transparent !important;
        /*background-color: rgba(230, 230, 230, 0.2) !important;*/
        background-color: transparent !important;
        border-radius: 0px;
    }

    .waffle-white-inside:focus {
        outline: none !important;
        outline: none -webkit-focus-ring-color !important;
        /*background-color: rgba(230, 230, 230, 0.2) !important;*/
        background-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px;
    }

    .waffle-white-inside.focus {
        outline: none !important;
        outline: none -webkit-focus-ring-color !important;
        /*background-color: rgba(230, 230, 230, 0.2) !important;*/
        background-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px;
    }





.HeaderIconFocus {
    width: 55px;
    padding-left: 10px;
    padding-right: 10px;
}

    .HeaderIconFocus:hover {
        background-color: rgba(230, 230, 230, 0.2);
    }

.announcement {
    color: white;
    border: none;
    cursor: pointer;
}

    .announcement:hover, .announcement:focus {
    }

.announcementdropdown {
    position: relative;
    display: inline-block;
}

.announcementdropdown-content {
    display: none;
    left: -450px;
    top: 24px;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 450px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999999;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

    .announcementdropdown-content tr {
        color: #595959;
        text-decoration: none;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        background-color: white;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .announcementdropdown-content a {
        color: #595959;
        padding: 15px 15px;
        text-decoration: none;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
    }

    .announcementdropdown-content img {
        padding-left: 10px;
    }

.announcementdropdown tr:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.lblClientHeader {
    display: inline-block;
}

    .lblClientHeader img {
        max-height: 59px !important;
        max-width: 350px !important;
    }

    .lblClientHeader p {
        width: 100% !important;
        max-height: 65px !important;
        margin: 0;
    }

/* END HEADER BUTTON STYLING */

/* BEGIN USER MENU STYLING - TMTM */

.btnInfo, .btnHelp {
    background-color: transparent;
    border-color: transparent;
    margin-right: 20px;
}

.imgInfo, .imgHelp {
    cursor: pointer;
    height: 23px;
    width: 23px;
}

.dropbtn {
    color: white;
    border: none;
    cursor: pointer;
    height: 23px;
    width: 23px;
}


.dropdown {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.dropdown-content {
    display: none;
    left: -197px;
    top: 22px;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 190px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999999;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

    .dropdown-content a {
        color: #595959;
        padding: 8px 5px;
        text-decoration: none;
        display: block;
        font-style: normal;
        font-weight: normal;
    }

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.editor-document {
    /*width: calc(100vw - 267px);   
    height: calc(100vH - 110px);
    float: left;*/
}

.editor-wrapper {
    width: 100vW;
    min-width: 768px;
    background-color: #fff;
    /*position: absolute;*/
}

.sidebar {
    border-right: 1px solid #c2c2c2;
    padding: 0px 20px 20px;
    width: 270px;
    float: left;
    /*height: calc(100vH - 60px);*/
    background-color: #f5f5f5;
    /*margin-top: -20px;*/
    /*margin-top: -18px;*/
    overflow-y: scroll;
    margin-left: -3px;
    color: #1e1e1e !important;
    position: relative;
}

.list-group {
    padding: 30px 20px 35px;
    border-bottom: 1px solid #d9d9d9;
}

.sidebar-right {
    border-left: 1px solid #c2c2c2;
    padding: 0px 20px 20px;
    width: 270px;
    float: right;
    /*height: calc(100vH - 60px);*/
    background-color: #f5f5f5;
    /*margin-top: -20px;*/
    /*margin-top: -18px;*/
    overflow-y: scroll;
    margin-right: -3px;
    color: #1e1e1e !important;
    position: relative;
}
/* END USER MENU STYLING - TMTM */

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

TD, LI, BODY, P {
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

H1 {
    FONT-WEIGHT: normal;
    COLOR: #093689;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif;
    font-size: 24px;
    height: 16px;
}

H2 {
    FONT-WEIGHT: normal;
    COLOR: #269;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif;
    font-size: 18px;
}

H3 {
    FONT-WEIGHT: normal;
    COLOR: #269;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}

H4 {
    FONT-WEIGHT: normal;
    COLOR: #269;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}

DT {
    FONT-WEIGHT: normal;
    COLOR: #269;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}

BLOCKQUOTE {
    FONT-WEIGHT: normal;
    COLOR: #269;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}

CITE {
    FONT-WEIGHT: normal;
    COLOR: #269;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}

H4 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    MARGIN-BOTTOM: 10px
}


.small {
    FONT-SIZE: 0.9em
}

.center {
    MARGIN: 0px auto;
    TEXT-ALIGN: center
}

.screenImg {
    padding: 0px;
    MARGIN: 0px 0px 15px;
    TEXT-ALIGN: center !important
}

    .screenImg IMG {
        BORDER-RIGHT: #269 1px solid;
        BORDER-TOP: #269 1px solid;
        BORDER-LEFT: #269 1px solid;
        WIDTH: 165px !important;
        BORDER-BOTTOM: #269 1px solid;
        HEIGHT: 165px !important
    }

.HighlightWord {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000000;
    background-color: Gold;
}

img.middle {
    vertical-align: middle;
    /*margin-bottom: 3px;*/
}

.HeaderPhoneNumber {
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif;
    font-weight: bolder;
}

.FooterCopyright {
    font-size: 9px;
    color: #666666;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif;
    font-weight: bolder;
}

.HeaderTopLinks {
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif;
    font-weight: normal;
}

.ModeratorMenuLink {
    font-size: 11px;
    color: Blue;
    text-decoration: underline;
}

body {
    font-family: 'Open Sans', Sans-Serif !important;
}

/*RAD Docks Styles*/
.RadDock_My_TitlePanel {
    float: left;
    height: 27px;
    line-height: 35px;
}

.RadDock_Login_TitlePanel {
    height: 23px;
    line-height: 23px;
}
/*End RAD Docks Styles*/

/*Start Negotiation Sections View*/
.SectionBorder {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000000;
    padding: 5px;
}

.SectionBorderCritical {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #FF3334;
    padding: 5px;
}

.SectionBorderHelp {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #2BB0D7;
    padding: 5px;
}

.SectionBorderInfo {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #2BB0D7;
    padding: 5px;
}

.SectionBorderWarning {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #FFAD33;
    padding: 5px;
}

.SectionBorderAccept {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #008938;
    padding: 5px;
}
/*End Negotiation Sections View*/

/*Start CSS ToolTip*/
.HighlightClassic {
    background-color: #FFAD33;
}

.HighlightCritical {
    background-color: #FFCCAA;
}

.HighlightHelp {
    background-color: #9FDAEE;
}

.HighlightInfo {
    background-color: #9FDAEE;
}

.HighlightWarning {
    background-color: #FFE87C;
}

.HighlightAccept {
    background-color: #9fdf9f;
}
/*.HighlightWarning2 { background: #FFFFAA; }*/
.HighlightWarning2 {
    background: #ffd65b;
}

.sectiontip {
    color: #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}

    .sectiontip span {
        margin-left: -999em;
        position: absolute;
    }

    .sectiontip:hover span {
        border-radius: 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0;
        width: 250px;
    }

    .sectiontip:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        padding: 0.2em 0 0.6em 0;
    }

.tooltip {
    border-bottom: 1px dotted #000000;
    color: #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}

    .tooltip span {
        margin-left: -999em;
        position: absolute;
    }

    .tooltip:hover span {
        border-radius: 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0;
        width: 250px;
    }

    .tooltip:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        padding: 0.2em 0 0.6em 0;
    }
/*START NOT USED RIGHT NOW*/
/*.tooltip:hover img 
{
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}*/
/*END NOT USED RIGHT NOW*/
.classic {
    padding: 0.8em 1em;
}

.custom {
    padding: 0.5em 0.8em 0.8em 2em;
}

    .custom img {
        border: 0;
        margin: -10px 0 0 -55px;
        float: left;
        position: absolute;
    }

* html a:hover {
    background: transparent;
}

.classic {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.critical {
    background: #FFCCAA;
    border: 1px solid #FF3334;
}

.help {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

.info {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

.warning {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.accept {
    background: #98FB98;
    border: 1px solid #228B22;
}
/*End CSS ToolTip*/

/*Start Signature Placeholders*/
.PlaceholderDisplay {
    background-color: #CFD8E4;
    -khtml-opacity: .75;
    -moz-opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.75);
    opacity: .75;
}

.MyPlaceholderDisplay {
    background-color: #FFE87C;
    -khtml-opacity: .75;
    -moz-opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.75);
    opacity: .75;
}
/*End Signature Placeholders*/