/*================================================================================
	Item Name: Robust - Responsive Admin Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.hide {
	display: none!important;
}


/*#company th {
  font-size: 12px;
}*/
/*
#opportunity th {
  font-size: 12px;
}
*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
    display: inline-block;
    cursor: default;
    flex: 0 0 auto;
    align-self: stretch;
    -webkit-user-select: none;
    opacity: 0;
    pointer-events: none;
    -webkit-user-modify: read-only;
    margin: 0;
}
input[type="number"] {-moz-appearance: textfield;}

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}
.login2_section .login_left_side,
.login2_section .login_right_side{
    width: 100%;
    height:50vh;
    position: relative;
    float: left;
}

.login2_section .login_box{
    top: unset;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50% , -50%);
    margin-left: unset;
}

.login2_section .login_right_content{
    padding-right: 25px;
}

.login2_section  .login_side_texts,
.login2_section .login_side_links{
    bottom: 20px;
    position: absolute;
}

.login2_section .login_side_links{
    top: unset;
    left: 20px;
}

.login2_section  .login_side_texts{
    right: 20px;
    text-align: right;
    padding-right: 25px;
}

.login2_section .login_right_content .logo{
    top: unset;
    bottom: 55px;
    position:absolute;
    left: 20px;
}

.lg_right_link:hover{
    color: #fff !important;
}

.login2_section .login_right_content{
    background-image: url(images/login_back_rotate.png);
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard_login_box{
    position: absolute;
    width: 500px;
    top: -204px;
    z-index: 9999;
    left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dashboard-forget-box{
    top:-160px !important;
}

.login2_section .login_left_side img{
    height: 100%;
    width:100%;
    object-fit:cover;
}

@media (min-height: 800px){
.login2_section .login_box {
    margin-top: unset;
}
}

.ll_c_box{
    height: 100%;
}

.login_left_back{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0,91,133,0.7);
}
.ll_title{
    font-size: 25px;
    color: #fff;
    text-align: center;
}

.ll_text{
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
    padding: 0 40px;
    height: 46.4px;
}

.login_right_side{
    background-color: #005b85;
}

.login_left_content{
    position: absolute;

}
.login_box{
    position: absolute;
    float: left;
    padding: 30px 40px;
    background-color: #fff;
    border-radius: 10px;
    width: 320px;
    margin-left: -180px;
    margin-bottom: 15px;
    z-index: 99;
}

.login_box h1{
    color: #474646;
    margin-bottom: 25px;
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 17px;
    font-weight: normal;
}

.lb_input{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    padding-left: 5px !important;
    border:1px solid #ececec;
    margin-bottom: 15px;
}

.lg_btn{
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    background-color: #008fd0;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 25px;
    transition: .3s ease;
    cursor: pointer;

}

.lg_btn:hover{
    background-color: #005b85;
}

.login_box label,
.login_box label input,
.login_box label span{
    position: relative;
    float: left;
}

.login_box label span{
    font-size: 12px;
    color: #474646;
    margin-left: 22px;
}

.login_box label input:after{
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background-color: #ececec;
    top: 1px;
    left: 0;
}

.name_input:after{
    position:absolute;
    content:'';
    width: 15px;
    height: 15px;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/login_name_icon.png);
}

.remember_me:checked:after{
    background-color: #008fd0;
}

.login_box a{
    font-size: 12px;
    color: #474646;
    float: right;
}

.lg_right_link{
    position: relative;
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 8px;
    font-size: 15px;
    margin-bottom: 0;
}

.lg_right_p{
    margin-top: 25px;
}

@media(max-width:600px){
    .dashboard_login_box{
        width:300px;
    }
}

.input-group{
    width:100%;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: none !important;
}

.sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: none !important;
}

.container-fluid{
    padding-left:0;
    padding-right:0;
}
.card-dashboard .row .col-md-4{
    flex: inherit;
    max-width: inherit;
    width: 25% !important;
}
.card-dashboard .row .col-md-6{
    flex: inherit;
    max-width: inherit;
    width: 25% !important;
    padding-right:15px;
}

.dataTables_wrapper .row .col-md-6{
    position:relative;
    top:0;
    left:0;
    margin-bottom:15px;
    margin-top:10px;
}

.dataTables_wrapper .row .col-md-6:nth-child(2){
    left: unset;
    right: 0;
    position: absolute;
    padding-right:0;
    width: 245px !important;
}
div.dataTables_wrapper div.dataTables_filter label{
    color:transparent;
}

div.dataTables_wrapper{
    position:relative;
}

div.dataTables_wrapper div.dataTables_filter input{
    height:40px;
}

div.dataTables_wrapper div.dataTables_filter label{
    margin-top:0;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td{
    text-align:center;
}
thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 1rem !important;
}

table.dataTable{
        table-layout: unset !important;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
    width: 125px;
}

.product_item{
    position:relative;
    float:left;
    width:100%;
}
select.form-control:not([size]):not([multiple]).input-xs, input.form-control.input-xs{
    height:30px;
}

@media(min-width:768px){

#ProposalProducts .form-group .btn-primary,
#OrderProducts .form-group .btn-primary,
#ProposalProducts .pro-repeat,
#OrderProducts .pro-repeat{
    position: relative;
    float:left;
}

#ProposalProducts .pro-repeat,
#OrderProducts .pro-repeat{
    margin-left:-10px;
}

#OrderProducts .col-md-1,
#ProposalProducts .col-md-1{
    flex: 0 0 11%;
    max-width: 11%;
}

.pd_cont{
    padding: 0!important;
    flex: 0 0 0;
    width: 100%;
    margin-top: -1.5rem;
    margin-left: 5px;
}
/*#proposalAddForm .row:last-child .col-md-2{
    flex:160px;
    max-width:160px;
}*/

#proposalAddForm .row:last-child .col-md-10{
    flex:calc(100% - 160px);
    max-width:calc(100% - 160px);
}

#ProposalProducts .row:first-child .col-md-7{
    flex:0;
    max-width:0;
}
#ProposalProducts .col-md-5,
#OrderProducts .col-md-5{
    flex:100%;
    max-width:100%;
}
.card-dashboard .col-md-10{
    flex:calc(100% - 210px);
    max-width:calc(100% - 210px);
}
.card-dashboard .col-md-2{
    flex:210px;
    max-width:210px;
}
}

@media(max-width:1300px){


    .btn-sm, .btn-group-sm > .btn{
        border-radius:0 !important;
    }

    .dropzone .dz-message{
        left: 50% !important;
    	-webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    	transform: translateX(-50%);
    	width:85% !important;
    	height:auto !important;
    }

    .dropzone .dz-message:before{
        position: relative;
        float: left;
        clear: both;
        margin-top: 90px;
        top:unset !important;
    }




}

@media (max-width:1300px) and (min-width:768px){
    .product_item .col-md-3{
        flex: 100%;
        max-width: 100%;
    }

    .product_item .col-md-1{
        flex: 12%;
        max-width: 12%;
    }
    .product_item .col-md-2{
        flex: 20%;
        max-width: 20%;
    }
     #userEditForm .col-md-10{
        flex: calc(100% - 180px);
        max-width:calc(100% - 180px);
    }

     #userEditForm .col-md-2{
        flex: 180px;
        max-width: 180px;
        padding-right: 30px;
    }
}

@media (max-width:1172px){
     table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child{
        width:135px !important;

    }

    table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child{
        padding:10px 1rem;
    }


    .dataTables_wrapper table,
    .dataTables_wrapper table thead,
    .dataTables_wrapper table tbody,
    .dataTables_wrapper table thead tr,
     .dataTables_wrapper table tbody tr{
         position:relative;
         width:100%;
     }





}

@media (max-width:1150px) and (min-width:768px){

     .card-dashboard .col-md-8{
        flex: calc(100% - 195px);
        max-width:calc(100% - 195px);
     }

     .card .card-title{
         margin-top:8px;
     }
     .col-md-2 .form-group label{
        font-size:12px;
    }
}

@media (max-width:1040px) and (min-width:768px){
    .col-md-4 .form-group label,
    .col-md-3 .form-group label,
    .col-md-2 .form-group label{
        font-size:12px;
    }

}

@media (max-width:767px){
    .card-text{
        margin-bottom:15px;
    }
    .card-text:last-child {
        margin-bottom: 15px;
    }

    .col-md-12 .btn-block{
        margin-bottom:10px;
    }

    .dataTables_wrapper .row .col-md-6:nth-child(2){
        width:215px !important;
        left: -56px;
        top:55px;
    }

    .dataTables_wrapper .row .col-md-6{
        margin-bottom:57px;
    }

    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child{
        width:135px !important;
        position:relative;
        float:left;
    }

    table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child{
        padding:10px 1rem;
    }
    .card-dashboard .row .col-md-4,
    .card-dashboard .row .col-md-6{
        width:100% !important;
    }

    .btn-sm, .btn-group-sm > .btn{
        padding:inherit;
        width:44px;
        border-radius:0 !important;
    }

    .dataTables_info{
        margin-bottom:10px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination{
        justify-content: center !important;
    }
}

@media (max-width:600px){
    .dropzone .dz-message{
        font-size:20px !important;
    }
    .dropzone .dz-message:before{
        font-size:55px !important;
    }

    .dropzone{
        min-height:300px !important;
    }
}

@media (max-width:520px){
    .btn-secondary{
        padding: 0.75rem 5px;
    }
}

@media (max-width:360px){
    .dropzone .dz-message:before{
        margin-top:130px;
    }
}

.dashboard_row Ş .col-lg-3{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dashboard_row > .col-lg-3 > .pb-1{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.dashboard_row  .clearfix:not(.mb-1):not(.not_float){
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.dashboard_row .clearfix:not(.mb-1) .text-muted{
    width: calc(100% - 90px);
    float: left;
}

.dashboard_row .clearfix:not(.mb-1) .success:not(.not_float){
    width: 80px;
    text-align: right;
}

.height-20{
    height: 20px;
}

[class*=" ft-"], [class^=ft-]{
    margin-right:5px;
}
#product_info{
    margin-top:6px;
}

#ProposalProducts .row,
#ProposalProducts>div>div,
#OrderProducts .row,
#OrderProducts>div>div{
    position:relative;
    float:left;
    width:100%;
}

.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file{
    width:100%;
}

.form-group .help-block ul{
    padding-left:0;
}

#proposal_repeat{
    margin-top:10px;
}

.card-header{
    background-color: #3BAFDA;

}

.card .card-title{
    color:#fff;
    font-size:17px;
}

.account-card-header{
    margin-bottom:5px;
}

.login-card-header,
.forgetp-card-header{
    background-color:#fff;
}

.form-control{
    width:calc(100% - 43px) !important;
}

.controls textarea{
    width:100% !important;
}

.slider-card-body{
    padding:0;
}

.unslider-wrap.unslider-carousel > li .col-lg-1{
    display:none;
}

.unslider-wrap.unslider-carousel > li  .col-lg-10  {
    flex: 100%;
    min-width: 100%;
    width:100% !important;
}


.unslider-wrap.unslider-carousel > li .card-content{
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.card-header{
    color:#fff;
}

.cd-horizontal-timeline .events-content{
    display:none;
}

.social_icons .fa-facebook,
.social_icons .fa-play,
.social_icons .fa-linkedin,
.fa-user,
.b_i,
.tdx{
    font-size:18px !important;
}

.tdx{
    margin-top:9px;
}

.social_icons_cont{
    position:relative;
    float:none;
    width:150px;
}

.social_icons_cont div{
    position:relative;
    float:left;
}

.social_icons{
    flex: 175px;
    max-width: 175px;
    text-align: center;
    margin-top:12px;
}

.bizi-izleyin{
    flex: 50%;
    max-width: 50%;
    text-align: left;
    margin-top:12px;
}
 .bizi-izleyin h4{
     margin-top:10px;
 }

 .social-card-body,
 .ticket-card-body{
    height:100px;
 }

 .ticket-card-body{
     padding-top:30px;
 }

 .social_icons_cont div a,
 .social_icons_cont div a i{
     transition:.2s ease;
 }

 .bg-facebook:hover{
     background-color:#3b5998 !important;
 }

 .bg-facebook i{
     color:#3b5998;
 }

 .bg-facebook,
 .bg-youtube,
 .bg-linkedin
 {
     background-color:#fff !important;
 }

 .bg-facebook:hover i{
     color:#fff;
 }
 .bg-youtube:hover{
     background-color:#e52d27 !important;
 }

 .bg-youtube i{
     color:#e52d27;
 }

 .bg-youtube:hover i{
     color:#fff;
 }

 .bg-linkedin:hover{
     background-color:#0976b4 !important;
 }
 .bg-linkedin i{
     color:#0976b4;
 }

 .bg-linkedin:hover i{
     color:#fff;
 }

 .user-ticket{
     transition:.2s ease;
     background-color:#fff !important;
 }

  .user-ticket:hover{
      background-color:#148468 !important;
  }

  .user-ticket i{
      color:#148468;
  }

  .user-ticket:hover i{
      color:#fff;
  }
  .hr_delete{
      margin-bottom:1.5rem;
  }

  .login_right_content .input-lg{
      width:100% !important;
  }

  @media(max-width:1220px){
      .bizi-izleyin, .social_icons{
          flex: 100%;
          max-width: 100%;
          margin-top:0;
      }

      .social_icons_cont{
          width:215px;
          margin:0 auto;
      }

      .ticket-card-body .col-lg-2{
          flex: 70px;
          max-width: 70px;
      }

       .ticket-card-body .col-lg-10{
          flex: calc(100% - 70px);
          margin-top: -12px;
          max-width: calc(100% - 70px);
      }
  }

  @media(max-width:992px){
      .social_icons_cont div{
          width:70px;
      }

      .ticket-card-body .col-lg-10{
          width: 100%;
         flex: 100%;
         max-width: 100%;
         text-align: center;
         margin-top: -3px;
      }

      .ticket-card-body .col-lg-2{
          flex: 70px;
          max-width: 70px;
          position: relative;
          float: none;
          margin: 0 auto;
      }

      .ticket-card-body .col-lg-2 a{
          margin-top:-10px;
      }
  }

  @media(max-width: 767px){
    .menu-open{
        overflow: hidden;
        position: fixed;
    }

    .vertical-overlay-menu.menu-open .main-menu{
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
  }

.picker{
    position: absolute !important;
}

#humanresources th{
    width: auto !important;
}


html body:not(.menu-open) .main_box{
    width: 100%;
    position: relative;
    float: left;
    min-height: calc(100vh - 64px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: inherit;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
}

html body{
    height: auto;
    min-height: 100%;
    float: left;
    direction: unset;
    width: 100%;
}

html body.menu-open{
    height: calc(100% - 64px);
    min-height: 100%;
}

.login_side_links a:hover{
    text-decoration: underline;
}

@media(max-width: 760px){
.login2_section .login_side_links{
    left: 50%;
    position: relative;
    float: left;
    clear: both;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

.login2_section .login_left_side, .login2_section .login_right_side{
    height: 50%;
}

.dashboard_login_box{
    position: relative;
    float: left;
}

.login2_section .login_right_content .logo{
    position: relative;
    float: left;
    clear: both;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -100px;
}

.login2_section .login_left_side img{
    height: 320px;
}

.login2_section .login_side_texts{
    left: 50%;
    position: relative;
    float: left;
    clear: both;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

.login2_section .login_right_content{
    padding-right:0;
}

.login2_section .login_side_texts, .login2_section .login_side_links{
    bottom: 70px;
}
}

@media(max-width: 380px){

}

.ll_text{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.login_left_content{
    top: 15px;
}

.login_read_more{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #3BAFDA;
    font-size: 16px;
    position: relative;
    float: left;
    padding: 5px 25px;
    background-color: #fff;
    border-radius: 5px;
    transition: .3s ease;
}

.login_read_more:hover{
    background-color: #3BAFDA;
    color: #fff;
}

@media(max-width: 800px){
    .login_left_content{
        display: none;
    }
}

@media(min-height: 900px){
    .login_left_content{
        top: 50px;
    }
}

@media(min-height: 1000px){
    .login_left_content{
        top: 75px;
    }
}

@media(min-height: 1200px){
    .login_left_content{
        top: 110px;
    }
}

/**/
#company_search_modal .modal-body .row.container .col-md-3,
#opportunity_search_modal .modal-body .row.container .col-md-3,
#user_search_modal .modal-body .row.container .col-md-3{
    max-height: 300px;
    overflow-y: scroll;
}