/*
    wirn
    WorkBook build with Bootstrap v5+ Author: Work Book Live
    * Template Name: WorkBook
    * Updated: With Bootstrap v5.3.2
    * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
    * Author: Work Book Live | Atri Banerjee
    * License: https://bootstrapmade.com/license/

	font-family: 'Inter', sans-serif;
	font-family: 'Open Sans', sans-serif;
	
*/
	
@import url('https://fonts.googleapis.com/css2?family=Inter&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');

/* ============= Disable | Enable - scrollbar custom style ===================================================

* { scrollbar-width: thin; scrollbar-color: #FCB704 #02B8F9; } 
*::-webkit-scrollbar { width: 9px; height: 9px;}
*::-webkit-scrollbar-track { background: #FCB704; box-shadow: none;}
*::-webkit-scrollbar-thumb { background-color: #02B8F9; border-radius: 3px; border: none; box-shadow: none;  }
*::-webkit-scrollbar-thumb { width: 11px; height: 11px;}

============================================================================================================ */

::-o-selection { background: #FCB704; color: #02B8F9; text-shadow: none;}
::-ms-selection { background: #FCB704; color: #02B8F9; text-shadow: none;}
::-webkit-selection { background: #FCB704; color: #02B8F9; text-shadow: none;}
::-moz-selection { background: #FCB704; color: #02B8F9; text-shadow: none;}
::selection { background: #FCB704; color: #02B8F9; text-shadow: none; }

:root{ scroll-behavior: smooth; }

.intersns{ font-family: 'Inter', sans-serif !important;}
.opensns{ font-family: 'Open Sans', sans-serif !important;}

/* wirn - default customizations */
html, body { height: 100%; }
html, body { font-family: 'Open Sans', sans-serif;}
html, body { color: #0A1F44; font-size: 14px; }
button:focus, 
a:focus { outline: none !important;}

body a:focus { outline: none !important; }
body img:focus { outline: none !important; }
a img:focus { outline: none !important; }
button.btn:focus { outline: none !important; }
a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover, 
a:focus { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
button.btn { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
button.btn:hover, 
button.btn:focus { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a.btn { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a.btn:hover, 
a.btn:focus { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
button.btn i { text-shadow: none; }
a i { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover i { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.fa { letter-spacing: normal; }
.img-responsive, 
.thumbnail > img, 
.thumbnail a > img, 
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }
.img-responsive, 
.thumbnail > img, 
.thumbnail a > img { margin: 0px auto; }
.form-control::-webkit-input-placeholder { color: #7F8D8C !important;}
.form-control:-moz-placeholder { color: #7F8D8C !important; opacity: 1;}
.form-control::-moz-placeholder { color: #7F8D8C !important; opacity: 1;}
.form-control:-ms-input-placeholder { color: #7F8D8C !important;}
h1, h2, h3, h4, h5, h6{ padding: 0; margin: 0;}

html { background-color: #040F1C ;/*#E5E5E5*/ text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
body { color: #0A1F44; background-color: #040F1C; padding: 0px !important; margin: 0px !important; font-weight: normal; text-rendering: optimizeLegibility; position: relative; }
ul li { list-style: none; }
a { color: #02B8F9; }
a:hover, 
a:focus{ color: #FCB704; }
a, 
a:hover, 
a:focus { text-decoration: none !important; outline: none !important; }
.disabled { cursor: not-allowed !important; filter: alpha(opacity=65) !important; -webkit-box-shadow: none !important; box-shadow: none !important; opacity: .65 !important; }
.disabled { pointer-events: none !important; }
.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn { cursor: not-allowed !important; filter: alpha(opacity=65) !important; -webkit-box-shadow: none !important; box-shadow: none !important; opacity: .65 !important; }
a.btn.disabled, 
fieldset[disabled] a.btn { pointer-events: none !important; }
.noneewh { display: none !important; opacity: 0 !important; padding: 0 !important; margin: 0 !important; visibility: hidden !important; }
.none { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important; }
.bgnone { background: none !important; background-color: transparent !important; }
.brnone { border: none !important; border-color: transparent !important; border-width: 0 !important; border-style: none !important; }
.shdnone { box-shadow: none !important; text-shadow: none !important; }
.rndnone { border-radius: 0 !important; }
.allstlnone { background: none !important; background-color: transparent !important; border: none !important; border-color: none !important; border-width: 0 !important; border-style: none !important; box-shadow: none !important; text-shadow: none !important; border-radius: 0 !important; }
.blocking { display: block !important; opacity: 1 !important; height: inherit !important; padding: 0 !important; margin: 0 !important; width: inherit !important; visibility: visible !important; }
.clear { clear: both !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.relative{ position: relative !important;}
.no-pad { padding: 0 !important;  }
.no-gap { margin: 0 !important; }
.no-lefty { padding-left: 0px !important; }
.no-leftty { padding-left: 0px !important; }
.no-rightty { padding-right: 0px !important; }

/* end - wirn - default customizations */

.body-main-area .main-input-area,
.body-main-area .main-visual-area .editor-area,
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom,
.modalUpload .modal-body .upload-holder-area.upload-custom,
.body-main-area .main-input-area .form-main-home .dropdown.custom-down,
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom,
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down { position: relative !important;}

.back-to-top{ background: #02B8F9; color: #FCB704;}
.back-to-top:hover{ background: #FCB704; color: #02B8F9;}
.header-top{ height: 35px; font-family: 'Inter', sans-serif;}
.header-top .header-nav .nav-profile{ color: #FFFFFF; }
.header-top .header-nav .nav-profile:hover,
.header-top .header-nav .nav-profile:focus,
.header-top .header-nav .nav-profile:active,
.header-top .header-nav .nav-profile.active{ color: #FCB704; }
.header-top .header-nav .nav-profile span{ font-weight:normal;}
.header-top .header-nav .nav-profile span{ padding-left: 19px;}
.header-top .header-nav .nav-item:last-child .nav-profile span{ padding-left: 19px; padding-right: 4px;}
.header{ padding-right: 20px;}
.header .search-bar{ padding-right: 0;}
.logo img{ max-height: none;}
.card{ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }
.form-label{ display: block;}
.dash-link{ color: #02B8F9;}
#main{ margin-top: 0;}
#main{ padding: 24px 20px;}
.header .search-form input{ font-size: inherit; padding: 6px 11px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; width: auto; }
.logo img{ margin: 0;}
.dashboard .card{ margin: 0;}
.dashboard .card .card-body.body-form .form-home-info .input-group .input-group-text{ height: 40px;}
.dashboard .card .card-body.body-form .form-home-info .input-group .input-group-text.control-blank{ background: none; border: none;}
.dashboard .card .card-body.body-form .form-home-info .input-group .form-check.control-check{ padding: 0.8rem 0.75rem; margin: 0 15px;}
.dashboard .card .card-body.body-form .form-home-info .input-group .form-check.control-check .form-check-input:checked{ background-color: #0F9BF0; border-color: #0F9BF0;}
.dashboard .card .card-body.body-form .form-home-info{ margin-top: 20px;}
.header .search-form input:focus{ border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
.body-heading-bg{ background: #F1F2F4; padding: 0 20px; margin: 0 20px;}
.body-heading-bg .card-title{ color: #0A1F44; font-weight: 700; font-size: 16px; line-height: 16px; letter-spacing: 0.33px;}
.body-heading-bg .card-title{ line-height: 38px; padding: 0; margin: 0; }
.body-main-area .main-visual-area{ padding: 0 20px; margin: 0 0px;}
.body-main-area .main-visual-area .card-title{ color: #0A1F44; font-weight: 600; font-size: 16px; line-height: 16px; letter-spacing: 0.33px;}
.body-main-area .main-visual-area .card-title{ padding: 20px 0; margin: 0;}
.body-main-area .main-input-area{ padding: 25px 20px; margin: 0 0px;}
.body-main-area .main-input-area .form-main-home{ font-size: 14px; color: #53627C; }
.body-main-area .main-input-area .form-main-home .upload-holder-area{ padding: 0px; margin: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.body-main-area .main-input-area .form-main-home .upload-holder-area{ width: 90%; height: 75px; border: 1px solid #D1D5DD;}
.body-main-area .main-input-area .form-main-home .upload-holder-area img{ padding: 10px 20px 0px;}
.body-main-area .main-input-area .form-main-home .upload-holder-area .text-link{ padding: 5px 20px; text-decoration: underline;}
.body-main-area .main-input-area .form-main-home .col-form-label{ font-size: 14px; color: #0A1F44; font-weight: 600;}
.body-main-area .main-input-area .form-main-home .col-form-label.label-bigtext{ font-size: 14px; color: #0A1F44; font-weight: 600; letter-spacing: 0.33px;}
.body-main-area .main-input-area .form-main-home .col-form-label.label-italik{ color: #53627C; font-weight: 400;}
.body-main-area .main-input-area .form-main-home .form-check.check-gap{ padding: 7px 20px;}
.body-main-area .main-input-area .form-main-home .link-gap{ padding: 7px 20px;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok{ display: inline-block; width: 100px; height: auto; margin: 0; padding: 8px 12px 12px;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .blank-color{ display: inline-block; width: 100%; height: 16px;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .blank-color.black{ border: 1px solid #02B8F9; background-color: #000000;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .blank-color.white{ border: 1px solid #C9CED6; background-color: #FFFFFF;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .blank-color.grey{ border: 1px solid #999999; background-color: #999999;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .blank-color.yellow{ border: 1px solid #FCB704; background-color: #FCB704;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .blank-color.red{ border: 1px solid #E5084A; background-color: #E5084A;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .blank-color.blue{ border: 1px solid #029ED6; background-color: #029ED6;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .form-control-color{ display: inline-block; width: 100%; height: 20px; margin: 0; padding: 0; border: none;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .form-control-color{ border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; }
.body-main-area .main-input-area .form-main-home .form-check.check-blok .form-control-color::-webkit-color-swatch{ border-radius: 0;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .form-control-color.control-border{ box-shadow: 0px 0px 0px 1px #C9CED6;}
.body-main-area .main-input-area .form-main-home .form-check.check-blok .form-check-input{ float: none; margin:0 auto; }
.body-main-area .main-input-area .form-main-home .form-check.check-blok .form-check-label{ display: inline-block; width: 100%; height: auto; padding: 0; margin: 3px auto 8px;}
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom img{ padding: 10px 20px 0px;}
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom label.form-label{ width: 100%; height: auto; padding: 0 30px; margin: 0 auto; display: inline-block;}
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom label.form-label{ text-decoration: underline; color: #758196; font-size: 15px; letter-spacing: 0.33px; line-height: 20px;}
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom label.form-label i{ color: #c9ced6; }
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom .form-control[type=file]{ padding: 0; margin: 0; width: 100%; height: 75px;  }
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom .form-control[type=file]{ font-size: 16px; color: #758196; text-decoration: underline; }
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom .form-control[type=file]{ background-color: transparent; border: none; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; }
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom .form-control[type=file]{ opacity: 0;}
.body-main-area .main-input-area .form-main-home .upload-holder-area.upload-custom .form-control[type=file]{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.body-main-area .main-input-area .form-main-home.main-uploadin{ display: block; width: 85%; height: auto; padding: 20px; margin: 0 auto;}
.body-main-area .main-input-area .form-main-home.main-uploadin .check-repete-blok{ display: inline-block; width: 95%; height: auto; padding: 0; margin: 0 35px;}
.body-main-area .main-input-area .form-main-home.main-uploadin .check-repete-blok .form-check{ display: inline-block; width: 105px; height: auto; margin: 0 0.6999em 0.6999em 0; padding: 3px 4px;}
.body-main-area .main-input-area .form-main-home.main-uploadin .check-repete-blok .form-check .form-check-input{ margin: 0.499em 0.6999em 0 -1em;}
.body-main-area .main-input-area .form-main-home .main-uploadin{ display: inline-block; width: 100%; height: auto; padding: 20px 0 20px 5px; margin: 0 auto;}
.body-main-area .main-input-area .form-main-home .main-uploadin .check-repete-blok{ display: inline-block; width: 100%; height: auto; padding: 0; margin: 0 50px 0 10px; }
.body-main-area .main-input-area .form-main-home .main-uploadin .check-repete-blok .form-check{ display: inline-block; width: 105px; height: auto; margin: 0 0.6999em 0.6999em 0; padding: 3px 4px;}
.body-main-area .main-input-area .form-main-home .main-uploadin .check-repete-blok .form-check .form-check-input{ margin: 0.499em 0.6999em 0 -1em;}
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .btn.dropdown-toggle{ height: 33.5px; line-height: 1.7; width: 100%; background-color: transparent; border: 1px solid #dee2e6; color: #212529; text-align: left;}
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .btn.dropdown-toggle{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-size:16px 12px; background-position: right 0.75rem center; background-repeat: no-repeat;  }
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .btn.dropdown-toggle:hover,
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .btn.dropdown-toggle:focus,
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .btn.dropdown-toggle:active,
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .btn.dropdown-toggle:visited{ border-color: #0f9bf0; box-shadow: 0px 0px 0px 0.25rem rgba(15, 155, 240, 0.45);}
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .dropdown-toggle::after{ float: right; margin: 0; vertical-align: middle; border: none;  }
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .dropdown-menu{ border: 1px solid #dee2e6;}
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .dropdown-menu.show{ display: inline-block; width: 100%; }
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .dropdown-menu .img-gap-size{ margin: 0 10px 0 0; width: 40px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .dropdown-menu .dropdown-item:hover,
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .dropdown-menu .dropdown-item:focus,
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .dropdown-menu .dropdown-item:active,
.body-main-area .main-input-area .form-main-home .dropdown.custom-down .dropdown-menu .dropdown-item.active{ background-color: #dfe3e9;}
.body-main-area .main-input-area .form-main-home.main-home-newuser{ font-size: 14px; color: #53627C; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area{ padding: 0px; margin: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area{ width: 100%; height: 128px; border: 1px solid #D1D5DD;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area img{ padding: 10px 20px 0px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area .text-link{ padding: 5px 20px; text-decoration: underline;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .col-form-label{ font-size: 14px; color: #0A1F44; font-weight: 600;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .col-form-label.label-italik{ color: #53627C; font-weight: 400;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-gap{ padding: 7px 20px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .link-gap{ padding: 7px 20px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok{ display: inline-block; width: 120px; height: auto; margin: 0; padding: 4px 0px 12px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .blank-color{ display: inline-block; width: 100%; height: 16px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .blank-color.black{ border: 1px solid #02B8F9; background-color: #000000;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .blank-color.white{ border: 1px solid #C9CED6; background-color: #FFFFFF;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .blank-color.grey{ border: 1px solid #999999; background-color: #999999;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .blank-color.yellow{ border: 1px solid #FCB704; background-color: #FCB704;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .blank-color.red{ border: 1px solid #E5084A; background-color: #E5084A;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .blank-color.blue{ border: 1px solid #029ED6; background-color: #029ED6;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .form-control-color{ display: inline-block; width: 100%; height: 32px; margin: 0; padding: 0; border: 1px solid #C9CED6;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .form-control-color.color-inverse{ display: inline-block; width: 100%; height: 32px; margin: 0; padding: 0; border: 1px solid #000000;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .form-control-color{ border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .form-control-color::-webkit-color-swatch{ border-radius: 0;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .form-control-color.control-border{ box-shadow: 0px 0px 0px 1px #C9CED6;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .form-check-input{ float: none; margin:0 auto; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .form-check.check-blok .form-check-label{ display: inline-block; width: 100%; height: auto; padding: 0; margin: 3px auto 8px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom img{ padding: 2.3em 20px 0px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom label.form-label{ width: 100%; height: auto; padding: 0 30px; margin: 0 auto; display: inline-block;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom label.form-label{ text-decoration: underline; color: #758196; font-size: 15px; letter-spacing: 0.33px; line-height: 20px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom label.form-label i{ color: #c9ced6; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom .form-control[type=file]{ padding: 0; margin: 0; width: 100%; height: 128px;  }
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom .form-control[type=file]{ font-size: 16px; color: #758196; text-decoration: underline; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom .form-control[type=file]{ background-color: transparent; border: none; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom .form-control[type=file]{ opacity: 0;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .upload-holder-area.upload-custom .form-control[type=file]{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .main-uploadin{ display: block; width: 100%; height: auto; padding: 20px 0; margin: 0 auto;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .main-uploadin .check-repete-blok{ display: inline-block; width: 100%; height: auto; padding: 0; margin: 0 5px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .main-uploadin .check-repete-blok .form-check{ display: inline-block; width: 105px; height: auto; margin: 0 0.6999em 0.6999em 0; padding: 3px 4px;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .main-uploadin .check-repete-blok .form-check .form-check-input{ margin: 0.499em 0.6999em 0 -1em;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .btn.dropdown-toggle{ height: 33.5px; line-height: 1.7; width: 100%; background-color: transparent; border: 1px solid #dee2e6; color: #212529; text-align: left;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .btn.dropdown-toggle{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-size:16px 12px; background-position: right 0.75rem center; background-repeat: no-repeat;  }
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .dropdown-toggle::after{ float: right; margin: 0; vertical-align: middle; border: none;  }
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .dropdown-menu{ border: 1px solid #dee2e6;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .dropdown-menu.show{ display: inline-block; width: 100%; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .dropdown-menu .img-gap-size{ margin: 0 10px 0 0; width: 40px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .dropdown-menu .dropdown-item:hover,
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .dropdown-menu .dropdown-item:focus,
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .dropdown-menu .dropdown-item:active,
.body-main-area .main-input-area .form-main-home.main-home-newuser .dropdown.custom-down .dropdown-menu .dropdown-item.active{ background-color: #dfe3e9;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .edit-icon{ display: inline-block; width: 30px; height: auto; margin: 0; padding: 4px 0px 12px; text-align: center;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .edit-icon i{ color: #A6AEBC; font-size: 20px; line-height: 1.5;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .social-row .input-group .input-group-text{ width: 46px; height: 35px; text-align: center; justify-content: center;}
.body-main-area .main-input-area .form-main-home.main-home-newuser .social-row .input-group .input-group-text i{ line-height: 35px; color: #53627C; font-size: 22px; }
.body-main-area .main-input-area .form-main-home button.btn{ font-weight: 700;}
.body-main-area .main-input-area .form-main-home button.btn.btn-weight-normal{ font-weight: 400;}








































































































/* wirn - overwrite */

.modalUpload .modal-body .list-photogallery{ height: 300px; overflow-y: auto; overflow-x: hidden; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }
.modalUpload .modal-body .list-photogallery{ display: inline-block; width: 100%; border: 1px solid #999999; padding: 0; margin: 0; }
.modalUpload .modal-body .list-photogallery .list-group-item{ display: inline-block; width: 89px; height:87px; padding: 1px; margin: 2px; border: 1px solid #999999;}
.modalUpload .modal-body .list-photogallery .list-group-item{ border-radius:0px ; -webkit-border-radius:0px ; -moz-border-radius:0px ; -ms-border-radius:0px ; -o-border-radius:0px ; }
/*.modalUpload .modal-body .list-photogallery .list-group-item:hover,*/
.modalUpload .modal-body .list-photogallery .list-group-item:focus,
.modalUpload .modal-body .list-photogallery .list-group-item:active,
.modalUpload .modal-body .list-photogallery .list-group-item.active{ border-color: #FF0000;}
.modalUpload .modal-body .list-photogallery .list-group-item .single-item{ width: 100%; height: 100%;object-fit: contain; vertical-align:middle }
.modalUpload .modal-body .upload-holder-area.upload-custom{ padding: 0px; margin: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}
.modalUpload .modal-body .upload-holder-area.upload-custom{ width: 100%; height: 75px; border: 1px solid #D1D5DD; }
.modalUpload .modal-body .upload-holder-area.upload-custom label.form-label{ width: 100%; height: auto; padding: 0 30px; margin: 0 auto; display: inline-block;}
.modalUpload .modal-body .upload-holder-area.upload-custom label.form-label{ text-decoration: underline; color: #758196; font-size: 15px; letter-spacing: 0.33px; line-height: 20px;}
.modalUpload .modal-body .upload-holder-area.upload-custom label.form-label i{ color: #c9ced6; }
.modalUpload .modal-body .upload-holder-area.upload-custom .form-control[type=file]{ padding: 0; margin: 0; width: 100%; height: 75px;  }
.modalUpload .modal-body .upload-holder-area.upload-custom .form-control[type=file]{ font-size: 16px; color: #758196; text-decoration: underline; }
.modalUpload .modal-body .upload-holder-area.upload-custom .form-control[type=file]{ background-color: transparent; border: none; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; }
.modalUpload .modal-body .upload-holder-area.upload-custom .form-control[type=file]{ opacity: 0;}
.modalUpload .modal-body .upload-holder-area.upload-custom .form-control[type=file]{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.modalUpload .modal-body .view-photogallery{ display: inline-block; width: 100%; border: 1px solid #999999; padding: 0; margin: 0; }
.modalUpload .modal-body .view-photogallery{display: flex;align-items:center;justify-content: center; height: 389px; overflow-y: auto; overflow-x: hidden; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px;}
.modalUpload .modal-body .col-form-label{ font-size: 14px; color: #0A1F44; font-weight: 600;}
.modalUpload .modal-header{ background-color: #D9D9D9; padding: 10px 15px; margin: 0;}
.modalUpload .modal-header .modal-title{ font-weight: 700; color: #000000; line-height: 18px; padding: 0; margin: 0; font-size: 14px;}

.toast{ border: none; background-color: #FFFFFF;}
.toast .toast-header{ background-color: #060f1c; color: #FFFFFF; }
.toast .toast-header .btn-close{ color: #FCB704; opacity: 1;}
.toast .toast-header .btn-close i{ color: #FCB704; opacity: 1;}
.toast .toast-header .close,
.toast .toast-header .close i{ border: none; background-color: transparent; box-shadow: none; text-shadow: none; color: #FCB704; opacity: 1;}

.mtless-num10{ margin-top: -10rem!important;}
.mtless-num9{  margin-top: -9rem!important;}
.mtless-num8{  margin-top: -8rem!important;}
.mtless-num7{  margin-top: -7rem!important;}
.mtless-num6{  margin-top: -6rem!important;}
.mtless-num5{  margin-top: -5rem!important;}
.mtless-num4{  margin-top: -4rem!important;}
.mtless-num3{  margin-top: -3rem!important;}
.mtless-num2{  margin-top: -2rem!important;}
.mtless-num1{  margin-top: -1rem!important;}
.mtless-num0{  margin-top: -0rem!important;}
.mtless-num10dvd2{ margin-top: -10.5rem!important;}
.mtless-num9dvd2{  margin-top: -9.5rem!important;}
.mtless-num8dvd2{  margin-top: -8.5rem!important;}
.mtless-num7dvd2{  margin-top: -7.5rem!important;}
.mtless-num6dvd2{  margin-top: -6.5rem!important;}
.mtless-num5dvd2{  margin-top: -5.5rem!important;}
.mtless-num4dvd2{  margin-top: -4.5rem!important;}
.mtless-num3dvd2{  margin-top: -3.5rem!important;}
.mtless-num2dvd2{  margin-top: -2.5rem!important;}
.mtless-num1dvd2{  margin-top: -1.5rem!important;}
.mtless-num0dvd2{  margin-top: -0.5rem!important;}
.width-100 { width: 100px!important;}
.width-95 { width: 95px!important;}
.width-90 { width: 90px!important;}
.width-85 { width: 85px!important;}
.width-80 { width: 80px!important;}
.width-75 { width: 75px!important;}
.width-70 { width: 70px!important;}
.width-65 { width: 65px!important;}
.width-60 { width: 60px!important;}
.width-55 { width: 55px!important;}
.width-50 { width: 50px!important;}
.width-45 { width: 45px!important;}
.width-40 { width: 40px!important;}
.width-35 { width: 35px!important;}
.width-30 { width: 30px!important;}
.width-25 { width: 25px!important;}
.test-height{ height: 2999px !important;}
.height-500 { height: 500px!important;}
.height-450 { height: 450px!important;}
.height-400 { height: 400px!important;}
.height-350 { height: 350px!important;}
.height-300 { height: 300px!important;}
.height-275 { height: 275px!important;}
.height-250 { height: 250px!important;}
.height-200 { height: 200px!important;}
.height-175 { height: 175px!important;}
.height-150 { height: 150px!important;}
.height-100 { height: 100px!important;}
.height-95 { height: 95px!important;}
.height-90 { height: 90px!important;}
.height-85 { height: 85px!important;}
.height-80 { height: 80px!important;}
.height-75 { height: 75px!important;}
.height-70 { height: 70px!important;}
.height-65 { height: 65px!important;}
.height-60 { height: 60px!important;}
.height-55 { height: 55px!important;}
.height-50 { height: 50px!important;}
.height-45 { height: 45px!important;}
.height-40 { height: 40px!important;}
.height-35 { height: 35px!important;}
.height-30 { height: 30px!important;}
.height-25 { height: 25px!important;}
.height-20 { height: 20px!important;}
.height-15 { height: 15px!important;}
.height-10 { height: 10px!important;}
.height-5 { height: 5px!important;}
.text-italic{ font-style: italic !important;}
.text-bold{ font-weight: bold !important;}
.overflow-HY{ overflow-y: hidden !important;}
.overflow-HX{ overflow-x: hidden !important;}
.overflow-HYX{ overflow-y: hidden !important; overflow-x: hidden !important;}
.overflow-AY{ overflow-y: auto !important;}
.overflow-AX{ overflow-x: auto !important;}
.overflow-AYX{ overflow-y: auto !important; overflow-x: hidden !important;}
.overflow-VY{ overflow-y: visible !important;}
.overflow-VX{ overflow-x: visible !important;}
.overflow-VYX{ overflow-y: visible !important; overflow-x: hidden !important;}
.overflow-SY{ overflow-y: scroll !important;}
.overflow-SX{ overflow-x: scroll !important;}
.overflow-SYX{ overflow-y: scroll !important; overflow-x: hidden !important;}

.form-control{ border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; }
.form-check-input[type=radio]{ border: 1.33px solid #979797;}
.form-check-input[type=checkbox]{ border: 1.33px solid #979797;}
.form-check-input:checked[type=radio]{ background-image: url("../img/radio-blue-dot.svg");}
.form-check-input:checked{ background-color: #FFFFFF; border-color: transparent; box-shadow: 0px 0px 0px 1.33px rgba(15, 155, 240, 0.99);}
.form-check-input:focus{ box-shadow: 0px 0px 0px 1.33px rgba(15, 155, 240, 0.99);}
.form-control:focus{ box-shadow: 0px 0px 0px 0.25rem rgba(15, 155, 240, 0.45);}
.form-select:focus{ box-shadow: 0px 0px 0px 0.25rem rgba(15, 155, 240, 0.45);}
.form-check.check-blok .form-control:focus{ box-shadow: 0px 0px 0px 0.25rem rgba(15, 155, 240, 0.00);}
.form-check.check-blok .form-control-color.control-border:focus{ box-shadow: 0px 0px 0px 1px rgba(201, 206, 214, 0.99);}
.header .search-form input:focus{ border-color: #0f9bf0; box-shadow: 0px 0px 0px 0.25rem rgba(15, 155, 240, 0.45);}

.btn{ padding: 4px 15px; margin: 8px 0 8px 8px;}
.btn-primary{ border: 1px solid #0F9BF0; background: #0F9BF0 !important; color: #FFFFFF;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{ border-color: #0F9BF0; background: #FFFFFF; color: #364866;} 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
.btn-outline-secondary{ border-color: #C9CED6; color: #364866;}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active{ border-color: #0F9BF0; background: #FFFFFF; color: #364866;} 
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active{ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{ border-color: #0F9BF0; background-color: #FFFFFF; color: #364866;}
.btn-no-round{ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:active,
.form-control:-webkit-autofill:focus { border-radius: 10px !important; border: none; -webkit-text-fill-color: #7F8D8C; -webkit-box-shadow: none; transition: background-color 5000s;  }
.zero { 				z-index: 9 !important; 				/* zero layer index depth */}
.zone { 				z-index: 99 !important; 			/* 1 layer index depth */	}
.ztwo { 				z-index: 999 !important; 			/* 2 layer index depth */	}
.zthree { 				z-index: 9999 !important; 			/* 3 layer index depth */	}
.zfour { 				z-index: 99999 !important; 			/* 4 layer index depth */	}
.zfive { 				z-index: 999999 !important; 		/* 5 layer index depth */	}
.zsix { 				z-index: 9999999 !important; 		/* 6 layer index depth */ 	}
.zseven { 				z-index: 99999999 !important; 		/* 7 layer index depth */ 	}
.zeight { 				z-index: 999999999 !important; 		/* 8 layer index depth */ 	}
.znine { 				z-index: 9999999999 !important; 	/* 9 layer index depth */ 	} 
.zten { 				z-index: 99999999999 !important; 	/* 10 layer index depth */ 	}
.modalUpload .modal-body .list-photogallery .list-group-item.ActiveForPhotoList {
	border-color: #FF0000;
}
/* wirn - curser pointer customizations - 

html *,
body * {
	cursor: url("../cursor/ui/cursor-link@x2.png") 0 0, auto; 
	cursor: url("../cursor/ui/cursor-link@x1.png") 0 0, auto;
	cursor: -webkit-image-set(
		url("../cursor/ui/cursor-link@x1.png") 1x,
		url("../cursor/ui/cursor-link@x2.png") 2x
	)
	6 6,
	auto; 
}  
html a,
body a,
html i,
body i,
html a i,
body a i,
html a.btn,
body a.btn,
html button,
body button,
html button i,
body button i,
html button.btn,
body button.btn,
html .btn,
body .btn,
html .btn:not(:disabled):not(.disabled),
body .btn:not(:disabled):not(.disabled) {
	cursor: url("../cursor/ui/cursor@x2.png") 0 0, auto; 
	cursor: url("../cursor/ui/cursor@x1.png") 0 0, auto; 
	cursor: -webkit-image-set(
		url("../cursor/ui/cursor@x1.png") 1x,
		url("../cursor/ui/cursor@x2.png") 2x
	)
	6 6,
	auto;
}
html .ui-draggable-handle,
body .ui-draggable-handle {
	cursor: url("../cursor/ui/cursor-move@x2.png") 0 0, auto; 
	cursor: url("../cursor/ui/cursor-move@x1.png") 0 0, auto;
	cursor: -webkit-image-set(
		url("../cursor/ui/cursor-move@x1.png") 1x,
		url("../cursor/ui/cursor-move@x2.png") 2x
	)
	6 6,
	auto;
}
html .disabled,
body .disabled,
.app .app-content .btn.disabled,
.app .app-content .btn.disabled,
.app .app-content .btn.disabled a,
.app .app-content .btn.disabled a {
	cursor: url("../cursor/ui/cursor-not-allowed@x2.png") 0 0, auto; 
	cursor: url("../cursor/ui/cursor-not-allowed@x1.png") 0 0, auto; 
	cursor: -webkit-image-set(
		url("../cursor/ui/cursor-not-allowed@x1.png") 1x,
		url("../cursor/ui/cursor-not-allowed@x2.png") 2x
	)
	6 6,
	auto; 
}
html [type=button]:not(:disabled), 
html [type=reset]:not(:disabled), 
html [type=submit]:not(:disabled),
body [type=button]:not(:disabled),
body [type=reset]:not(:disabled), 
body [type=submit]:not(:disabled),
html button:not(:disabled),
body button:not(:disabled){}
.datepicker tr td,
.datepicker tr td:hover,
.datepicker tr th, 
.datetimepicker tr td,
.datetimepicker tr td:hover,
.datetimepicker tr th, 
.daterangepicker tr td,
.daterangepicker tr td:hover,
.daterangepicker tr th,
.datetimepicker thead tr:first-child th, 
.datetimepicker tfoot th,
.datetimepicker table tr td.day:hover,
.datetimepicker table tr td span{
	cursor: url("../cursor/ui/cursor-hand@x2.png") 0 0, auto; 
	cursor: url("../cursor/ui/cursor-hand@x1.png") 0 0, auto; 
	cursor: -webkit-image-set(
		url("../cursor/ui/cursor-hand@x1.png") 1x,
		url("../cursor/ui/cursor-hand@x2.png") 2x
	)
	6 6,
	auto; 
}

- end wirn - curser pointer customizations */

/* end - wirn - custom - overwrite */