#tabs {







   width: 100%;



    height:30px; 



   border-bottom: solid 1px #CCC;



   padding-right: 2px;



   margin-top: 30px;



   







}



a {cursor:pointer;}







#tabs li {



    float:left; 



    list-style:none; 



    border-top:1px solid #ccc; 



    border-left:1px solid #ccc; 



    border-right:1px solid #ccc; 



    margin-right:5px; 



    border-top-left-radius:3px;  



    border-top-right-radius:3px;



      outline:none;



}







#tabs li a {







    font-family:Arial, Helvetica, sans-serif; 



    font-size: small;



    font-weight: bold; 



    color: #5685bc;;



   padding-top: 5px;



   padding-left: 7px;



   padding-right: 7px;



    padding-bottom: 8px; 



    display:block; 



    background: #FFF;



    border-top-left-radius:3px; 



    border-top-right-radius:3px; 



    text-decoration:none;



    outline:none;



  



}







#tabs li a.inactive{



    padding-top:5px;



    padding-bottom:8px;



  padding-left: 8px;



  padding-right: 8px;



    color:#666666;



    background: #EEE;



   outline:none;



   border-bottom: solid 1px #CCC;







}







#tabs li a:hover, #tabs li a.inactive:hover {











    color: #5685bc;



      outline:none;



}







.container {







    clear:both;           



    width:100%; 



    border-left: solid 1px #CCC;



      border-right: solid 1px #CCC;



  border-bottom: solid 1px #CCC;



    text-align:left;



  padding-top: 20px;







}







.container h2 { margin-left: 15px;  margin-right: 15px;  margin-bottom: 10px; color: #5685bc; }







.container p { margin-left: 15px; margin-right: 15px;  margin-top: 10px; margin-bottom: 10px; line-height: 1.3; font-size: small; }







.container ul { margin-left: 25px; font-size: small; line-height: 1.4; list-style-type: disc; }







.container li { padding-bottom: 5px; margin-left: 5px;}







.file-results {



  display: block;



    width: 80%;



    height: 30px;



}



.select-folder-for-bac {



      float: right;



    margin-bottom: 10px;



}



.file-results a {



    float: left;



    padding-left: 15px;



    margin-top: 10px;



  }



 .p-cloud-outer table {



    width: 100%;



}







.p-cloud-outer thead {



    background: #e4e4e4;



    /* padding: 15px; */



    /* display: block; */



}







.p-cloud-outer th {



    padding: 15px;



    font-size: 16px;



}







.p-cloud-outer .file-results {



    float: left;



    clear: both;



}







.p-cloud-outer td {



    font-size: 15px;



    border: 1px solid #ccc;



    vertical-align: middle;



    padding: 10px 15px;



}



.p-cloud-outer td a { margin: 0; padding: 0;}



.p-cloud-outer #tabs {



    width: 98.5%;



    height: 49px;



    border-bottom: solid 1px #CCC;



    padding-right: 2px;



    margin-top: 30px;



}



.p-cloud-outer button.select-folder-for-backup-2 {



    margin: 0;



    background: #0073aa;



    color: #fff;



    border: none;



    padding: 5px 15px;



    border-radius: 3px;



    cursor: pointer;



}



.p-cloud-outer button:disabled,



.p-cloud-outer button:disabled, .p-cloud-outer button[disabled] {



    border: none;



    background-color: #d0d0d0 !important;



    color: #999;



   cursor: not-allowed! important;



}



.p-cloud-outer button.select-folder-for-backup-2:hover, .p-cloud-outer button.select-folder-for-backup-2:focus { opacity: 0.7;}







.p-cloud-outer #tabs li a, .p-cloud-outer #tabs li a.inactive {



    font-size: 16px;



    padding: 15px;



}



.p-cloud-outer div#tab1C, .p-cloud-outer div#tab2C {



    border: none;



    background: #fff;



    margin: 0;



    padding: 20px;



    width: 95%;



}



.p-cloud-outer h2 {



    float: left;



    width: 100%;



    color: #222;



    margin-top: 0;



    padding-top: 0 !important;



    margin-bottom: 20px !important;



}



.p-cloud-outer div#tab1C p br {



    display: none;



}



.p-cloud-outer p {



    clear: both;



    margin: 0;



    padding-bottom: 15px;



}



.p-cloud-outer p strong {



    font-size: 15px;



    color: #999;



    margin-right: 15px;



    width: 150px;



    float: left;



}



.p-cloud-outer p input {



    min-width: 300px;



    height: 40px;



    padding: 5px 15px;



    font-size: 14px !important;



}



input.p-cloud-sbmit-btn {



    width: auto !important;



    min-width: auto !important;



    font-size: 17px !important;



    background: #0073aa;



    color: #fff;



    border: none;



    padding: 10px 50px !important;



    border-radius: 5px;



    cursor: pointer;



}



input.p-cloud-sbmit-btn:hover, input.p-cloud-sbmit-btn:focus {



    opacity: 0.7;



}



.p-cloud-outer div#tab1C, .p-cloud-outer div#tab2C {



    border: none;



    background: #fff;



    margin: 0;



    padding: 20px;



    width: 95%;



    float: left;



    clear: both;

	overflow-y:auto !important;



}



.p-cloud-outer .file-results {



    float: left;



    clear: both;



    width: 100%;



    background: #fff;



    display: block;



    min-height: 100vh;



}



.p-cloud-outer button.previous {



    font-size: 16px;



    background: #f5f5f5;



    border: none;



    padding: 7px 30px;



    border-radius: 5px;



    cursor: pointer;



    margin-bottom: 15px;



    border: 1px solid #ccc;



}



.p-cloud-outer td a {



    margin: 0;



    padding: 0;



    font-size: 16px;



    font-weight: bold;



    text-decoration: none;}



.select-backup-type {



    margin: 10px 0;



    font-size: 16px;



    color: #555;



    border-bottom: 1px solid #ccc;



    padding-bottom: 15px;



}







.select-backup-type select {



    float: right;



    width: 250px;



    font-size: 14px;



    height: 30px;



    padding: 5px 5px;



    margin-bottom: 10px;



}







.select-backup-type label {



    margin: 0;



    padding-top: 10px;



}







.database-backup {}







.database-backup .db-name {



    float: left;



    width: 100%;



    font-size: 16px;



}







.database-backup .db-name label {



    float: left;



    margin: 0;



    line-height: 18px;



}







.database-backup .db-name h3 {



    float: left;



    font-size: 16px;



    display: inline-block;



    margin: 0;



    text-transform: uppercase;



    padding-left: 15px;



    line-height: 18px;



}







.database-backup .db-tables {



    background: #f5f5f5;



    padding: 15px;



    float: left;



    width: 50%;



    margin: 15px 0;



}







.database-backup .db-tables ul {



    margin: 0;



    list-style: none;



    font-size: 16px;



    margin-top: 10px;



}







.database-backup .db-tables ul li {



    background: #fff;



    padding: 10px;



    margin-left: 0;



}



.backup-db, .backup-folders {



    float: left;



    width: 100%;



    margin-left: 0;



    text-align: center;





    /* font-size: 20px; */



}







.backup-db label, .backup-folders label, .backup-full label {



    display: block;



    font-size: 20px;



}







button.select-folder-for-backup,button.shedule-the-backup {



    background: #0073aa;



    border: none;



    color: #fff;



    padding: 10px 25px;



    margin-top: 10px;



    font-size: 16px;



    text-transform: uppercase;



    border-radius: 3px;



    font-weight: bold;

	cursor:pointer;



}    



.backup-full {



    float: left;



    width: 100%;



    text-align: center;



    margin-bottom: 0;



}





.form-group.progressbar,.folder-loader {

    position: fixed;

    background: rgba(255,255,255,0.9);

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    text-align: center;

    margin: auto;

    top: 0;

    bottom: 0;

}



.form-group.progressbar img {

    max-width: 250px;

    margin: auto;

    left: 5%;

    right: 0;

    text-align: center;

    top: 29%;

    bottom: 0;

    position: relative;

}







.p-cloud-outer {



    position: relative;



}



/*new css for moadal popup*/



.custom-count-pos {



    font-size: 11px;



    font-weight: bold;



    padding: 0.2em 0.5em;



    float: right;



}



.modal {



  display: none; /* Hidden by default */



  position: fixed; /* Stay in place */



  z-index: 1; /* Sit on top */



  padding-top: 100px; /* Location of the box */



  left: 0;



  top: 0;



  width: 100%; /* Full width */



  height: 100%; /* Full height */



  overflow: auto; /* Enable scroll if needed */



  background-color: rgb(0,0,0); /* Fallback color */



  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */



}



/* Modal Content */



.modal-content {



  background-color: #fefefe;



  margin: auto;



  padding: 20px;



  border: 1px solid #888;



  width: 80%;



}







/* The Close Button */



.close {



  color: #aaaaaa;



  float: right;



  font-size: 28px;



  font-weight: bold;



}







.close:hover,



.close:focus {



  color: #000;



  text-decoration: none;



  cursor: pointer;



}



ul.p-cloud-list-main-outer {



    float: left;



    width: 100%;



}



.pcloud-all-folders {



    width: 100%;



    float: left;



    /* display: block; */



    list-style: none;



    /* margin: 0; */



    padding: 0;



    background: #f5f5f5;



    padding: 50px 15px 15px;



    font-size: 17px;



    font-family: sans-serif;



    max-width: 80%;



    margin-left: auto;



    margin-right: auto;



    left: 10%;



    right: 10%;



    position: absolute;



    top: 50px;



}



span.all-folder-listing-close-button {



    position: absolute;



    right: -10px;



    top: -10px;



    background: #f00;



    color: #fff;



    padding: 5px 10px;



    border-radius: 100%;



    cursor: pointer;



}



.folder-loader img {



    position: absolute;



    top: 0;



    bottom: 0;



    right: 0;



    left: 0;



    margin: auto;



    max-width: 170px;



}







ul.p-cloud-list-main-outer>li {



    padding: 15px;



    background: #fff;



    margin: 10px 0;



    border-radius: 5px;



    border: 1px solid #f2f2f2;



    box-shadow: 0 0 5px #eee;



    width: 97%;



    display: block;



    float: left;



}



ul.p-cloud-list-main-outer>li>ul {



    background: #f5f5f5;



    padding: 15px;



    margin: 0;



    list-style: none;



    margin-top: 15px;



    float: left;



    width: 96%;



}



ul.p-cloud-list-main-outer>li>ul ul {



    background: #fff;



    padding: 15px;



    margin: 0;



    list-style: none;



    margin-top: 15px;



    float: left;



    width: 96%;



}



ul.p-cloud-list-main-outer>li a.pcloud-folder-name {



    text-decoration: none;



    display: block;



}



ul.p-cloud-list-main-outer>li a.pcloud-folder-name:hover { opacity: 0.7;}



span.pcloud-backup-button {



    display: block;



    text-align: center;



    margin: 0;



    float: right;



    width: auto;



}



span.pcloud-backup-button button.create-backup {



    border: none;



    padding: 5px 10px;



    border-radius: 3px;



    margin-right: 0;



    color: #fff;



    font-size: 14px;



    background: #0073aa;



    cursor: pointer;



}



span.pcloud-backup-button button.create-backup:hover { opacity: 0.7;}



span.new-folder-create {



    padding: 10px;



    display: block;



}



ul.p-cloud-list-main-outer>li>ul li {



    width: 100%;



    float: left;



}



button.new-folder-create, button.backup-in-newfolder {



    font-size: 14px;



    color: #0073aa;



    border: none;



    cursor: pointer;



    background: none;



    padding: 0;



    margin-top: 5px;



    font-weight: bold;



    float: right;



    margin: 0;



}



a.pcloud-folder-name {



    float: left;



    font-size: 18px;



    color: #0073aa;



}



.new-folder-outer {



    float: left;



    display: block;



    width: 100%;



    border-top: 1px solid #ccc;



    margin-top: 5px;



    padding: 10px 0;



}



.new-folder-outer input.backup-new-folder {



    height: 34px;



    border: 1px solid #ccc;



    box-shadow: none !important;



    margin-right: 15px;



    float: left;



}



button.backup-in-newfolder {



    height: 34px;



    background: #eee;



    color: #111;



    padding: 8px;



    font-weight: 600;



    border-radius: 3px;



    float: left;



}



span.remove-new-folder {



    background: red;



    color: #fff;



    width: 25px;



    display: inline-block;



    text-align: center;



    height: 25px;



    border-radius: 100%;



    line-height: 25px;



    margin-left: 10px;



    cursor: pointer;



    font-size: 14px;



    margin-top: 5px;



}



.p-cloud-list-main-outer button.disabled, .p-cloud-list-main-outer button:disabled { opacity: 0.3;cursor: not-allowed;}





button.new-folder-create {



    margin-right: 15px;



    margin-top: 5px;



}







.all-folder-listing-outer {



    margin: 0 auto;



    float: none;



    width: 100%;



    position: relative;



}



.all-folder-listing-outer {



    position: fixed !important;



    background: rgba(0,0,0,0.5);



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    margin: auto;



    overflow: auto;



    z-index: 999999;



}



label.folder-listing-heading {



    position: absolute;



    top: 80px;



    right: 0;



    left: 0;



    /* bottom: 0; */



    z-index: 999999999999999999999;



    color: #2d2d2d;



    margin: 0 auto;



    text-align: center;



    font-size: 20px;



    text-transform: uppercase;



    font-weight: bold;



    font-family: sans-serif;



    margin-bottom: 20px;



    clear: both;



    float: left;



}



input.backup-with-new-folder {



    height: 34px;



    border: 1px solid #ccc;



    box-shadow: none !important;



    margin-right: 15px;



    float: left;



    padding: 5px 10px;



}



p.folder-name-err {



    color: red;



    font-size: 15px;



    margin: 0 auto;



    width: 100%;



    float: left;



}



.no-folder {



    font-size: larger;



    margin-top: 40px;



    text-align: center;



}



div#tab4C {



    border: none;



}







.backup-shedule {



    float: left;



    width: 100%;



}







.backup-shedule .db-radio {



    width: 28%;



    float: left;



    margin-right: 2%;



    background: #fff;



    padding: 15px;



    text-align: center;



}







.shedule-button {



    float: left;



    margin-top: 15px;



    margin: 15px auto;



    text-align: center;



    width: 100%;



 



}







button.select-folder-for-shedule-backup {

    background: #0073aa;

    border: none;

    color: #fff;

    padding: 10px 25px;

    margin-top: 10px;

    font-size: 16px;

    text-transform: uppercase;

    border-radius: 3px;

    font-weight: bold;

    cursor: pointer;



}

.uploaded-msg {

text-align: center;

    position: fixed;

    top: 30%;

    left: 0;

    right: 0;

    font-size: 20px;

}

.db-radio input.timepicker {

    height: 34px;

    padding: 5px 10px;

    margin: 0 15px;

    border-radius: 3px;

    box-shadow: none;

    min-width: 180px;

}



.db-radio select.select-week {

    height: 34px;

    padding: 5px 10px;

    margin: 0 15px;

    border-radius: 3px;

    box-shadow: none;

    min-width: 180px;

}



.db-radio input#date_time {

    height: 34px;

    padding: 5px 10px;

    margin: 0 15px;

    border-radius: 3px;

    box-shadow: none;

    min-width: 180px;

}



#tab1C .wrap {

    width: 50%;

    float: left;

    margin: 0;

}

#tab1C wrap {

    float: left;

    width: 50%;

}



#tab1C .wrap {

    width: 50%;

    float: left;

    margin: 0;

}



#tab1C .api-informations {

    float: left;

    width:46%;

    font-size: 16px;

	background:#f5f5f5;

	padding:2%;

}

.api-informations .steps {

    background: none;

    border: 1px solid #ccc;

    background: #fff;

    padding: 10px;

    margin-bottom: 10px;

    margin-top: 10px;

}



.api-informations label {

    font-size: 18px;

}

.api-informations .steps label {

    font-size: 16px;

    font-style: initial;

    margin-bottom: 10px;

    display: block;

    font-weight: 600;

}



.pcb-active {

    display: block !important;

}

ul.p-cloud-list-main-outer.schedule-backup-folder { margin-left:auto; margin-right:auto;}

.pcb-choose-folder h1, .pcb-backup-type h1 {

    font-size: 18px;

    margin: 0;

	margin-bottom:10px;

}

#pcbCreateBackup .button {    color: #fff;

    border-color: #0073aa;

    background: #0073aa;

    box-shadow: none;}

.pcb-choose-folder {

    float: left;

    width: 97.5%;

    background: #f1f1f1;

    padding: 15px;

    margin-bottom: 20px;

}

.pcb-backup-type {

    float: left;

    width: 97.5%;

    background: #f1f1f1;

    padding: 15px;

    margin-bottom: 20px;

}	

button.pcb-button {

    color: #fff;

    border-color: #0073aa;

    background: #0073aa;

    box-shadow: none;

    cursor: pointer;

    box-shadow: none;

    border: none;

    padding: 8px 8px;

    border-radius: 3px;

    font-size: 16px;

    text-align: center;

    margin: 0 auto;

    width: 100%;

    max-width: 100px;

    display: block;

}

#pcbCreateBackup select { width:100%; height:40px; background:#fff; border-radius:3px;}

ul.p-cloud-list-main-outer.schedule-backup-folder {

    margin-top: 0;

    margin-bottom: 0;

}

#pcbCreateBackup a.new-folder-create {

    float: right;

    margin-right: 15px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 500;

    margin-top: 3px;

}