/*@font-face - Segoe UI*/
@font-face { font-family: 'Segoe UI'; 
	         src:url('fonts/SegoeUI.eot') format('embedded-opentype'); 
             src:url('fonts/SegoeUI.svg#SegoeUI') format('svg');
             src:url('fonts/SegoeUI.ttf')  format('truetype');
             src:url('fonts/SegoeUI.woff')  format('woff');
             font-weight: normal; font-style: normal;
}

@font-face { font-family: 'Segoe UI Light'; 
	         src:url('fonts/SegoeUI-Light.eot') format('embedded-opentype'); 
             src:url('fonts/SegoeUI-Light.svg#SegoeUI') format('svg');
             src:url('fonts/SegoeUI-Light.ttf')  format('truetype');
             src:url('fonts/SegoeUI-Light.woff')  format('woff');
             font-weight: normal; font-style: normal;
}
@font-face { font-family: 'Segoe UI Semibold'; 
	         src:url('fonts/SegoeUI-SemiBold.eot') format('embedded-opentype'); 
             src:url('fonts/SegoeUI-SemiBold.svg#SegoeUI') format('svg');
             src:url('fonts/SegoeUI-SemiBold.ttf')  format('truetype');
             src:url('fonts/SegoeUI-SemiBold.woff')  format('woff');
             font-weight: normal; font-style: normal;
}
@font-face { font-family: 'Segoe UI Bold'; 
	         src:url('fonts/SegoeUI-Bold.eot') format('embedded-opentype'); 
             src:url('fonts/SegoeUI-Bold.svg#SegoeUI') format('svg');
             src:url('fonts/SegoeUI-Bold.ttf')  format('truetype');
             src:url('fonts/SegoeUI-Bold.woff')  format('woff');
             font-weight: normal; font-style: normal;
}


@font-face {
    font-family: 'Source Sans Pro Regular';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



@font-face {
    font-family: 'Source Sans Pro Semibold';
    font-style: normal;
    font-weight: 600;
    src: url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''), url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-600.woff') format('woff'), /* Modern Browsers */
    url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/styles-modern/base/font/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/*-----COMMON BODY STYLE STARTS-------*/
* { outline: 0; }
html, body, #wrap, iframe { height: 100%; }
body {overflow-y:scroll;}
html.height_99per{height: 99.9%;}
body > #wrap { height: auto; min-height: 99%; }
html { margin: 0; padding: 0; }
header, footer, hgroup, nav, section { display: block; }
mark { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; }
body { background-color: #fff; font-size: .80em; font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0; color: #333; }
/*-----COMMON BODY STYLE ENDS-------*/

/*-----COMMON HEADINGS STYLE STARTS-------*/
h1, h2, h3, h4, h5, h6 { text-transform: none; margin: 0; padding: 10px 0; /*NC*/ margin-bottom: 0; font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif !important ; font-weight: 400 !important; }
h1 { font-size: 2em !important;}
h2 { font-size: 1.5em !important ; }
h3 { font-size: 1.4em !important;  /*font-size: 1.28em;*/ /*Li block group*/ margin: 0; padding: 0; /*NC*/ }
h4 { font-size: 1.28em !important; }/*font-size: 1.4em;*/
h5, h6 { font-size: 1em !important; }
img { border: 0; }
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }
.popuptitle { font-size: 1.4em !important ;}
/*-----COMMON HEADINGS STYLE ENDS-------*/

/*-----COMMON CREATE WIZARD TAB CONTROL CONTENT STYLE STARTS-------*/
.tab_container { border-top: none; overflow: hidden; clear: both; float: left; width: 100%; }
.tab_content {  float: left; width: 1230px; min-height: 310px; margin-bottom:10px; }/*Sayali - Modified 15 Apr 14*/
#_tabs .tab_content, .wizard_outerdiv { background-color: #F7F7F7; padding: 30px 20px 20px 20px; }
.tab_contentarea { min-height: 270px; }
.tab_content input[type=text] {width:223px }/*Sayali - Modified 18 Apr 14*/
.tab_content select { height: 25px; width: 223px; border: 1px #ccc solid; background: #fff; color: #333; padding: 5px; }
.tab_content textarea {width: 223px;font-size: inherit; font-family: inherit; color: #333; }
.tab_content td { vertical-align: top; }
.tab_content table { width:100% }
.tab_content table td.leftpart { width:20% }
.tab_content table td.rightpart { width:80% }
.tabsTspace { padding: 0 !important; }
.ui-widget-content h3 { font-size: 1.7em; display: block; font-family: "Segoe UI Light", Segoe UI; }
.nd-widget-inContent {float: left; width:100%;  overflow:hidden; }
.nd-widget-tblcontainer { /*min-height: 300px;*/ min-height: 225px;overflow: hidden;}

div.AgreementMetadataDetails > div {padding:0 10px}
div.AgreementMetadataDetails span.description{ width:230px}
div.AgreementMetadataDetails div.description{ width:230px; float:left; display:block; word-wrap:break-word;}
div.AgreementMetadataDetails div.description p{font-size:14px;}
div.AgreementMetadata table td > div {padding:0 10px}
div.AgreementMetadata table td > div table td.UploadSelectButton > div {padding:0px}
div.AgreementMetadata table td ul, div.AgreementMetadata ul {margin-bottom:20px}
.popup_block div.AgreementMetadata table td > div {padding:0px}
div.AgreementMetadata table td ul, div.AgreementMetadata td.k-editor-toolbar-wrap {padding:0px !important;}
div.AgreementMetadata table td ul, div.AgreementMetadata td.k-editor-toolbar-wrap ul.k-editor-toolbar  {margin-bottom:0px; }
.description_space {padding-top:4px!important; padding-bottom:4px!important;}
/*-----COMMON CREATE WIZARD TAB CONTROL CONTENT STYLE ENDS-------*/

/*-----COMMON HYPERLINK STYLE STARTS-------*/
a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
a:active { color: #333; }
a { color: #333; outline: none; padding-left: 3px; padding-right: 3px; }
a:link, a:visited, a:active, a:hover { color: #333; }
/*-----COMMON HYPERLINK STYLE ENDS-------*/

/*-----COMMON HTML TAGS STYLE STARTS-------*/
p { margin: 5px 0; /*need to change*/ font-size: 1.1em; }
label { margin: 5px 0; line-height: 1.6em; /*font-size: 1.2em;*/width: 100%; font-family:"Segoe UI Semibold",Segoe UI}
button { background-color: #f1a307; padding: 5px 10px; border: 0; margin: 0 5px; font-size: 1em; color: #FFF; cursor: pointer; }
/*-----COMMON HTML TAGS STYLE ENDS-------*/

/*-----COMMON INPUT STYLE STARTS-------*/
input { color: #333;}
input[type=text], input[type=password] { border: 1px #dadada solid; padding: 0 5px; height: 25px;font-family:"Segoe UI", Arial, Helvetica, Verdana, sans-serif; font-size:inherit }
input.textEntry, input.passwordEntry, textarea.textEntry, .fw_textEntry, textarea.textEntryAddress { width: 250px; background: #fff; color: #333; font-family: inherit; height: 25px; font-size: inherit; border: 1px solid #ccc; }
input[disabled] {background:#f1f1f1; cursor:default}
select { height: 30px; width: 223px; border: 1px #dadada solid; background: #fff; color: #333; }
textarea { font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif; border: 1px #dadada solid;  padding: 5px; width: 223px; }
textarea.textEntry, .fw_textEntry { padding: 5px; }
textarea.textEntryAddress { padding: 2px; height: 60px; }

input.radioBtn { background: transparent!important; width: auto; border: none; height: auto; }
input.file { position: relative; height: 100%; width: 250px; }
/*-----COMMON INPUT STYLE ENDS-------*/

/*-----COMMON TABLE STYLE STARTS-------*/
table { width: 100%;}
table td { /*padding: 5px;*/ vertical-align: top; }
table td:after { padding: 5px; width: 20%; }
table tr { width: 100%; }
table.gc-clearPadding { padding: 0!important; }
/*-----COMMON TABLE STYLE ENDS-------*/

/*-----COMMON CLASSES STARTS-------*/
.content-common-field { padding: 2px; border: 1px solid #dadada; }
.Addbt-Container { font-family:Segoe UI; overflow:hidden }/*Sayali - Modified 18Apr 2014*/
.Addbt-Container span { float: left; display: block; /*margin-top: 8px;*/ font-size: 1.4em;/*font-weight:600;*/ }/*Sayali - Modified 18Apr 2014*/
.clear { clear: both; }
.gc-CotaintTitle, .gc-main h1 { font-size: 2em; font-family: "Segoe UI Light", Segoe UI, Arial, Helvetica, Verdana, sans-serif; text-align: left; }
.gc-main h2 { font-size: 24px; font-family: "Segoe UI Light", Segoe UI, Arial, Helvetica, Verdana, sans-serif; text-align: left; display: block; width: 95%; }
.nd-widget-inContent .nd_ftd { text-align: right; padding-right: 50px; width: 20%; font-family: "Segoe UI Semibold", Segoe UI; }
.nd-widget-inContent .nd_ftd_org { text-align: right; padding-right: 50px; width: 15%; font-family: "Segoe UI Semibold", Segoe UI; }
.nd-widget-inContent .nd_Comftd { text-align: right; padding-right: 50px; width: 150px; font-weight: 700; }
.nd_nor_ftd { text-align: left; width: 20%; min-width: 12%; font-family: "Segoe UI Semibold", Segoe UI; }
.nd_nor_ftd_err { text-align: left; width: 20%; min-width: 12%; font-family: "Segoe UI Semibold", Segoe UI; color: red; }
.nd_nor_ftd input { float: left; }
.nd_nor_ftd input.spacDiffDate { float: left; width: 217px; height: 20px; border: 1px solid #ccc; }
.nd_nor_ftd input.spacDiff { float: left; width: 220px; height: 20px; border: 1px solid #ccc; }
.popup_block input.spacDiffDate { float: left; width: 115px; height: 20px; border: 1px solid #ccc; }
.popup_block input.spacDiff { float: left; width: 125px; height: 20px; border: 1px solid #ccc; }
.nd_nor_ftd img { float: left; padding: 0 5px; }
.nd-widget-inContent .nd-snd { text-align: left; padding: 5px 11px; width: auto; float: left; max-width: 782px; }

/*.nd-widget-header { border-bottom: 1px #bababa solid; display: block; width: 98%; padding-bottom: 5px; }
.nd-widget-header h2 { font-family: "Segoe UI Semibold", Segoe UI!important; padding: 0!important; }*/
.bold { font-weight: 700; }
.nd-btn-place { padding: 10px 0; float: left; }
.conf-btn-place { padding: 10px 0; text-align: center; }
.conf-btn-place input { float: none!important; }
.conf-btn-place .com_sub_btnht { float: none!important; position: relative; top: 1px; }
.conf-btn-place .com_sub_btnht a { padding: 4px 15px; }
.sig_green { background: #fafafa url(../images/lable_green.png) no-repeat left top; }
.sig_org { background: #fafafa url(../images/sig-org.png) no-repeat left top; }
/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.position_relative{position:relative;}
.file_upload_help{position:absolute; top:2px; left:240px} /* old left 95px removed \*/
/* Do not touch above styles - see  */ /* End hide from IE-mac */
.onlyOpacity { opacity: 0.33; filter: alpha(opacity=33); }
.ic-list { min-height: 30px; }
.border0 { border-right: 0; }
.LockOff { display: none; visibility: hidden; }
.LockOn { vertical-align: top; display: block; visibility: visible; position: fixed!important; overflow: hidden; z-index: 10005; top: 0; left: 0; width: 105%; height: 1000px; background-color: #fff; text-align: center; padding-top: 20%; filter: alpha(opacity=75); opacity: 0.75; }
.deactive:hover { cursor: pointer; }
.hidden { display: none; }
#ErrorMessage {color:#fff; text-align:left; position: fixed; bottom: 0; left: 0; width: 100%; font-size: 16px; padding: 15px 0 10px; z-index: 10000; min-height: 24px; max-height: 250px; }/* Old z-index:1100 changed by Kapil */
#ErrorMessage ul {display:inline-block; float:left; margin:0px; padding-left:10px; list-style-type:none;}
#ErrorMessage li { text-align: left; color: #fff; cursor: pointer; list-style-type:none; }
.errorMessage_container{/*width: 1270px;*/ margin:0 auto; position: relative;}
.errorMsg {background:#ba131a;}
.errorMsg_scroll {float:left; max-height:250px; overflow-x:auto; width:85%;}
.successMsg {background:#1a8a00;}
.infoMsg {background:#717171;}
.msgIcon {min-width:60px; height:24px; display:inline-block; float:left; padding-left:35px; margin-right:25px;}
.errorMsg .msgIcon {background:url(../images/error-icon.png) no-repeat;}
.successMsg .msgIcon {background:url(../images/success-icon.png) no-repeat;}
.infoMsg .msgIcon {background:url(../images/info_error_icon.png) no-repeat;}
.closebutton {position: absolute; right: 0px; top: 0px; z-index: 99999; background:none; padding:0px 0px 0px 0px; }
.closebutton a {padding: 0px;}
.removecond { background-color: #FFF; background-image: url(../images/deleteRule.png); background-position: center center; background-repeat: no-repeat; background-size: 17px 17px; border: 1px none #DADADA; color: #787878; padding-right: 13px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
.addcond { border: 1px none #DADADA; color: #333; background-image: url(../images/addRule.png); background-position: 5px center; background-size: 16px 16px; background-repeat: no-repeat; padding-left: 18px; text-decoration: none; font-weight: 400; }
.addAction { border: 1px none #DADADA; color: #333; background:#DADADA  url(../images/addRule.png); background-position: 5px center; background-size: 16px 16px; background-repeat: no-repeat; padding-left: 24px; text-decoration: none; font-weight: 400; }


.AssociationBox { height: 30px;padding: 5px !important; position:relative  }
.AssociationBox h3{ display: inline-block;float: left;font-size: 1.3em; line-height:1.8em}
.AssociationBox .AssociationButton {display: block; height:30px ;background:url(../images/addRule.png);background-position: right center; background-size: 16px 16px; background-repeat: no-repeat;float: right; display: inline-block;}
.AssociationBox .AssociationButton input{ background: none;border: none;height:30px;width: 30px;cursor: pointer ; }
.Association_lable_td { width: 190px !important;}
.Association_prefix_name{display:block; float:left; height:21px; padding:4px 5px 0px 5px; text-align:center; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-top:1px solid #d1d1d1;}
.addroot { border: 1px none #DADADA; color: #333; background-image: url(../images/Braces-01.png); background-position: 5px center; background-size: 16px 16px; background-repeat: no-repeat; padding-left: 20px; text-decoration: none; font-weight: 400; }
.addroot { border: 1px solid #DADADA; background-color: #FFF; color: #787878; }
.float-left { float: left; }
.float-right { float: right!important; }
.clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.display-block{display:block;}
.details_btm_btns_outerdiv{clear:both;padding-top:10px;}/*Sayali - Added 15 Apr 14*/
.span_clear{display:inline-block; clear:both;}
.add-favorites{background:url(../Images/fresco_img_sprite.png) 0 -85px;height:26px; width:26px;}
.width_20_per{width: 20%;}
.width_50_per{width:50%;}
.width-270px{width:270px;}
.width-181px{width:181px!important;}
.common_details_p{margin:0px; padding:4px 0; font-size:14px}/*kapil - old font size 1em changed*/
.common_details_label{ width:210px; display:inline-block; font-family:'Segoe UI'; padding:0px; margin:0px; line-height:normal;}/*kapil - old width 175px changed*/
span.description{ float:left; overflow:hidden; width:245px; word-wrap:break-word;}/*kapil - old width size 150px changed removed word-break:break-all style*/
label.DesLabel {float:left}
.labelfieldname { font-family:"Segoe UI Semibold",Segoe UI !important;}
.labelvaluetext {font-family:'Segoe UI' !important;}
.form_label_left { float: left; height: auto; width:17%;}
.form_field_right{ float:left; text-align: justify; height: auto; width:80%;}
.formfieldwrapper { float:left; width:100%; height: auto;}
.clear_both{clear:both;}
.common_delete{background:url(../Images/fresco_img_sprite.png) -254px -113px;height:20px!important; width:20px!important;cursor:pointer;}

.details_common_results{/*background:#fff;padding:10px;*/margin-right:10px;border-bottom:1px solid #ccc; }
.details_common_results .CommTextContent {float:left; padding:10px 10px; display:inline-block; }
.details_common_results .CommActionIcons {float:right; padding:0 10px;  display:inline-block;}
.details_common_results .ViewActionBtn {border-width: 0 1px 0 1px;border-color:#CCCCCC; border-style:solid;float: right; height: 64px;
    text-align: center; vertical-align: middle; width: 100px;   display:inline-block;}
.details_common_results .arrowup{background:url(../Images/commSM-arrow-up.png) no-repeat center bottom 10px;  cursor:pointer  }
.details_common_results .arrowdown{background:url(../Images/commSM-arrow-up.png) no-repeat center bottom 10px;  cursor:pointer  }

.CommActions{ background-color:#FCFCED; display:block; padding:10px 10px 10px 15px; overflow:hidden; width:96.8%}
.CommActions ul li { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:0 5px; display:block; margin:5px 0 0 0px ;}
.CommActions ul li img{ float:right; margin-right:123px; vertical-align:central    }

.popup_block .Version-DocList span { height:0px; line-height:0px}

.SelectBTN-paddleft div{ padding-left:0px !important}

.DetailsStatus-Gray{border-left: 15px solid gray;}
.DetailsStatus-Red{border-left: 15px solid #c43312;}
.DetailsStatus-Green{border-left: 15px solid #349c14;}
.DetailsStatus-Blue{border-left: 15px solid #73b2de;}
.AgrClause-Popup {overflow:hidden; display:block; height:300px; overflow-y:auto}
.AgrClause-Popup div.content { float:left; display:block;}
.AgrClause-Popup div.content label{ float:left; display:block;padding:0px; margin:0px 0px 20px 0px; font-weight:bold}
.AgrClause-Popup div.content ul{ float:left; display:block;}
.AgrClause-Popup div.content ul li{list-style:disc; list-style-position:outside; display:block; margin:0px; padding:0px; overflow:hidden }
.AgrClause-Popup div.content ul li h3{ font-size:1em; padding:0px; margin:0; font-weight:bold }
.AgrClause-Popup div.content ul li p{ float:left; display:block;margin:0 0 20px 0;padding:5px 0; width:591px;overflow-y:auto;word-wrap:break-word;}
.AgrClause-Popup .nd-btn-place {padding:0px   }

.add_commit_dropdown .k-dropdown{width:282px!important;}
#spnFrequency .k-dropdown{width:196px!important;}
.common-popup-list ul {list-style:none; margin:0; padding:0; max-height:220px;overflow:auto;}
.common-popup-list ul li{border:solid #dedbdb 1px; padding:10px 5px; display:block; background:#fafafa; margin-top:5px;}
.display-table {display: table;}
.details-longtext {max-height:180px; overflow:auto;}/*Kapil - changed old max height 200px*/
.details-largelongtext {max-height:300px; overflow:auto;}
.details-smalllongtext {max-height:80px; overflow:auto;}
.details-contractlargelongtext {height:155px; overflow:auto;}/*Kapil - changed old max height 318px*/
.common-no-results {font-size:1.2em;color:#aaa; font-weight:lighter; font-style:italic;}
.common-no-results1 {font-size:1.2em;color:#333333; font-weight:lighter; font-style:italic;}
.no-attributes {padding:50px 20px; background:#fafafa; margin-top:10px; text-align:center;}
.common-list-type ul{ list-style: none;margin: 0 20px;padding: 0;}/*Sayali - Added 20 May 2014*/
.common-list-type ul li{ margin-bottom:10px; border-bottom:1px solid #dadada; padding:5px 0;}/*Sayali - Added 20 May 2014*/
.common-list-type ul li a {color: #62bb46;display: block;font-weight: bold;font-size:1.3em !important }/*Sayali - Added 20 May 2014*/
.common-list-type ul li span{ padding: 5px 20px 5px 0;display: inline-block;}/*Sayali - Added 20 May 2014*/

a.attribute_hyperlink {display:block; margin-top:5px; color:#3567B7}
/*-----COMMON CLASSES ENDS-------*/

/*-----LOGIN STYLE STARTS-------*/
.forgot-passwd-box { /*padding-left: 82px;*/ padding-top: 5px; float: left; }
.link-org a { color: #333; text-decoration: none; color: #258D2C;width: 100%;text-align: right;padding: 0px;}
.link-org a:hover { color: #666; }
.link-org { width: 150px; display: block; float: left; padding-left: 10px; color: #333; font-size: 11px;
            
}
.gc-fpageContener {  position: relative;clear: both;overflow:hidden;width:100%; margin-top:20px  }
.gc-fpageContener .gc-Colmdl {position: relative;background: #E7E3E4;border: 1px solid #DADADA;width: 900px;height: 450px;overflow:hidden;}
.gc-fpageContener .gc-SearchPan { padding: 50px 20px; }
.gc-fpageContener .gc-Colreg { margin: 0 auto; float: none; }
.gc-fpageContener .gc-Colmd2 {margin: 0;position: relative;float: left;padding: 0;width: 100%;background-color:#F3F3F3}
.gc-rgCotaintTitle { padding: 0 20px; position: relative; width: 50%; }
.gc-rgCotaintTitle h1 { font-size: 2.8em; font-family: "Segoe UI Light", Segoe UI, Arial, Helvetica, Verdana, sans-serif; text-align: left; }
.rgmid_content { margin: 0px auto; width:55%; padding:15px;}
.rgmid_content .log-pan { padding: 40px 35px;}
.log-pan { padding: 40px;}
.rgmid_content .nd_lab span {padding: 10px 0 35px; /*-NC*/}
.rgmid_content-sngl {margin: 0px;/*width: 490px;background: #0a182f;height: 295px;*/}
.rgmid_content h2 { font-size: 1.5em; text-align: left; padding: 7px 0; }
.login-validation{color: Red; padding-top: 20px;}
.rgmid_form {margin: 0 auto;background: transparent url("../images/formauth-changepassword.png") no-repeat 225px 75px; border: 1px solid #dadada;
    /*width: 100%;*/}
.mid-contentplace {width: 38%; margin: 0 auto; }
.mid-contentplace table td { padding:5px 0 }
.resPass {width: 35% !important;}
.rgmid_form .mid-contentplace {margin: 50px auto; width: 38%; padding: 15px;}
/*-----LOGIN STYLE ENDS-------*/

/*-----Forgot Password Style Starts-------*/
.gc-forgotpassContener {  position: relative;clear: both;overflow:hidden;width:100%; margin-top:20px  }
.gc-forgotpassContener .gc-Colmdl {min-height:295px; position: relative; margin:0 auto;background: #f3f3f3 url("../images/forgot_password.png") no-repeat  216px 87px;width:auto !important;
    border:1px solid #DADADA;}
.gc-forgotpassContener .gc-SearchPan { padding: 50px 20px; }
.gc-forgotpassContener .gc-Colreg { margin: 0 auto; float: none; }
.gc-forgotpassContener .gc-Colmd2 {margin: 0;position: relative;float: left;padding: 0;width: 100%;background-color:#F3F3F3}
/*-----Forgot Password Style Ends-------*/

/* Dashboard- Last Login Status */  /* added by Abhay- 23may */
.dashrefresh-controls {font-size: 12px; width: 100%;}
.dashrefresh-controls .dashboard-lastupdatetime-text {font-weight: bold;    }
.dashrefresh-controls .dashboard-lastupdatetime, .dashrefresh-controls .dashboard-lastupdatetime-text {display: inline-block; height: 18px; line-height: 18px; }
.dashrefresh-controls .dashboard-refreshdata {  background-image: url("../images/refresh-icon.png");background-repeat: no-repeat; display: inline-block; height: 18px;
    line-height: 18px; vertical-align: middle;  width: 16px;   }

/*-----BUTTON STYLE STARTS-------*/
.com_sub_btn, .com_sub_btnht { background: #f1a307; cursor: pointer; float: left; padding: 5px 10px; border: 0; text-align: center; height: auto; min-width: 60px; margin: 0 10px 0 0; font-size: 1em; color: #FFFFFF!important; }
.com_sub_btn:hover, .com_sub_btnht:hover {background: #8ebc00;}
.com_sub_btnht { padding: 4px 10px; }
.com_sub_btn a { color: #FFFFFF; text-decoration: none; }
.bottombuttons { height: 70px; padding:10px 0; }
/*-----BUTTON STYLE ENDS-------*/

/*-----ERROR STYLE STARTS-------*/
label.error { width: auto; font-size: inherit; margin: 0!important; color: #f90303; }
input.error, select.error { border: 1px solid #f90303; background: #feeaea!important; }
/*-----ERROR STYLE ENDS-------*/

/*-----COMMMON SPACING STYLE STARTS-------*/
.margin-right-10px { margin-right: 10px!important; }
.padding-right-10px { padding-right: 10px!important; }
.margin-right-0px { margin-right: 0!important; }
.margin-btm-10px{margin-bottom:10px!important;}/*Sayali - Modified 18Apr 2014*/
.margin-top-10px{margin-top:10px;}/*Sayali - Added 18Apr 2014*/
.padding0{padding:0;}/*Sayali - Added 19Apr 2014*/
.margin_btm_20px{margin-bottom:20px;}
.margin-top_large{margin-top: 30px;}/*Kapil - Added 20May 2014*/
.margin-top-5px{margin-top:5px!important;}
/*-----COMMMON SPACING STYLE ENDS-------*/

/*-----COMMMON LAYOUT STYLE STARTS-------*/
#content { /*width: 1270px;*/ margin: 0 auto; display: block;overflow: hidden; }
.gc-header { position: relative; margin: 0 auto; padding: 0; /*width: 1269px;*/}
.gc-colmask { position: relative; clear: both; /*padding-top: 10px;*/ padding-bottom: 10px;width: 100%;  overflow: hidden;}/*Sayali - Modified 18 Apr 14*/
.leftmenu .gc-container_mass { width: 100%; margin: 0 auto; position: relative; /* This fixes the IE7 overflow hidden bug */ clear: both; /*overflow:hidden;This chops off any overhanging divs */ float: left;  }
.gc-leftCol, .gc-main, .gc-main_fpage { float: left; position: relative;padding: 0; overflow: hidden; }
.leftmenu .gc-leftCol { padding: 10px 0 0 15px; width: 220px; /* left column content width (column width minus left and right padding) */ left: 0; /*(right column left and right padding) plus (left column left padding) */ min-height: 500px; background-color: #fafafa; float: left; }
.leftmenu .gc-leftCol h2 { padding: 0!important; }
.gc-main_fpage { width: 100%; /* right column content width */ left: 0; /* 100% plus left column left padding background-color:#0b111b;*/ }
.leftmenu .gc-main { width: 80%; /* right column content width */ left: 20px; /* 100% plus left column left padding */ }
div#banner { position: absolute; top: 20px; left: 0; width: 100%; height: 64px; }
div#wrap { margin-left: auto; margin-right: auto; margin-top:100px }
div#clearBanner { padding-top: 75px; /* banner height */ }/*Sayali - Modified 18 Apr 14*/
.wz_placeHolder { min-height: 200px; }
#customUserMenu { position: relative; display: inline-block; left: 20px; }
#customUserMenu span { height: 70px; display: inline-block; padding: 10px 0 0 10px; }
.notification-count { text-align: right; border-radius: 3px; background-color: red; margin-left: 186px; margin-top: 0; color: #fff; font-family: tahoma, arial, sans-serif; font-size: 12px; font-weight: 700; padding: 2px; top: 110px; }
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }
:-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color: #999; }
.required { display: inline-block; float: left;}
.forLabel { width: 150px; }
label.required:after { content: ' * '; color: red; }
:-moz-ui-invalid:not(output) { box-shadow: none; }
.containerdiv{padding-top:0px;border-top:0px dotted gray;}
/*-----COMMMON LAYOUT STYLE ENDS-------*/

/*-----COMMMON BREADCRUMB STYLE STARTS-------*/
.breadcrumbs { padding: 8px 0; font-size: 11px; float: left; width: 100%; font-family: "Segoe UI", Arial, Helvetica, sans-serif; color: #62bb46;}/*Sayali - Modified 15 Apr 14*/
.dtl_note { clear: both; color: #333; }
.breadcrumbs span { color: #111;}
.breadcrumbs a, .breadcrumbs span a { color: #111; }
.breadcrumbs a:hover, .breadcrumbs span a:hover { color: #62bb46;}/*Sayali - Modified 15 Apr 14*/
/*-----COMMMON BREADCRUMB STYLE ENDS-------*/

/*-----TOP NAVIGATION STYLE STARTS-------*/
div.menu { padding: 4px 0 4px 8px; }
div.menu ul { list-style: none; margin: 0; padding: 0; width: auto; }
div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }
div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; }
div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; }
/*-----TOP NAVIGATION STYLE ENDS-------*/

/*-----HEADER STYLE STARTS-------*/
.logo {display:block;float:left;margin-left:5px;}
/*.header-title{height:64px;display:flex;align-items:center}*/
.logo > img{max-height: 55px;}
.welcomeuser{display:block;/*width:450px;*/ float:right; height:64px}
.welcomeuser ul {display:inline;}
.welcomeuser li{display:inline;}
.welcomeuser img{vertical-align:middle; margin:0 10px 10px 10px; float:right}
.username{color:#77bb42;font-weight:700;}

.user_detail{float:right;padding:0px 0;text-align:left; height:45px}/*Sayali Modified 2Apr 2014*/
.user_detail .k-state-hover{color:#333333 !important}
.user_details_text { font-size: .8em; padding:18px 10px 0 0; float: left; }
.user_details_text p { margin: 0; font-weight: 700; }

.SearchTile {  float:right; color:#ffffff}
.SearchTile a { display:table-cell; vertical-align:bottom;width:45px; height:45px; background-color:#2db035; float:left; text-align:center; font-size:0.9em; padding:0px; margin:0 5px 0 0px }
.SearchTile a.allsearch { background:#2db035 url(../Images/searchtop.png) no-repeat;   background-position:center 4px   } 
.SearchTile a.help { background:#2db035 url(../Images/helptop.png) no-repeat; background-position:center 4px  }
.SearchTile a span { display:block; margin-top:28px; color:#ffffff    }
.SearchTile a:hover {background-color: #197B30;}
.SearchTile ul {overflow:hidden; margin:0px; padding:0px    }
.SearchTile ul, .SearchTile li{display:inline;}

#loginUserMenu .k-image { margin: 0; }
#loginUserMenu { /*border-left: 1px solid #dadada;*/ padding-left: 10px; float: right; }
#loginUserMenu ul li ul li.k-item { padding:5px!important;display:block!important;background:#EDEDED!important;  }
#loginUserMenu ul li ul li img{float:left; height:20px; width:20px;margin-right:10px;}
#loginUserMenu ul li ul li.k-state-default > .k-link{color:#197b30!important;border-bottom:none!important;padding:4px!important;}/*Sayali - Modified 18Apr 2014*/
#loginUserMenu ul li ul li.k-state-hover > .k-link{color:#197b30!important;background:#EDEDED!important;border-bottom:none!important; }/*Sayali - Modified 18Apr 2014*/
#loginUserMenu ul li ul li.k-item .profile{background: url(../Images/profile_icon.png) no-repeat 0 0;height:25px; width:30px;display:inline-block;float:left; }/*Sayali - Modified 18Apr 2014*/
#loginUserMenu ul li ul li.k-item .password{background: url(../Images/password_icon.png) no-repeat 0 0;height:25px; width:30px;display:inline-block;float:left;}
#loginUserMenu ul li ul li.k-item .preferences{background: url(../Images/Preferences_icon.png) no-repeat 0 0; height:25px; width:30px;display:inline-block;float:left;}
#loginUserMenu ul li ul li.k-item .signout{background: url(../Images/logoff_icon.png) no-repeat 0 0; height:25px; width:30px;display:inline-block;float:left;}/*Sayali - Modified 18Apr 2014*/
#loginUserMenu ul li ul li.k-item .loginas{background: url(../Images/act_as_icon.png) no-repeat 0 0; height:25px; width:30px;display:inline-block;float:left;}
#loginUserMenu ul li ul li.logged_user { padding:2px 5px!important;background:#fff!important; display:block!important;font-size:1.1em;color:#000!important; }/*Sayali - Modified 18Apr 2014*/
#loginUserMenu ul li ul li.logged_user > .k-link {color:#000!important;background:#fff!important; }
#loginUserMenu ul li ul li a:link, #loginUserMenu ul li ul li a:visited, #loginUserMenu ul li ul li a:active {color:#197b30!important;padding-left:0!important;}
#loginUserMenu ul li ul li a:hover {color:#197b30!important;padding-left:0!important; text-decoration:underline!important;}
#loginUserMenu ul li ul li label:hover {color:#197b30!important;padding-left:0!important; text-decoration:underline!important;}
#loginUserMenu .k-menu .k-animation-container .k-group{background:#EDEDED!important; }
/*-----HEADER STYLE ENDS-------*/

/*-----SEARCH STYLE STARTS-------*/
.searchBx { float: right; width: 120px!important; display: none; position: absolute; z-index: 1000; margin-left: -32px; background-color: #FFF; box-shadow: 1px 1px 10px #555; border: 1px solid #dadada; top: 78px; }
.searchBx div {  padding-top: 0!important;  float: left; text-align: right; width: 100%; }
.searchBx div span { width: 95%; }
.search-btn { border: 0; float: left; }
.search-input { float: left;width:205px!important; height:30px!important; }
#customUserMenu:hover .searchBx { display: block; }
#LoginUser:hover .searchBx { display: block; }
#userSearch { float: right; padding-bottom: 10px;  }

.SaveSearch-Popup { overflow:hidden;} /*-Kapil- min-height:120px removed -*/
.SaveSearch-Popup table td { padding:5px}
.SaveSearch-Popup table td:first-child { width:150px}
.SaveSearch-Popup table td input { border-color:#dadada}
.Input-Height span span input { height:1.62em !important}
.Input-Height .col-sm-10 {width:86.333333%}
div#window-fields > div { overflow:hidden}
div#window-fields > div div.k-grid-content{ height:353px !important}
k-window-title.span:after {content:"Save Search"; padding-left:5px; background-color:red}
.Pagination-fix .col-md-12 .k-pager-wrap { margin-top:0px !important}
.CustomeRange-fix table td{ padding:5px 5px 5px 0px;}
/*-----SEARCH STYLE ENDS-------*/
.gc-prod_active{opacity:1;filter:alpha(opacity=100);border:1px solid #00a4e0;}
.gc-prod_inactive{opacity:0.2;filter:alpha(opacity=20);border:1px solid #000;}

/*-----POPUP STYLE STARTS-------*/
#popup_confirm { text-align: center; }
#fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=80); z-index: 15; /* IE opacity -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; removed for Stylecop warning*/ /*IE opacity z-index: 9999;*/ }
#privfade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=80); z-index: 1000; /*IE opacity -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";removed for Stylecop warning*/ /*IE opacity z-index: 9999;*/ }
#provisionfade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=80); z-index: 1007; /*IE opacity -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";removed for Stylecop warning*/ /*IE opacity z-index: 9999;*/ }
#contractfade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=80); z-index: 15; /*IE opacity -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";removed for Stylecop warning*/ /*IE opacity z-index: 9999;*/ }
#clausefade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=80); z-index: 15; /*IE opacity -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";removed for Stylecop warning*/ /*IE opacity z-index: 9999;*/ }
#loaderFade { display: none; /*--hidden by default--*/ background: #000; position: absolute; /*position: fixed;*/ left: 0; z-index: 100; top: 0; width: 100%; height: 100%; opacity: 0.2!important; filter: alpha(opacity=20)!important; /*IE opacity -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;removed for Stylecop warning*/ z-index: 1000; }
.imgLoader { background: none!important; z-index: 1002!important; border-style: none!important; }
.ldrContainer { width: 100px; height: 100px; background: #222; -moz-border-radius: 10px; border-radius: 10px; }
.popup_block { display: none; /* --hidden by default--*/ width: 670px; background: #fff; border: 1px solid #d9d9d9; padding: 20px 20px 20px 20px; float: left; font-size: 1em; position: fixed; z-index: 999; }
.popup_block_2 { display: none; /* --hidden by default--*/ background: #fff; border: 1px solid #d9d9d9; padding: 10px 70px 20px 60px; float: left; font-size: 1.2em; position: fixed; z-index: 1001; }
.popup_block_3 { display: none; /* --hidden by default--*/ background: #fff; border: 1px solid #d9d9d9; padding: 10px 70px 20px 60px; float: left; font-size: 1.2em; position: fixed; z-index: 1010; }
.popup_user { display: none; /* --hidden by default--*/ background: #fff; border: 1px solid #d9d9d9; width: 400px; padding: 10px 20px 20px; float: left; font-size: 1.2em; position: fixed; z-index: 999; }
.popup_block .popup_block { font-size: 1em!important; }
.confBox { padding-top: 20px!important; padding-bottom: 20px!important; }
.popcontent-container { position: relative; }
.btn_close { cursor: pointer; float: right; height: 10px; top: 10px; right: 20px; position: absolute; width: 10px; }
.popup_user .btn_close { cursor: pointer; float: right; height: 10px; top: -4px; right: -5px; position: relative; width: 10px; }
.pop_SmlWdt { width: 440px; padding: 0 30px; }
.btn_closeConfirm { cursor: pointer; float: right; height: 10px; margin: 3px 0 0 450px; position: absolute; width: 10px; }
/*-----POPUP STYLE ENDS-------*/


/* Metadata - Available Attribute List - View Attribute Popup*/
.viewAttriPop {height: 500px; overflow: hidden}
.viewAttriPop .viewAttriContainer {border: 1px solid #d1d1d1; margin-top: 10px;}
.viewAttriPop .viewAttriContainer .viewAttriDiv {height: 430px; overflow-y: auto; padding:0 5px}
.viewAttriPop .viewAttriContainer .viewAttriDiv table td { padding:2px 0;    }

/* Report */
.ReportPage { }
.ReportPage .tab_content { background:none !important; padding:0px 20px 20px 0px !important  }
.ReportPage .dashboard_group-scrollAra{ /*width:1130px !important*/ }
.ReportPage h2 { border-bottom:1px solid #cccccc; padding-bottom:5px; margin-bottom:10px;    }
.ReportPage .contract_devi {background: url(../Images/fresco_img_sprite.png) no-repeat -261px -166px;width:58px;} 
.ReportPage .dashboard_icon{ height:45px; width:38px !important}

/*-----FOOTER STYLE STARTS-------*/
#main { padding-bottom: 40px; /* must be same height as the footer */ }
#footer { position: relative!important; margin-top: -40px; /* negative value of footer height */ height: 47px; clear: both; /*z-index:10;*/ color: #333; }
div#footer { width: auto; background: #e2e3e4; }
.footer-mid { /*width: 1269px;*/ margin: 0 auto; height:47px; line-height:47px;}
.footer-mid .LogoContainer {float: right; margin-top:10px }
.footer-mid .LogoContainer .info {/*height: 18px;*/ padding-right: 10px; padding-top:10px; vertical-align: middle; cursor:pointer}
.footer-mid .LogoContainer img {   vertical-align:middle; float:left }
.footer-mid .ICM-logo {  height:30px   }
.footerdiv { margin-bottom: 20px; float: left; }
.footer-width-80px{width:80px;}
/*-----FOOTER STYLE ENDS-------*/

/*--Making IE6 Understand Fixed Positioning--*/
ol#pagination { position: relative; text-align: center; min-height: 232px; padding: 0; z-index: -10; margin: 0; }
ol#pagination li { display: inline-block; text-align: left; text-indent: -8000px; list-style: none; cursor: pointer; margin: 0 2px; }
ol#pagination li.current { color: red; font-weight: 700; }
ol#pagination li.prev, ol#pagination li.next { position: absolute; top: 90px; width: 40px; height: 40px; }
ol#pagination li.prev { /*left: -50px;*/left: 0px; background: url(../images/arrowb-left.png) no-repeat 0 0; }
#TrDoc ol#pagination li.prev { left: 4px!important; }
ol#pagination li.next { /*right:-50px;*/ right:0px;background: url(../images/arrowb-right.png) no-repeat 0 0; }
#TrDoc ol#pagination li.next { right: -100px!important; }


/*-----TOGGLE STYLE STARTS-------*/
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: none repeat scroll 0 0 #898989; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; /*font-size: .8em!important;*/ text-indent: -999999px; color: #fff!important; }/*Sayali - Modified 15 Apr 14*/

.cb-enable span { padding: 0 21px!important; }
.cb-disable span { padding: 0 21px!important; }
.cb-disable.selected { background-color: #ed1c24; }
.cb-disable.selected span { background-color: #2db035!important; text-indent: 0!important; padding: 0 10px!important; }
.cb-enable.selected { background-color: #2db035; }
.cb-enable.selected span { background-color: #ed1c24!important; }
.cb-enable.selected span { background-color: #2db035; text-indent: 0!important; padding: 0 10px!important; }
.cb-enable1, .cb-disable1, .cb-enable1 span, .cb-disable1 span { background: none repeat scroll 0 0 #898989; display: block; float: left; }
.cb-enable1 span, .cb-disable1 span { background-repeat: no-repeat; color: #FFF!important; display: block; font-size: .8em!important; line-height: 30px; text-indent: -999999px; }
.cb-enable1 span { padding: 0 21px!important; }
.cb-disable1 span { padding: 0 21px!important; }
.cb-disable1.selected { background-color: #ED1C24; }
.cb-disable1.selected span { background-color: #ED1C24; padding: 0 10px!important; text-indent: 0!important; }
.cb-enable1.selected { background-color: #2DB035; }
.cb-enable1.selected span { background-color: #2DB035; padding: 0 10px!important; text-indent: 0!important; }
.switch label { cursor: pointer; width: auto!important;padding: 0!important; }/*Sayali - Modified 15 Apr 14*/
.switch input { display: none; }
.switch_prl { position: relative; }
.switch_prl label.dummylabel { position: absolute; z-index: 9999; width: 200px!important; top: 0; left: 0; height: 50px; }
/*-----TOGGLE STYLE STARTS-------*/

/*-----SCROLLBAR STYLE STARTS-------*/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 6px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #fff; position: relative; }
.jspDrag { background: #333; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #fff url(../images/scroll-arrow.png) no-repeat top left; text-indent: -20000px; display: block; cursor: pointer; }
/*Arrow UP*/
.jspArrow.jspArrowUp { background: #fff url(../images/scroll-arrow.png) no-repeat right top; }
.jspArrow.jspArrowUp.jspDisabled { background: #fff url(../images/scroll-arrow-desable.png) no-repeat right top; cursor: default; }
/*Arrow Down*/
.jspArrow.jspArrowDown { background: #fff url(../images/scroll-arrow.png) no-repeat right bottom; }
.jspArrow.jspArrowDown.jspDisabled { background: #fff url(../images/scroll-arrow-desable.png) no-repeat right bottom; cursor: default; }
/*Arrow Right*/
.jspArrow.jspArrowRight { background: #fff url(../images/scroll-arrow.png) no-repeat left bottom; }
.jspArrow.jspArrowRight.jspDisabled { background: #fff url(../images/scroll-arrow-desable.png) no-repeat left bottom; cursor: default; }
/*Arrow Left*/
.jspArrow.jspArrowLeft { background: #fff url(../images/scroll-arrow.png) no-repeat left top; }
.jspArrow.jspArrowLeft.jspDisabled { background: #fff url(../images/scroll-arrow-desable.png) no-repeat left top; cursor: default; }
.jspVerticalBar .jspArrow { height: 10px; }
.jspHorizontalBar .jspArrow { width: 10px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #fff; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }
/*-----SCROLLBAR STYLE STARTS-------*/

/*-----DETAILS STYLE STARTS-------*/
.versiontextarea { width: 99%;}/*Sayali - Modified 19Apr 2014*/
/*-----DETAILS STYLE ENDS-------*/

/*-----DASHBOARD STYLE STARTS-------*/
.dashboard_icon{height:69px; display:inline-block;/*margin-left:10px;*/}
.contract_devi{background: url(../Images/fresco_img_sprite.png) no-repeat -261px -166px;width:58px;}
.high_risk_contracts{background: url(../Images/fresco_img_sprite.png) no-repeat -320px -166px; width:65px;}
.contracts_expiring{background: url(../Images/fresco_img_sprite.png) no-repeat -191px -166px; width:67px;}
.contracts_time{background: url(../Images/fresco_img_sprite.png) no-repeat -122px -166px; width:67px;}
.contracts_pending_appr{background:url(../Images/fresco_img_sprite.png) no-repeat -388px -166px; width:57px;}
.contracts_pending_exec{background:url(../Images/fresco_img_sprite.png) no-repeat -57px -166px; width:57px;}
.clauses_pending_appr{background:url(../Images/fresco_img_sprite.png) no-repeat 0 -166px; width:57px;}
.templates_pending_appr{background:url(../Images/fresco_img_sprite.png) no-repeat -445px -166px; width:53px;}
/*-----DASHBOARD STYLE ENDS-------*/

/*-----CLAUSE STYLE STARTS-------*/
.tab_content .form {}
.tab_content .form select { padding:0px; height:25px; line-height:25px;}
/*.tab_content .Edit-Attribute .data-type-select .k-dropdown-wrap{width:223px;}*/
.tab_content .form textarea{width: 223px;}
.tab_content .form table td {padding:5px 0;}
.tab_content .form table td.leftpart { width:20% }
.tab_content .form table td.rightpart { width:80% }
.tab_content .form table td label { margin: 0; line-height: 1.4em; word-wrap:break-word;}/*Kapil - line-height 1.6em changed*/
.tab_content .form table td > input [type="text"]{ width: 223px; }
.tab_content .form table td > textarea { /*width: 17.5em;*/ }
.tab_content .form table td div table tr td ul li span { overflow: hidden; }
.clause_text, .contract-text {height:400px; overflow-y:auto;}
.clause_text table{border-collapse:collapse;}
.clause_text table td{border:1px solid #CCCCCC;}
.clause_text table td:after{content:""; position:relative;}

.clause_richtext table{border-collapse:collapse;}
.clause_richtext table td{border:1px solid #CCCCCC;}
.clause_richtext table td:after{content:""; position:relative;}


/*Dhanashri - commented to fix issue related copying text from ms-word document*/
/*.clause_richtext p {font-size:1em !important;}
.clause_richtext p span, .clause_text p span {font-size:1em !important; color:#333 !important; font-family:"Segoe UI", Arial, Helvetica, Verdana, sans-serif !important; }
.clause_richtext p strong, .clause_text p strong {font-size:1em !important; color:#333 !important; font-family:"Segoe UI", Arial, Helvetica, Verdana, sans-serif !important; }*/
/*-----CLAUSE STYLE ENDS-------*/


/*-----CREATE RULES TYPE STYLE STARTS-------*/
table.ConType-Setup input[type=text]{width:223px;/*height:25px;*/}
table.ConType-Setup textarea{width:223px;}
table.ConType-Setup .k-dropdown{width:235px}

#ruleBuilder { /*width: 1200px;*/ }
#ruleBuilder div.k-content { background-color: transparent!important; border: none; }
#ruleBuilder li div.k-content{border-bottom:1px solid #dadada}
#ruleBuilder div.k-content div.rulebox { /*width: 100%;*/ width:1178px;  padding:0 10px; overflow-x:auto; overflow-y:hidden}
#ruleBuilder div.k-content .rulescontainer .wrapper table td{ padding:5px}

.rulebuilder { /*padding-left: 20px;*/ height: 80%; overflow: hidden; }
.rulescontainer { height: 500px; overflow-y: auto; overflow-x: hidden;  width: 99.9%; margin-bottom:10px; border-bottom:1px solid #DADADA}

.rulesetname { width: 40%; margin-left: 20px; }
.contractResult { width: 40%; padding-left: 20px; }
.successclass { color: #8EBC00; }
.errorclass { color: red; }
td.rulegroup { padding: 0; width: 100%; }
td.rulegroup input[type=text]{width:auto }

.querystmts { padding: 0;/*padding-left:10px;*/ }
.querystmts div { margin: 10px 0!important; width: 670px; }
.querystmts div span { background-color: none!important; }
.querystmts div > span { margin-right: 10px; }
.querystmts div button { vertical-align: top!important; margin-top: 2px!important; }
.rulebox div select { padding: 0px !important; line-height: 25px; }
.querystmts span.k-combobox { padding: 0; margin: 0!important; width:auto; display:inline-block; }
div.actionstmts button.addcond, div.actionstmts button.addroot { margin-bottom: 20px; }
div.actionstmts, div.actionstmts table { width: 100%!important; }
div.actionstmts table td.seperator { vertical-align: middle!important; }
td.seperator select { width: 80px!important; }
.leftbracket { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #999!important; border-image: none; border-style: solid none solid solid; border-width: 2px medium 2px 2px; width: 7px!important; }
.actionstmts { padding-left: 0; }

.actionbox { margin: 10px 0 20px 0; }
.actionbox span.action { float:left; width:100%;}
.actionbox span.action div {overflow:hidden; float:left; width:100%; }
.actionbox span.action > div { margin:5px 0;}
.actionbox span.action > div:first-child {padding-left:24px;}
.actionbox span { float:left ;}
.actionbox span.action div span.actionmethod span {float:none}
.actionbox button {margin:0 0 10px 0;}
.actionbox .k-input {border:#DADADA 1px solid; }

.actionbox .actionparams{ overflow:hidden;}
.actionbox span.actionparams{overflow:hidden; width:auto; }
.actionbox span.actionparams div { width:380px;padding:0px; max-height:70px; min-height:26px; overflow-y:auto;}/*Kapil-Old min-height:30px changed*/
.actionbox span.actionparams div ul { margin: 0; padding: 0;}
.actionbox span.actionparams div ul li {  display: inline-block;}

.approvalusername { display:block;  float:left; background-color:#F1A307; padding:0.1em 0.15em 0.1em 0.4em; margin: 1px;}
.approvalusername span { color: #FFFFFF; float: left;}

/*.approvalusernamedel { display:block; height:10px; float:right; margin-left:10px; padding:5px; float:left;}*/
.approvausernamediv { display:block; border: 1px solid #CCCCCC; max-width: 450px; min-height:20px; height: auto;}
.approvausernamedivshort {max-width: 250px!important;}
.approvalusernamedel { cursor: pointer;}
span.approvalusernamedel {background-position-x:-47px;}
.actionbox span.actionparams input{float:left;}
.actionbox span.actionparams input.actionparam {padding:5px; margin-left:10px;}
.actionbox span.actionparams input.actionparams {padding:5px; margin-left:10px;}
.actionmethod .k-selectbox, .actionmethod .k-textbox {width:auto; }
.actionbox span.actionparams > div {margin-left:10px;}
.userpopuplauncher { float: left; height: 20px; width: 8px; background:#fff; background-image: url(../images/user.png); background-position: 5px center; background-size: 16px 16px; background-repeat: no-repeat;}
.entitypopuplauncher {float: left; height: 20px; width: 8px; background:#fff; }
.popuplauncherTemplates { background-image: url(../images/select_template.png); background-position: 5px center; background-size: 16px 16px; background-repeat: no-repeat; }
.popuplauncherClauses { background-image: url(../images/select_clause.png); background-position: 5px center; background-size: 16px 16px; background-repeat: no-repeat; }
.addorgpathlauncher {height:16px; width:16px; background:none; background-image: url(../images/add_org_path.png); background-position: 5px center;  background-size: 16px 16px; background-repeat: no-repeat; border:0px; cursor:pointer}
/*Kendo Overide*/
.actionmethod .k-autocomplete, .actionmethod .k-combobox, .actionmethod  .k-datepicker, .actionmethod .k-timepicker, .actionmethod  .k-datetimepicker, .actionmethod .k-colorpicker, .actionmethod .k-numerictextbox, .actionmethod .k-dropdown, .actionmethod  .k-selectbox, .actionmethod .k-textbox {width:auto }
.addcond, .addroot { padding: 5px 10px 5px 25px; background-color: #dadada!important; color: #333!important; }



div button.com_sub_btn { float: none; margin-bottom: 15px; }
.And-Or-Container { margin: auto; width: 120px!important; }

div.actionbox .k-input {margin-left:0px !important; content:none !important;}
div.actionbox span.k-icon {float:none !important;}


.actionparams .k-multiselect-wrap li { margin:2px; padding:0.1em 0.5em; line-height:normal; float:left}

/*-----CREATE RULES TYPE STYLE ENDS-------*/

/*-----CREATE CONTRACT TYPE STYLE STARTS-------*/
.contract_type_select_block { float: left; width: 100%; margin-bottom: 40px; }
.contract_type_ul { list-style-type: none; display: inline; }
.contract_type_li_tile { list-style-type: none; display: inline; float: left; margin-right: 20px; border: 2px solid #dedbdb; background-color: #fafafa; }/*Sayali - Modified 8April 2014*/
a.contract_type_block { width: 358px; height: 132px; display: block; cursor: pointer; text-decoration: none; }
.contract_type_tile_select { border: 2px solid #197b30; background: url(../Images/select_item.png) right top no-repeat; z-index: 1000; background-color: #fafafa; }
.contract_type_icon { float: left; margin: 28px 20px 20px; }
.contract_type_title { line-height: 132px; text-transform: uppercase; font-size: 14px; }
.button_div_width { width: auto!important; }
/*-----CREATE CONTRACT TYPE STYLE ENDS-------*/

/*-----ADVANCED SEARCH STYLE STARTS-------*/
.advanceSearchArea { width: 100%; margin: 0 auto; position: relative; }
.advanceDiv { width: 100%; padding: 10px 0; margin: 0px 0 35px; position: absolute; }
.showAllDiv { width: 220px; float: right; }
select.showAll { height: 25px; width: 70px; border: 1px #ccc solid; background: #fff; color: #333; padding-left: 5px; }
.advancesearchLink { background: url(../images/advance_search.png) center 3px no-repeat; padding: 0 10px 19px; border: 1px solid transparent; height: 8px; width: 10px; float: right; margin: -1px 10px 0 0; cursor: pointer; position: relative; z-index: 11; }
.advanceSearchDiv { width: 98%; padding: 11px; position: relative; border: 1px solid #ccc; top:37px; float: left; z-index: 13; background: #F0EEEE; margin: -1px 0 10px; }
.searchElement { width: 365px; float: left; margin: 10px 10px 0 0; }
.searchElement label { width: 135px; float: left; text-align: right; padding: 0 5px 0 0; }
.searchTxt { width: 40px; float: right; padding: 3px 18px 0 0; }
.searchButton { background-position: -920px 0; }
.searchButton[disabled=disabled] { background-position: -920px -40px; }
.advancesearchLinkShow { background: url(../images/advance_search_active.png) center 3px no-repeat #F0EEEE; padding: 0 10px 19px; border: 1px solid #ccc; border-bottom: 1px solid #F0EEEE; height: 8px; width: 10px; float: right; margin: -1px 10px 0 0; cursor: pointer; position: relative; z-index: 12; }
#_tdValue .switch { height: 30px; margin-top: -5px!important; margin-bottom: 0; }
#_tdValue .switch .cb-enable span { height: 25px; line-height: 24px; }
#_tdValue .switch .cb-disable span { height: 25px; line-height: 24px; }
.saveSearchData { background: url(../images/save_data.png) 0 0 no-repeat; height: 20px; width: 20px; float: left; border: none; margin: 2px 10px 0 0; text-indent: -20000px; }

.search-apply {background-image: url("/Images/search-sprite.png");background-position: -5px -93px;width: 16px;height: 16px;background-repeat: no-repeat;}
.search-clear {background-image: url("/Images/search-sprite.png");background-position: -31px -67px;width: 16px;height: 16px;background-repeat: no-repeat;}
button.btn-sm:hover {background:none repeat scroll 0 0 #8ebc00}
/*-----ADVANCED SEARCH STYLE ENDS-------*/

/*-----VERIFY STYLE STARTS-------*/
.verifyDiv {max-height:300px; overflow-x:hidden; overflow-y:auto; border:1px solid #cbcbcb;padding:10px;}
.verifyDiv h4 { font-size: 1.2em; color: #999; padding: 5px 0; margin-bottom: 10px; }
/*.verifyDiv div span { float: left; }*//*Dhanashri - commented for fix alignment issue on clause verify page*/
.verifyDiv div.clause_richtext span { float: inherit; }
.verifyDiv div span.right { color: #333; line-height: 23px; text-align: left; display: block; padding-left: 20px; word-wrap:break-word; width:855px; }
.verifyDiv div span.left { color: #333; line-height: 23px; width: 300px; text-align: left; display: block; }
.verifyDiv table td { /*font-size:0.85em*/   }
.verifyDiv table td.left { text-align: left; width: 20%; }
.verifyDiv table td.right { text-align: left; width: 80%; word-break:break-all; }

/*-----VERIFY STYLE ENDS-------*/

/*-----CREATE AGREEMENT STYLE STARTS-------*/
.evaluate_btn { margin-top: -30px; }
.div_top_line { border-top: 1px solid #d9d9d9; height: 2px; }
a.select_template_tile { display: block !important; height: 110px; cursor: pointer !important; text-decoration: none !important; }
a.select_template_tile:hover { display: block; cursor: pointer; text-decoration: none; color: #333 !important; }
.template_select { border: 1px solid #197b30 !important; background: url(../Images/select_item_tile.png) right top no-repeat !important; z-index: 1000 !important; background-color: #fafafa!important; }
a.select_template_tile h3 {font-size:1.28em;}
.create_agr_next_btn {margin-top: 30px !important;}
.agreement_firsttd table td:first-child {width:220px !important;}
.urlStyle { color:#62bb46 !important; text-decoration:underline !important; }


/*-----CREATE AGREEMENT STYLE STARTS-------*/

/* Login User */
#loginUserMenu  .k-menu .k-item,.k-widget{border:none}
#loginUserMenu  .k-menu .k-item{padding:0}
#loginUserMenu  .k-menu .k-item .k-state-hover{background-color:#FFF}
#loginUserMenu  .k-link{border-bottom:1px dotted #FFF;padding:inherit;}
#loginUserMenu  .k-state-border-down{background-color:transparent;}
#loginUserMenu  .k-menu .k-group{box-shadow:none;}
#loginUserMenu  .k-menu .k-popup{width:220px;}
#loginUserMenu  .k-group,.k-toolbar,.k-grouping-header,.k-pager-wrap,.k-group-footer td,.k-grid-footer,.k-footer-template td,.k-widget .k-status,.k-calendar th,.k-dropzone-hovered,.k-widget.k-popup{background-color:#FFF;}
#treeview .k-group{background-color:transparent;}

/*-----CREATE TEMPLATE STYLE STARTS-------*/
/*#validationForTemplate .k-dropzone { padding: 0; }*/
/*-----CREATE TEMPLATE STYLE ENDS-------*/

/*-----METADATA STYLE STARTS-------*/
.metadata-btm-btns{margin:18px 0 10px 0;}/*Sayali - Added 18Apr 2014*/
#addOrEditAssociation table td{ padding:0 0 10px 0;}/*Sayali - Added 18Apr 2014*/
#addOrEditAssociation label{/*font-size:.9em; font-weight:bold;margin-right:20px;*/}/*Sayali - Added 18Apr 2014*/
#setupAttributes .Available-Attribute{width:50%;}
#setupAttributes .Only_SetupSection{width:780px !important; float:left;}
.setupAttributes_block{width: 360px !important; margin: 0px 90px 60px 0px !important;}
.setup-attributes label { /*font-size: 13.6px;*/ margin: 0 !important;float:left;}
.setup-attributes div.SwitchContainer { /*width:80px; float:right; clear:right;*/ }/*Sayali - Modified 19Apr 2014*/
#contractTypeAttributeViewModel .add_edit_BTN {position: relative;left: -160px !important;}
.add_edit_BTN {position: relative;left: -115px;}

#currencyViewModel .Available-Attribute { width: 300px;}
.Available-Attribute { float: left; width: 250px; margin-right:10px;}
.Available-Attribute h2, .Selected-Attribute h2 { padding: 0px 0px 10px 0px; margin-bottom: 20px; border-bottom: 1px dotted #a0a0a0; }
.Available-Attribute h3, .Selected-Attribute h3, .Edit-Attribute h3 { padding-bottom: 10px;  font-size:1.2em}/*Sayali - Modified 18Apr 2014*/
.Attribute-Search { overflow: hidden; }
.Available-Attribute .Attribute-Search { /*padding:5px;*/ border: 1px solid #ccc; border-bottom: 0; border-bottom: 1px solid #ccc; }
.Available-Attributes .Attr-Search {  padding:1px;border:1px solid #ccc; border-bottom:0px;border-bottom:1px solid #ccc; overflow:hidden}/*Sayali - Added 19Apr 2014*/
.Available-Attribute .Attribute-Search input[type=text] { height: 20px; padding: 5px; width: 100%; color: #a0a0a0; font-style: italic; border: 0px; float: left; background: #f2f2f2 url(../Images/search.png) no-repeat right 15px center; }
.Available-Attributes .Attr-Search input[type=text]{ height:20px; padding:5px;  width:100%;  color:#a0a0a0; font-style:italic;border:0px; float:left; background:#f2f2f2 url(../Images/search.png) no-repeat right 15px center}/*Sayali - Added 19Apr 2014*/

.Available-Attribute .Attribute-List { background-color: #fafafa; border: 1px solid #ccc; border-top: 0; }
.Available-Attribute .Attribute-List ul { list-style: none; margin: 0; padding: 0; overflow-y:auto; height: 464px; }/*Sayali - Modified 18Apr 2014*/ /*Scroll bar is needed on available attribute---Rita Modified 24th Apr*/
#currencyViewModel .Available-Attribute .Attribute-List ul {height: 250px; }
.Available-Attribute .Attribute-List ul li { line-height: 25px; padding: 0 10px; }
.Available-Attribute .Attribute-List ul li:hover {background-color: #94cf97; cursor: pointer; }/*Kapil - display block style removed*/
.Available-Attribute .Attribute-List select { /*list-style: none;*/ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; }
.Available-Attribute .Attribute-List select option { padding: 5px; display: block; cursor: pointer; vertical-align: middle; }
.Available-Attribute .Attribute-List ul li.selected{background-color:#4ac350; }
.Available-Attribute .Attribute-List ul li div { display:block; padding:0px; margin:0 5px 0;  height:25px; width:25px; float:right; position:relative}
.Available-Attribute .Attribute-List ul li div input[type=button] { display:none; padding:0px; margin:0px; height:25px; width:25px;}
.Available-Attribute .Attribute-List ul li:hover div input[type=button] {cursor:pointer;  height:25px; width:25px; display:block; border:none; padding:0px; margin:0px; background: transparent url(../Images/delete-sm.png) no-repeat center center}
.Available-Attribute .Attribute-List ul li:hover div input[type=button].view-contracttype {cursor:pointer;  height:25px; width:25px; display:block; border:none; padding:0px; margin:0px; background:url(../Images/fresco_img_sprite.png) no-repeat -199px -137px;}

.Attribute-RightContainer { float: left; margin: 0 30px; padding: 0 30px; position: relative; width: auto;}/*Sayali - Modified 18Apr 2014*/
#currencyViewModel .Attribute-RightContainer {margin: 10px 0 0 30px; padding: 0 0 0 30px;}
.currency_pop_title {font-size:1.4em;}
.Selected-Attribute {width:250px;  float:left; margin-right:50px;}/*Sayali - Modified 18Apr 2014*/
#currencyViewModel .Selected-Attribute {width:300px; margin-right:0;}
.Selected-Attribute .Attribute-List     {background-color:#fafafa; border:1px solid #ccc; border-top:0px; }
.Selected-Attribute .Attribute-List ul {list-style:none; margin:0px; padding:0px;  overflow-y:auto; height:464px}/*Sayali - Modified 18Apr 2014*/

#currencyViewModel .Selected-Attribute .Attribute-List ul {height:250px}
.Selected-Attribute .Attribute-List ul li {line-height:25px; padding:0px 10px;}
.Selected-Attribute .Attribute-List ul li:hover{background-color:#94cf97; cursor:pointer }/*Kapil - display block style removed*/
.Selected-Attribute .Attribute-List ul li.selected{background-color:#4ac350; }
.Selected-Attribute .Attribute-Search { padding:1px;border:1px solid #ccc; border-bottom:0px;border-bottom:1px solid #ccc;}

.Selected-Attribute .Attribute-Search input[type=text]{ height: 20px; padding: 5px; width: 97%; color: #a0a0a0; font-style: italic; border: 0px; float: left; background: #f2f2f2 url(../Images/search.png) no-repeat right center; }
.Attribute-Search ::-ms-clear { display: none; }
.Edit-Attribute { float: left; width: 550px;}/*Kapil - Modified old width- 450 on 8May 2014*/
.Edit-Attribute table td{padding: 5px 0;}/*Sayali - Modified 19Apr 2014*/
.Edit-Attribute label.setup { float:left; padding:5px; width:98%; margin:0px !important}
.Edit-Attribute label.setup input[type=text], .Edit-Attribute label input[type=checkbox], .Edit-Attribute label select, .Edit-Attribute label textarea { float:right;}
.Edit-Attribute label.setup input[type=text] { border:1px solid #ccc; line-height:20px; height:20px; width:200px;    padding:3px; }
.Edit-Attribute label.setup textarea { border:1px solid #ccc;  width:200px;    padding:3px; font-family:'Segoe UI';color:#333;}
.Edit-Attribute label.setup select { border:1px solid #ccc;  width:208px; line-height:20px; height:25px;  padding:3px;   }
.Edit-Attribute .data-type-select .k-dropdown-wrap{width:223px; padding:0px 5px}
.Edit-Attribute table td input[type=text]{width:223px; padding-left:5px; padding-right:5px;}
.Edit-Attribute .k-dropdown {width:235px }
.AddRemove-Attribute { background-color:#f5f5f5; height:100px; /*width:50px;*/width: 0; float:left; /*top:200px;*/top: 230px; /*left:-30px;*/left: -25px; /*z-index:1000;*/ position:absolute}/*Sayali - Modified 19Apr 2014*/

.data-type-select > select{width:281px;}/*Sayali - Added 19Apr 2014*/
.data-type-textarea > textarea{width:271px;}/*Sayali - Added 19Apr 2014*/

.Selected-Attribute .Attribute-List select { /*list-style: none;*/ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; }
.Selected-Attribute .Attribute-List select option { padding: 5px; display: block; cursor: pointer; vertical-align: middle; }

.Edit-Attribute label { float: left; padding: 5px 0!important; width: 100%; line-height: 1.2em!important; /*font-size: 1em!important;*/ margin: 0!important; display: inherit!important; }
.Edit-Attribute label input[type=text], .Edit-Attribute label input[type=checkbox], .Edit-Attribute label textarea, .Edit-Attribute label Select { float: right; }
.Edit-Attribute label textarea { font-family: 'Segoe UI'; width: 254px; }

.Add-Attribute { float: left; width: 450px; margin: 0; }
.Add-Attribute label { float: left; padding: 5px!important; width: 100%; line-height: 1.2em!important; font-size: 1em!important; margin: 0!important; display: inherit!important; }
.Add-Attribute label input[type=text], .Add-Attribute label input[type=checkbox], .Add-Attribute label textarea, .Add-Attribute label Select { float: right; }
.Add-Attribute label textarea { font-family: 'Segoe UI'; width: 256px; }

.content-wrap {margin:0 auto; border:0px solid #000; /*background-color:#f4f4f4;  padding:20px;*/ overflow:hidden;}
.content-wrap h2    { padding:0px 0px 8px 0px; margin:0 0 15px 20px; border-bottom:1px dotted #a0a0a0;  font-size:1.28em   }
.content-wrap h3    { padding-bottom:10px;  font-size:1.2em  }


.setup-attributes .content-wrap { margin:0 auto; overflow:hidden; float:left; width:615px;}
.setup-attributes .content-wrap h2 { padding:0px 0px 8px 0px; margin:0 56px 15px 0; border-bottom:1px dotted #a0a0a0;  font-size:1.28em   }

.Available-Attributes { float:left; width:250px; }/*Sayali - Added 19Apr 2014*/
.Available-Attributes .Attr-List {background-color:#fff; border:1px #ccc solid;}/*Sayali - Modified 18Apr 2014*/
.Available-Attributes .Attr-List ul {list-style:none; margin:0px; padding:0px;  overflow-y:auto; overflow-x:hidden;height:360px}
.Available-Attributes .Attr-List ul li {line-height:25px; padding:0px 10px;}
.Available-Attributes .Attr-List ul li:hover{display:block; background-color:#94cf97; cursor:pointer }
.Available-Attributes .Attr-List ul li.selected{background-color:#4ac350; }

.Available-Attributes .Attr-List select  {  border:0px solid #ccc; overflow-y:auto !important; overflow-x:hidden !important; width:100% }
.Available-Attributes .Attr-List select option { padding:3px;    }
.Available-Attributes .SelectedTeam select  {  border:1px solid #ccc; overflow-y:auto !important; overflow-x:hidden !important; width:100% }
.Available-Attributes .SelectedTeam select option { padding:3px;    }

.Available-Attributes .Attr-List ul li div { display:block; padding:0px; margin:0px;  height:25px; width:25px; float:right; position:relative}
.Available-Attributes .Attr-List ul li div input[type=button] { display:none; padding:0px; margin:0px; height:25px; width:25px;}
.Available-Attributes .Attr-List ul li:hover div input[type=button] {cursor:pointer;  height:25px; width:25px; display:block; border:none; padding:0px; margin:0px; background: transparent url(../Images/delete-sm.png) no-repeat center center}

.Attr-RightContainer { float:left; margin:0px 0px 0px 30px;  padding:0px 0px 0px 30px;position:relative;   width:auto }

.Selected-Attributes {width:250px;  float:left}
.Selected-Attributes .Attr-List     {background-color:#fafafa; border:1px solid #ccc; border-top:0px; }
.Selected-Attributes .Attr-List ul {list-style:none; margin:0px; padding:0px;  overflow-y:auto; overflow-x:hidden; height:200px; background-color:red}
.Selected-Attributes .Attr-List ul li {line-height:25px; padding:0px 10px;}
.Selected-Attributes .Attr-List ul li:hover{display:block; background-color:#94cf97; cursor:pointer }
.Selected-Attributes .Attr-List ul li.selected{background-color:#4ac350; }

.Selected-Attributes .Attr-List-NoSearch     {background-color:#fafafa; border:1px solid #ccc;}
.Selected-Attributes .Attr-List-NoSearch ul {list-style:none; margin:0px; padding:0px;  overflow-y:auto; overflow-x:hidden; height:394px}
.Selected-Attributes .Attr-List-NoSearch ul li {line-height:25px; padding:0px 10px;}
.Selected-Attributes .Attr-List-NoSearch ul li:hover{display:block; background-color:#94cf97; cursor:pointer }
.Selected-Attributes .Attr-List-NoSearch ul li.selected{background-color:#4ac350; }

.Selected-Attributes .Attr-Search { padding:1px;border:1px solid #ccc; border-bottom:0px;border-bottom:1px solid #ccc;}
.Selected-Attributes .Attr-Search input[type=text] { background: #f2f2f2 url(../Images/search.png) no-repeat right center; height: 20px; padding: 5px; width: 97%; color: #a0a0a0; font-style: italic; border: 0px; }

.Selected-Attributes span.updown-arrow  {display:block; float:right   }
.Selected-Attributes span.updown-arrow img  {margin-left:5px   }
.Selected-Attributes span.updown-arrow a {margin:0px; padding:0px;  }

.popcontent-container .Selected-Attributes, .popcontent-container .Available-Attributes{width:300px;}
.popcontent-container .Available-Attributes { margin-right: 20px;}

.popcontent-container h3 { padding-bottom:10px;}

.AddRemove-Attr { background-color:#f5f5f5; height:100px; width:50px; float:left; top:220px; left:-25px; z-index:1000; position:absolute}
.Attr-buttons { color: #666666; display: block; float: left; font-size: 12px; padding: 5px; text-align: center; }
.Attr-Search ::-ms-clear { display: none; }
.cross_clear ::-ms-clear { display: none; }
.addUserBTN {height: 25px; width: 25px; background:none; background-image: url(../images/user.png); background-position: 5px center; background-size: 16px 16px; background-repeat: no-repeat; border:0px; cursor:pointer}
.addCurrencyBTN {height: 27px; width: 35px; background:none; background-image: url(../images/add-currency.png);  background-repeat: no-repeat; border:0px; cursor:pointer}
.imgActionIcon {cursor: pointer; height:14px; width:14px; padding-left:5px; vertical-align:middle; display:inline-block;}
.attribute_toggle_section{font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 5px; width: 70%;}
/*-----METADATA STYLE ENDS-------*/


/*-----KENDO CONTROLS STYLE STARTS-------*/
.k-widget input { border: none; }
/*.k-dropdown { width: 18.3em!important; }*/
.k-dropdown-wrap input { border: 0px !important; }
th.k-header, div.k-grid-header { background-color: #dadada!important; color: #000!important; }
.k-secondary .k-button-group .k-tool:focus { background-color: #dadada; background-image: url('textures/highlight.png'); background-image: none,-webkit-linear-gradient(top,#dadada 0,#dadada 100%); background-image: none,-moz-linear-gradient(top,#dadada 0,#dadada 100%); background-image: none,-o-linear-gradient(top,#dadada 0,#dadada 100%); background-image: none,linear-gradient(to bottom,#dadada 0,#dadada 100%); background-position: 50% 50%; }
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-marquee-color { color:#000!important; background-color: #e7e7e7!important; border-color: #e7e7e7!important; }
.k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em, .k-draghandle:hover {color: #000; background-color:#e7e7e7; background-image: url('textures/highlight.png'); background-image: none,-webkit-linear-gradient(top,#e7e7e7 0,#e7e7e7 100%)!important; background-image: none,-moz-linear-gradient(top,#e7e7e7 0,#e7e7e7 100%)!important; background-image: none,-o-linear-gradient(top,#e7e7e7 0,#e7e7e7 100%)!important; background-image: none,linear-gradient(to bottom,#e7e7e7 0,#e7e7e7 100%)!important;border-color:#e7e7e7!important; color:#000!important; }
.k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #f1a307; }
.k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover { background-color: #e7e7e7!important; background-image: url('textures/highlight.png'); background-image: none,-webkit-linear-gradient(top,#e7e7e7 0,#e7e7e7 100%)!important; background-image: none,-moz-linear-gradient(top,#e7e7e7 0,#e7e7e7 100%)!important; background-image: none,-o-linear-gradient(top,#e7e7e7 0,#e7e7e7 100%)!important; background-image: none,linear-gradient(to bottom,#e7e7e7 0,#e7e7e7 100%)!important; background-position: 50% 50%; border-color: #e7e7e7; }
.k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused { background-color: #e7e7e7!important; background-image: url('textures/highlight.png'); background-image: none,-webkit-linear-gradient(top,#e7e7e7,#e7e7e7 100%)!important; background-image: none,-moz-linear-gradient(top,#e7e7e7 0,#e7e7e7 100%)!important; background-image: none,-o-linear-gradient(top,#e7e7e7, 100%)!important; background-image: none,linear-gradient(to bottom,#e7e7e7 0,#e7e7e7 100%)!important; background-position: 50% 50%; border-color: #e7e7e7; -webkit-box-shadow: none; box-shadow: none;}
.k-pager-wrap > .k-link{padding:0!important; border-bottom:1px solid #dadada!important;}
.k-pager-wrap > .k-link, .k-pager-numbers .k-state-selected{border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;-o-border-radius:0!important;}
.k-dropdown .k-state-hover .k-input{color: #000!important;}
.k-pager-wrap{margin-top:10px!important;padding-top:10px!important; border-top:1px solid #dadada!important;}
.k-grid td{border-width:0!important;}
#agreementMetadataContainer .k-upload{float:left;background:transparent!important; border:none!important;}
#agreementMetadataContainer .k-dropzone{padding:0!important;}
#agreementMetadataContainer .k-upload-files{border:#dadada 1px solid; border-bottom:none;margin-top:10px;width:350px;}
#agreementMetadataContainer .k-upload-selected{margin-left:0!important;}
/*#validationForTemplate .k-upload{width:280px!important; background:transparent!important; border:none!important;}
#validationForTemplate .k-upload-files{margin-top:10px; border:#dadada 1px solid;}*/

#validationForTemplate td.UploadSelectButton .k-dropzone, #validationForTemplate td.UploadSelectButton .k-widget  { float:left; padding:0px; border:0px; background-color:transparent; }
#validationForTemplate td.UploadSelectButton .k-dropzone em {display:none}
#validationForTemplate td.UploadSelectButton .k-upload {width:100% }
#validationForTemplate td.UploadSelectButton .k-upload-files {width:350px; margin-top:30px; border-left:1px solid #dadada; border-right:1px solid #dadada}
#validationForTemplate td.UploadSelectButton .k-upload-selected {margin-left:0px;}
#validationForTemplate td.UploadSelectButton .k-dropzone {width:350px; line-height:normal;}
#validationForTemplate td.UploadSelectButton .k-dropzone .k-upload-status {line-height:normal;}
#validationForTemplate td.UploadSelectButton .k-filename {max-width:170px;}

.k-link:link, .k-link:visited, .k-state-hover.k-nav-current .k-link{color:#000!important;}
.k-button { background-color: #f1a307!important; color: #FFFFFF!important; border: none!important; }
.k-button:hover, .k-secondary .k-button:hover, .k-button.k-secondary:hover { background-color: #D08A00!important; border: none!important; }

.k-state-hover .k-i-arrow-s, .k-state-focused .k-i-arrow-s {background-position:0 -32px}


/*.k-upload-button {position:relative}*/
#trFilePath td.UploadSelectButton .k-dropzone, #trFilePath td.UploadSelectButton .k-widget  { float:left; padding:0px; border:0px; background-color:transparent; }
#trFilePath td.UploadSelectButton .k-dropzone em {display:none}
#trFilePath td.UploadSelectButton .k-upload {width:235px; }/*.Width 95 changed*/
#trFilePath td.UploadSelectButton .k-upload-files {width:280px; margin-top:30px; border-left:1px solid #dadada; border-right:1px solid #dadada}
/*#trFilePath td.UploadSelectButton .k-dropzone {width:400px; float:left; padding-left:0px}
#trFilePath td.UploadSelectButton img {padding-top:12px; padding-left:0 !important; float:left}*/
.MetadataUploadFile td.UploadSelectButton .k-dropzone, .MetadataUploadFile td.UploadSelectButton .k-widget  { float:left; padding:0px; border:0px; background-color:transparent; }
.MetadataUploadFile td.UploadSelectButton .k-dropzone em {display:none}
.MetadataUploadFile td.UploadSelectButton .k-upload {width:100% }
.MetadataUploadFile td.UploadSelectButton .k-upload-files {width:350px; margin-top:30px; border-left:1px solid #dadada; border-right:1px solid #dadada}
.MetadataUploadFile td.UploadSelectButton .k-upload-selected {margin-left:0px;}
.MetadataUploadFile td.UploadSelectButton .k-dropzone {width:350px; line-height:normal;}
.MetadataUploadFile td.UploadSelectButton .k-dropzone .k-upload-status {line-height:normal;}


div.RuleValidate {border:none;background-color:transparent !important }
div.RuleValidate ul.k-tabstrip-items .k-state-default {background-color:#EAEAEA; vertical-align:bottom  }
div.RuleValidate ul.k-tabstrip-items .k-tab-on-top {background-color:transparent; padding:2px 0;}

/*div.RuleValidate .k-block, .k-widget*/
div.RuleValidate ul.k-tabstrip-items   {border-bottom:1px solid #787878 ;  }
div.RuleValidate ul li {width:150px; text-align:center; }
div.RuleValidate ul li.k-state-active { background-color:#f7f7f7;  border-bottom:1px solid #f7f7f7; border-left:1px solid #787878; border-right:1px solid #787878; border-top:1px solid #787878; }
.clause-text-editor table.k-editor {width: 98%;}/*kapil - Old width 87.9% changed*/
.richtxt-properties td.clause-text-editor div.k-editor {width: 98%; word-wrap:break-word;}
.richtxt-properties table.k-editor { height: 304px !important;} /*kapil - Old width 218px changed*/
.richtxt-properties td.k-editable-area { height: 220px;}
.richtxt-properties h2 { margin:0px; padding:0px}
.richtxt-properties .k-dropdown { width:160px !important; }
.richtxt-properties .prop-box{ height:285px; overflow-y:auto; padding:5px; border:1px solid #d1d1d1}
.prop-box input {margin: 5px 0px; width: 100%; text-align: left; color: #fff; background: #999; border: none; padding: 5px; cursor: pointer;}
.prop-box input:hover {background:#666;}
.prop-box input:first-child {margin-top:0px;}
.richtxt-properties .k-state-active, .k-state-active:hover{ border-color: #dadada !important;}
.richtxt-properties .k-editor-inline {border-width: 1px !important;}
.prop-title { display:block; margin-bottom:5px;}

.NotConfigPropertisDiv .prop-box input {overflow:hidden; width:283px; text-overflow:ellipsis}
/*-----KENDO CONTROLS STYLE ENDS-------*/

.grid-ActionButton{ width:100%; overflow:hidden; margin:20px 0 0 0;}
.index_linkbtn {display: block;}
/* ---------------------------------- INNER DETAIL PAGES ---------------------------------*/

/*Clause*/
.innerscroll {height:300px; overflow-x:hidden; overflow-y:auto; display:block}
.innerscroll table td {padding:5px 0;}
.nd-widget-inContent .nd-widget-lpan {float:left; width:39%; margin-right:20px;}/*-----old width 350 px changed by Kapil-------*/
.nd-widget-lpan-wide { width:100% !Important;}
.nd-widget-inContent .nd-widget-lpan .nd-widget-header { border-bottom: 1px #bababa solid; display: block; width: 98%; margin-bottom:10px; /*padding-bottom: 5px;*/ }

.nd-widget-inContent .nd-widget-lpan h2 {font-family: "Segoe UI", Segoe UI!important; padding: 5px 0;}
.nd-widget-inContent .nd-widget-lpan h2 span {color:#F77601}

.nd-widget-inContent .nd-widget-Rpan{ float:left; width:57%; padding:10px; background-color:#ffffff; height:400px; border:1px solid #dadada}/*-----old width 68% and min height min changed by Kapil-------*/
.nd-widget-inContent .nd-widget-Rpan-MgnOrg{ float:left; width:57%; padding:10px; background-color:#ffffff; height:400px; border:0px solid #dadada}
.inContent-ActionButtons { float: left; overflow: hidden; width: 100%;  margin-top:20px;}

/*History*/
.HistoryVersions { margin-bottom:5px;}
.HistoryVersions p {margin:0 0 0px 0; padding:0px; display:inline-block; /*color:#a0a0a0*/}
.HistoryVersions span {}
.HistoryVersions span i strong{ color:#62BB46; }
.HistoryVersions table {width:auto; border-collapse:collapse; margin-bottom:5px; margin-top:5px;}/*Kapil - min height 100px margin-bottom:20px deleted*/
.HistoryVersions table th { white-space:nowrap; text-align:left; background-color:#EEEEEE}
.HistoryVersions table td, .HistoryVersions table th {  border:1px solid #dadada; padding:5px; white-space:pre-wrap; }

/*RichTextArea*/
td.metadata-richtext-editor{}/*-----kapil - removed width 720px -------*/
.nd-widget-tblcontainer td.metadata-richtext-editor table.k-editor {width: 63%;}/*-----kapil - changed old width 61%-------*/
.nd-widget-tblcontainer td.metadata-richtext-editor table.k-editor { height: 160px;}
.nd-widget-tblcontainer td.metadata-richtext-editor .k-dropdown { width:160px !important; }
td.metadata-richtext-editor table{float: left;}
span.textareahelp img{vertical-align: top;}
/*RichTextArea Ends */

/*Note*/
.NoteContainer {margin-top:10px; border-top:1px solid #dadada}
.NoteContainer .NoteEntry { margin-bottom:10px; border-bottom:1px solid #dadada; padding:10px 0; }
.NoteContainer .NoteEntry label { font-family:'Segoe UI'; color:#C50810}
.NoteContainer .NoteEntry label.user{ /*color:#62BB46; font-weight:bold;*/ color:#21b73c }
.NoteContainer .NoteEntry .NoteDes {  padding-top:10px;}
.popup_block .note{width:12% !important; }
.popup_block table.k-editor {height:150px !important; width:100% !important;}
.popup_block table.k-editor .k-dropdown {width:142px !important; }

/*Version*/
.VersionEntry p {margin:0 0 10px 0; padding:0px; display:block; color:#a0a0a0}
.VersionEntry i{ color:#62BB46; }

div.Version-DocList {}
div.Version-DocList ul { list-style:none; margin:0; padding:0}
div.Version-DocList ul li {/*height:25px;*/ margin:0px 0 10px 55px;display:block; float:left; width:92%; /*width:100%;*/}
div.Version-DocList  span{ height:25px; line-height:25px}
div.Version-DocList  span.user{ float:none; color:#62BB46; font-weight:bold}
.doc-icons {margin-left:20px;}
.doc-icons span {display:none;}

/*-----PDF VIEWER STYLE STARTS-------*/
.nd-widget-lpan1 { padding: 20px 0; float: right; width: 57%; }
.longpath { width:100%;  overflow:hidden   }
.longpath div.path{width:70%; background-color:#e7e7e7; padding:0 5px; float:left; height:30px; line-height:30px;}
.lognpath div.PDF-ActionButton{width:30%;float:left}
.export_metadata_btn {background:url(../Images/fresco_img_sprite.png) no-repeat -445px -166px; display:inline-block;}
.agree_clause_compare_btn {
}
/*-----PDF VIEWER STYLE ENDS-------*/ 
.VersionEntry i{ color:#62BB46; font-family:'Segoe ui semibold'}


.background-fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=80); z-index: 15; /* IE opacity -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; removed for Stylecop warning*/ /*IE opacity z-index: 9999;*/ }
.removeAction { background-color: #FFF; background-image: url(../images/deleteRule.png); background-position: center center; background-repeat: no-repeat; background-size: 17px 17px; border: 1px none #DADADA; color: #787878; padding-right: 13px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }

/*-----AddTeam Popup--------*/
.user_group_tile_popup{width:618px;height:425px;margin:50px 0 0 295px;}

.search_user_panel{background-color:#f3f3f3;width:100%;padding:5px;float:left;}
.search_user_panel > span{float:left; background-color:red}
.flt_left{float:left;}
.flt_right{float:right;}

.search_user_block{float:left;margin-left:10px;}
.search_user_block span {float:left;}
.search_user_block_span_first{padding:3px 10px 8px 8px;}
.search_user_block span.k-select span {float:none}
.required-popup{color:#FF0000; padding:3px; }

.search-btn-popup{border:0 currentColor;float:left; margin-left:10px; }
.search-input-popup { float: left;width:195px!important; /*height:30px !important;*/ padding:3px; }

.tile_groups_block{float:left;margin:0;padding:0;width:100%;min-height:280px; vertical-align:middle}
.tile_groups_block ul.tile_groups{list-style-type:none;margin:0;padding:0;}
.tile_groups_block ul.tile_groups li{list-style-type:none;display:block;float:left;padding:10px 0 10px 10px;background-color:#fafafa;border:1px solid #d3d3d3;margin:10px 10px 0 0;height:100px;width:170px;cursor:pointer;}
.tile_groups_block ul.tile_groups li label{font-weight:bold}
.tile_groups_block ul.tile_groups li span{font-size:0.9em }


.user_tile_select{border:1px solid #197b30!important;background:url(../images/select_item_tile.png) right top no-repeat;z-index:1000;background-color:#fafafa;}
.tile_groups a{color:#333;text-decoration:none;font-weight:400;}
.tile_group_content{height:90px;}

.user-selection-content{padding-top: 10px;}
.user-selection-content li.selected{border:1px solid #197b30!important;background:url(../images/select_item_tile.png) right top no-repeat;z-index:1000;background-color:#fafafa;}
.user-selection-content h3{padding-bottom: 0px !important;}
.user-selection-content .title-area {/*padding-right: 14px;*/}

.tile_group_content h6
{
    margin: -15px 0px 0px 0px;
    padding: 0px;
}

.clause-change-table {
    border:none;
    /*border: 1px solid #bbbbbb;
    border-collapse: collapse;*/
}
.clause-change-table tr td,
.clause-change-table tr th {
        /*border: 1px solid #bbbbbb;*/
        width: 50%;
}
.clause-change-table tr td {  border-top: 1px solid #bbbbbb; word-wrap:break-word; border-bottom: 1px solid #bbbbbb; background-color: #f5f5f5; padding:10px; text-align:justify;}
.clause-change-table tr th {
 /*background-color: #cccccc;*/
 text-align:left; padding-bottom:5px;
}
.clause_comparison_fist_td {border-right:10px solid #fff; }
.clause_comparison_block {height:380px; overflow-y:auto;}
.clause_comparison_title, .deviation_report_title {margin-bottom:10px;}/*Removed - font-size:1.7em !important;*/
.inheritanceCreate {margin: 0px 8px -3px 5px; height:15px;width:15px;float:right;}/*Kapil - Added float style*/
/*-----Choice Attribute Block CSS Starts -------*/
.choice_block {background-color:#eae9e9; padding:10px; border:1px solid #dadada; float:left; width:366px;}
.add_choice {float: left; width: 100%;margin-bottom: 10px;}
.choice_lable {float:left; width:83px; padding-top:5px;}
.choice_add_btn {float: left; padding-top: 0px; margin-left: 15px;}
.choice_ascending { float: left; width: 100%; margin-bottom: 10px;}
.choice_display { float: left; width: 100%;}
.choice_order {margin-top:35px;}
.choice_order img {margin:5px 0 0 5px;}
.fixed_td { width: 145px !important;}/*-----old width 160 px changed by Kapil-------*/
/*-----Choice Attribute Block CSS Ends -------*/

/*-----Associations CSS Starts -------*/
.Associations_left { float:left; margin-right:20px; width:270px;}
.Associations_right_instance { float:left; width:910px; }
.Associations_left ul{ list-style-type:none; margin:19px 0px 0px 0px; padding-left:0px !important; width:270px; height:240px;}
.Associations_left ul li { list-style-type:none; margin-bottom:5px; margin-left:0px; padding:5px 5px 5px 10px; background-color:#fafafa; border:1px solid #d3d3d3; font-size:14px; line-height:32px;}
.Associations_left ul li a {display:block; text-decoration:none; height:32px;}
.Ass_left_scroll{background:url("../Images/fresco_img_sprite.png") -150px -138px;  width:25px; height:25px; border:none; cursor:pointer;}
.Ass_right_scroll{background:url("../Images/fresco_img_sprite.png") -175px -139px;  width:25px; height:25px; border:none; cursor:pointer;}
.tile_ic_list { margin:0px; padding:0px;}
.tile_ic_list .ic_btns ul {margin:0px; padding:0px; list-style-type:none; display:inline;}
.asso_tile_content {height:85px;}
.asso_tile_content .title {font-size: 14px; font-weight: bold}
.asso_tile_content .subtitle { font-size: 12px;}
.asso_tile_content div { width: 165px;}
.asso_instance_tile li {width:180px !important; }
.ic_btns {margin:0px; padding:0px; list-style-type:none; display:inline;}
.tile_ic_list .ic_btns ul li {margin:0px; padding:0px; list-style-type:none; display:inline; }
.add_instance_btn_block{ float: right; margin-right: 20px; font-size:1.2em; }
.add_instance_btn_block span { margin-right: 5px;}
ul.toggle_list_tile { list-style:none; width:77px; height:40px; margin:0px 0 0 0px; padding-left:0px; float: right;list-style-type:none;}
.toggle_list_tile ul li{ float:left;line-height:23px; font-size:11px;list-style-type:none;}
.toggle_list_tile ul li a{ text-decoration: none; text-transform:uppercase; color:#a1a1a1;}
.list_inactive { background:url("../Images/fresco_img_sprite.png") -415px -269px !important; float:left;   width:40px; height:30px; border:none; cursor:pointer;}
.list_active { background:url("../Images/fresco_img_sprite.png") -415px -240px !important;  float:left; width:40px; height:30px; border:none; cursor:pointer;}
.tile_inactive { background:url("../Images/fresco_img_sprite.png") -455px -240px !important;   float:left; width:37px; height:30px; border:none; cursor:pointer;}
.tile_active {background:url("../Images/fresco_img_sprite.png") -455px -269px !important;   float:left; width:37px; height:30px; border:none; cursor:pointer;}
.associations_grid {margin-top:5px;}
.associations-list li.selected{border:2px solid #197b30!important;/*background:url(../images/select_item_tile.png) right top no-repeat;*/z-index:1000;background-color:#fafafa;}
ul.asso_instance_tile {margin:0px; padding:0px; list-style-type:none; }
ul.asso_instance_tile li.association_tile {list-style-type:none;display:block;float:left;padding:10px 0 10px 10px;background-color:#fafafa;border:1px solid #d3d3d3;margin:5px 10px 5px 0;height:100px;width:170px;cursor:pointer;}
.association_actionicons{display:block;overflow:hidden;}
.association_actionicons a{float:right;width:20px;}
.association_actionicons ul.ic-list{padding:0;margin:0;/*float:left;*/float:right; list-style-type:none;}
.association_actionicons ul.ic-list li{padding:0px 5px 0px 0px !important;margin:0;border-style:none;height:auto!important;width:auto!important;float:left; list-style-type:none;}
.association_actionicons ul.ic-list li img{cursor:pointer;}
.association_list_title{width:200px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; display:block; float:left;}
.association_Ismandetory{color: red; position: relative; left:-207px;}
/*-----Associations CSS Ends -------*/

/* Rule Index page*/
.RuleIndex {}
.RuleIndex  .k-state-focused{ box-shadow:none !important; background-color:#f3f3f3}
.RuleIndex .k-state-selected {  background-color:blue}
.activeRule { background: url(../images/active.png); background-repeat: no-repeat; height:20px; width:40px; cursor:pointer;}
.inactiveRule { background: url(../images/inactive.png); background-repeat: no-repeat; height:20px; width:40px; cursor:pointer;}
.inactiveCheckBoxDiv{float:right;width:100px;z-index:1000!important;padding-right:20px;}
.inactiveCheckBoxLabel {vertical-align:middle;position:absolute;top:-31px; overflow:hidden; width:127px }
.inactiveCheckBoxLabel input[type=checkbox] {visibility:hidden; cursor:pointer; float:left}
.inactiveCheckBoxLabel div.txt:after {content:"Active";display:block; width:93px; margin:0px; padding:0px;cursor:pointer }
.inactiveCheckBoxLabel input:checked ~ div.txt:after { content:"Inactive";}
.inactiveCheckBoxLabel div span {display:block; height:20px; width:20px; background-color:#2DB035; float:right; margin-left:5px;cursor:pointer }
.inactiveCheckBoxLabel input:checked ~ div span { display:block; height:20px; width:20px; background-color:#BEBEBE; float:right; margin-left:5px}


#panelBar li div.k-content{display:block!important;}
#panelBar li .rulebox{display:none;}
.inactiveCheckBoxLabel{width:auto!important;}

/*.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight /*.k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-marquee-color{  background-color:blue}*/
/*-----Deviation CSS Starts -------*/
.deviation_block {height:335px; overflow-y:auto;}
.deviation_block ul{padding-left:0px; margin:0px;}
.deviation_block ul li {padding:10px 5px 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; background-color:#e2e2e2; float:left; width:99%;}
.view_deveation_btn{  background:url("../Images/fresco_img_sprite.png") -513px -86px !important; width:20px!important; height:20px!important; margin-right:5px !important; border:none;cursor:pointer;}
.edit_deveation_btn{  background:url("../Images/fresco_img_sprite.png") -533px -86px !important; width:20px!important; height:20px!important; margin-right:5px !important; border:none;cursor:pointer;}
.delete_deveation_btn{  background:url("../Images/delete_20.png") no-repeat !important; text-indent:-2000px; width:20px!important; height:20px!important; border:none;cursor:pointer;}
.deviation_by {margin:5px 10px 0px 5px; float: left;}
.deviation_content_row {width: 76%; float: left;}/*-----Old width 87px Changed-------*/
.deviation_clause {font-size:16px;}
.deviation_actions_block {width: 7%; float: right; margin-top:8px;}
.deviation_comments_block {height:300px; overflow-y: auto;}
.deviation_comments_block ul{padding-left:0px; margin:10px 0px 0px 0px;}
.deviation_comments_block ul li {padding:5px 5px 5px 10px; margin:0px 0px 5px 0px; list-style-type:none; background-color:rgb(247, 247, 247); }
.deviation_user, .clause_user {float:none; color:#62BB46; font-weight:bold; margin-right:10px; font-style:italic;}
.deviation_comments {font-size:14px; margin-bottom:5px; text-align:justify;}
.deviation_comments_block ul li span{font-style:italic;}
.comment_metadata {color:#666;}
.deviation_approve_reject {float:left; margin:6px 0px 0px 0px;}
.deviation_approve_reject ul{padding:0px; margin:0px; list-style-type:none;}
.deviation_approve_reject ul li{float:left; width:74px; padding:0px; margin:0px 2px 0px 0px; list-style-type:none;}
.deviation_approve_reject ul li a {width:74px; text-align:center;  color:#fff; padding:2px 0px 0px 0px; display:block; height:23px; }
.approve_deviation_green {background-color:#2eb036;}
.reject_deviation_red {background-color:#a8a6a6;}
.default_deviation_grey {background-color:#a8a6a6;}
.approvebutton,.rejectbutton {background-color:#a8a6a6;}
.approvebutton:hover {background-color:#2eb036;}
.rejectbutton:hover {background-color:#ed1c24;}
.approvebutton.selected{background-color:#2eb036;}
.rejectbutton.selected{background-color:#ed1c24;}

/*-----Deviation CSS Ends -------*/

li.loginpopup > div.k-animation-container { top:16px !important}

.txtnotif_blue {color:#3567B7}

/*Agreement Details*/
.nd-widget-inContent .nd-widget-Agreement_Rpan { float:left; width:58.5%;}
.Agreement_pdf_view_block {background-color:#fff; border:1px solid #dadada; padding:0px 0px 0px 0px; margin-top:5px; width:720px; height:400px;}
.right_details { float:left; width:57%; }
/*Agreement Details Ends*/

/*Template CSS Starts */
.nd-widget-inContent .nd-widget-template_Rpan { float:left; width:58.5%;}
.Template_pdf_view_block {background-color:#fff; border:1px solid #dadada; padding:0px 0px 0px 0px; width:720px; height:400px;}
.textarea_template{/*width: 17.9em !important;*/}
/*Template CSS Starts Ends*/

/*----- Parent Tile Style Starts -------*/
.asyncloader { position: absolute !important; width: 32px; height: 32px; top: 10px; left: 47%; background: url("../Images/loaderA32.gif") no-repeat; opacity: 0.8; }
.asyncloader2 { position: absolute !important; width: 48px; height: 48px; top: 10px; left: 47%; background: url("../Images/Kendo/Metro/loading-image.gif") no-repeat; opacity: 0.8; }
.associateddocument-tabsarea { position: relative; }

.parent-tile { border: 1px solid #dddddd; background-color: #fafafa; padding: 5px 10px; height: 75px; width: 150px; }
.parent-tile * { position: relative; }
.parent-tile:hover { background-color: #f7f7f7; }
.parent-tile h3 { margin-top: -15px; }
.agreementdetails-parenttile .parent-tile { position: absolute; right: 0; top: 15px; }
.associateddocument-tabsarea .parent-tile { position: absolute; right: 0px; bottom: -35px; }
/*----- Parent Tile Style Ends -------*/

/*Agreement Deviation Report */
.agreement_deviation_report_block {height:300px; overflow-y:auto;}
.agreement_deviation_report_block ul{padding-left:0px; margin:0px;}
.agreement_deviation_report_block ul li{padding:0px; margin:0px 0px 5px 0px; list-style-type:none;}
.deviation_clause_title {font-size:1.28em; padding:5px; margin-bottom:5px; background-color:rgb(247, 247, 247); }
.deviation_clause_comment {padding:0px 5px 10px 5px; text-align:justify; }
/*Agreement Deviation Report Ends*/

/* Administrator section*/
table.color-code td {padding:5px 0px;}
table.org-verify td {padding:5px 0px;}

.thumb { height: 75px; border: 1px solid #d9d9d9; margin: 0px 5px 0 0; padding: 10px; }
.thumb-caption {vertical-align: top; margin: 0px 5px; }
.invalidControl { border: 1px !important; border-color: #FF0000 !important; border-style: solid !important; }

/* User Preferences CSS starts */
.title_note {margin-bottom:10px; font-size:1em; font-style:italic;}
.mysettings_block {height:370px;}
/* User Preferences CSS ends */

/*Manage Org. -Details */
.MgnOrgDetails p { margin:5px 0}
.MgnOrgDetails p label{ margin:0}
.MgnOrgDetails label.common_details_label {width:180px; display:inline-block; vertical-align:top}
.MgnOrgDetails label.description {width:280px;display:inline-block; vertical-align:top}

/* ---------------------- Org Structure ---------------------------*/
.OrgStructure-Feeding { display: block; margin: 10px 0; overflow: hidden;}
.OrgStructure-Feeding input[type="text"] { float: left; margin-right: 10px;}
.OrgStructure { overflow-x: auto !important; text-align: center; overflow-y:auto; height:300px; border:1px solid #cccccc !important}
.OrgStructure ul {text-align: center;}
.OrgStructure ul li {vertical-align: top !important; display: inline-block !important;}
.OrgStructure > ul ul li { display: inline-block !important; padding: 0 5px !important;}
.OrgStructure > ul div > span.k-in {background-color: #FFFFFF;border: 1px solid #CCCCCC; padding: 5px;}

.OrgStructure > ul li div { background-image: url("../Images/vrline.png") ; background-position: center 0; background-repeat: no-repeat;}
.OrgStructure > ul ul li[data-expanded~="true"] > div { background-image: url("../Images/vrline.png"), url("../Images/vrline.png"); background-position: center 0px, center bottom; background-repeat: no-repeat;}
.OrgStructure > ul ul li div { padding: 15px;}

.OrgStructure > ul li[data-expanded~="true"] > div {background-image: url("../Images/vrline.png");background-position: center bottom;background-repeat: no-repeat;padding: 15px; position: relative;}
.OrgStructure > ul li[data-expanded~="true"] > div:after {bottom: 0;content: "";height: 1px;left: 25%; position: absolute;right: 25%;width: 50%;}
.OrgStructure > ul li[data-expanded~="true"] > div:only-child {position: relative;}
.OrgStructure > ul li[data-expanded~="true"] > div:only-child:after {content: "";height: 1px;left: 0; position: absolute;right: 0;}

.OrgStructure > ul ul li:first-child {position: relative;}
.OrgStructure > ul ul li:first-child:after {border-top: 1px solid #999999;content: "";height: 1px;left: 50%;position: absolute;right: 0;top: 0;}
.OrgStructure > ul ul li:last-child {position: relative;}
.OrgStructure > ul ul li:last-child:after {border-top: 1px solid #999999;content: "";height: 1px;left: 0;position: absolute; right: 50%;top: 0;}
.OrgStructure > ul ul li {position: relative;}
.OrgStructure > ul ul li + li:after {border-top: 1px solid #999999;content: "";height: 1px;left: 0;position: absolute;right: 0;top: 0;}
.OrgStructure > ul ul li:only-child:after {border-top: medium none;}

.OrgStructure > ul ul li[aria-expanded~="true"] div, .OrgStructure > ul ul li[aria-expanded~="false"] div {/*padding-left: 15px;*/}

/* ---------------------- Org Path Metadata  ---------------------------*/
.orgpath img {cursor:pointer; padding-left:5px; margin-top:-4px; vertical-align:middle; display:inline-block;}
.addOrgpathBTN {height: 25px; width: 30px; background:none; background-image: url(../images/add_org_path.png); background-position: 5px center; background-repeat: no-repeat; border:0px; cursor:pointer}
/* ---------------------- Org Path Ends  ---------------------------*/

/* ---------------------- Contract Type Add Edit Attributes  ---------------------------*/
/*.Add_Attribute_Scroll{max-height:477px; overflow-y: auto;}*/
.Attribute_onoff_block{width: 100% !important;float: left;}
.Attribute_onoff_block ul{list-style-type: none; display: inline; padding-left: 0px; margin-left: 0px; width: 100%;}
.Attribute_onoff_block ul li{width: 149px; margin:0px 0px 5px 0px; list-style-type: none; display: inline; padding-left: 0px; float: left;}/*-----Kapil - Old width 145px Changed-------*/
.selectCurrencyBTN {height: 25px; width: 25px;  background:url(../Images/fresco_img_sprite.png) no-repeat -574px -83px transparent ; border:0px; cursor:pointer; margin-left:5px; vertical-align:middle;}
.AddRemove-Currency { background-color:#f5f5f5; height:100px; width: 0; float:left; top: 130px; left: -25px; position:absolute}
/* ---------------------- Contract Type Add Edit Attributes Ends ---------------------------*/

/* Smart link css */
.smart-link-grid { }
.smart-link-grid tr th {text-align:left;padding:.0em .6em .0em .6em; font-family:"Segoe UI Semibold",Segoe UI; font-weight:normal;}
.smart-link-grid tr td {padding:.4em .6em; line-height:1.3em; vertical-align:middle; width:25%; color:#666;}
.smart-link-grid tr td a {text-decoration:underline; font-style:italic; font-weight:bold; color:#333;}
#smartLinkContainer article.ac-small{min-height:inherit;}
/* End smart link css */

/* Security Groups CSS */
.security_groups_col table colgroup{display: none;}
/* End Security Groups CSS */

.delete-bt-fix li.k-file-progress strong button {
     display: none !important;
 }

/*Association Metadata CSS*/
.associated_tab_content {  float: left; width: 1230px; min-height: 310px; margin-bottom:10px; }
.associated_tab_content { background-color: #F7F7F7; padding: 30px 20px 20px 20px; }
.associated_tab_content select { height: 25px;  border: 1px #ccc solid; background: #fff; color: #333; padding: 5px; }
.associated_tab_content textarea { font-size: inherit; font-family: inherit; color: #333; }
.associated_tab_content td { vertical-align: top; }
.associated_tab_content table { width:100% }
.associated_tab_content table td.leftpart { width:20% }
.associated_tab_content table td.rightpart { width:80% }
.associated_tab_content .form {}
.associated_tab_content .form select { padding:0px; height:25px; line-height:25px;}
.associated_tab_content .form input[type="text"]{width: 223px;}
.associated_tab_content .Edit-Attribute select { width: 223px; }
.associated_tab_content .Edit-Attribute .data-type-select .k-dropdown-wrap{width:211px;}
.associated_tab_content .form textarea{width: 223px;}
.associated_tab_content .form table td {padding:5px 0;}
.associated_tab_content .form table td.leftpart { width:20% }
.associated_tab_content .form table td.rightpart { width:80% }
.associated_tab_content .form table td .k-dropdown {width:18.4em}
.associated_tab_content .form table td label { margin: 0; line-height: 1.4em; word-wrap:break-word;}/*Kapil - line-height 1.6em changed*/
.associated_tab_content .form table td > input [type="text"]{ width: 223px; }
.associated_tab_content .form table td > textarea { /*width: 17.5em;*/ }
.associated_tab_content .form table td div table tr td ul li span { overflow: hidden; }
.association_count {border-left:1px solid #d1d1d1; width:10%; padding:0px 10px 0px 10px; margin-right:10px; float:right; text-align:center;}
.border {border-radius: 50px; background-color: #BADA55; }
/*Association Metadata CSS Ends*/

/* Kendo UI - Search Index Grid Override */
.SearchIndexGrid table {border-collapse: collapse !important;}
.SearchIndexGrid div > div.k-grid-content table tr:hover { background-color:#e9e9e9 !important; }
.SearchIndexGrid div > div.k-grid-content table tr:hover ~ td { background-color:#e9e9e9 !important; }
/*.SearchIndexGrid div > div.k-grid-content table tr:hover a {color:#ffffff !important}*/

.SearchIndexGrid div > div > div.k-grid-header-wrap table th { border-width: 0px 1px 0 0 !important; border-style: solid !important; border-color: #aaaaaa !important;}
    .SearchIndexGrid div > div > div.k-grid-header-wrap table th:hover {background-color:#e9e9e9 !important;     }
div.SearchIndexGrid .k-grid-header th *{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.k-alt, .k-separator {background-color:#f3f3f3 !important}
.ext-cell-label {font-weight:bold}
.ui-widget-content {border-color:#cccccc;}

/* ################## Chrome Fix - Kendo UI ######################## */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input 
    {
        padding: 0.17em 0 !important;
    }
}

.AttrDefaultVal-Fix > span {width:auto !important}
.AttrDefaultVal-Fix  .k-input { padding:0px;}

/* History User */
.history_user{ float:none; color:#21b73c; margin-right:3px; /*font-weight:bold; font-style:italic;*/}
.history_date{ /*font-style:italic; font-weight:bold;*/ margin-left:3px; color:#c50810}

 /*Kindo Multiselect and select list large text break CSS*/ 
.k-popup .k-list .k-item {word-break: break-all !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* MedaData Group Accordian*/
ul.agrMetaData-accordian {}
ul.agrMetaData-accordian li div:last-child{padding-bottom:15px !important;   }
ul.agrMetaData-accordian li > div { border-bottom:none !important; padding:0px 10px !important;}
ul.agrMetaData-accordian li div label  {  font-weight:normal !important }
ul.agrMetaData-accordian li div table td input[type="text"] {border: 1px solid #DADADA}
ul.agrMetaData-accordian li span.k-header.k-state-selected {font-weight:bold}
ul.agrMetaData-accordian li span.k-link.k-header {background-color:#eee !important}


/* Agreement Details Group Accordian*/
ul.agrDetails-accordian {}
ul.agrDetails-accordian li div:last-child{padding-bottom:15px !important;   }
ul.agrDetails-accordian li > div { border-bottom:none !important; padding:0px 10px !important;}
ul.agrDetails-accordian li div label  {  font-weight:normal !important }
ul.agrDetails-accordian li span.k-header.k-state-selected {font-weight:bold}
ul.agrDetails-accordian li span.k-link.k-header {background-color:#eee !important}
ul.agrDetails-accordian li .description   {width:auto !important }

.currency-code {width:121px !important}
#associatedDocDetails table td textarea{ width:17.5em !important}
/*Error Message*/
.erMessage {width:75%; margin:0px auto 0 auto; display:block; padding-top:20px}
.erMessage div.bgImage {  text-align:left; vertical-align:middle;min-height:300px; width:75%; padding-left:25%;  font-family:'Segoe UI'; background:#f3f3f3 url("../Images/erMessage-bgimg.jpg") no-repeat left 20px top 55px ; display:block; float:left; margin:30px 0 0 0 }
.erMessage div.message {  margin:10% 0 0 0; display:block; width:100% }
.erMessage div.message span.more-info { cursor:pointer;display:block; padding-top:10px; text-decoration:underline; width:123px }
.erMessage div.message span.more-info:hover {text-decoration:none !important; color:#cccccc    }
.erMessage div.message div.message-details { padding:0 10px 10px 10px; margin-top:10px ; display: none; max-height: 235px; overflow: auto; background-color:#eeeeee; width:95% }
.erMessage div.message div.message-details span.btn-close { cursor: pointer; float: right; }
.erMessage h2{ color:#0397d6; }
.erMessage h3 { padding:0 20px 0 0    }
.erMessage h3 a { color:inherit; text-decoration:underline !important}
.erMessage h3 a:hover { color:#cccccc; text-decoration:none !important }

/*Loader Small*/
span.datasync_loader { width: 16px !important; height: 16px !important; background: url("../Images/icm_loaderA16.gif") no-repeat !important; opacity: 0.8; border:none !important; padding: 0px !important; top:10px !important; left:-10px !important; }
span.datasync_empty { width: 0px !important; height: 0px !important; background:none !important;  border:none !important; padding: 0px !important;}

/*Reports*/
table #ParameterTable_1_reportViewer_ctl04 td:first-child { width:35%; vertical-align:middle} 
table #ParameterTable_1_reportViewer_ctl04 td{ text-align:left;}
table #ParameterTable_1_reportViewer_ctl04 select {min-width:257px;}
#reportList a{display:block;}

/*Commitments*/
.takeaction_btn_block { float:left; margin-left:20px;}
.takeaction_btn_block img{ cursor:pointer;}


ins {
background-color: silver;
text-decoration: inherit;
}

/*added by UI-sac*/
.tile_groups_block {
    position:relative;
    min-height:inherit;
}
.AddUserMidSection {
    margin:0px 50px;
    min-height:160px;
    min-width:577px;
    
}
.position_absolute {
    position:absolute;
    padding-top:0px;
}
.leftarrow {
    position:absolute;
    padding-top:0px;
    top:50%;
}
.rightarrow {
    position:absolute;    
    padding-top:0px;
    right:0;
    top:50%;
}
ol#pagination li.prev, ol#pagination li.next {
    top:43%;
}
ol#pagination {
    min-height:inherit;
}

span.grid_details { width:30px; height:20px; display:block; background:transparent url(../Images/fresco_img_sprite.png) no-repeat -17px -113px;color:#fff;}

/*Associate and Inherit*/
.inherit_block {margin: 0px 0px 10px 7px; font-size:14px; min-width:260px;}
.inherit_block span{float:left;}
.inherit_details_add { width:15px; height:20px; float:left; display:block; margin-left:10px; background:transparent url(../Images/fresco_img_sprite.png) no-repeat -72px -86px;color:#fff;}

div.search_user_block span span.k-dropdown-wrap .k-input {width:200px;}

/*---Alert Popup ----*/
input.popup-button:focus { background-color:#8ebc00;}
.subscriptionDetails input[type=text] {width: 250px;}
.subscriptionDetails .k-widget, .k-dropdown {width: 262px;}

/*---Commitments-Notification ----*/
#commitmentNotificationList li {border-bottom:1px solid #d1d1d1; margin-bottom:10px; padding-bottom:10px; width:90%; margin-left:55px;}
.commitment_note {font-size:14px; font-style:italic;}

/*--- Resposive Login page CSS for Mobile ----*/

.showondevice { display:none;}
.new-forgot-password-link{display:none !important;}


/**title for the login page on mobile browser view*/
.header-title {display: none}
.new-icertis-logo {display: none !important;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#content {width: 100%;}
.new-icertis-logo {display: block !important;-webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);width:100%;}
.old-icertis-logo {display: none;}
div#banner {position: absolute;top: 0px !important;left: 0;width: 100%;height: 88px;}
.logo {display: flex;justify-content: flex-start;padding: 0px !important;align-items: center;height: 84px;margin-left: 0px !important;float: left; /*width:130px; margin-left:5px*/}
.header-title {height: 90px;display: flex;align-items: center;padding-left: 15px !important;}
/*#banner {display:none;}*/
.icertis-header {font-family: 'Source Sans Pro Semibold' !important; font-size: 1.8rem !important;margin: 0px;}
div#footer{background:#fff;}
#footer { width:100%; max-height:50px; padding:10px; margin-bottom:0px; }
.footer-mid { width:100%; height:auto; line-height:30px; text-align:center; font-size:0.75rem; color:#404041;font-family:'Source Sans Pro Semibold' }
.footer-mid img { max-width:100%; height:auto; }
div#clearBanner { padding-top:0px;}
.gc-fpageContener .gc-Colmdl { background-image:none !important; padding:10px !important; width:100% !important;height: auto !important; background:#fff !important; } /**add a backhgroujnd color over here*/
.mid-contentplace { width: 100% !important; margin-top: 0px !important; margin-bottom: 0px !important;}
input.passwordEntry { width: 100% !important; margin-right: 10px; height:40px;border:1px solid #ADADAD;border-radius:4px;}
.hideondevice {display: none  !important;}
.showondevice {display: block  !important;}
input.loginButton { width: 40% !important; text-transform: uppercase;border-radius:3px; font-size: 0.75rem; background-color: #6432A5; font-family: "Source Sans Pro Semibold" }
.loginvalidation{padding-top: 20px;width:100% !important;text-align:center;font-size:0.68rem}
.loginWrapperDiv{ margin: auto;}
div.loginWrapperRightParentDiv{width:100% !important;height:100%;}
.borderNone{border:none;}
.loginWrapperLeftParentDiv{display: none;}
.frgtBoxWidth{width:95% !important;padding-top:25px;padding-bottom:5px}
.frgtPwdLink{padding-top:30px !important;}

 div#wrap {/* height: 100%;*/ overflow: hidden; display: flex; align-items: center; justify-content: center; margin-top:0px !important}
 #main{width:100%}
 .login-title {display:none;}
 .login-button{display:flex;justify-content:center;padding-top:30px !important}
 .gc-simpletxt{font-size:0.70rem;font-family:"Source Sans Pro Regular";color:#595959;text-transform:uppercase;padding-bottom:5px !important;}
 .login-form{width:90%;margin-left:auto;margin-right:auto;}
 .field-validation-error{ color:red;font-size:0.68rem;font-family:"Source Sans Pro Semibold";}
  .mid-contentplace table td { padding: 0px 0; }
.loginButton{margin-top:0px !important;}
.link-org{width:100% !important;display:flex !important;justify-content:center; /*margin-top:10px;*/font-family:'Source Sans Pro Regular';font-size:0.88rem;color:#006ABE !important}
.old-forgot-password-link{display:none !important;}
input.passwordEntry:focus{border:1px solid #6432A5;}
.link-org:focus{text-decoration:underline;}
.loginButton:focus{background-color: #8A57CB !important;}
.loginButton:hover { background-color: #8A57CB !important; }

}

@media only screen and (max-device-width : 320px) {
#content {width: 100%;}
div#footer{background:#fff;}
#footer { width: 100%; max-height:50px; padding:10px; }
.old-icertis-logo {display: none;}
.new-icertis-logo {display: block !important;-webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);width:100%;}
.logo {display: flex;justify-content: flex-start;padding: 0px !important;align-items: center;height: 84px;margin-left: 0px !important;margin-top: -10px;float: left; /*width:130px; margin-left:5px*/}
.header-title {height: 65px;display: flex;align-items: center;padding-left: 15px !important;}
.icertis-header {font-family: 'Source Sans Pro Semibold' !important;font-size: 1.28rem !important;margin: 0px; }
/*#banner { display: none;}*/
div#banner {position: absolute;top: 0px !important;/* top: 20px;*/ /**/left: 0;width: 100%;height: 90px;}
div.footer-mid div {float: left !important;}
.footer-mid { width:100%; height:auto; line-height:30px; text-align:center; font-size:0.75rem;color:#404041;font-family:'Source Sans Pro Semibold' }
.footer-mid img { max-width: 100%; height: auto; }
div#clearBanner {padding-top: 0px;}
.gc-fpageContener .gc-Colmdl { background-image:none !important; padding:10px !important; width:100% !important;height: auto !important; background:#fff !important; } /**add a backhgroujnd color over here*/
.mid-contentplace { width: 100% !important; margin-top: 0px !important; margin-bottom: 0px !important;}
input.passwordEntry { width: 100% !important; margin-right: 10px; height:35px;border:1px solid #ADADAD;border-radius:4px;}
.hideondevice, .LogoContainer {display: none !important;}
.showondevice {display: block !important;}
.link-org {padding-top:20px;}
input.loginButton { width: 40% !important; text-transform: uppercase; border-radius:3px; font-size: 0.75rem; background-color: #6432A5; font-family: "Source Sans Pro Semibold" }
.loginvalidation{padding-top: 20px;width:100% !important;text-align:center;font-size:0.58rem}
.loginWrapperDiv{ margin: auto;}
.loginWrapperRightParentDiv{width:95% !important;height:100%;}
.borderNone{border:none;}
div.loginWrapperRightParentDiv{width:100% !important;height:100%;}
.frgtBoxWidth{width:95% !important; padding-top:25px;padding-bottom:5px}
.frgtPwdLink{padding-top:30px !important;}


div#wrap { /*height: 100%*//*;*/ overflow: hidden; display: flex; align-items: center; justify-content: center;margin-top:0px !important } 
#main { width: 100% }
.login-title { display: none; }
.login-button { display: flex; justify-content: center;padding-top:30px !important;}
.gc-simpletxt { font-size: 0.70rem; font-family: "Source Sans Pro Regular"; color: #595959; text-transform: uppercase;padding-bottom:5px !important; }
.login-form { width: 90%; margin-left: auto; margin-right: auto; }
 .field-validation-error{ color:red;font-size:0.58rem;font-family:"Source Sans Pro Semibold";}
 .mid-contentplace table td { padding: 0px 0; }

 .loginButton{margin-top:0px !important;}
.link-org{width:100% !important;display:flex !important;justify-content:center;/* margin-top:10px;*/ font-family:'Source Sans Pro Regular';font-size:0.88rem;color:#006ABE !important}
.old-forgot-password-link{display:none!important}
input.passwordEntry:focus{border:1px solid #6432A5;}
.link-org:focus{text-decoration:underline;}
.loginButton:focus{background-color: #8A57CB !important;}
.loginButton:hover { background-color: #8A57CB !important; }

}


@media only screen and (min-device-width : 480px) and (max-device-width : 800px) {
 #content { width: 100%; } 
 /*#banner { display: none;}*/ 
 .header-title { display: none !important; }  
 .new-icertis-logo { display: none !important; }
 #footer { width: 100%; max-height: 50px; padding: 10px; margin-bottom: 0px; }
 .footer-mid { width: 100%; height: auto; line-height: 30px; }
 .footer-mid img { max-width: 100%; height: auto; }
 div#clearBanner { padding-top: 0px; }
 .gc-Colmdl { background-image: none !important; padding: 10px !important; width: 100% !important; height: auto !important; }
 .mid-contentplace { width: 100%; margin-top: 0px !important; margin-bottom: 0px !important; }
 input.passwordEntry { width: 97%; margin-right: 10px; }
 .hideondevice, .LogoContainer { display: none !important; }
 .showondevice { display: block !important; }
 .loginButton { width: 97% !important; }
 .loginvalidation { padding-top: 20px; width: 100% !important; }
 .loginWrapperDiv { margin: auto !important; }
 .loginWrapperRightParentDiv { width: 95% !important; height: 100%; }
 .borderNone { border: none; }
 .loginWrapperLeftParentDiv { display: none; }
 .frgtBoxWidth { width: 95% !important; }
 }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
 #content { width: 100%; }
 /*#banner { display: none;}*/
 .header-title { display: none !important; }
 .new-icertis-logo { display: none !important; }
 #footer { width: 100%; max-height: 50px; padding: 10px; margin-bottom: 0px; }
 .footer-mid { width: 100%; height: auto; line-height: 30px; }
 .footer-mid img { max-width: 100%; height: auto; }
 div#clearBanner { padding-top: 0px; }
 .gc-Colmdl { background-image: none !important; padding: 10px !important; width: 100% !important; height: auto !important; }
 .mid-contentplace { width: 100%; margin-top: 0px !important; margin-bottom: 0px !important; }
 input.passwordEntry { width: 97%; margin-right: 10px; }
 .hideondevice { display: none !important; }
 .showondevice { display: block !important; }
 .loginButton { width: 97% !important; }
 .loginvalidation { padding-top: 20px; width: 100% !important; }
 .loginWrapperDiv { margin: auto !important; }
 .loginWrapperRightParentDiv { width: 95% !important; height: 100%; }
 .borderNone { border: none; }
 .loginWrapperLeftParentDiv { display: none; }
 .frgtBoxWidth { width: 95% !important; }
   }

 @media only screen and (max-device-width : 768px) {
 #content { width: 100%; }
 /*#banner { display: none;}*/ 
 #footer { width: 100%; max-height: 50px; padding: 10px; margin-bottom: 0px; }
 .footer-mid { width: 100%; height: auto; line-height: 30px; }
 .footer-mid img { max-width: 100%; height: auto; }
 div#clearBanner { padding-top: 0px; }
.gc-Colmdl { background-image: none !important; padding: 10px !important; width: 100% !important; height: auto !important; }
.mid-contentplace { width: 100%; margin-top: 0px !important; margin-bottom: 0px !important; }
input.passwordEntry { width: 97%; margin-right: 10px; }
.hideondevice, .LogoContainer { display: none !important; }
.showondevice { display: block !important; }
.loginButton { width: 97% !important; }
.loginvalidation { padding-top: 20px; width: 100% !important; }
.loginWrapperDiv { margin: auto !important; }
.loginWrapperRightParentDiv { width: 95% !important; height: 100%; }
.borderNone { border: none; }
.loginWrapperLeftParentDiv { display: none; }
.frgtBoxWidth { width: 95% !important; }
 }

 @media only screen and (max-device-width : 1024px) {
#content { width: 100%; }
/*#banner { display: none;}*/
#footer { width: 100%; max-height: 50px; padding: 10px; margin-bottom: 0px; }
.footer-mid { width: 100%; height: auto; line-height: 30px; }
.footer-mid img { max-width: 100%; height: auto; }

div#clearBanner {padding-top: 0px;}
.gc-Colmdl { background-image: none !important; padding: 10px !important;/*width:100% !important*/;height: auto !important; }
.mid-contentplace { width: 100%; margin-top: 0px !important; margin-bottom: 0px !important;}
input.passwordEntry { width: 97%; margin-right: 10px; }
.hideondevice, .LogoContainer {display: none !important;}
.showondevice {display: block !important;}
.loginButton{width:97% !important;}
.loginvalidation{padding-top: 20px;width:100% !important;}
.loginWrapperDiv{ margin: auto !important;}
.loginWrapperRightParentDiv{/*width:95% !important*/height:100%;}
.borderNone{border:none;}
.loginWrapperLeftParentDiv{display: none;}
.frgtBoxWidth{width:95% !important;}
}


@media only screen and (max-device-width : 1024px) {
#content {width: 100%;}
/*#banner { display: none;}*/
#footer { width: 100%; max-height:50px; padding:10px; margin-bottom: 0px; }
.footer-mid { width: 100%; height: auto; line-height: 30px; }
.footer-mid img { max-width: 100%; height: auto; }
div#clearBanner {padding-top: 0px;}
.gc-Colmdl { background-image: none !important; padding: 10px !important;width:50% !important;height: auto !important; }
.mid-contentplace { width: 100%; margin-top: 0px !important; margin-bottom: 0px !important;}
input.passwordEntry { width: 97%; margin-right: 10px; }
.hideondevice {display: none !important;}
.showondevice {display: block !important;}
.loginButton{width:97% !important;}
.loginvalidation{padding-top: 20px;width:100% !important;}
.loginWrapperDiv{ margin: auto !important;}
.loginWrapperRightParentDiv{width:95% !important;height:100%;}
.borderNone{border:none;}
.loginWrapperLeftParentDiv{display: none;}
.frgtBoxWidth{width:95% !important;}

}

    /*--- Resposive Login page CSS for Mobile Ends ----*/


    .overflowHidden {
        overflow: hidden;
    }


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


    .smallpaddingLeft {
        padding: 0px 0px 0px 10px;
    }

    .frgtPwdLink {
        color: #258D2C;
    }

    .loginButton {
        width: 260px;
        background-color: #258D2C;
        margin-top: 15px;
        height: 35px;
    }

    .loginvalidation {
        color: Red;
        padding-top: 20px;
        width: 250px;
    }

    .loginWrapperDiv {
        margin: 70px 90px 31px;
        width: 70%;
    }

    .loginWrapperRightParentDiv {
        width: 450px;
        height: 100%;
    }

    .borderNone {
        border: none !important;
    }

    .loginWrapperLeftParentDiv {
        width: 450px;
        float: left;
        display: inline-block;
        height: 100%;
        position: relative;
    }

    .frgtBoxWidth {
        width: 260px;
    }