/*----------------------------------------*/
/*----- Override styles for style.css file -----*/
/*----------------------------------------*/

a:focus { outline: none; text-decoration: none; color: #000;}
.accordion-heading a { background: url(../img/accord-plus.png) no-repeat left center; padding-left: 40px !important; margin-left: 10px; padding-top: 4px; padding-bottom: 4px; display: inline-block; }
.accordion-group {border:none; margin-bottom: 0;}
.accordion-heading { padding-top: 5px; padding-bottom: 5px; width: 100%; min-height: 30px; background: #fafafa; background: rgb(242, 242, 242) transparent; background: rgba(242, 242, 242, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2, endColorstr=#99F2F2F2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.review { background: #f2f2f2 url(../img/icons/icon-quote-start.png) no-repeat top left; background-position: 3% 0%;  }
.info { background: url(../img/icons/icon-info.png) no-repeat right bottom; }
.box-styled { background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 4px solid #fff;}
.box-head { background:  #f2f2f2; padding: 15px 15px 15px 19px;  }
.box-head h4 { margin: 10px 0 0 0; color: #353535; float: left; }
.box-head h4 span { font-size: 11px; color: #C060E0; display: block; }
.box-body { padding: 15px 15px 7px 19px; font-size: 13px; font-style: italic; }
.viewall-body { padding: 0px 15px 15px 20px; font-size: 11px; background: #f2f2f2;}
.photo { background: #fff; width: 70px; height: 50px; margin-right: 20px; border: 2px solid #fff; display: inline-block; float: left; overflow: hidden; }
.photo img { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
/*#header-inner { padding: 30px 0px 20px 0px; border-top: 6px solid #C060E0; }*/
.infographic { margin-top: 20px; margin-bottom: 20px; float:left; text-align: center;}
.circle { background: #C060E0; width: 100%; height: 40px; padding: 8px 0px 20px 0px; margin: 20px auto 0px auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; font-weight: normal; text-align: center; }
input[type="text"], input[type="password"], select, input[type="email"] {  background-color: #ffffff; width: 100%; height: 26px; padding: 5px; margin-bottom: 0px; font-size: 12px; color: #999; line-height: 12px; display: inline-block; border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: none; -webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; }
textarea {  background-color: #ffffff; width: 100%; padding: 5px; margin-bottom: 0px; font-size: 12px; color: #999; line-height: 12px; display: inline-block; border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: none; -webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, .form-control:focus { box-shadow: none; border-color: rgba(231, 71, 16, 0.8) !important; }
form .form-errors ul { background: rgb(255, 205, 205); color: #A00000; padding: 2px 10px; display: inline-block; margin-top: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; display: block; padding: 10px; }
form .field-errors { margin: -8px 0px 8px 8px; }
form .field-errors ul { color: #A00000; display: inline-block; }
#subform input[type="text"] { width: 150px; background: #151515; border: 1px solid #151515; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius:  3px 0px 0px 3px; border-radius:  3px 0px 0px 3px; float: left; height: 35px; }
.sub-submit { background: #343434; padding: 10px 10px 8px 10px; font-size: 13px; line-height: 13px; color: #151515; font-weight: 600; border: none; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius:  0px 3px 3px 0px; border-radius:  0px 3px 3px 0px; display: inline-block; }
.sub-submit:hover {background: #C060E0;}
.search-submit { background: #C060E0; padding: 10px 10px 8px 10px; font-size: 13px; color: #fff; line-height: 13px; font-weight: 600; border: none; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius:  0px 3px 3px 0px; border-radius:  0px 3px 3px 0px; -moz-box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 17px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset; display: inline-block; }
.breadcrumb { padding-top: 8px; }
.price-column { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.circle span { display: inline; }
#header-btm a:hover { color: #C060E0; }

/*----------------------------------------*/
/*----- Custom styles -----*/
/*----------------------------------------*/

.by-us { font-family: 'Open Sans', Arial, Helvetica, sans-serif; position: relative; margin-bottom: 10px;}
.by-us:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #808080; }
.by-us img {position: relative; margin: 0 auto; /*float: left; margin-top: 5px; margin-right: 4px;*/ }
.by-us span {position: relative; /*float: left;*/ font-size: 11px !important; color: #fff !important; }

.feedback-button { width: 35px; height: 140px; position: fixed; top: 50%; margin-top: -70px; right: 0; z-index: 99; -moz-box-shadow: 3px 3px 7px 0px #000; -webkit-box-shadow: 3px 3px 7px 0px #000; box-shadow: 3px 3px 7px 0px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); background: #ccc; }
.feedback-button-img { width:35px; height:140px; position:relative; float:left; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.feedback-button-img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.menu-header-left {float:left;}
.menu-header-left li {padding-left: 0 !important; padding-right: 25px;}

.news-left { height:auto; position:relative; float:left; padding:12px; background:#FAFAFA;}
.news-right { height:auto; position:relative; float:right; padding:12px; background:#FAFAFA;}
.news-left-img, .news-right-img {width:40px; height:40px; position:relative; float:left; }
.news-left-title, .news-right-title { height:auto; position:relative; float:left; margin-left:15px; text-align:left; font-weight:bold; color:#000;}
.news-left-subtitle, .news-right-subtitle { width:68%; height:auto; position:relative; float:left; text-align:left; margin-left:15px; font-size:11px;}
.news-left-txt, .news-right-txt { width:100%; height:auto; position:relative; float:left; text-align:left; margin-top:15px; }
.news-center { height: auto; position:relative; float:left; padding:12px; background:#f2f2f2; border: 4px solid #fff;}
.news-center-img { height:auto; position:relative; float:left; margin-left: 0; padding-left: 0; padding-right: 0; }
.news-center-img img { width: 100%; height: auto; background: #f2f2f2; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.news-center-img a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.news-center-holder { width:77%; float:left; position:relative; padding-left: 0; padding-right: 0; }
.news-center-title {  height:auto; position:relative; float:left; margin-left:15px; margin-bottom: 11px; text-align:left; }
.news-center-title h3 { margin-bottom: 0; }
.news-center-title a { color:#C060E0;  }
.news-center-title a:hover { color:#808080; }
.news-center-subtitle { height:auto; position:relative; float:left; text-align:left; margin-left:0px; font-size:11px;}
.news-center-txt { height:auto; position:relative; float:left; margin-left:15px; text-align:left; }
.news-center-box {padding-left: 0; padding-right: 0;}

/*.searchBar { width: 100%;}*/
.searchBar input { width: 210px; height:25px; position: relative; float: left; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-right-radius: 0px; -moz-border-top-right-radius:0px; -webkit-border-top-right-radius:0px;}
.searchBar .btn { height:25px; margin-top: 0; position: relative; float: left; border-bottom-left-radius: 0px; -moz-border-bottom-left-radius:0px; -webkit-border-bottom-left-radius:0px; border-top-left-radius: 0px; -moz-border-top-left-radius:0px; -webkit-border-top-left-radius:0px; border-bottom-right-radius: 4px; -moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-top-right-radius: 4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px;}
.search-holder {margin-bottom: 15px; float: right;}

.API_doc_description, .API_doc_parameters, .API_doc_parameters, .API_doc_return_values, .API_doc_code, .API_doc_change_log, .API_doc_examples, .API_doc_see_also  { height: 100%; overflow: hidden; margin-bottom: 20px; padding:10px;background: #fafafa; background: rgb(242, 242, 242) transparent; background: rgba(242, 242, 242, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2, endColorstr=#99F2F2F2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.subtitle { border-bottom: 1px solid #cdcdcd; margin-bottom: 15px; padding-bottom: 9px;}
.API_doc_title { font-weight: bold; color: #000;}
.show_hide_element { width: 20px; height: 20px; position: relative; float: left; background: url("../img/icons/hide.gif") no-repeat; background-position: 2px 3px; cursor: pointer;}
.hide_element { background: url("../img/icons/hide.gif") no-repeat; background-position: 2px 3px;}
.show_element { background: url("../img/icons/show.gif") no-repeat; background-position: 2px 3px;}

.API_doc_layout, .API_doc_word, .API_doc_templates, .API_doc_format, .API_doc_utilities, .API_doc_cryptophp, .API_doc_digital_signature  { height: 100%; overflow: hidden; margin-bottom: 20px; padding:10px;background: #fafafa; background: rgb(242, 242, 242) transparent; background: rgba(242, 242, 242, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2, endColorstr=#99F2F2F2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}

.function_signature { }
.API_doc_description_code { padding: 10px; margin-bottom: 10px; background: #fff;}
.descr {color: #000; margin-left: 10px; margin-right: 10px;}
.descr ul { margin: 7px 10px; }
.descr ul li { padding-left: 15px; background: url("../img/icons/flecha_li.gif") no-repeat center; background-position: 1px 7px; }
.warning { padding-left: 25px; background: url("../img/icons/warning.png") no-repeat center; background-position: 4px 0; color: #808080; font-size: 12px; font-style: italic; line-height: 14px;}
.warning-box { position: relative; margin-top: 15px; margin-bottom: 15px;  padding: 15px 25px 15px 35px; background: url("../img/icons/warning.png") no-repeat center; background-position: 14px 14px; color: #808080; font-size: 12px; font-style: italic; line-height: 14px; border: 1px solid #ccc;}

.parameter_descr { padding: 10px; background: #fff; color: #000; margin-left: 10px; margin-right: 10px;}
.small_intro { font-size: 12px;}
.table_parameters{ background: #f2f2f2; color: #808080; }
.table_parameters th { padding: 8px 12px; color: #000; border: 1px solid #fafafa; }
.table_parameters td { padding: 8px 12px; border: 1px solid #fafafa;}
.table_parameters tbody tr:hover td {color: #000;}
.titulos_holder { text-align: left; }
.table_parameters > tbody > tr.required { background: #fed7d7;}
.thumb a { -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.thumb a:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.centerer { text-align: center;}
.centerer img { vertical-align: middle; display: inline-block;}
.code_example_holder { margin: 0 10px 20px 10px; padding: 10px; background: #fff;}
.code-example-separator {width:auto; height:1px; margin:10px 10px 20px 10px; background:#C060E0;}
.icons-download-holder {position:relative; float:right;}
.icons-download-holder-tutorial {position:relative;}
.icons-download-holder a, .icons-download-holder-tutorial a { -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.icons-download-holder a img, .icons-download-holder-tutorial a img{ background: #fff; }
.icons-download-holder a:hover, .icons-download-holder-tutorial a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.API_doc_code > .code_example_holder > .parameter {min-height: 30px; margin-bottom: 10px;}
.API_doc_code > .code_example_holder > .parameter > .name {width: auto; position: relative; float: left; margin-top: 4px; margin-bottom: 4px; font-size: 14px;}
.API_doc_parameters > .parameter > .name {font-size: 14px;}
.margin-top {margin-top: 10px;}
.margin-top-neg {margin-top: -10px;}
.grey-color {color: #757575;}
.orange-color {color:#C060E0;}
.font-10 {font-size:10px;}
.font-13 {font-size:13px;}
.font-16 {font-size:16px;}
.font-normal { font-weight: normal;}
.float-left {float:left !important;}
.responsive {display: none;}
.faqs-separator {width:100%; height:40px; margin:10px;  position: relative; float: left; }
.img-centerer { margin: 0 auto;}

.highlight-preview-class { background: #f2f2f2; padding: 15px ; margin-bottom: 20px; text-align: left; font-size: 12px; border: 1px solid #fafafa; border-radius: 6px; -moz-border-radius:6px; -webkit-border-radius: 6px; }
.accordion-inner { padding: 20px 10px 20px 30px; color: #000;}
.accordion-descr {color: #000; margin-left: 10px; margin-right: 10px;}
.accordion-descr ul { margin: 7px 10px; }
.accordion-descr ul li { padding-left: 15px; background: url("../img/icons/flecha_li.gif") no-repeat center; background-position: 1px 7px; margin-bottom: 4px; }

.sidebar-tutorial { width: 220px; position: relative; float: left;}
ul.list-arrow{ width: 220px; margin-top: 0px; box-shadow: none; background: none; top: 20px;  }
ul.list-arrow li a{ padding: 0px; }
ul.list-arrow li a:hover{ background: none;  }
ul.list-arrow li.active a, ul.list-arrow li.active a:hover{ color: #000; background: none; border: none; }
.list-arrow.affix{}
.affix {}
.child-li {font-size: 12px;}

.tutorial_doc1, .tutorial_doc2, .tutorial_doc3, .tutorial_doc4, .tutorial_doc5, .tutorial_doc6, .tutorial_doc7, .tutorial_doc8, .tutorial_doc9, .tutorial_doc10, .tutorial_doc11, .tutorial_doc12, .tutorial_doc13, .tutorial_doc14  { height: 100%; overflow: hidden; margin-bottom: 20px; padding:10px;background: #fafafa; background: rgb(242, 242, 242) transparent; background: rgba(242, 242, 242, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2, endColorstr=#99F2F2F2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.tutorial_doc_title { font-weight: bold; color: #000;}
.tutorial_doc1 > .tutorial_info_holder > .descr {margin-bottom: 22px;}
.tutorial_doc1 > .tutorial_info_holder > p {margin-bottom: 22px;}
.tutorial_doc2 > .code_example_holder, .tutorial_doc3 > .code_example_holder, .tutorial_doc4 > .code_example_holder, .tutorial_doc5 > .code_example_holder, .tutorial_doc6 > .code_example_holder, .tutorial_doc7 > .code_example_holder, .tutorial_doc8 > .code_example_holder, .tutorial_doc9 > .code_example_holder, .tutorial_doc10 > .code_example_holder, .tutorial_doc11 > .code_example_holder, .tutorial_doc12 > .code_example_holder, .tutorial_doc13 > .code_example_holder, .tutorial_doc14 > .code_example_holder {color: #000;}
.tutorial_doc2 > .code_example_holder > p, .tutorial_doc2 > .code_example_holder > .result, .tutorial_doc2 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc3 > .code_example_holder > p, .tutorial_doc3 > .code_example_holder > .result, .tutorial_doc3 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc4 > .code_example_holder > p, .tutorial_doc4 > .code_example_holder > .result, .tutorial_doc4 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc5 > .code_example_holder > p, .tutorial_doc5 > .code_example_holder > .result, .tutorial_doc5 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc6 > .code_example_holder > p, .tutorial_doc6 > .code_example_holder > .result, .tutorial_doc6 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc7 > .code_example_holder > p, .tutorial_doc7 > .code_example_holder > .result, .tutorial_doc7 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc8 > .code_example_holder > p, .tutorial_doc8 > .code_example_holder > .result, .tutorial_doc8 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc9 > .code_example_holder > p, .tutorial_doc9 > .code_example_holder > .result, .tutorial_doc9 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc10 > .code_example_holder > p, .tutorial_doc10 > .code_example_holder > .result, .tutorial_doc10 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc11 > .code_example_holder > p, .tutorial_doc11 > .code_example_holder > .result, .tutorial_doc11 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc12 > .code_example_holder > p, .tutorial_doc12 > .code_example_holder > .result, .tutorial_doc12 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc13 > .code_example_holder > p, .tutorial_doc13 > .code_example_holder > .result, .tutorial_doc13 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc14 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc2 > .code_example_holder > p, .tutorial_doc3 > .code_example_holder > p, .tutorial_doc4 > .code_example_holder > p, .tutorial_doc5 > .code_example_holder > p, .tutorial_doc6 > .code_example_holder > p, .tutorial_doc7 > .code_example_holder > p, .tutorial_doc8 > .code_example_holder > p, .tutorial_doc9 > .code_example_holder > p, .tutorial_doc10 > .code_example_holder > p, .tutorial_doc11 > .code_example_holder > p, .tutorial_doc12 > .code_example_holder > p, .tutorial_doc13 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > p {width: 100%;}
.tutorial_info_holder {color: #000; margin-left: 10px; margin-right: 10px;}

.warning-tutorial { padding: 10px; margin-top: 20px; margin-bottom: 20px; background: #fed7d7 !important;}
.warning-tutorial > p { font-size: 12px; line-height: 15px; color: #808080;}
.warning-tutorial > .descr > ul > li { font-size: 12px; line-height: 15px; color: #808080; margin-bottom: 10px;}
.warning-tutorial-title { padding-left: 23px; background: url("../img/icons/warning.png") no-repeat center; background-position: 0px -2px; color: #808080; font-size: 12px; font-style: italic; line-height: 14px;}

.sample_doc_title { font-weight: bold; color: #000; font-size: 18px;}
.sample-warn-tutorial { padding: 10px; margin-top: 0px; margin-bottom: 20px; background: #fed7d7 !important;}
.sample-warn-tutorial > .descr ul {margin-left: 0; margin-right: 0;}
.sample-warn-tutorial > .descr > ul > p { font-size: 12px; line-height: 14px; color: #4f4f4f;}
.sample-warn-tutorial > .descr > ul > li { font-size: 12px; line-height: 15px; color: #808080; margin-bottom: 10px;}
.sample-warn-tutorial-title { padding-left: 23px; background: url("../img/icons/warning.png") no-repeat center; background-position: 0px -2px; color: #808080; font-size: 12px; font-style: italic; line-height: 14px;}
.sample-warn-caption { font-size: 11px !important; color: #8d8c8c !important; text-align: center;}
.sample-word-form {}
.label-demo-holder {cursor: pointer;}
.label-demo { font-size: 11px; font-weight: bold;}
.demo-features {padding:20px 20px 0px 20px; margin-bottom: 20px; background: #fafafa; background: rgb(242, 242, 242) transparent; background: rgba(242, 242, 242, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2, endColorstr=#99F2F2F2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.row-data-chart { border: 1px solid	#ccc; padding-top: 16px;}
.text-insert-holder {width: 100%; height: 200px; border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; background: #fff;}
.mybtn-sample { background: #C060E0; padding: 10px 20px 10px 20px; margin: 0 auto; position: relative; font-size: 10px; color: #fff !important; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; width: 50%; left: 25%; height: auto; border: none; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius: 4px; -moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; display: inline-block; cursor: pointer; outline: none; }
.mybtn-sample:hover { background: #484848; }

.marg-20 {margin-top: 20px; margin-bottom: 20px;}
.marg-40 {margin-top: 40px; margin-bottom: 40px;}
.marg-top-10 {margin-top: 10px;}
.marg-top-15 {margin-top: 15px;}
.marg-top-20 {margin-top: 20px;}
.marg-bott-10 {margin-bottom: 10px;}
.marg-bott-15 {margin-bottom: 15px;}
.marg-bott-20 {margin-bottom: 20px;}
.marg-left-20 {margin-left: 20px;}

.floatleft {float:left;}
.slider-txt-holder {margin: 20px;}
.slider-txt-p {width: 100%;}
.features-centered { text-align: center;}
.post-type > li > h3 {}
.font-13 {font-weight: normal; font-size: 13px;}
.color-orange {color: #C060E0;}
.color-black {color: #000;}
.margtop-for-resp {position: relative; float: left;}
.margtop-for-resp > .social {position: relative; float:left;}
.justify {text-align: justify;}
.min-height-70 {min-height: 70px;}
.min-height-50 {min-height: 50px;}
.floatleft {position: relative; float: left;}
.box-aboutus {margin-top: 20px; margin-bottom: 20px; padding-left: 30px; padding-right: 30px;}
.padding-general {padding-top: 30px; padding-bottom: 30px;}
.padding-general-xs {padding-top: 30px; padding-bottom: 0px;}
.no-marg-top {margin-top: 0 !important; padding-top: 7px; padding-bottom: 6px;}
.margin-40 {margin-left: 40px;}
.radius4 { border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; }
.width-80 {width: 80% !important;}
.width-100 {width: 1000% !important;}
.floatleft {position: relative; float: left;}
#header-btm img {margin-right: 8px;}
#Post_Topic_board, #Post_Topic_title {margin-bottom: 10px;}
#Post_body {min-height: 110px; margin-bottom: 10px;}

.table-features {padding:20px; background: #fafafa; background: rgb(242, 242, 242) transparent; background: rgba(242, 242, 242, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2, endColorstr=#99F2F2F2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.table-features > table {background: #fff;}
.table-features > table > thead > tr > .table-title {text-align: center; padding: 10px; font-weight: bold; text-transform: uppercase; color: #000; background: #F2F2F2;}
.table-features > table > thead > tr > .table-title:hover {cursor: default;}
.table-features > table > thead > tr > .table-title-first {text-align: center; vertical-align: middle; padding: 10px; font-weight: bold; text-transform: uppercase; color: #000; background: #F2F2F2;}
.table-features > table > thead > tr > .table-title-first:hover {cursor: default;}
.table-features > table > thead > tr > .table-title img {width: 60px; margin: 0 auto 10px auto;}
.table-features > table > tbody > tr > .featurestitle {font-size: 15px; text-transform: uppercase; vertical-align: middle; text-align: center; color: #000; font-weight: bold;background: #fafafa !important;}
.table-features > table > tbody > tr > .featurestitle:hover {background: #fafafa !important;}
.table-features > table > tbody > tr > .features-list {vertical-align: middle;}
.table-features > table > tbody > tr > .characteristics {text-align: center; color: #000; font-size: 11px; vertical-align: middle;}
.table-features > table > tbody > tr > .characteristics > .glyphicon-remove {color:#545454; font-size: 16px;}
.table-features > table > tbody > tr > .characteristics > .glyphicon-ok {color:#C060E0; font-size: 16px;}
.table-features > .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { cursor:default; background: #f69878; background: rgb(231, 71, 16) transparent; background: rgba(231, 71, 16, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e74710, endColorstr=#99e74710); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e74710, endColorstr=#99e74710)";}

.sorted-contact-list {list-style: none; position: relative; float: left; }
.sorted-contact-list li:before { content:''; display:inline-block; height:8px; width:8px; margin-right: 5px; background-image:url("../img/preview/orange-arrow.png"); background-size: 8px 6px; background-repeat: no-repeat; }
.sorted-contact-list li {padding-left: 15px; margin-bottom: 10px; position: relative; float: left; }

.download-img-holder {width: 100%; height: 180px; position: relative; float: left; margin-bottom: 15px;}
.download-img-holder img { height: 100%; width: auto; margin: 0 auto;}
.download-img-holder-xs {width: 100%; height: 140px; position: relative; float: left; margin-bottom: 15px;}
.download-img-holder-xs img { height: 100%; width: auto; margin: 0 auto;}

#myModal > .modal-dialog > .modal-content > .modal-header > h3 {margin-bottom: 0;}
.modal-backdrop.in { opacity: 0.9; }

.demo-case-holder { position: relative; /*float: left;*/ text-align: center;}
.demo-case-img { width: 100%; position: relative; float: left; margin: 0 auto 20px auto;}
.demo-case-img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.demo-banner-left { height: auto; position:relative; float:left; margin-right: 0px; padding:12px; background:#f2f2f2; border: 2px solid #fff;}
.demo-banner-center { height: auto; position:relative; float:left; margin-right: 0px; padding:12px; background:#f2f2f2; border: 2px solid #fff;}
.demo-banner-right { height: auto; position:relative; float:left; padding:12px; background:#f2f2f2; border: 2px solid #fff;}
.demo-banner-left:hover, .demo-banner-center:hover, .demo-banner-right:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.demo-banner-holder { border: 1px solid #ccc; margin: 0 10px; padding: 0px; background: #fff; }
.demo-banner-info { text-align: center;}
.demo-banner-info p { color: #808080 !important;}
.demo-banner-title { font-weight: bold; color: #000; font-size: 15px;}
.demo-center-box {padding-left: 0; padding-right: 0;}
.centerer {margin: 0 auto; position: relative; float: left;}

.doc-tutorial-title { width: 100%; font-weight: bold; color: #000; font-size: 13px; position: relative; float: left;}
.doc-tutorial-title:hover, .doc-subtitle:hover { color: #C060E0 !important;}
.doc-subtitle { border-bottom: 1px solid #cdcdcd; margin-bottom: 15px; padding-bottom: 9px; position: relative; float: left; width: 100%;}
.guide-menu-a {position: relative; float: left; width: 100%;}
.guide-menu:hover {color: #C060E0 !important;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

.syntaxhighlighter {overflow: hidden;}

.code_box_highlight > .result { width: 100%; max-height: 300px; overflow: hidden;}
.code_box_highlight > .result > .thumb > a img { width: 100%; height: auto; }

.search-input {  background-color: #ffffff; width: 100%; height: 31px !important; padding: 5px; margin-bottom: 0px; font-size: 12px; color: #999; line-height: 12px; display: inline-block; border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: none; -webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; }
.search-label {font-size: 14px; vertical-align: middle;}
.search-button { padding-top: 10px !important; padding-bottom: 10px !important;}
#search-form-results p { margin-bottom: 20px; font-size: 16px;}

.result-items-summary { margin-bottom: 15px;}
.result-items {}
.result-items > .item { margin-bottom: 28px; position: relative; float: left;}
.result-items > .item h3 { margin-bottom: 5px;}
.result-items > .item > .item-link {padding-left: 15px;}
.result-items > .item > .item-snippet {padding-left: 15px; font-size: 12px;}

.sidebar-forum {}
.sidebar-forum li a .glyphicon { margin-right: 10px;}
.sidebar-forum > .active a, .sidebar-forum > li > ul > .active a, .sidebar-forum > li > ul > li > ul >.active a { background-color: #C060E0 !important; }
.label-info { background-color: #C060E0 !important; }
.page-body-right > .btn-toolbar { margin-bottom: 15px;}
.page-body-right > header { margin-bottom: 15px;}
.btn-toolbar > a .glyphicon {margin-right: 10px;}
.dropdown-menu li a .glyphicon {margin-right: 10px;}
.panel-primary > .panel-heading { border-bottom:1px solid #DDDDDD !important; background-color: #F5F5F5 !important; color: #333333 !important; }
.panel-primary { border:1px solid #DDDDDD !important; }
.glyphicon-lock:before { content: "\e033" !important; }
.glyphicon-lock { margin-top: -2px !important; position: relative; float: left; margin-right:5px;}
.glyphicon-asterisk { margin-top: 2px !important; position: relative; float: left; margin-right:5px;}
.glyphicon-comment, {top: 2px;}
.glyphicon-lock {top: 5px;}

.btn-toolbar > .btn-info {background: #484848; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; border-color: #484848;}
.btn-toolbar > .btn-info:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.btn-toolbar > .col-md-6 > .btn-info {background: #484848; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; border-color: #484848;}
.btn-toolbar > .col-md-6 > .btn-info:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.btn-toolbar > .col-md-6 > a .glyphicon {margin-right: 10px;}
.btn-toolbar > .col-md-6 {padding-left: 0;}
.btn-toolbar > .col-md-6 > .btn + .btn, .btn-toolbar > .col-md-6 > .btn-group + .btn, .btn-toolbar > .col-md-6 > .btn + .btn-group, .btn-toolbar > .col-md-6 > .btn-group + .btn-group { margin-left: 5px;}

.pagination { display: inline-block; margin-bottom: 20px; margin-left: 0; margin-right: 0; margin-top: 20px; padding-left: 0; }
.pagination > span { font-size: 14px; width: 25px !important; color: #fff !important; background: #C060E0; padding-top: 2px; border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; height: 25px; margin-right: 2px; text-align: center; vertical-align: middle; position: relative; float: left; -moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; font-family: Arial,​Helvetica,​sans-serif; ertical-align: middle; text-align: center;}
.pagination > span a { font-size: 14px; cursor: pointer; color: #fff !important; font-family: Arial,​Helvetica,​sans-serif; width: 25px !important; height: 24px !important; position: relative; float: left; vertical-align: middle; text-align: center;}
.pagination > span:hover { background: #484848; }
.pagination > span.current {background: #484848; }

.highlight-menu img {background: #C060E0 !important;}

.msgcookie {display:block;position:fixed;bottom:0;left:0;height:auto; padding-bottom:8px;width:100%;background:rgba(255,255,255,0.9);color:#000;font-size:11px;font-family:sans-serif; z-index: 99999999999999; border-top:1px solid #000;}
.msgcookie p {width:80%;margin:0 auto;background:url('../img/cookie_warning.png') 8px -2px no-repeat;padding:10px 0 0 30px; font-size: 14px; line-height: 18px; font-family: "Open Sans",Arial,Helvetica,sans-serif; text-align: left;}
.msgcookie p a {color: #000; text-decoration: underline;}
.msgcookie p a:active,.msgcookie p a:visited,.msgcookie p a:hover {color:#333; text-decoration: none;}
.msgcookie a.close {float:right;display:block;width:16px;height:35px;background:url('../img/cookie.png') 0 -51px no-repeat;overflow:hidden;text-indent:-8000px;opacity:0.5;margin:0 0 0 10px;}
.msgcookie a.close:hover {opacity:1;}
.msgcookie .infolink {font-weight: 500; color: #e0e0e0;}
.msgcookie .infolink:hover {text-decoration: underline;}

.forum-page .topic-title { font-weight: bold; color: #333333; }
.forum-page .post-title { font-size: 13px; }
.forum-page .post-title .username { color: #C060E0; }

.forum-page article .panel-title { font-size: 13px; }
.forum-page article .panel-title .username { font-size: 13px; }

.forum-page article .panel-body ul { list-style-type: disc; margin: 15px 50px; padding: 0; }
.forum-page article .panel-body a { text-decoration: underline; }

.forum-page .alert.topic-closed-deleted { background-image: none; margin-bottom: 20px; }
.forum-page .alert.topic-closed-deleted i { margin-top: 0!important; }

@media only screen and (min-width: 495px) and (max-width: 1480px) {
    .msgcookie p {width:80%;margin:0 auto;}
}
@media only screen and (max-width: 495px) {
    .msgcookie p {width:90%;margin:0 auto; text-align: justify; padding-right: 35px;}
    .msgcookie a.close {position: absolute; right: 20px;}
}
@media only screen and (max-width: 340px) {
    .msgcookie p {width:96%;margin:0 auto; text-align: justify; padding-right: 35px;}
    .msgcookie a.close {position: absolute; right: 20px;}
}

.mybtn-sample-myphp {
    background: #C060E0 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    box-shadow: 0 9px 0 0 rgba(255, 255, 255, 0.12) inset;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    letter-spacing: 1px;
    line-height: 10px;
    margin: 0 auto;
    outline: medium none;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
}

/****************/
#topbar-notify {background-color: #000; padding: 10px 50px; color: #CCC;}
#topbar-notify.collapsed {padding: 0;}
#topbar-notify .topbar-toggle {position: absolute; left: 40px; top: 0px; background: #000; padding: 8px; z-index:999;}
#topbar-notify.collapsed .topbar-content {display: none;}
#topbar-notify > .topbar-content {margin-left: 50px; min-height: 25px;}
#topbar-notify > .topbar-content input {display: inline-block;}
#switch-user-block strong {color: #FFFFFF;}
#switch-user-block form {overflow: hidden;}
#switch-user-block form label {display: block; color: #CCC;}
#switch-user-block form input {max-width: 200px; max-height: 22px;}
#switch-user-block form input[type='submit'] {padding: 6px 10px; margin-left: 5px;}
#switch-user-block .exit-link {text-decoration: underline; margin-left: 15px;}

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

/* header menu */
#header .ddsmoothmenu { margin-top: 5px; }
#header .ddsmoothmenu ul li a { font-size: 14px; padding-left: 25px; }
#header .ddsmoothmenu ul li a > span.highlight { background-color: #000000; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.js .selectnav { background: #A7A7A7; color: #000000 !important; }

/* phpdocx 8 header additions */

.ddsmoothmenu #subnav li a:hover,
.ddsmoothmenu #subnav li a:focus,
.ddsmoothmenu #subnav li a:active,
.ddsmoothmenu #subnav li a:visited {
	background-color: transparent;
}

#header-inner a:hover img
{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }



#smoothmenu {
	border-top: 1px solid #5a5a5a;
	padding-top: 10px;
}

.searchBar input { width: 150px; height:25px; position: relative; float: left; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-right-radius: 0px; -moz-border-top-right-radius:0px; -webkit-border-top-right-radius:0px;}

/* toastr*/
.toast-top-right {
    top: 250px !important;
}