/* .pr20

    {
        padding-right: 20px;
    } */

    .pr10
    {
        padding-right: 10px;
    }
    
  
  .stepwizard {
        display: table;
        width: 50%;
        position: relative;
        text-align: inherit!important;
    }

    .stepwizard-step .btn
    {
        display: inline-flex!important;
    }

.p-r
    {
       text-align: right ! important;
    }

.padouting
{
    padding: 20px 20px 100px 20px;
}

.mi
    {
        font-size: 30px ! important;
    }

   .padleft
{
padding-left: 0px;
}

.timelinebody
{
    padding: 0 5% 0 5%;
  
}

 #search {
            width: 200px ! important;
            margin-right: 100px;
        }

.paddl35
{
    padding-left: 35px;
}
 
.padr25
{
    padding-right: 0px;
}

.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block;border-bottom: 1px solid #ccc;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative; margin-top: 10px;}
.file-upload .file-select .file-select-button{display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;font-size: 15px;}


.file-upload.active .file-select{border-bottom: 2px solid #e91e63;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
    
.file-upload2{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload2 .file-select{display:block;border-bottom: 1px solid #ccc;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative; margin-top: 10px;}
.file-upload2 .file-select .file-select-button{display:inline-block;height:40px;line-height:40px;}
.file-upload2 .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;font-size: 15px;}


.file-upload2.active .file-select{border-bottom: 2px solid #e91e63;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload2.active .file-select .file-select-button{transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload2 .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload2 .file-select.file-select-disabled{opacity:0.65;}
.file-upload2 .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload2 .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload2 .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;} 

.showitem
{
    display: flex;
    align-items: center;
}
    
    



/* responsive for Mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 990px) 
{
      .stepwizard 
        {
        display: table;
        width: 100%;
        position: relative;
      }
       
    
         .mi
    {
        font-size: 20px ! important;
    }

        .padleft
         {
           padding-left: 60px;
        } 
        
       #search {
            
            margin-right: 40px;
        } 
      .paddl35
{
    padding-left: 0;
}
    
    .padr25
{
    padding-right:30px;
}
  
     .p-r
    {
       text-align: center ! important;
    }
    
.showitem
{
   text-align: center;
    
}
    
}




@media only screen and (min-device-width: 320px) and (max-device-width: 480px) 
{
.stepwizard 
{
display: table;
width: 100%;
position: relative;
}
      
.timelinebody
{
padding-left: 30px;
width: 95%;
}

.timeline > li > .timeline-badge {

width: 10px;
height: 10px;
top: 36px;
margin-left: -15px; 
}

}

@media only screen and (min-width:1280px)
{
    .btn-delete{height:42px!important}
    .timeline > li > .timeline-panel{width: 70%;right: -50px;}
}

@media only screen and (max-width:1280px)
{
    .p-xs-3 {padding: 1rem!important;}
    .mainpart{padding-bottom: 32px!important;}
}

@media only screen and (min-width:1024px) and (max-width:1400px)
{
    .section .section-wrapper .section-icon {
        margin-top: 18px!important;
    }

    .section .fa {
        font-size: 26pt;
    }

    .mail-fail{padding:4px 10px 4px 4px;}

    /* .table-responsive{display: block!important;} */
}

@media only screen and (max-width:1024px)
{
    .btn,.btn-primary label{font-size: 12px!important;border-radius: 12px!important;} 
    .btn-primary label.btn-pad{padding:0!important}
    .btn-pad{padding: 7px 10px!important;}
    .tab-pane .btn-delete,
    .btn-edit,.btn-pad2{padding: 6px 10px!important;}
    .btn-pad3, .nextBtn{padding: 8px 20px!important;}    
    .btn-delete{height: 38px!important;}    
    .nav-tabs li a,.nav-tabs .nav-link {padding: 8px 14px;font-size: 12px!important;border-radius: 12px!important;}
    .m-txt-none{display:none;}
    .table-responsive {display: block!important;}
    .material-icons {font-size: 20px!important;}   
    .mail-send, .mail-fail{padding:4px 12px!important;display: inline-block;}
    .view-profile h2{font-size: 18pt;line-height: 26pt;}
    .pagination>li>a, .pagination>li>span{padding: 6px 10px!important;font-size: 12px!important;border-radius: 10px!important;}
    .timeline > li > .timeline-panel{width: 60%;right: -30px;}
    .backbtn-circle{border-radius: 100%!important;padding: 8px!important;width: 40px;height: 40px!important;}
}


@media only screen and (max-width:768px)
{    
    .m-txt-none{display:none;}    
    /* .btn{padding: 4px 12px!important;font-size: 12px!important;border-radius: 12px!important;}   
    .btn-pad,.btn-pad2 {padding: 4px 10px!important;}
    .btn-delete{height: auto!important;}                                                                                                                                                                                           */
    .mail-send, .mail-fail{padding:9px 12px!important;display: inline-block;}
    :is(.mail-send, .mail-fail) i{line-height: 0!important;}

    .nav-tabs li a{min-width: auto!important;padding: 8px 14px;}
    .user-div .pad032 {padding: 0 25px!important;}
    .btn,.nav-tabs li a,.nav-tabs .nav-link{font-size: 12px!important; border-radius: 12px!important;}
    .material-icons {font-size: 20px!important;}
    .p-xs-3 {padding: 1rem!important;}

    .sel-mrt{margin-top:15px;}
    .sel-mrt .ihide{display: block!important;}
    .sidebar .section-item-details,.sidebar .sidebar-item {padding: 0 15px;text-align: left;}
    .section .custom-content, .section .blog-post{margin: 0;padding: 0px 15px!important;}
    .m-mob-0{margin:0!important}     

    .view-profile .padl80 {padding-left: 0px!important;}
    .view-profile .section{text-align: left!important;}
    .timeline > li > .timeline-panel{width: 70%;right: -50px;}
    .backbtn-circle{border-radius: 100%!important;padding: 8px!important;width: 40px;height: 40px!important;}
    
}


@media only screen and (max-width: 767px)
{
    /*Login*/
    #login-page .form-control{font-size: 14px!important;}
    #login-page .margin{margin-left:-15px!important;margin-right:-15px!important;}
    #login-page .card-panel{padding: 20px 40px!important;}  

     /*header*/
    .header__notification .bell-icon .bell-number{top:10px!important}
    #left-sidebar-nav .brand-logo img {width: 120px;height: auto;}
    :is(.nav-white,.mainpart) .row.px-3{padding-left: .5rem!important;padding-right: .5rem!important;}

    /*Content*/
    .pad032 {padding: 0 25px!important;}
    .p-xs-3 {padding: 1rem!important;}
    .pb-xs-5{padding-bottom:30px!important;}
    .px-mob-0{padding-left:0!important;padding-right:0!important}
    .px-sm-2 {padding-left: .5rem!important;padding-right: .5rem!important;}
    .mainpart .row.px-3.px-xs-3{padding-left: 1rem!important;padding-right: 1rem!important;}  
    .mx-sm__3{margin-left: -10px!important;margin-right: -10px!important;} 

    #main {padding-top: 80px;}
    #breadcrumbs-wrapper .h-auto{height:auto!important}
    #breadcrumbs-wrapper .p-3{ padding: .5rem!important;}
    :is(#prod,#ord-head).breadcrumbs-title{margin:0px;text-align: left;font-size: 1.5rem;line-height: 0;padding-bottom:30px;padding-left:16px;}  

    /* .btn-pad,.btn-pad2,.btn-edit{padding: 4px 10px!important;}
    .btn-delete {padding: 5px 10px!important;}
    .btn-pad3 {padding: 8px 20px!important;}
    .btn{font-size: 12px!important; border-radius: 12px!important;}    */
    a.btn-delete span{padding-top: 2px;}

    .nav-tabs li a,
    .nav-tabs .nav-link {font-size: 12px!important; border-radius: 10px!important;}
    .nav-tabs li a{min-width: auto!important;padding: 6px 10px!important;}
    :is(.project-div, .materials-div, .user-div, .modal) select,    
    .nav-tabs{margin-bottom: 15px!important;}

    .pagination>li>a, .pagination>li>span{padding: 5px 10px;font-size: 10px; border-radius: 10px!important;}
    .justify-content-sm-center {-ms-flex-pack: center!important; justify-content: center!important;}
    .showitem{justify-content: center;}
    /* .modal-body{
        height: calc(100vh - 200px)!important;
        overflow-y: scroll;
    } */

    :is(#confirmModal, #addcategoryModal,  #projectModal, #documentModal, #pwdModal, #addSMTPModal, #addMailModal, #editMailModal) 
    .modal-body{height: 100%!important;}

    :is(.project-div, .materials-div, .user-div) #searchitems {line-height: 22px;}

    :is(.project-div, .materials-div, .user-div) input[type="text"],     
    .materials-div textarea, .user-div input[type="email"], 
    .user-div input[type="file"], .user-div .file-upload .file-select, 
    .file-upload2 .file-select, .user-div textarea, .modal input[type=password]
    {
        font-size: 12px!important;
    }

    .table>thead>tr>th,
    .table>tbody>tr>td{
        font-size: 12px!important;
        /* padding: 0.5rem 0.25rem!important; */
    }
  
    .sel-mrt{margin-top:0px!important;}

    .section .fa{font-size: 18pt!important;}

    .pagination li{padding: 0 3px!important;margin: 0 1px!important;}
    .pagination>li>a, .pagination>li>span{font-size: 10px!important;}
    .user-div table{white-space: nowrap;}
}

@media only screen and (max-width:360px)
{
    .pagination{flex-flow: wrap;}
    .pagination li {margin: 5px 1px!important;}
}