/**
    ## project name     : nayi.me gsm portal
    ## author           : doanerkan / www.doanerkan.com
**/
/* #################################################################################### */
/* ##### + + + pages css imported ##################################################### */
/* #################################################################################### */

    @import url('bootstrap.css?version=1.0.0.0');
    @import url('bootstrap-theme.css?version=1.0.0.0');
    @import url('animate.css?version=1.0.0.0');
    @import url('hover.css?version=1.0.0.0');
    @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap');
    @import url('fancyapp_min.css?version=1.0.0.0');
    @import url('font.css?version=1.0.0.0');
    @import url('alertify.min.css?version=1.0.0.0');
    @import url('alertify.bootstrap.min.css?version=1.0.0.0');

    body            { background:#f5f6fa; color:#333; font:300 14px 'Nayime', sans-serif; line-height: 1.5; margin:0; padding:0; overflow-x:hidden; }
    html            { height: 100% !important; box-sizing: border-box; }
    a               { color:#8391a2; font:300 14px 'Nayime', sans-serif; cursor:pointer;  box-sizing: border-box; }
    input, table, tr, td, div, span, p  { outline:none; box-sizing: border-box; }
    .ta-left        { text-align:left; }
    .ta-center      { text-align:center; }
    .ta-right       { text-align:right; }

    .va-top         { vertical-align:top !important; }
    .va-middle      { vertical-align:middle !important; }
    .va-bottom      { vertical-align:bottom !important; }

    .bg_theme_1     { background:url(https://formapi.nayime.com/theme/images/service-form-bg-1.jpg) no-repeat center center; background-attachment: fixed; background-size: 100% 100%; }
    .bg_theme_2     { background:url(https://formapi.nayime.com/theme/images/service-form-bg-1.jpg) no-repeat center center; background-attachment: fixed; background-size: 100% 100%; }
    .bg_theme_3     { background:url(https://formapi.nayime.com/theme/images/service-form-bg-1.jpg) no-repeat center center; background-attachment: fixed; background-size: 100% 100%; }
    .bg_theme_4     { background:url(https://formapi.nayime.com/theme/images/service-form-bg-1.jpg) no-repeat center center; background-attachment: fixed; background-size: 100% 100%; }
    .bg_theme_5     { background:url(https://formapi.nayime.com/theme/images/service-form-bg-1.jpg) no-repeat center center; background-attachment: fixed; background-size: 100% 100%; }

    hr              { border:#dfdfdf 1px solid !important; }

    a:hover         { color:#4e5bf2; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

    .main-container { display:flex; height:100vh; flex-direction: column; align-items: center; justify-content: center; }
    .loginArea      { width:400px; text-align:center; height:auto; min-height:100px; background:#fff; border-radius:10px; padding:30px; -webkit-box-shadow: 0 0 32px 21px rgba(0,0,0,0.08); -moz-box-shadow: 0 0 32px 21px rgba(0,0,0,0.08); box-shadow: 0 0 32px 21px rgba(0,0,0,0.08); }
    .loginArea h2       { color:#222; font:500 20pt 'Poppins', serif; margin:0; padding:0; }
    .loginArea hr       { border:none !important; border-top:#f0f0f0 1px solid !important; margin:20px 0; }
    .loginArea input[type=text]       { width:100%; text-align:center; border:#fff 1px solid; background:#f2f2f2; padding:15px; border-radius:5px; outline:none; }
    .loginArea input[type=submit]     { width:auto; text-align:center; display:inline-block; background:#2980b9; color:#fff; font:500 14px 'Poppins', sans-serif; padding:10px 40px; border:none; border-radius:50px; outline:none; }
    .loginArea input[type=submit]:hover  { background:#3498db; }
    .loginArea input[type=text]:focus       { border:#f0f0f0 1px solid; background:#fff; }
    .loginArea span.bilgi   { color:#666; font:300 14px 'Roboto', sans-serif; }
    /* font-family: 'Roboto Slab', serif; */

    .formVerileri   { width:100%; background:#fff; min-height:200px; border-radius:10px; margin:30px auto 100px auto; padding:30px; }
    .formVerileri h4    { color:#2980b9; font:500 18px 'Poppins', sans-serif; margin-top:0; }
    .formVerileri hr       { border:none !important; border-top:#f0f0f0 2px solid !important; margin:20px 0; }

    .dev_rec_step       { margin-bottom:15px; }
    .dev_rec_step a         { font: 300 11px 'Nayime', sans-serif; }
    .dev_rec_step div.rec_detail            { width:100%; font:400 12px 'rawline', sans-serif; line-height:18px; background:#eff0f4; border-radius:6px; padding:15px; }
    .dev_rec_step div.rec_detail_sms            { width:100%; background:#faf3ce; font:400 12px 'rawline', sans-serif; line-height:18px; border-radius:6px; padding:15px; }
    .dev_rec_step div.rec_detail_sms_red        { width:100%; background:#f8d7da; font:400 12px 'rawline', sans-serif; line-height:18px; border-radius:6px; padding:15px; }
    .dev_rec_step div.rec_detail_sms_red hr     { border:none !important; border-top:#f5c6cb 1px solid !important; }
    .dev_rec_step div.rec_detail_sms a              { background:#f5e79e; border-radius:4px; padding:10px; color:#333; display: inline-block; }
    .dev_rec_step div.rec_detail_sms a:hover            { background:#fade94; color:#000; text-decoration:none; }
    .dev_rec_step div.rec_detail_sms hr             { border:none; border-top:#e1dab9 1px solid !important; margin:15px 0; }
    .dev_rec_step div.rec_detail hr         { border:none; border-top:#cbcbcf 1px solid !important; margin:10px 0; }
    .fiyatonaylandi         { color:#00b894; }

    .dekont_area        { width:100%; padding:30px; border-radius:5px; border:#dfdfdf 1px solid; text-align:center; margin-bottom:15px; }

    .dekont_area a           { background: linear-gradient(to top,#203259 0,#3d3b94 100%); color:#fff; padding:20px 30px; border-radius:5px; display:inline-block; }
    .dekont_area a i.fa         { font-size:30px; }
    .dekont_area a:hover, .dekont_area a:active, .dekont_area a:focus { background: linear-gradient(to top,#1a1d20 0,#2a2e33 100%); color:#fff; text-decoration:none; }

    .cikis_yap_buton        { background:#c0392b; color:#fff; font:500 11px 'rawline', sans-serif !important; width:auto; padding:7px 10px; border-radius:5px; }
    .cikis_yap_buton:hover        { background:#e74c3c; color:#fff; text-decoration:none; }

    .cihaz-textarea-costumer        { width:100%; min-height:150px; border:#dfdfdf 1px solid; padding:15px; box-sizing: border-box !important; border-radius:7px; }

    .onayvermemek       { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding:30px; border-radius:5px; margin-bottom:5px; }
    .onayvermemek h4        { margin:0 !important; padding:0 !important; }
    .onayvermemek hr        { border:none !important; border-top:#f5c6cb 1px solid !important; margin:10px 0 !important; }
    .onayvermemek textarea      { width:100%; min-height:auto !important; padding:10px !important; outline:none !important; box-sizing: border-box !important; height:80px !important; background:#fff !important; border-color:#f5c6cb !important; border-radius:5px !important; }
    .onayvermemek input[type=button]      { border-radius:100px !important; border:none; font:700 12px 'rawline', sans-serif !important; padding:6px 20px !important; background:#721c24 !important; color:#fff !important; }
    .alert-light        { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }
    .dnone              { display:none; }

    .operation_record_image_list        { padding:0 15px 30px 0; }
    .operation_record_image_list a      { width:40px; height:40px; display:block; border-radius:5px; overflow:hidden; margin-right:10px; }
    .musteriOnayVermedi { color:#721c24 !important; padding:5px !important; background-color:#f8d7da !important; border-color:#f5c6cb !important; font:700 11px 'rawline', sans-serif !important; }

    .dev_rec_step div.rec_detail_sms_onayli         { width:100%; background:#e9f6ec; font:400 12px 'rawline', sans-serif; line-height:18px; border-radius:6px; padding:15px; }
    .dev_rec_step div.rec_detail_sms_onayli a           { background:#cae2d0; border-radius:4px; padding:10px; color:#333; display: inline-block; }
    .dev_rec_step div.rec_detail_sms_onayli a:hover         { background:#a8cfab; color:#000; text-decoration:none; }
    .dev_rec_step div.rec_detail_sms_onayli hr          { border:none; border-top:#d1ddd4 1px solid !important; }

    .ononay_2           { padding:5px !important; display:inline-block; font-size:10px; height:34px !important; margin:5px 0 8px 0 !important; width:100% !important; }
    .smsIconHr          { border:none !important; border-top:#dfdfdf 1px solid !important; }
    .smsonayla          { background:#27ae60 !important; color:#fff; border:none; border-radius:5px; font:700 11px 'Nayime', sans-serif !important; display:inline-block; padding:10px!important; }

    .phoneNumber    { height:60px; font:300 13px 'Nayime', sans-serif; line-height:18px; margin:0 0 0 15px; padding: 0 0 0 15px; border-left:#dfdfdf 1px solid; display:flex; justify-content: center; flex-direction:column; }
    .kesmeler       { font:300 13px 'Nayime', sans-serif; line-height:18px; margin:15px 0 0 0; padding: 15px 0; border-top:#f0f0f0 2px solid; display:flex; justify-content: center; flex-direction:column; }

    .odemeYapButon      { background:#16a085; color:#fff; padding:7px 10px; font:700 11px 'Nayime', sans-serif !important; border-radius:5px; box-sizing: border-box; display:inline-block; }
    .odemeYapButon:hover    { background:#1abc9c; color:#fff; text-decoration:none; }
    .detayButon         { background:#2980b9; color:#fff; padding:7px 10px; font:700 11px 'Nayime', sans-serif !important; border-radius:5px; box-sizing: border-box; display:inline-block; }
    .detayButon:active, .detayButon:focus   { text-decoration:none; background:#2980b9; color:#fff; padding:7px 10px; font:700 11px 'Nayime', sans-serif !important; border-radius:5px; box-sizing: border-box; display:inline-block; }
    .detayButon:hover       { background:#3498db; color:#fff; text-decoration:none; }

    .printButton    { padding:10px; border-radius:5px; background:#16a085; color:#fff; font:400 12px 'Nayime', sans-serif; text-decoration:none; display:inline-block; }
    .printButton:hover  { background:#1abc9c; color:#fff; font:400 12px 'Nayime', sans-serif; text-decoration:none; }

    .print_webadres         { font:700 15px 'Nayime', sans-serif; }
    .print_phone            { padding:5px 12px; border-radius:15px; font:700 15px 'Nayime', sans-serif; border:#333 2px solid; }
    .print_ul           { margin:10px 0; padding:0; list-style:none; }
    .print_ul li            { margin:0 0 0 18px; padding:0; list-style-type:circle; font:300 9.5px 'Nayime', sans-serif; line-height:19px; }

    .fancybox-content       { border-radius:10px; }
    .ifli ul, .ifli ul li   { margin:10px 0; padding:0; list-style:none; }
    .ifli ul li                 { margin:0 0 0 18px; padding:0; list-style-type:circle; }
    .ifli ul li a                   { font:300 11px 'Nayime', sans-serif; line-height:15px; }

    .tabButon   { width:100%; height:43px; border-bottom:#dfdfdf 1px solid; }
    .tabButon ul, .tabButon ul li   { color:#333; margin:0; }
    .tabButon ul li     { float:left; padding:10px 20px; font-weight:700; list-style:none; cursor:pointer; border:#dfdfdf 1px solid; margin-right:5px; }
    .tabButon ul li.activeTab       { border:#1abc9c 1px solid; border-bottom:#fff 1px solid; color:#16a085; }

    .payStyle input[type=text]      { width:100%; height:43px; padding:10px; border:#dfdfdf 1px solid; border-radius:5px; margin-bottom:15px; }
    .payStyle input[type=submit]      { height:43px; padding:8px 20px; background:#2980b9; color:#fff; border:none; border-radius:5px; margin:5px 0 15px 0; }
    .payStyle input[type=submit]:hover      { background:#3498db; }
    .payStyle select                { width:100%; height:43px; padding:10px; border:#dfdfdf 1px solid; border-radius:5px; margin-bottom:15px; }

@media only screen and (min-width : 0px) and (max-width : 770px) {
    .main-container     { width:95%; height: auto; }
    .loginArea          { width:100%; margin-top:50px; }
    .formVerileri   { width:100%; background:#fff; min-height:200px; border-radius:10px; margin:15px auto 100px auto; padding:15px; }
    .mobileSmsArea  { padding-right:0; }
}