.searchtop .navbar-nav .nav-item.dropdown{margin-left:0; }
.searchtop .navbar-nav .nav-item.line{height:36px; width:1px; background:#F4F4F4; margin:0 5px;}
.more {
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  padding: 10px;
  border-radius: 36px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}
.more:hover {
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #BF1E2D;
}
.more:active {
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #BF1E2D;
}
.more2 {
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  padding: 10px;
  border-radius: 36px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #BF1E2D;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}
.more2:hover {
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
}
.more2:active {
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
}
.more2-monitor {
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  padding: 10px;
  border-radius: 36px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #BF1E2D;
  margin-top: 7px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}
.more2-monitor:hover {
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
}
.more2-monitor:active {
  border:0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
}

.more-b {
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  padding: 10px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  border:0;
  border-radius: 36px;
  color: #ffffff;
  text-decoration: none;
  background-color: #BF1E2D;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}
.more-b:hover {
  border: 0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
}
.more-b:active {
  border: 0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
}

.more-b2 {
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  padding: 10px;
  border-radius: 36px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  border: 0;
  color: #ffffff;
  text-decoration: none;
  background-color: #BF1E2D;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
  border-radius:6px;
}
.more-b2:hover {
  border: 0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
}
.more-b2:active {
  border: 0;
  color: #ffffff;
  text-decoration: none;
  background-color: #FF2135;
}

.progress {
  width:190px;
  height:190px;
  border-radius:0;
  border:0;
  margin-top:10px;
  box-shadow:none;
  background: none;
  position: relative;
  float:left;
}

.progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 30px solid #FFF;
  position: absolute;
  top: 0;
  left: 0;
}

.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.progress .progress-left {
  left: 0;
}

.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 30px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius:190px;
  border-bottom-right-radius:190px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress .progress-right {
  right: 0;
}

.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius:190px;
  border-bottom-left-radius:190px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.progress .progress-value {
  width:76px;
  position: absolute;
  line-height:60px;
  font-size:3.5rem;
  color:#FFF;
  text-align:center;
  top: 50%;
  left: 50%;
  margin:-30px 0 0 -46px;
}
.progress .progress-value em{position:absolute; right:-18px; color:#FFF; font-size:1.5rem; bottom:-7px; font-style:normal;}
.progress .border-success{border-color:#F87C08 !important;}
.prog-td{padding-top:15px;}

@media (max-width:1800px) {
  .progress{width:170px; height:170px; margin-top:8px;}
  .progress .progress-left .progress-bar{border-top-right-radius:170px; border-bottom-right-radius:170px;}
  .progress .progress-right .progress-bar{border-top-left-radius:170px; border-bottom-left-radius:170px;}
  .prog-td{padding-top:10px !important;}
}
@media (max-width:1700px) {
  .progress{width:160px; height:160px; margin-top:12px;}
  .progress .progress-left .progress-bar{border-top-right-radius:160px; border-bottom-right-radius:160px;}
  .progress .progress-right .progress-bar{border-top-left-radius:160px; border-bottom-left-radius:160px;}
  .progress .progress-value{font-size:3rem;}
  .progress .progress-value em{right:-10px; font-size:1rem;}
}
@media (max-width:1600px) {
  .progress{width:150px; height:150px; margin-top:10px;}
  .progress::after{border:25px solid #FFF;}
  .progress .progress-bar{border-width:25px;}
  .progress .progress-left .progress-bar{border-top-right-radius:150px; border-bottom-right-radius:150px;}
  .progress .progress-right .progress-bar{border-top-left-radius:150px; border-bottom-left-radius:150px;}
  .progress .progress-value{font-size:2.5rem;}
  .progress .progress-value em{right:-5px; font-size:.9rem;}
  .prog-td{padding-top:5px !important;}
}
@media (max-width:1440px) {
  .progress{width:125px; height:125px; margin-top:5px;}
  .progress .progress-left .progress-bar{border-top-right-radius:125px; border-bottom-right-radius:125px;}
  .progress .progress-right .progress-bar{border-top-left-radius:125px; border-bottom-left-radius:125px;}
  .progress .progress-value{font-size:2rem;}
  .progress .progress-value em{right:0px; bottom:-4px; font-size:.9rem;}
  .prog-td{padding-top:0px !important;}
}
@media (max-width:1366px) {
  .progress{width:120px; height:120px; margin-top:7px;}
  .progress .progress-left .progress-bar{border-top-right-radius:120px; border-bottom-right-radius:120px;}
  .progress .progress-right .progress-bar{border-top-left-radius:120px; border-bottom-left-radius:120px;}
  .progress .progress-value{font-size:2rem;}
  .progress .progress-value em{right:0px; bottom:-4px; font-size:.9rem;}
  .prog-td{padding-top:7px !important;}
}
@media (max-width:1280px) {
  .progress{width:106px; height:106px; margin-top:10px;}
  .progress::after{border:20px solid #FFF;}
  .progress .progress-bar{border-width:20px;}
  .progress .progress-left .progress-bar{border-top-right-radius:106px; border-bottom-right-radius:106px;}
  .progress .progress-right .progress-bar{border-top-left-radius:106px; border-bottom-left-radius:106px;}
  .progress .progress-value{font-size:1.75rem;}
  .progress .progress-value em{right:5px; bottom:-4px; font-size:.9rem;}
  .prog-td{padding-top:4px !important;}
}
@media (max-width:1122px) {
  .progress{width:90px; height:90px; margin-top:25px;}
  .progress::after{border:15px solid #FFF;}
  .progress .progress-bar{border-width:15px;}
  .progress .progress-left .progress-bar{border-top-right-radius:90px; border-bottom-right-radius:90px;}
  .progress .progress-right .progress-bar{border-top-left-radius:90px; border-bottom-left-radius:90px;}
  .progress .progress-value{font-size:1.8rem;}
  .progress .progress-value em{right:5px; bottom:-4px; font-size:.8rem;}
  .prog-td{padding-top:4px !important;}
}

.fr{display:block !important; float:right !important;}
.icon-block{display:block; float:left;}
.back-topcase-b{width:auto; display:block; float:right;}
.i-topcase-b{width:1px; height:40px; margin:0 20px; display:block; float:right; background:#F4F4F4; }
.icon-topcase-b{width:auto; display:block; float:right;}
.mar-topcase30{margin:20px 0 30px 0;}

.time-line{width:92%; margin:115px 4% 55px 4%; display:block;}
.time-line span{width:100%; height:2px; margin:0; position:relative; display:block;}
.time-line span .linegrey{width:100%; height:2px; background:#EBEBEB; display:block;}
.time-line span .linegreen{width:6px; height:2px; background:#51AA5C; display:block; position:absolute; left:0; z-index:6; }
.time-line span .linegreen.tl2{width:13.8%}
.time-line span .linegreen.tl3{width:28.3%}
.time-line span .linegreen.tl4{width:42.8%}
.time-line span .linegreen.tl5{width:57.2%}
.time-line span .linegreen.tl6{width:71.7%}
.time-line span .linegreen.tl7{width:86.2%}
.time-line span .linegreen.tl8{width:100%}
.time-line span p{width:160px; line-height:14px; padding:33px 0 0 0; margin:0; font-weight:600; color:#E0E0E0; font-size:12px; text-align:center; display:block;
position:absolute; top:-7px; z-index:7; }
.time-line span p::before{content:""; width:12px; height:12px; border-radius:50%; background:#FFF; border:1px solid #858585; display:block;
position:absolute; top:2px; left:50%; margin-left:-6px; }
.time-line span p.active{color:#858585;}
.time-line span p.active::before{ background:#108E21; border:0;}
.time-line span p.current{color:#858585;}
.time-line span p.current::before{ background:#BF1E2D; border:0;}
.time-line span p em{width:50px; height:50px; padding:0; border-radius:50%; display:block; background:#FFF; border:1px solid #FFF;
position:absolute; top:-90px; left:50%; margin-left:-25px; z-index:8;}
.time-line span p em::after{content:""; width:44px; height:44px; display:block; background:#E0E0E0; border-radius:50%; color:#FFF;;
position:absolute; left:50%; top:2px; transform: translate(-50%, 0); z-index:7;}
.time-line span p em::before{content:attr(data-num); width:40px; height:40px; line-height:40px; font-size:20px; font-weight:600; display:block;
background:#E0E0E0; border-radius:50%; color:#FFF; font-style:normal;
position:absolute; left:50%; top:4px; transform: translate(-50%, 0); z-index:8;}
.time-line span p.active em::before{background:#108E21;}
.time-line span p.active em::after{background:#108E21;}
.time-line span p.current em{background:#FFF; border:1px solid #BF1E2D;}
.time-line span p.current em::before{background:#FFF; color:#BF1E2D;}
.time-line span p.current em::after{background:#E0E0E0;}
.time-line span p i{width:150px; padding:0; border-radius:50%; display:block; font-style:normal; font-size:15px;
position:absolute; top:-32px; left:50%; margin-left:-75px; z-index:8;}
.time-line span p.tl1{left:-80px;}
.time-line span p.tl2{left:13.5%; margin-left:-90px;}
.time-line span p.tl3{left:27%; margin-left:-90px;}
.time-line span p.tl4{left:40.5%; margin-left:-90px;}
.time-line span p.tl5{right:48.5%; margin-right:-90px;}
.time-line span p.tl6{right:35%; margin-right:-90px;}
.time-line span p.tl7{right:22.5%; margin-right:-90px;}
.time-line span p.tl8{right:11.5%; margin-right:-90px;}
.time-line span p.tl9{right:-80px;}

.table th{padding:20px 3px;}
.spacetable tr td{padding-top: 20px; padding-bottom: 20px; position:relative; border-bottom:1px solid #EFEFEF; }
.table.spacetable{margin:0;}

.pagination_rounded{margin-top:0; }
.pagination_rounded ul li a{margin-bottom:1.5rem;}

.container1 .checkmark:after {
  font-weight: 200;
  left: 7px;
  top: 2px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.container1 .checkmark{left:25px;}

/* CHECKBOX */
.b-check {
  width:20px;
  height:20px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  right:20px;
  margin:0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 }
 .b-check.left {
   width:100%;
   height:auto;
   display: inline-block;
   position: relative;
   cursor: pointer;
   right:auto;
   left:0;
   top:5px;
   margin:0;
   padding:0 0 0 35px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
  }
 .b-check input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
 .b-check .checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 20px;
   width: 20px;
   background-color: #FFF;
   border-radius:4px;
   border:1px solid #D0D0D0;
 }
 .b-check:hover input ~ .checkmark {
   background-color: #108E21;
   border:1px solid #108E21;
 }
 .b-check input:checked ~ .checkmark {
   background-color: #108E21;
   border:1px solid #108E21;
 }
 .b-check .checkmark:after {
   content: "";
   position: absolute;
   display: none;
 }
 .b-check input:checked ~ .checkmark:after {
   display: block;
 }
 .b-check .checkmark:after {
   left: 6px;
   top: 1px;
   width: 6px;
   height: 13px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
/* CHECKBOX */

/* RADIO */
.b-radio {
  width:20px;
  height:20px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  right:20px;
  margin:0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 }
 .b-radio input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
 .b-radio .checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 20px;
   width: 20px;
   background-color: #FFF;
   border-radius:4px;
   border:1px solid #108E21;
 }
 .b-radio:hover input ~ .checkmark {
   background-color: #108E21;
   border:1px solid #108E21;
 }
 .b-radio input:checked ~ .checkmark {
   background-color: #108E21;
   border:1px solid #108E21;
 }
 .b-radio .checkmark:after {
   content: "";
   position: absolute;
   display: none;
 }
 .b-radio input:checked ~ .checkmark:after {
   display: block;
 }
 .b-radio .checkmark:after {
   left: 6px;
   top: 1px;
   width: 6px;
   height: 13px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
/* RADIO */

.spacetable th{position: relative;}
.spacetable th .b-check{top:20px;}
.spacetable th .b-check .checkmark{border:1px solid #FFF; top:0;}
.spacetable th .b-check:hover input ~ .checkmark{border:1px solid #108E21; background:#108E21;}
.spacetable th .b-check input:checked ~ .checkmark{border:1px solid #108E21; background:#108E21;}
.b-bot-page{line-height:50px; padding-left: 1.5rem !important;}
.date-calendar{width:auto; display:block; float:right;}
.date-calendar .red{padding-left:15px;}

.container2:hover input ~ .checkmark3 {
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
}

.f-check{width:auto; margin-right:25px; padding:0 0.75rem; float:left;}
.table thead th.delete{border:0;}
.table thead th .bg-delete{background:url(../images/b2-2.jpg) no-repeat center center; background-size:30px;}

.pagination_rounded ul li a{border: 1px solid #F3F3F3; background:#F3F3F3;}

.img-front{width:310px;}
.clockicon {width:50px; margin-right:30px;}
.calendatext2{font-size:40px; line-height:1;}

.moreplus{
  height:50px; line-height: 42px; width: 50px; border-radius:12px;
}

.do-num{background:#f6f6f6; width: 50px; min-height:50px; height:50px; line-height:50px; text-align: center; border: none; padding: 0px; margin:0 5px; padding-top: 0; padding-left: 0; color: #000000; border-radius:12px; }
.do-num:focus{background:#f6f6f6}

.frame-b{width:100%; display:block; float:left;}
.frame-b fieldset{width:auto; display:block; float:left;}
.frame-b fieldset .b-check.left{width:auto; top:0; display:block; float:left;}
.frame-b.b-input fieldset label{margin-top:0.75rem !important; margin-bottom:0.75rem !important;}
.frame-b fieldset input[type="text"]{width:100%; margin:0; display:block; float:left;}
.frame-b fieldset input[type="text"].other-b{margin-left:3rem;}