/**
 * All of the CSS for your sync window should be
 * included in this file.
 */

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.sw_div{width:90%; margin:10px auto; padding:10px; border:1px solid #f5f5f5;}
.sw_result{
	padding:10px;
	width:100%;
	height: 180px;
	overflow:auto;
	background:#f9f9f9;
}

h3{margin:0 0 10px;}
.sw_close{
	
}
.progress{margin:0 0 10px;}
.sw_process{margin:0 0 10px;}
.right-btn{float:right; margin-top:10px;}
.m_top10{margin-top:10px;}
.sw_div {
    border-color: #27c3d9;
	padding: 10px 20px;
    margin: 30px auto;
}
.sw_div h3 {
    text-transform: uppercase;
    text-align: center;
    margin: 0px 0px 10px;
    font-weight: 600;
    color: #626a81;
    font-size:38px;
}

.sw_div div#progressor {
  /*  background: #27c3d9;*/
    box-shadow: none;
}

.sw_div .sw_process {
    color: #626a81;
    font-size: 20px;
    font-weight: 300;
}

.sw_div b#process_txt {
    font-weight: 300;
}

.sw_div div#results {
    padding: 5px 10px;
    background: #fff;
}

.sw_div div#results span {
    color: #c1c1c1 !important;
    display: block;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    position: relative;
	padding-bottom: 8px;
	    padding-top: 8px;
}

.sw_div div#results span:before {
    content: "";
    content: "\f0a4";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    left: -8px;
}

.sw_div input#stop_p_bt,.sw_div button.btn.btn-default.right-btn {
    background-color: #fff;
    color: #27c3d9;
    border: 2px solid #27c3d9;
    border-radius: 25px;
    padding: 8px 30px;
    font-size: 16px;
    min-width: 220px;
    margin-top: 5px;
	outline: none !important;
}

.sw_div button.btn.btn-default.right-btn {
    background-color: #27c3d9;
    color: #ffffff;
    text-transform: uppercase;
}

.sw_div .sw_close {
    margin-top: 2;
}
.sw_div h5 {
    text-transform: uppercase;
    text-align: center;
    color: #ddd;
    font-size: 24px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 15px;
    display: block;
    padding: 0 50px;
}

.sw_div h5:after,.sw_div h5:before {
    content: "";
    width: 30px;
    height: 1px;
    background: #27c3d9;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}

.sw_div h5:after {
    right: 25%;
}

.sw_div h5:before {
    left: 25%;
}
.progress-bar.progress-bar-success {
    /*background: #5cb85c !important;*/
}

.sw_div button.btn.btn-default.right-btn.green_btn {
    background: #5cb85c !important;
    border-color: #5cb85c !important;
}

.sw_div div#results span.success_green {
    color: #5cb85c !important;
}

.sw_div div#results span.error_red {
    color: red !important;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress-bar-info {
    background-color: #5bc0de;
}
.progress-bar-success {
    background-color: #5cb85c;
}


.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}