@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(responsive.css);
html, body {height:100%;width:100%;margin:0;padding:0;position:relative;}

*, *:before, *:after {box-sizing: border-box; font-family: 'Abel', sans-serif !important;font-size: 12pt	;font:inherit;}
input{font-size: inherit;}


h1{font-size:26pt;}
h2{font-size:24pt;}
h3{font-size:22pt;}
h4{font-size:20pt;}
h5{font-size:18pt;}

h1,h2,h3,h4,h5{color:inherit;font-weight: inherit;}


::-webkit-scrollbar { width: 0.7em; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } 
::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}

.bx-wrapper{    background: transparent !important;    border: none !important;
    box-shadow: none !important;margin-top:30px;}

.sn-faq,
.NormalBold{font-size: inherit;}

.sn-faq{font-weight:bold;}

.SN_Login table{width: 100%;}
.Iframe table{padding:0px 20px;}
.SN_Login table tbody tr:first-child td:first-child{display:none !important;}
.SN_Login table tbody tr:last-child td table:first-child{border-spacing: 0px !important;margin:0;padding-top:30px;}
.Iframe table tbody tr:last-child td table:first-child{padding-top:20px;}
.SN_Login table tbody tr:last-child td table tbody tr td:first-child{display:none;}
.SN_Login table tbody tr:last-child td table tbody tr td:last-child input{background-color: #eee;width: 100% !important;max-width: 500px;padding: 15px 15px 15px 45px !important;margin:0;display: block;margin: 0;padding: 25px 15px 25px 45px;outline: 0;background-image: none;color: #666;font-size: 14px;border: 0;}
.Iframe table tbody tr:last-child td table tbody tr td:last-child input{background-color:#DEE1E1;}
.SN_Login table tbody tr:last-child td table tbody tr:first-child td:last-child input{border-radius:3px 3px 0 0;}
.SN_Login table tbody tr:last-child td table tbody tr:last-child td:last-child input{border-radius:0 0 3px 3px;}
.SN_Login .StandardButton{width:auto !important;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;position: relative;display: inline-block;margin-bottom: 0;padding: 15px 60px;border: 0 solid transparent;border-radius: 3px;background: #018fc9;background-image: none;color: #fff;vertical-align: middle;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;font-weight: 500;font-size: 18px;line-height: 100%;cursor: pointer;outline: 0;margin-top:20px;}
.Iframe .StandardButton{background:#069;}
#SN_C_Sig_trPassword td{display:table-cell !important; text-align:center;}
#SN_C_Sig_trPassword td a{color: #018fc9;}
#SN_C_Sig_trPassword td a:hover{color: #6495ed;}

.SFAppsItem{width:100%;max-width:400px;display:inline-block;border: 1px solid #eee;padding:15px;margin:15px;vertical-align:middle}
.SFAppsItem img{width:50px;}
.SFAppsItem > div{display:flex;align-items:center;}
.SFAppsItem div.info{margin-left:15px;text-align:left;}
.SFAppsItem div.info h1{font-size:1em;margin:0px;font-weight:bold;color:#555;}
.SFAppsItem div.info p{margin:2px 0px;color:#555;}

.SFToTitle{    font-weight: bold;
    color: #555;
    font-size: 2.5em;margin-top:0px;}
.SFToSubTitle{    
    color: #555;
    font-size: 2em;}

.SFToItem{width:100%;padding:30px 60px;}
.SFToItem img{width:50px;}
.SFToItem > div{display:flex;align-items:center;}
.SFToItem div.info{margin-left:25px;text-align:left;}
.SFToItem div.info h1{font-size:2.5em;margin:0px;font-weight:bold;color:#555;}
.SFToItem div.info p{font-size:1.5em;margin:2px 0px;color:#555;}

.Normal, .normal, .NormalDisabled, .TextBoxLikeLabel{font-size:inherit;text-align: inherit;}
h3{margin:0px;} 
#footpanel *, #footpanel *:before, #footpanel *:after{box-sizing:content-box;}

#sf-header{position:absolute;box-shadow: 0px 1px 3px 0px rgba(27, 36, 50, 0.15);position:fixed;}
#sf-header, footer{width:100%;height:70px;background-color: rgba(255,255,255,0.97);z-index:99;}
section{padding:60px 0px 0px 0px;position:relative;overflow:hidden;}
.maxH768{max-height:768px;}
section.blue{background-color:#6495ed;}
section.blue *{color:#fff;}
section.banner{height:100%;width:100%; margin:0 auto; overflow:hidden;}
section.banner .container{position: absolute;width: 100%;top: 50%;height:auto;}
.container{height:100%;width:100%; /*max-width:1024px;*/ margin:0 auto;}
section.banner {padding:70px 0px;}

section.video div{height:100%;}

.input--hoshi{    display: block !important;
    margin: 0 auto !important;
    max-width: 600px !important;}

#sf-header{top:0;}
footer{bottom:0;}
.box-full{width:100%; padding:40px 0px; text-align:left;}
.box-600{width:100%; max-width:600px; display:inline-block; height:100%; vertical-align:top; padding:40px 0px 0px 0px; text-align:left;}
.box-700{width:100%; max-width:900px;display:inline-block; height:100%; vertical-align:top; text-align:left;}
.box-350{width:100%; max-width:350px; display:inline-block; height:100%; vertical-align:top; padding:40px 0px 0px 0px; text-align:left;}
.box-400{width:100%; max-width:400px; display:inline-block; height:100%; vertical-align:top; padding:40px 0px 0px 0px; text-align:left;}
.box-252{width:100%; max-width:252px; display:inline-block; height:100%; vertical-align:top; padding:40px 0px; text-align:left;}
.box-768{width:100%; max-width:768px; display:inline-block; height:100%; vertical-align:top; padding:40px 0px; text-align:left;}
.ContBox{display:inline-block;width: 100%;
    max-width: 375px;padding:20px 10px;vertical-align:middle;}
.SF-Scenario{    display: inline-block;
    margin: 2px 0px;
    cursor: pointer;
    width: 100%;
    max-width: 250px;
    padding: 20px 10px;
    vertical-align: middle;
    background: #069;
    color: #fff;
    min-height: 308px;}
.SF-Scenario:hover{background:#6495ed;}
.SF-Scenario-Selected{background:#6495ed;}
.beuBox{width: 100%;
    padding: 20px;
    border: 2px solid #03a93a;
    position: relative;min-height:185px;}
.beuBox h1{
    background: #fff;
    width: auto;
    margin: 0px;
    position: relative;
    top: -38px;
    display: inline-block;
    padding: 0 15px;
    color: #03a93a;
	font-size: 1.7em;
	font-weight:bold;
}
.beuBox div{margin-top: -19px;text-align:left;}

.al-center{text-align:center;}
.al-right{text-align:right;}
.banner{background-size:cover;position: relative;}
.banner {background-image: url('/Sites/process/Skins/SharpProcess/img/banner/backgrounds/bg.jpg');}
#sf-header .container a img{height: 60px;margin: 5px 0px;}
.txt-w{color:#fff;}
.txt-dblue{color: #6495ed;}
h1.banner-title{font-size:2em; font-weight:bold;-webkit-margin-before: 0.5em;-webkit-margin-after: 0.5em;}
h2.banner-subtitle{font-size:1.5em; font-weight: normal;-webkit-margin-before: 0.5em;-webkit-margin-after: 0.5em;}
.line{width:100%;border-bottom:1px solid #fff;padding:1em 0em;height:0px;}
.banner-foot{position:absolute; width:100%; bottom:70px;left:0px; height:70px;background-color: rgba(0, 89, 135, 0.5);}

.buttons-inline{display:inline-block;background: #d9534f;padding: 10px 10px;font-size: 1.5em;cursor:pointer;}
.bVWhite{background:#fff;}
.buttons-inline a{color: #fff !important;}
.bVWhite a{color:#000 !important;}

footer h1{line-height: 70px;-webkit-margin-before: 0em;-webkit-margin-after: 0em;font-size: 2em;}
.info-cont{width:100%;background-color: rgba(12, 28, 52, 0.4);padding:5px 0px; text-align:center;}
.info-cont div.pane{display:inline-block; width:100%; max-width: 195px;padding: 0px 5px; text-align:left;}
.info-cont p{color:#fff;}
.img-leg{font-size:1em;font-weight: bold;-webkit-margin-before: 0em;-webkit-margin-after: 0em;}

.login-container .CommandButton,.login-container a.CommandButton:link,.login-container a.CommandButton:visited,.login-container a.CommandButton:hover,.login-container a.CommandButton:active,
.login-container .StandardButton, .login-container a.StandardButton:link, .login-container a.StandardButton:visited, .login-container a.StandardButton:hover, .login-container a.StandardButton:active {height:auto;padding: 10px;}
.login-container table{width:100%;max-width: 350px;margin: 0 0 0 auto;}
.login-container table tr{width: 100%;text-align: center;display: block;}
.login-container table tr td{  display: inline-block;width: 100%;padding:5px;}
.login-container table tr td table tr td{  width: 100%;max-width: 215px;}
.login-container table tr td table:last-of-type tr:first-of-type td:first-of-type{  display:none;}
.login-container table tr td table:last-of-type tr:last-of-type td:first-of-type{  max-width:400px;text-align:center;}
.login-container table tr td a{color: inherit;}
.login-container .Normal,.login-container .NormalTextBox,.login-container .NormalBold ,.login-container .CommandButton,.login-container .CommandButtonDisabled {font-size:12pt;}
.login-container .NormalTextBox{width: 100% !important;padding: 10px;border: 1px solid #fff;font-family: inherit;font-size:inherit;border-radius: 0px;height: auto;}
.login-container .NormalBold{color:#fff; font-weight:bold;font-family: inherit;font-size:inherit;}
.login-container .StandardButton{width: 100%;text-align: center;color: #fff;min-width: 336px;max-width: 336px;margin-left: -65px;}
.login-container .CommandButton{width:100%; text-align:center; color:#fff !important;}
.login-container td.NormalBold {width:100%;max-width:115px;}
.login-container .StandardButton {width: 100%;max-width: 200px;background-image: none;border-width: 0px;border-radius: 0px;background-color: rgba(12, 28, 52, 0.4);font-family: inherit;font-size: inherit;font: inherit;}


.top-nav{float:right;}
.RadMenu_Default .rmRootGroup, .RadMenu_Default a.rmLink, .RadMenu_Default .rmGroup .rmText, .RadMenu_Default .rmVertical .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow, .RadMenu_Default .rmIcon{background-image:none;}
.RadMenu_Default .rmGroup, .RadMenu_Default .rmMultiColumn, .RadMenu_Default .rmGroup .rmVertical{border: 1px solid #334969;border-top: 2px solid #1ABC9C;background: #333;border-color: white;border-top-color: #334969;padding:0px;box-shadow: none;}
.RadMenu_Default{width: auto;float: right;z-index: 7;}
.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup{border: 0px;touch-action: pan-y;border-right: 1px solid #334969;border-right-color: rgba(255,255,255,.2);float: left;padding-right: 15px;margin-right: 15px;opacity: 1;list-style: none;height: 100%;margin: 0;padding: 0;background-image: none;background-color: transparent;}
.RadMenu .rmHorizontal .rmItem{clear: none;position: relative;float: left;margin-left: 2px;margin: 0;padding: 0;border:0;}
.RadMenu_Default .rmHorizontal a.rmLink, .RadMenu_Default .rmHorizontal a.rmLink:hover{display: block;height: 100%;line-height: 70px;padding: 0 15px;font-weight: 700;font-size: 13px;letter-spacing: 1px;text-transform: uppercase;-webkit-transition: line-height .4s ease;-o-transition: line-height .4s ease;transition: line-height .4s ease;}
.RadMenu_Default .rmHorizontal a.rmLink{color: #334969; background-color: transparent;}
.RadMenu_Default .rmHorizontal .rmExpanded a.rmLink,.RadMenu_Default .rmHorizontal a.rmLink:hover{color: #334969; text-decoration:underline; background-image:none;}
.RadMenu_Default .rmHorizontal .rmExpanded a.rmLink,.RadMenu_Default .rmHorizontal a.rmLink:hover span{text-decoration:underline;}
.RadMenu_Default .rmHorizontal .rmSelected a.rmLink {text-decoration:underline; color:#334969;box-shadow:none;}
.RadMenu_Default .rmHorizontal .rmSelected a.rmLink span {text-decoration:underline;}
.RadMenu_Default .rmHorizontal .rmFocused a.rmLink {box-shadow: none;border:0px;}
.RadMenu_Default .rmVertical a.rmLink,.RadMenu_Default .rmVertical a.rmLink:hover{border-radius:0px;border:0px;background-image:none;height: auto;line-height: 2.7;}
.RadMenu_Default .rmVertical a.rmLink{color: #334969;background-color:#334969;}
.RadMenu_Default .rmVertical a.rmLink:hover{color: #334969;background-color:#334969;}
.RadMenu_Default .rmRootToggle,.RadMenu_Default .rmRootToggle:active, .RadMenu_Default .rmRootToggle.rmExpanded{color:#334969;background-color:transparent; background-image:none;border: 0px;box-shadow:none;}
.RadMenu .rmHorizontal .rmText {padding: 0 12px 0px 0;}
.RadMenu_Default, .RadMenu_Default a.rmLink{font-family: inherit;font-size: inherit;font: inherit;}

#pMNav .RadMenu_Default{position: absolute;top: 0;right: 0;}


.StandardButton {padding: 10px 20px;background-image: none;border-width: 0px;border-radius: 0px;background-color: #ccc;}
.StandardButton a{vertical-align:middle;font-size: 14px;color: #000;}
.snbIcon {padding: 0px;cursor: default;display: inline-block;height: 16px;width: 16px;vertical-align: middle;}

.sNetForm input,.sNetForm textarea,.sNetForm select,.sNetForm  input.NormalTextBox,.sNetForm textarea.NormalTextBox,.sNetForm  select.NormalTextBox{border: 0px;border-radius: 0px;width: 100%;max-width: 370px;padding: 10px 10px;height: auto;box-shadow: 0 0 0 1px darkgray inset;}
.sNetForm table{width:100%; max-width:750px;}
.sNetForm100 table{width:100%; max-width:100% !important;}
.sNetForm100 table{width:100%; max-width:100% !important;}
.sNetForm100 input[type="checkbox"], .sNetForm100 input[type="radio"]{width:auto !important;box-shadow: none !important;height: 20px !important;width: 20px !important;vertical-align: middle;}
.sNetForm input[type="radio"], .sNetForm input[type="checkbox"]{width:18px !important; height:18px;}

ul.token-input-list-facebook{margin: 5px;padding: 5px;border-color: rgb(169, 169, 169);}
.NormalTextBox {color: initial !important;font-family: inherit;font-size: inherit;border-radius: 0px;height: auto;padding: 5px !important;margin: 5px;border-color: rgb(169, 169, 169) !important;}
.RadUpload .ruInputs{margin: 5px;}
.RadUpload .ruInputs li{margin:0px;}
.RadAsyncUpload span.ruFileWrap{height: auto;}
.RadUpload_Metro .ruFakeInput{padding: 5px;height: auto;border-color: rgb(169, 169, 169);}
div.RadUploadSubmit, div.RadUpload_Metro .ruButton{padding: 5px;height: 30px;border-color: rgb(169, 169, 169);}
.RadPicker{margin:5px;}
html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default{padding: 5px;height: 30px;border-color: rgb(169, 169, 169);}

table.QMS_Toolbar_MenuGroup{background-color: #eee;border-top: 5px solid #ccc;}
table.QMS_Toolbar_MenuGroup tbody tr td{border-bottom: 1px solid #ccc;padding: 5px; cursor:pointer;}
table.QMS_Toolbar_MenuGroup tbody tr td:hover{background-color:#ccc; font-weight:bold;}
table.QMS_Toolbar_MenuGroup tbody tr td table tbody tr td{border-bottom: 0px;}

.sp-toolbar-button img {margin-right: 5px;height: 10px;}
a.sp-toolbar-button {background: #99ccff !important;color: #99ccff !important; color:#fff !important;}
.sgqToolItem, a.sgqToolItem:link, a.sgqToolItem:visited, a.sgqToolItem:hover, a.sgqToolItem:active{border-radius: 0px !important;}
.box4:first-child div div {max-width: 100% !important;text-align: left !important;padding: 10px;}

.auto{height:auto!important;}
.vmiddle{vertical-align:middle;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}
.pt70{padding-top:70px;}
.pt10{padding-top:10px;}
.bgW{background:#fff;}

.FuncBox{vertical-align:middle;display:inline-block;width: 100%;max-width: 360px;position:relative;height: 150px;}
.FuncBox img{position:absolute; left:0; top:10px;}
.FuncBox h1{padding-left:100px;padding-left: 100px;font-size: 1.5em;text-align: left;}

.floatH{height:80px;}

.bold{font-weight:bold;}

.languages{padding:1px;}
.languages img{cursor:pointer; opacity:0.3;}
.languages img.activated{opacity:1;}

.get-started{    border: 1px solid #333;
    padding: 15px;
    border-radius: 5px;
    background: #333;
	cursor:pointer;}

.cp{cursor:pointer;}
.dp{display:block;}
.dpib{display:inline-block;}
.floatR{float:right;position:relative;}
.floatL{float:left;}

.mw240{max-width: 240px;}


.modal-static { 
    position: fixed;
    top: 50% !important; 
    left: 50% !important; 
    margin-top: -100px;  
    margin-left: -150px; 
    overflow: visible !important;
}
.modal-static,
.modal-static .modal-dialog,
.modal-static .modal-content {
    width: 300px; 
    height: auto; 
}
.modal-static .modal-dialog,
.modal-static .modal-content {
    padding: 0 !important; 
    margin: 0 !important;
}
.modal-static .modal-content .icon {
}

nav{padding-right:20px;}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

nav li {
    float: left;
}

nav li a {
    display: block;
    color: #333 !important;
    text-align: center;
    padding: 23px 16px;
    text-decoration: none !important;
	text-transform: uppercase;
	-webkit-transition: box-shadow 500ms ease-out 0.3s;
    -moz-transition: box-shadow 500ms ease-out 0.3s;
    -o-transition: box-shadow 500ms ease-out 0.3s;
    transition: box-shadow 500ms ease-out 0.3s;
}

nav li a:hover:not(.active) {
	
}

nav .active {
	background: #eee;
	color:#333 !important;
	box-shadow: 0px 3px 0px 0px #d9534f;
}
.languages  a{padding:0px 3px;}
.languages .activated{background:#6495ed; color:#fff;}

.SNEmptyPane{height:0px;}
.dg{color:#333 !important;}

.gritter-top{background:none; background-color:rgba(0,0,0,0.7);}
.gritter-bottom{background:none; background-color:rgba(0,0,0,0.7);}
.gritter-item{background:none; background-color:rgba(0,0,0,0.7);}
.gritter-close{background:url(http://nigdeloil.com/wp-content/themes/nigdel/img/mobile-menu-close.png) no-repeat;background-size:100%;height:20px; width:20px; }

button.close{float: none;
    position: absolute;
    top: 1px;
    right: 4px;
    color: #333;
    opacity: 0.7;
    font-family: cursive !important;}
	
	.ui-widget-content{
	padding: 0px !important;
    border: none !important;
	border-radius: 0px !important;
}

.ui-draggable .ui-dialog-titlebar{
	border-radius: 0px !important;
	background: transparent !important;
    border: none !important;
	border-bottom: 2px solid #069 !important;
}

.ui-dialog .ui-dialog-title{
	font-size: 20pt !important;
    color: #069 !important;
}

.LangMobile{position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -41.5px;
    font-size: 2em;
	visibility: visible !important;}
.NavMobile{visibility: visible !important;}
.NavMobile li {display: block;float: none;}
.NavMobile ul {position: absolute;right: 20px;top: 69px;box-shadow: 1px 1px 1px 1px #2a6496;display:none;}
.NavMobile li a {padding: 15px 16px;}
.NavMobile #menu-handler{display:block !important;}
#menu-handler{position: absolute;right: 20px;top: 10px;cursor:pointer;}
#menu-handler img{display: block;height: 50px;}

.CommandButton {
    padding: 10px 20px !important;
    background-image: none!important;
    border-width: 0px!important;
    border-radius: 0px!important;
    background-color: #ccc!important;
}


.button--video:hover{background:#fff !important;border-color:transparent !important;box-shadow:0 0 0 3px #fff !important;}

.button--video:before {
    display: block;
    content: "";
    background: url(/Sites/process/Skins/SharpProcess/img/play.png) no-repeat 50%;
    background-size: contain;
    width: 50%;
    height: 50%;
    top: 25%;
    left: 30%;
    position: absolute;
}

.theme-background-color{background-color: #6495ed !important;}
.theme-text-color {color: #fff !important;}

.bx-wrapper { margin-top:0px !important;}