
/*===================================== User Tour CSS ===========================================*/


/*.user-tour-wrapper .user-tour-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.user-tour-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: contents;
}
.tour-content-wrapper {
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%,-50%);
}
.next-arrow-wrapper {
    position: absolute;
    right: 50px;
    bottom: 20px;
}
.next-arrow-wrapper a img{
    height: 20px;
}



.tour-content-wrapper .form-group {
  display: block;
  margin-bottom: 0px;
}

.tour-content-wrapper .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.tour-content-wrapper .form-group label {
  position: relative;
  cursor: pointer;
}

.tour-content-wrapper .form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.tour-content-wrapper .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}*/

.content-header {

    position: relative;

    padding: 0px 15px 0 15px;

}

/*===================================== Login page CSS ===========================================*/

@media only screen and (max-width: 767px) {

  .login-card-body {

      overflow-y: scroll !important;

  }

  .login-logo img {

      max-width: 80px;

  }

  .login-logo, .register-logo {

      margin-bottom: 15px;

  }

  .sign-in-btn-wrap {

      margin-top: 15px;

  }

  .login-box-msg {

    margin-bottom: 5px;

}

    .login-card-body .login-box-wrap {

        width: 100%;

        border-top-left-radius: 0;

        border-bottom-left-radius: 0;

        top: 300px;

    }



    .login-card-half-bg {

        background-position: left top;

        margin-left: 29.33%;

        margin-top: 100px;

      }

    .sign-in-footer-wrap {

       position: absolute;

       padding: 40px 10px 0px 10px;

       bottom: 0;

  }

    .login-card-body .login-box {

      top: 50%;

      transform: translateY(-60%);

  }

  }

/*------------ Login style ------------*/

.login-card-body{

    width: 100%;

    position: absolute;

    height: 100%;

    left: 0;

}

.login-card-body .login-box-wrap{

    margin: 0;

    width: 42%;

    background-color: #000;

    height: 100%;

    position: absolute;

    right: 0;

    border-top-left-radius: 50px;

    border-bottom-left-radius: 50px;

}

.login-card-body .login-box{

    margin: 0 auto;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}

.login-card-back-bg{

    width: 100%;

    position: absolute;

    height: 100%;

    left: 0;

}

.login-card-full-bg{

    background-image: url(../../../uploads/image/new/BG-login.png);

    width: 100%;

    height: 100%;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;

}

.login-card-half-bg{

    background-image: url(../../../uploads/image/new/Banned.png);

    width: 42%;

    height: 100%;

    background-position: left center;

    background-size: contain;

    background-repeat: no-repeat;

    position: relative;

    margin-left: 8%;

}

.login-card-logo-bg{

    background-image: url(../../../uploads/image/new/IIO-login-logo.png);

    position: absolute;

    z-index: 4;

    top: 20px;

    left: 26px;

    width: 100px;

    height: 100px;

    background-repeat: no-repeat;

    background-size: contain;

}

.login-logo img{

    max-width: 140px;

    width: 100%;

}

.login-page, .register-page {

    height: auto;

    /*background: linear-gradient(4deg, rgb(146, 146, 146) 0%, rgb(238, 238, 243) 35%, rgb(249, 249, 249) 100%)!important;*/

     background: #d2d6de; 

}



.register-box-body {

     background: #fff;

    padding: 20px;

    border-top: 0;

    color: #666;

    border:none !important;

}



.sing-btn .btn-primary {

    /*background-color: #18142d !important;

    border-color: #060310 !important;*/

    background-color: #469cd6 !important;

    border-color: #469cd6 !important;

}

.sing-btn .btn-primary:hover{opacity: 0.9}

.login-box-body{

    border: 1px solid #3664A0 !important;

    background-color: transparent;

    border-radius: 12px;

    overflow: hidden;

    padding: 0;

}

.login-box-msg{

    background-color: #3664A0;

    padding: 15px 10px;

    color: #fff;

    font-size: 16px;

    margin-bottom: 30px;

}

.login-box-msg b{}

.login-box-body form{

    position: relative;

    padding: 15px;

}

form .login-input-icon{

    position: absolute;

    top: 8px;

}

form .login-input-icon2{

        position: absolute;

    right: 5px;

    top: 8px;

}

.login-box-body .form-group input{

    background-color: transparent;

    border-top: none;

    border-left: none;

    border-right: none;

    padding-left: 30px;

    color: #fff;

}

.sign-in-btn-wrap{

    position: relative;

    margin-top: 30px;

}

.sign-in-btn-wrap span{

    position: relative;

    width: 100%;

    margin: 10px 0;

    display: block;

}

.sign-in-btn-wrap span::before{

    position: absolute;

    content: '';

    width: 100%;

    height: 1px;

    background-color: #444;

    top: 46%;

    z-index: -1;

}

.sign-in-btn-wrap span p{

        width: 40px;

    height: 20px;

    background-color: #000;

    border-radius: 50px;

    display: block;

    margin: 0 auto;

    text-align: center;

    z-index: 3;

}

.sign-in-btn-wrap .sing-btn{}

.sign-in-btn-wrap .sing-btn button{

    border-radius: 40px;

    box-shadow: 0 5px 5px 0px #3664A069;

    background-color: #3664A0 !important;

}

.sign-in-btn-wrap .sing-btn button.sign-in-contact-btn{

        background-color: #D6D6D6 !important;

    box-shadow: none;

    color: #000;

    font-weight: 600;

}



.sign-in-footer-wrap{

    position: absolute;

    bottom: 0;

    width: 100%;

    padding: 10px 30px;

}

.sign-in-footer-wrap p{

    text-align: center;

    color: #fff;

    margin-bottom: 5px;

}



@media only screen and (max-width: 767px) {



  .login-card-body {



      overflow-y: scroll !important;



  }



  .login-logo img {



      max-width: 80px;



  }



  .login-logo, .register-logo {



      margin-bottom: 15px;



  }



  .sign-in-btn-wrap {



      margin-top: 15px;



  }



  .login-box-msg {



    margin-bottom: 5px;



}



    .login-card-body .login-box-wrap {



        width: 100%;



        border-top-left-radius: 0;



        border-bottom-left-radius: 0;



        top: 300px;



    }



    .login-card-half-bg {



        background-position: left top;



        margin-left: 29.33%;



        margin-top: 100px;



      }



    .sign-in-footer-wrap {



       position: absolute;



       padding: 40px 10px 0px 10px;



       bottom: 0;



  }



    .login-card-body .login-box {



      top: 50%;



      transform: translateY(-60%);



  }



 }





@media(max-width: 767px){

a.sidebar-toggle {

    display:block;

}

.sidebar-mini.sidebar-collapse .main-header .logo {

    width: 100% !important;

    text-align: center !important;

    margin: 10px 0 0 0;

    border-bottom: solid 1px#fff;

}

.sidebar-mini.sidebar-collapse .main-header .navbar {   

    padding: 0;

}



}



.wrapper .content-header>.breadcrumb {

    float: right;

    background: transparent;

    margin-top: 10px;

    margin-bottom: 10px !important;

    font-size: 12px;

    padding: 7px 5px;

    top: 15px;

    right: 10px;

    border-radius: 2px;

        position: unset;

}



/*===================================== Index Page CSS ===========================================*/



.col-sm-3.reset {

    padding-top: -13px;

    margin-top: -17px;

    margin-right: -3px;

}



/*===================================== Setup Page CSS ===========================================*/



.float-right,

    .btn-rightd {

        display: flex;

        flex-direction: row;

        justify-content: end;

    }

    .float-right .btn + .btn{

        margin-left: 15px;

    }

    .form-check-inline{

        position: relative;

        display: inline-block;

        padding-right: 20px;

        margin-bottom: 0;

        font-weight: 400;

        vertical-align: middle;

        cursor: pointer;

    }

    .new-form-design{

        font-family: 'Poppins', sans-serif;

    }

    .new-form-design h3{

        font-family: 'Poppins', sans-serif;

        font-size: 18px;

        font-weight: 600;

        margin-bottom: 30px;

    }

    .new-form-design label {

        font-weight: 600;

        font-size: 13px;

        font-family: 'Poppins', sans-serif;

    }

    .new-form-design .form-control {

        box-shadow: none;

        border-radius: 0px;

        font-size: 13px;

        font-weight: 400;

        color: #000;

    }

    .new-form-design ::-webkit-input-placeholder {

        font-weight: 400;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }



    .new-form-design :-ms-input-placeholder {

        font-weight: 600;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }



    .new-form-design ::placeholder {

        font-weight: 600;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }

    .r-star{

        color:red;

        font-weight:600;

        font-size:14px;

    }

    .addunit {

        float: right;

        background-color: #409A2E;

    }

    .mb-0{

        margin-bottom: 0px;

    }

    .inside-wrapper {

        display: flex;

        flex-direction: row;

    }

    .plr-5{

        padding-left:5px;

        padding-right:5px;

    }

    .pt-5{

        padding-top:5px;

    }

    .pl-0{

        padding-left:0px;

    }

    .new-form-design input::-webkit-outer-spin-button,

    .new-form-design input::-webkit-inner-spin-button {

        -webkit-appearance: none;

        margin: 0;

    }



    .new-form-design input[type=number] {

        -moz-appearance: textfield;

    }



    hr.new-hr {

        border-top: 1px solid #f4f4f4;

    }

    .small-label {

        font-family: 'Poppins', sans-serif;

        font-size: 18px;

        font-weight: 600;

        margin-bottom: 10px;

        margin-top: 0px;

    }





    /*=================================== System edit Page ================================================*/



    .float-right,

    .btn-rightd {

        display: flex;

        flex-direction: row;

        justify-content: end;

    }

    .float-right .btn + .btn{

        margin-left: 15px;

    }

    .form-check-inline{

        position: relative;

        display: inline-block;

        padding-right: 20px;

        margin-bottom: 0;

        font-weight: 400;

        vertical-align: middle;

        cursor: pointer;

    }

    .new-form-design{

        font-family: 'Poppins', sans-serif;

    }

    .new-form-design h3{

        font-family: 'Poppins', sans-serif;

        font-size: 18px;

        font-weight: 600;

        margin-bottom: 30px;

    }

    .new-form-design label {

        font-weight: 600;

        font-size: 13px;

        font-family: 'Poppins', sans-serif;

    }

    .new-form-design .form-control {

        box-shadow: none;

        border-radius: 0px;

        font-size: 13px;

        font-weight: 400;

        color: #000;

    }

    .new-form-design ::-webkit-input-placeholder {

        font-weight: 400;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }



    .new-form-design :-ms-input-placeholder {

        font-weight: 600;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }



    .new-form-design ::placeholder {

        font-weight: 600;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }

    .r-star{

        color:red;

        font-weight:600;

        font-size:14px;

    }

    .addunit {

        float: right;

        background-color: #409A2E;

    }

    .mb-0{

        margin-bottom: 0px;

    }

    .inside-wrapper {

        display: flex;

        flex-direction: row;

    }

    .plr-5{

        padding-left:5px;

        padding-right:5px;

    }

    .pt-5{

        padding-top:5px;

    }

    .pl-0{

        padding-left:0px;

    }

    .new-form-design input::-webkit-outer-spin-button,

    .new-form-design input::-webkit-inner-spin-button {

        -webkit-appearance: none;

        margin: 0;

    }



    .new-form-design input[type=number] {

        -moz-appearance: textfield;

    }



    hr.new-hr {

        border-top: 1px solid #f4f4f4;

    }

    .small-label {

        font-family: 'Poppins', sans-serif;

        font-size: 18px;

        font-weight: 600;

        margin-bottom: 10px;

        margin-top: 0px;

    }



/*============================================== System Advance page ================================================*/



    .float-right,

    .btn-rightd {

        display: flex;

        flex-direction: row;

        justify-content: end;

    }

    .float-right .btn + .btn{

        margin-left: 15px;

    }

    .form-check-inline{

        position: relative;

        display: inline-block;

        padding-right: 20px;

        margin-bottom: 0;

        font-weight: 400;

        vertical-align: middle;

        cursor: pointer;

    }

    .new-form-design{

        font-family: 'Poppins', sans-serif;

    }

    .new-form-design h3{

        font-family: 'Poppins', sans-serif;

        font-size: 18px;

        font-weight: 600;

        margin-bottom: 30px;

    }

    .new-form-design label {

        font-weight: 600;

        font-size: 13px;

        font-family: 'Poppins', sans-serif;

    }

    .new-form-design .form-control {

        box-shadow: none;

        border-radius: 0px;

        font-size: 13px;

        font-weight: 400;

        color: #000;

    }

    .new-form-design ::-webkit-input-placeholder {

        font-weight: 400;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }



    .new-form-design :-ms-input-placeholder {

        font-weight: 600;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }



    .new-form-design ::placeholder {

        font-weight: 600;

        font-size: 14px;

        font-family: 'Poppins', sans-serif;

        }

    .r-star{

        color:red;

        font-weight:600;

        font-size:14px;

    }

    .addunit {

        float: right;

        background-color: #409A2E;

    }

    .mb-0{

        margin-bottom: 0px;

    }

    .inside-wrapper {

        display: flex;

        flex-direction: row;

    }

    .plr-5{

        padding-left:5px;

        padding-right:5px;

    }

    .pt-5{

        padding-top:5px;

    }

    .pl-0{

        padding-left:0px;

    }

    .new-form-design input::-webkit-outer-spin-button,

    .new-form-design input::-webkit-inner-spin-button {

        -webkit-appearance: none;

        margin: 0;

    }



    .new-form-design input[type=number] {

        -moz-appearance: textfield;

    }



    hr.new-hr {

        border-top: 1px solid #f4f4f4;

    }

    .small-label {

        font-family: 'Poppins', sans-serif;

        font-size: 18px;

        font-weight: 600;

        margin-bottom: 10px;

        margin-top: 0px;

    }







 /*========================================== system view page =========================================== */

 

    .float-right,

        .btn-rightd {

            display: flex;

            flex-direction: row;

            justify-content: end;

        }

        .float-right .btn + .btn{

            margin-left: 15px;

        }

        .form-check-inline{

            position: relative;

            display: inline-block;

            padding-right: 20px;

            margin-bottom: 0;

            font-weight: 400;

            vertical-align: middle;

            cursor: pointer;

        }

        .new-form-design{

            font-family: 'Poppins', sans-serif;

        }

        .new-form-design h3{

            font-family: 'Poppins', sans-serif;

            font-size: 18px;

            font-weight: 600;

            margin-bottom: 30px;

        }

        .new-form-design label {

            font-weight: 600;

            font-size: 13px;

            font-family: 'Poppins', sans-serif;

        }

        .new-form-design .form-control {

            box-shadow: none;

            border-radius: 0px;

            font-size: 13px;

            font-weight: 400;

            color: #000;

        }

        .new-form-design ::-webkit-input-placeholder {

            font-weight: 400;

            font-size: 14px;

            font-family: 'Poppins', sans-serif;

            }



        .new-form-design :-ms-input-placeholder {

            font-weight: 600;

            font-size: 14px;

            font-family: 'Poppins', sans-serif;

            }



        .new-form-design ::placeholder {

            font-weight: 400;

            font-size: 14px;

            font-family: 'Poppins', sans-serif;

            }

        .r-star{

            color:red;

            font-weight:600;

            font-size:14px;

        }

        .addunit {

            float: right;

            background-color: #409A2E;

        }

        .mb-0{

            margin-bottom: 0px;

        }

        .inside-wrapper {

            display: flex;

            flex-direction: row;

        }

        .plr-5{

            padding-left:5px;

            padding-right:5px;

        }

        .pt-5{

            padding-top:5px;

        }

        .pl-0{

            padding-left:0px;

        }

        .new-form-design input::-webkit-outer-spin-button,

        .new-form-design input::-webkit-inner-spin-button {

            -webkit-appearance: none;

            margin: 0;

        }



        .new-form-design input[type=number] {

            -moz-appearance: textfield;

        }



        hr.new-hr {

            border-top: 1px solid #f4f4f4;

        }

        .small-label {

            font-family: 'Poppins', sans-serif;

            font-size: 18px;

            font-weight: 600;

            margin-bottom: 10px;

            margin-top: 0px;

        }



        .pl-10{

            padding-left:10px;

        }   



/*============================================== RT ON/OFF Screen =================================================*/



.switch {

  position: relative;

  display: inline-block;

  width: 90px;

  height: 34px;

}



.switch input {display:none;}



.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ca2222;

  -webkit-transition: .4s;

  transition: .4s;

}



.slider:before {

  position: absolute;

  content: "";

  height: 26px;

  width: 26px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}



input:checked + .slider {

  background-color: #2ab934;

}



input:focus + .slider {

  box-shadow: 0 0 1px #2196F3;

}



input:checked + .slider:before {

  -webkit-transform: translateX(55px);

  -ms-transform: translateX(55px);

  transform: translateX(55px);

}



.on

{

  display: none;

}



.on, .off

{

  color: white;

  position: absolute;

  transform: translate(-50%,-50%);

  top: 50%;

  left: 50%;

  font-size: 10px;

  font-family: Verdana, sans-serif;

}



input:checked+ .slider .on

{display: block;}



input:checked + .slider .off

{display: none;}



.slider.round {

  border-radius: 34px;

}

.slider.round:before {

  border-radius: 50%;}


.control-sidebar>.tab-content {

    padding: 20px;

    /*background-color: rgba(42, 43, 48, 0.8);*/

    /*background: rgba(42, 43, 48, 0.8);*/

    /*color: rgba(42, 43, 48, 0.8);*/

    /*overflow: auto;*/

    /*height: 560px;*/

}



/*===================================== Report page CSS ===========================================*/
.report-search-fliter-wrapper {
    display: flex;
    justify-content: center;
}
.report-search-fliter-wrapper .r-flex-row {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    flex-direction: row;
}
.report-search-fliter-wrapper .r-flexbox {
    padding-right: 10px;
    padding-top: 10px;
}
.report-search-fliter-wrapper .r-flexbox:last-child {
    padding-right: 0px;
}
.report-search-fliter-wrapper .r-flexbox .to-text{
	display: flex;
    height: 100%;
    align-items: center;
}
.report-search-fliter-wrapper .r-flexbox .r-btn-group {
    display: flex;
    flex-direction: row;
}
.report-search-fliter-wrapper .r-flexbox .r-btn-group .input-group-append + .input-group-append{
	padding-left: 15px;
}
.report-search-fliter-wrapper .r-flexbox .r-btn-group .input-group-append.pl-30{
	padding-left: 30px;
}
@media screen and (max-width: 767px) {
	.report-search-fliter-wrapper .r-flex-row{
		    display: flex;
    		flex-direction: column;
    		width: 100%;
    		padding-bottom: 10px;
	}
	.report-search-fliter-wrapper .r-flexbox {
	    padding-right: 0px;
	}
	.report-search-fliter-wrapper .r-flexbox .r-btn-group {
	    justify-content: center;
	}
	.report-search-fliter-wrapper .r-flexbox .to-text {
	    justify-content: center;
	}
}

/*===================================== Report page CSS ===========================================*/



/*===================================== import page CSS ===========================================*/

.import-box-wrapper{
    display: flex;
    justify-content: center;
}
.import-box-wrapper .r-flex-row {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    flex-direction: row;
}
.import-box-wrapper .r-flexbox {
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.import-box-wrapper .r-flexbox:last-child {
    padding-right: 0px;
}
.new-form-design .import-box-wrapper .form-control.input-file {
   	padding: 0px 6px;
    line-height: 34px;
}
.import-box-wrapper .control-fileupload label {
    line-height: 33px;
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    margin-right: 90px;
    margin-bottom: 0px;
    cursor: text;
}
.new-form-design .import-box-wrapper .form-control.input-file {
    padding: 0px 6px;
    line-height: 34px;
    display: block !important;
    right: 1px;
    top: 1px;
    height: 34px;
    opacity: 0;
    width: 100%;
    background: none;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}
.import-box-wrapper span.control-fileupload {
    display: block;
    border: 1px solid #d6d7d6;
    background: #FFF;
    border-radius: 0px;
    width: 410px;
    height: 34px;
    line-height: 36px;
    padding: 0px 10px 2px 10px;
    overflow: hidden;
    position: relative;
}
.import-box-wrapper .control-fileupload:before {
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: color 0.2s ease;
    content: 'Browse';
    display: block;
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 1px;
    line-height: 20px;
    text-align: center;
}


@media screen and (max-width: 767px) {
	.import-box-wrapper .r-flex-row{
		    display: flex;
    		flex-direction: column;
    		width: 100%;
    		padding-bottom: 10px;
	}
	.import-box-wrapper .r-flexbox {
	    padding-right: 0px;
	    padding-bottom: 0px;
	}
	.import-box-wrapper span.control-fileupload {
	    width: 100%;
	}
}

/*===================================== import page CSS ===========================================*/

/*===================================== Field Test Tool CSS ===========================================*/

.ftt-timer-wrapper {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: center;
}
.ftt-timer-wrapper .time-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 20px;
    border: 1px solid #333333;
}
.ftt-timer-wrapper .newbtn-wrapper {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 10px;
    top: 1px;
}
/*===================================== Field Test Tool CSS ===========================================*/

/*===================================== Field Test New Tool CSS ===========================================*/

.new-ftt-wrapper .import-box-wrapper {
    display: flex;
    justify-content: flex-start;
}
.new-ftt-wrapper .import-box-wrapper span.control-fileupload{
	width: 100%;
}
.ftt-btn-group .ml-10 {
    margin-left: 10px;
    left: -10px;
}
.new-ftt-wrapper form{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/*===================================== Field Test New Tool CSS ===========================================*/