/* Style Main - CyberOrigin DEMO
*-------------------------------------------------------
* 0. Initialisation
/ 1. Fonts
* 2. Mise en forme
* 3. Menu
* 4. Contenu
* 5. Contact form
* 6. Sections / Rows / Columns / Banners
* 7. My Cyberorigin
* 8. Lightbox
* 9. Stats
* 10. Branda / Login
* 11. Composants
* 12. Moteur de recherche
* 13. Checkbox - Wrapper 7
* 14. Backgrounds

/* 0. Initialisation
*-----------------------------------------------------*/
.force-original {
    font-size: initial !important;
    color: initial !important;
    line-height: initial !important;
    font-weight: initial !important;
    letter-spacing: initial !important;
    text-align: initial !important;
}

body {
    margin: 0;
    font: inherit !Important;
}

/* 1. Fonts
*-----------------------------------------------------*/
@font-face {
    font-family: 'Roboto Mono';
    src: url('Roboto-Mono-Regular.eot');
    src: url('Roboto-Mono-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Mono-Regular.woff2') format('woff2'), url('fonts/Roboto-Mono-Regular.woff') format('woff'), url('fonts/Roboto-Mono-Regular.svg#Roboto-Mono-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-203A;
}

p, html, body, blockquote p, h1, h2, h3, h4, h5, h6, .btn-history, .asm input.asm-btn-send  {
    font-family: 'raleway', sans-serif !Important;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
   line-height: 120%;
}

p strong, p b, h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b, h4 strong, h4 b, h5 strong, h5 b, h6, h6 strong, h6 b, label, p.lead {
    font-family: 'Roboto', sans-serif !Important;
    font-weight: 500 !Important;
    font-style: normal;
}

.nav > li > a, .nav-dropdown.nav-dropdown-default, .forminator-label, .sidebar-menu .menu-item a, .asm label, .asm input, .asm option, .asm select, .btn_login_logout{
    font-family: 'Roboto Mono', serif !Important;
    font-weight: 600 !Important;
    font-style: normal;
}

.alt-font{
    font-family: 'dashiell-fine', serif !Important;
    font-style: normal;
    font-weight: 400;
}

/* Effra */
.co-search h1, .co-search h2, .co-search h3, .co-search h4, .co-search h5, .co-search h6, .co-search p, .co-search p b, .co-search p strong, #login #loginform label, #login #loginform a, .asm p, label.asm-checkbox{
    font-family: 'effra', sans-serif !Important;
    font-weight: 400;
    font-style: normal;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* 2. Mise en forme
*-----------------------------------------------------*/
label, legend {
    font-size: 1.2em;
}
p.uppercase {
   line-height: 1.6;
}
.justify, .justify p {
    text-align: justify;
}
/* flag langue */
.glink {
    margin-right: 3px;
}
@media (max-width: 549px) {
    .nav > li > a {
        font-size: 1.5em;
    }
}
p.lead {}
p.no-margin {
    margin-bottom: 0px;
}
.co-search h1, .co-search h2{
    font-weight: 500;
}
.co-search h3, .co-search h4, .co-search h5, .co-search h6, h3.alt-font, h4.alt-font, h5.alt-font, h6.alt-font {
    font-weight: 500;
}
.thin-font {
    font-weight: 300;
}
.black p, .co_detail h1, .black h2, .black h3, .black h4, .black h5, .black h6 {
    color: #1a1a1a;
}

.dark p, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
     color: #ffffff !important;
}

/* 3. Menu
*-----------------------------------------------------*/
.nav-dropdown.nav-dropdown-default{
    font-size:13px;
    padding-top:5px;
    padding-bottom:5px;
}

.has-dropdown.header-language-dropdown .image-icon{
	margin-left:10px !Important;
}

.sidebar-menu .menu-item a{
	font-size:16px !Important;
    font-weight:600 !Important;
}

#lb_manager_options input[type=submit].button {
    font-weight: 500 !important;
    padding:0px 15px 0px 15px;
}

.user-infos{
    font-weight:600;
    letter-spacing: 0.02em;
}
.user-infos .user-infos-name{

}
.user-infos  .user-infos-company{
    
}

.user-infos .user-infos-notice{
    font-size:90%;
    font-weight:400;
}

.btn_login_logout{
    font-size:11px;
    letter-spacing: 0.1em;
}

/* 4. Contenu
*-----------------------------------------------------*/
.description p{
	font-size:16px;
	margin-bottom:10px;
	line-height:135%;
}

.pc1 {
    position: absolute;
    margin-top: -450px
}
.pc2 {
    position: absolute;
    margin-top: -400px;
    align-content: right;
}
.pc3 {
    position: absolute;
    margin-top: -200px;
}
.tex1 {
    margin-bottom: -45px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 61px;
}
.tex2 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 37px;
}
.tex3 {
    padding-left: 35px
}
.letterspac {
    letter-spacing: 8px;
}
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .tex4 {
        padding-left: 0%;
        padding-right: 0%;
        padding-top: 25px;
    }
}
.box1 {
    position: absolute;
    overflow: hidden;
}
.box2 {
    position: absolute;
    padding-top: 250px;
    left: 30px
}
.box3 {
    padding-top: 370px;
    left: 100px;
}

/* Pagination */
.pag-to{
    background-color:#02c1fc; 
    border:2px solid #02c1fc; 
    border-radius:50px; 
    color:#fff; 
    padding:2px 8px 2px 8px; 
    margin-left:4px; 
    margin-right:4px;
}
.pag-is{
    background-color:#fff; 
    border:2px solid #02c1fc; 
    border-radius:50px; 
    color:#02c1fc; 
    padding:2px 8px 2px 8px; 
    margin-left:4px; 
    margin-right:4px;
}

/* 5. Contact form
*-----------------------------------------------------*/
.forminator-row{
	margin-bottom:30px !Important;
}
.forminator-input, .forminator-textarea, .forminator-select2{
	border:2px solid #00c1fd !Important;
	border-radius:7px !Important;
}

.forminator-label{
	font-size:15px;
}

.contact_prenom, .contact_nom, .contact_email, .contact_adresse, .contact_message{
    margin-top:20px !important;
}
.forminator-button-submit{
	border-radius:7px !Important;
	background:#00c1fd !Important;
	color:#ffffff;
    margin-top: 20px !Important;
}
.forminator-button-submit:hover{
	background:#15c4fb !Important;
}
.forminator-error-message{
    color:#910205;
}

.forminator-response-message{
    text-align: center !important;
    font-size:26px !important;
    color:#00c1fd;
    padding:30px 15px 30px 15px !important;
}

/* Patch */
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row {
    margin-bottom:0px !important;
}

.adv_search_button{
	font-weight: 600 !Important;
	letter-spacing:0.05em;
	font-size:16px !Important;
}

/* 6. Sections / Rows / Columns / Banners
*-----------------------------------------------------*/
.container .section, .row .section {
    padding-left: 0px;
    padding-right: 0px;
}
.col:not(.keep-pad) {
    padding-bottom: 0px;
}
.mainaspad {
    margin-bottom: -25px;
}
.row.no-side-pad > .col{
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}

/* 7. My Cyberorigin
*-----------------------------------------------------*/
@media (max-width: 995px) {
    .mycyber-titre h1 {
        font-size:50px !important;
    }
    .mycyber-slogan{
        font-size:13px !important;
    }
}
@media (max-width: 849px) {
    .mycyber-titre h1 {
        font-size: 1.7em !important;
    }
    .mycyber-slogan{
        font-size: 1rem !important;
    }
}

.user_logo{
    max-width:55%;
}
@media (max-width: 849px) {
	.user_logo{
		max-width:6rem;
	}
}

.welcome{
    font-family: 'Roboto', sans-serif !Important;
    font-weight: 700 !Important;
    font-style: normal;
    font-size:20px !important;
    font-size: 18px !important;
}
.welcome-company{
    font-family: 'Roboto', sans-serif !Important;
    font-weight: 400 !Important;
    font-style: normal;
    font-size:14px !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


.point_case {
    padding-top: 15px !important;
}

.point img {
    opacity: 0;
}
a.no-color {
    color: inherit;
}

.prev_next_form{
    margin:0 !important;
}
button.prev_next_btn{
    background:none !Important;
    padding:0px !important;
    margin:0px !important;
    top:-2px;
    left:-15px;
}
i.material-icons.over-blue{
   color: #00c1fd !important;
   font-size:30px;
}
.material-icons.over-blue a, i.material-icons.over-blue:hover {
    color: #15c4fb !important;
}

/* Search */
.cysearch_case{
	border:4px solid #000000;
	border-radius:10px;
	box-shadow:0px 0px 18px rgba(0,0,0,0.04);
	padding-top:20px;
	margin:0px 15px 20px 15px;
	background:#f7f7f7;
}

.co_search_form{
	display:inline-flex;
}
.co_search_form .submit_btn{
	margin-left:0px;
	border-radius:0px 20px 20px 0px;
	border:none;
}
.co_search_form .search_field{
	border-radius:20px 0px 0px 20px;
	border:2px solid #00c1fd;
	padding-left:20px;
	width:300px;
	max-width:300px;
}

.co_search_form .search_field::placeholder{
    opacity:0.5;
}

.forminator-multiselect .forminator-option {
    font-size: 16px;
    font-family: inherit !important;
    font-weight: 400 !important;
}

.index-row{
	font-size:24px;		
	font-weight:300;
	color:#00c1fd;
}
.blockchain_btn{
	border-radius:7px !Important;
	border-color: #00c1fd !Important;
	background:#00c1fd !Important;
	color:#fff !Important;
}

.blockchain_btn:hover{
	background:#00c1fd !Important;
	color:#ffffff !Important;
}

/* Subgroup */
.subgroup_btn{
	border-radius:7px !Important;
}

.show_subgroup_btn{
	
}
.hide_subgroup_btn{
	
}

.subgroup{
     margin: -30px 0px 30px 0px;
}
.subgroup-col{
    
}
.subgroup-inner{
    border:4px solid #000000;
    border-top:none;
    border-radius: 0px 0px 15px 15px;
    padding: 15px 30px 0px 30px;
    background: #E9E9E9;
}
.subgroup_case{
    border: 2px solid #E7E7E7;
    border-radius: 10px;
    padding: 0px 20px 10px 20px;
    background: #f7f7f7;
    color: #000000 !important;
}

/* Données modifiées */
.case-datasaving .cysearch_case{
    border:4px solid #00c1fd;
}

.case-datasaved .cysearch_case{
    border:4px solid #00c1fd;
    background-color:#00c1fd;
}

.case-datasaved .subgroup_case{
    background: #00c1fd;
}

.case-datasaved .index-row{
    color:#ffffff;
}

.case-datasaved .cysearch_case .blockchain_form input[type='submit'], .case-datasaved .subgroup_case .blockchain_form input[type='submit']{
    color:#192f4a !important;
    border-color:#8bfaff !important;
    background:#8bfaff !important;
}

.case-datasaved .cysearch_case .blockchain_form input[type='submit']:hover, .case-datasaved .subgroup_case .blockchain_form input[type='submit']:hover{
    border-color:#ffffff !important;
    background:#ffffff !important;
}

.case-datasaved-error .cysearch_case{
    border:4px solid #de0052 !important;
    background-color: #FDE6EF !important;
}

.case-datasaved-error .subgroup_case{
    background-color: #FDE6EF !important;
}

.case-datasaved-error .index-row{
    color:#de0052;
}

.case-datasaved-error .cysearch_case .blockchain_form input[type='submit'], .case-datasaved-error .subgroup_case .blockchain_form input[type='submit']{
    color : #de0052 !important;
    border-color:#de0052 !important;
}

.case-datasaved-error .cysearch_case .blockchain_form input[type='submit']:hover, .case-datasaved-error .subgroup_case .blockchain_form input[type='submit']:hover{
    border-color:#ffffff !important;
    background:#ffffff !important;
}

/* Blockchain */
.cycode_row .cycode_case {
    padding-bottom: 4px;
}
.cycode_row .cycode_case > .col-inner {
    border-radius: 10px;
    padding: 15px 20px 15px 20px;
    background: #000000;
    color: #ffffff !important;
}
.cycode_row:hover .cycode_case > .col-inner {
    background: #f0fbff !important;
    color: #000000 !important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}
.cycode_case p {
    margin-bottom: 0px !important;
}
.cycode_case p.titre {
    font-size: 20px;
    margin-bottom: 2px !important;
    font-weight: 500;
}
.cycode_case .cycode_resume {
    border-left: 2px solid #51c9fc;
    margin-left: 15px;
    margin-bottom: 4px;
}

.cycode_row .point {
    border-radius: 50px;
    border: 4px solid #000000;
    max-width: 30px;
    max-height: 30px;
    background-color: #ffffff;
}
.cycode_row:hover .point {
    border-color: #51c9fc !important;
}

.blockchain-activities-table th{
    color: #1a1a1a;
}
.blockchain-activities-table td{
    color: #1a1a1a;
    opacity: 0.85;
}

/* Monitoring */
.progress_step{
    border:3px solid;
    border-radius:99px;
    width:40px;
    height:40px;
    border-color:#00c1fd;
}

.progress_closed{
    background:#00c1fd;
}

.progress_to_do_next{
    border-color:#192f4a;
    background:#192f4a;
    
}
a .progress_to_do_next:hover{
    border-color:#ffffff;
    background:#192f4a;
}

.progress_done{
    background:#92E5FF;
}

a .progress_done:hover{
    border-color:#ffffff;
    background:#00c1fd;
}
.progress_alert{
    border-color:#ff0100;
    background:#ff0100;
    
}
a .progress_alert:hover{
    border-color:#ffffff;
    background:#ff0100;
}
.progress_waiting{
    background:#ffffff;
}
.progress_locked{
    border-color :#01c1fd;
    background-color: #86E2FF;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,1) 5px, rgba(255,255,255,1) 10px);
}

.btn-history{
    color:#00c1fd;
    font-size:16px;
    font-weight: 600;
    text-transform:uppercase;
    border:2px solid #00c1fd;
    /*background-color:#00c1fd;*/
    letter-spacing: 0.05em;
    padding:8px 12px 8px 12px;
    border-radius:7px;
}

.btn-history:hover{
    color:#ffffff;
    background-color:#00c1fd;
}

.btn_history_details{
    opacity:0.6;
    color:#1a1a1a;
    font-size:12px;
    font-weight: 600;
    text-transform:uppercase;
    /*border:2px solid #1a1a1a;*/
    /*background-color:#00c1fd;*/
    letter-spacing: 0.05em;
    padding:0px 8px 0px 0px;
    border-radius:7px;
}

.btn_history_details:hover{
    opacity:1;
    color:#000000;
    /*background-color:#ffffff;*/
}


/* 8. Lightbox
*-----------------------------------------------------*/
.lightbox-content.co_detail {
    border-radius: 20px;
}
h2.lb-titre {
    font-size: 40px;
}
button.mfp-close:not(.onLightbox){
    display:none;
}
@media (min-width: 850px){
    .mfp-content, .stuck, button.mfp-close.onLightbox {
        top: 0px!important;
    }
}

.icone-pdf{
    max-width: 40px;
}

/* 9. Stats
*-----------------------------------------------------*/
p .stats_value{
    color:#00c1fd;
}
p .stats_value_number{
    font-size: 26px;
}
.stats_blockchain{
    padding:8px 10px 0px 10px;
    border:1px solid #e0e0e0;
    border-radius: 4px;
    margin-right: 0px;
}
.stats_blockchain h5{
    font-family: 'effra', sans-serif !Important;
    font-weight: 400;
    font-style: normal;
    font-size: .97em;
    text-transform: uppercase;
}

/* 10. Branda / Login
*-----------------------------------------------------*/
.branda-login {
    width: 40%;
    min-width: 350px;
    display: flex;
    align-items: center;
}
#login {
    margin: 0 auto;
    width: 320px;
}
#login h1 {
     margin-bottom: 0;
}
.login {
    display: flex;
}
.login #login #nav,
.login #loginform {
    max-width: 320px;
}

/* Login */
#login #loginform label{
    font-weight: 400 !important;
    font-size:16px !important;
}

#login #loginform a{
    font-weight: 300 !important;
    font-size:16px !important;
}

#login #loginform .login-remember{
    padding-top:15px;
}

#login #loginform .login-remember label{
    font-weight: 400 !important;
}
#login #loginform #wp-submit{
    margin-bottom: 0px !important;
}

/* 11. Composants
*-----------------------------------------------------*/
.noclick{
    pointer-events: none;
}
.accordion-title.plain{
	font-weight: 600 !Important;
	letter-spacing:0.05em;
}
.accordion-title.plain .toggle{
		top:0.1em;
}

/* 12. Moteur de recherche
*-----------------------------------------------------*/
form.asm{
    margin-bottom: 0px;
}
.asm label{
    font-size: 12px;
    color:#777771;
}

.asm input, .asm option, .asm select{
    background-color:#ededed;
}
.asm input, .asm select{
    border:solid 2px #00c1fd;
    border-radius: 7px;
}

.asm input.asm-btn-send{
    letter-spacing: 0.05em;
    font-size: 16px !Important;
    padding:2px 15px 0px 15px !important;
    border-radius: 7px;
    margin:0;
}
label.asm-checkbox{
    font-weight: 400 !important;
    font-style: normal !important;
    font-size:16px;
}

/* 13. Checkbox - Wrapper 7
*-----------------------------------------------------*/
.checkbox-wrapper-7 .tgl {
    display: none;
}
.checkbox-wrapper-7 .tgl, .checkbox-wrapper-7 .tgl:after, .checkbox-wrapper-7 .tgl:before, .checkbox-wrapper-7 .tgl *, .checkbox-wrapper-7 .tgl *:after, .checkbox-wrapper-7 .tgl *:before, .checkbox-wrapper-7 .tgl + .tgl-btn {
    box-sizing: border-box;
}
.checkbox-wrapper-7 .tgl::-moz-selection, .checkbox-wrapper-7 .tgl:after::-moz-selection, .checkbox-wrapper-7 .tgl:before::-moz-selection, .checkbox-wrapper-7 .tgl *::-moz-selection, .checkbox-wrapper-7 .tgl *:after::-moz-selection, .checkbox-wrapper-7 .tgl *:before::-moz-selection, .checkbox-wrapper-7 .tgl + .tgl-btn::-moz-selection, .checkbox-wrapper-7 .tgl::selection, .checkbox-wrapper-7 .tgl:after::selection, .checkbox-wrapper-7 .tgl:before::selection, .checkbox-wrapper-7 .tgl *::selection, .checkbox-wrapper-7 .tgl *:after::selection, .checkbox-wrapper-7 .tgl *:before::selection, .checkbox-wrapper-7 .tgl + .tgl-btn::selection {
    background: none;
}
.checkbox-wrapper-7 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox-wrapper-7 .tgl + .tgl-btn:after, .checkbox-wrapper-7 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}
.checkbox-wrapper-7 .tgl + .tgl-btn:after {
    left: 0;
}
.checkbox-wrapper-7 .tgl + .tgl-btn:before {
    display: none;
}
.checkbox-wrapper-7 .tgl:checked + .tgl-btn:after {
    left: 50%;
}
.checkbox-wrapper-7 .tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    border: 1px solid #e8eae9;
}
.checkbox-wrapper-7 .tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.checkbox-wrapper-7 .tgl-ios + .tgl-btn:hover:after {
    will-change: padding;
}
.checkbox-wrapper-7 .tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 2em #DFE3E4;
}
.checkbox-wrapper-7 .tgl-ios + .tgl-btn:active:after {
    padding-right: 0.8em;
}
.checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn {
    background: #00c1fd;
}
.checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn:active {
    box-shadow: none;
}
.checkbox-wrapper-7 .tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.8em;
}

/* 14. Backgrounds
*-----------------------------------------------------*/
.bg_line_center {
    background: url("https://cyberorigin.ch/textures/tex_line.png");
    background-position: center top;
    background-repeat: repeat-y;
}
.etape-monitoring{
    background: url("https://cyberorigin.ch/textures/tex_line_h.png");
    background-position: center center;
    background-repeat: repeat-x;
}

@media (max-width: 849px) {

}


/* 99. Patches
*-----------------------------------------------------*/
button#submit, input.asm-btn-send{
    background-color:#00c1fd !important;
}