body{
  background-color: #f3f3f3;
  font-family: "Gillsans";
}

.whitebox{
  width: 100%;
  float: left;
  min-height: 350px;
  background-color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin:0px 0% 0px 0%;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
  -moz-box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
  box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
}

.whitebox1{
  width: 100%;
  float: left;
  min-height: 500px;
  background-color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin:0px 0% 0px 0%;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
  -moz-box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
  box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
  margin-bottom: 20px;
  padding:0;
}

.boxhalf{
  width: 100%;
  float: left;
  min-height: 350px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;

}

.boxhalf-bg{
  width: 100%;
  max-height: 100%;
  min-height: 350px;
  margin-bottom: 2px;
}

.logo{
  width: 100%;
  float: left;
  font-family: 'FuturaPT-Bold';
  font-size: 28px;
  color:#3a3a3a;
  padding-left: 20px;
  padding-top: 15px;
}
.left-logo h2 span {
  font-size: 12px;
  position: relative;
  top: -8px;
  left: 2px;
}

.osw-logo{
  float: right;
  margin-right:15px;
  margin-top:15px;
}


.createnew{
  width: 100%;
  float: left;
  min-height: 300px;
  background-color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom:75px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
  padding: 30px 0;
}

.createnew h1{
  font-family: 'FuturaBT-Medium';
  width: 100%;
  float: left;
  font-size: 20px;
  text-align: center;
  color:#545454;
}

.line{
  width: 100%;
  float: left;
  text-align: center;
}

.line div{
  background-color: #ea2128;
  width: 40px;
  height: 2px;
  text-align: center;
  display: inline-block;
}

.left-logo{
  float: left;
  width: 100%;
  margin-top:14%;
}

.left-logo h2{
  font-family: 'GillSans-Bold';
  float: left;
  width: 100%;
  padding-left:20px;
  color:#3a3a3a;
  margin-top:40px;
  font-size: 16px;

}

.left-logo p{
  font-family: 'GillSans-Bold';
  font-size: 14px;
  color: #3a3a3a;
  padding-left:20px;
  float: left;
  line-height: 18px;
}


.left-logo1{
  float: left;
  width: 100%;
  margin-top:9%;
}

.left-logo1 h2{
  font-family: 'GillSans-Bold';
  float: left;
  width: 100%;
  padding-left:20px;
  color:#3a3a3a;
  margin-top:40px;
  font-size: 16px;
}

.left-logo1 p{
  font-family: 'GillSans-Bold';
  font-size: 14px;
  color: #3a3a3a;
  padding-left:20px;
  float: left;
  line-height: 18px;
}

.form{
  float: left;
  width: 100%;
}

.form .label{
  width: 100%;
  float: left;
  padding:0px 25px 10px 25px;
  position: relative;

}
.add_break_icon .form .label input[type=text]{
  border: 1px solid #dcdcdc;
  padding: 5px 10px;

}
.add_break_icon .form .label input[type=text]:hover, .add_break_icon .form .label input[type=text]:focus{
  border: 1px solid #dcdcdc;
  padding: 5px 10px;
}


.add_break_icon .form .label{
  padding: 0;
}
.form .label input{
  border:0px solid #dcdcdc;
  outline: 0;
  width: 100%;
  float: left;
  padding: 12px 0px;
  color: #5d5d5d;
  border-bottom: 1px solid #dcdcdc;
  font-family: 'GillSans-Medium';
  font-size: 14px;
  font-weight: normal;
}

.form .label input[type=text]:hover,.form .label input[type=text]:focus{
  border:0px solid #fbbd1f;
  border-bottom: 1px solid #fbbd1f;
  color: #5d5d5d;
}

.form .label input::-moz-placeholder
{
  color:#5d5d5d;
  opacity:1;
}

.form .label input:-ms-input-placeholder{
  color:#5d5d5d;
}

.form .label input::-webkit-input-placeholder{
  color:#5d5d5d;}

.form .label input[type=submit]{
  background-color: #ea2128;
  width: 100%;
  float: left;
  padding: 12px 0px;
  color: #ffffff;
  font-family: 'GillSans-Medium';
  font-size: 15px;
  text-align: center;
  border:0px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  margin-top: 15px;
  margin-bottom: 15px;
}

.form .label input[type=submit]:hover{
  background-color: #fbbd1f;
  color: #ffffff;

}


.team .btn-default{
  border: 0px solid #fff;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 0px;
  padding: 6px;
  color: #333;
  font-family: 'GillSans';
  font-size: 16px;
  outline: 0;
}

.team .btn-default:hover,.team .btn-default:focus{
  background-color: transparent;
  font-family: 'GillSans';
}

.team .btn-default.active, .team .btn-default:active, .open > .dropdown-toggle.btn-default{
  background-color: transparent;
}

.team .dropdown-menu{
  -webkit-border-bottom-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-radius: 0px;
  border-top:1px solid transparent;
}

.team .dropdown-menu li a{
  font-family: 'GillSans-Medium';
  font-size: 14px;
  color: #777;
  padding: 5px 15px;
}

.team .dropdown-menu > .active > a,.team .dropdown-menu > .active > a:focus,.team .dropdown-menu > .active > a:hover{
  color:#ffffff;
}

.owner{
  width: 100%;
  float: left;
  color: #5d5d5d;
  border-bottom: 1px solid #dcdcdc;
  font-family: 'GillSans-Medium';
  font-size: 14px;
  padding: 12px 0px;
}

.owner-left{
  font-family: 'GillSans-Medium';
  font-size: 14px;
  color: #5d5d5d;
  float: left;
  text-align: left;
  font-weight: normal;
}

.owner-right{
  font-family: 'GillSans-Bold' !important;
  font-size: 14px;
  color: #25ad65;
  float: right;
  text-align: right;
  font-weight: normal;
}

.calender{
  float:right;
  color:#dcdcdc;
  position: absolute;
  top:20px;
  right:25px;
  font-size: 14px;
}
.time{
  float:right;
  color:#dcdcdc;
  position: absolute;
  top: 13px;
  right: 25px;
  font-size: 14px;
}
.form .label .from_time .time{
  right: 0;
}
.copyright{
  width: 100%;
  float: left;
  text-align: right;
  font-family: 'GillSans';
  font-size: 13px;
  color: #5f5f5f;
  margin-bottom: 14px;
  bottom: 0;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  padding: 12px 20px;
  margin: 10px 0 0 0;
  text-align: center;
}

.copyright1{
  width: 100%;
  float: left;
  text-align: right;
  font-family: 'GillSans';
  font-size: 13px;
  color: #5f5f5f;
  margin-bottom: 14px;
  bottom: 0;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  padding: 12px 0;
  margin: 10px 0 0 0;
}

div.target{
  width: 100%;
  height: 100%;
}

body,html{
  width: 100%;
  height: 100%;
}

.new{
  position: relative;
}

#pageWrapper  {
  width: 100%;
  padding: 0px 0px 0px 0px;
  display:  inline-block;
  min-height:  550px;
  position: relative;
  z-index:999;
}

#content{
  position: relative;
  /*top:0 !important*/
  background-image: url(../images/osw-bg.png);
  background-position: center;
  background-size: cover;
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 100vh;
  position: absolute;
  margin-bottom: 2px;
}


.time i{
  text-align: right;

}

.smart-left{
  width: 100%;
  float: left;
  min-height: 500px;
}

.smart-right{
  width: 30%;
  float: right;
  min-height: 500px;
  background-color: #fafafa;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  position: relative;
}

.track-right{
  position: relative;
}
.smart-left h1{
  font-family: 'FuturaBT-Heavy';
  width: 100%;
  float: left;
  font-size: 22px;
  color:#ea2128;
  border-bottom: 1px solid #e6e6e6;
  padding: 25px 0px 25px 35px;
  margin:0px;
  font-weight: normal;
}

/* Check & Radio CSS */
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 32px;
  margin  : 0;
  padding : 0;
  opacity : 0;
  display:none;
}
input[type=checkbox]:not(old) + label{
  display      : inline-block;
  padding-left : 38px;
  background   : url('../images/checks.png') no-repeat 0 0;
  line-height  : 26px;
  height:27px;
  cursor:pointer;
  word-break: break-all;
  float: left;
}
input[type=radio]:not(old) + label{
  display      : inline-block;
  padding-left : 38px;
  background   : url('../images/radio.png') no-repeat 0 0;
  line-height  : 21px;
  height:30px;
  cursor:pointer;
  word-break: break-all;
  color:#333333;
  font-size:18px;
}
input[type=checkbox]:not(old):checked + label,
input[type=checkbox]:not(old) + label:focus{
  background-position : 0 -24px;
}
input[type=radio]:not(old):checked + label,
input[type=radio]:not(old) + label:focus{
  background-position : 0 -60px;
}


.check1+input[type=radio]:not(old):checked {
  border:2px solid #ea2128;
}
.checks{
  width: 100%;
  float: left;
  padding-left: 35px;
}

.check1{
  float: left;
  margin-top:20px;
  font-family: 'GillSans-Medium';
  font-size: 25px;
  color:#333333;
  background-color: #fafafa;
  padding: 22px 0px 32px 0px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border:2px solid #dcdcdc;
  width: 35%;
}
.mar_left_15{
  margin-left: 15px;
}
.check1 label{width: 96%;float: left;padding: 0px 0px;margin-left:4%;}

.check1 span{width: 100%;float: left;color:#b2b2b2;font-size: 13px;font-family: 'GillSans-Light';}
.logo1{float: right;
  width: 100%;
  text-align: right;
  padding: 10px 15px 0px 0px;
}

.logo1 img{
  width: 40%;
}

.agendaicons{
  border-left:1px solid #e3dede;
  width: 85%;
  float: left;
  margin-left:15%;
  min-height: 200px;
}

.agendaicons ul{margin:0px;padding: 0px;}
.agendaicons ul li{list-style-type: none;float: left;margin:11px 0px;}
.agendaicons ul li a{line-height: 40px;position: relative;left:-24px;font-family: 'FuturaBT-Medium';float: left;width: 100%;font-size: 20px;color:#bdbabd;}
.agendaicons ul li a span{width: 46px;height: 46px;float: left;border:2px solid #bdbabd;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  padding: 8px 0px 0px 16px;
  font-family: 'FuturaBT-Heavy';
  font-size: 17px;
  margin-right:12px;
  background-color:#ffffff;line-height: 25px;
}
.menu .navbar-right{
  margin-top: 10px;
}
.agendaicons ul li a:hover,.agendaicons ul li a:focus,.agendaicons ul li.active a{color:#ff4552;text-decoration: none;}
.agendaicons ul li a:hover span,.agendaicons ul li a:focus span,.agendaicons ul li.active a span{border:2px solid #ff4552;text-decoration: none;}
.innerlogo{width: 100%;float: left;padding-bottom: 10px;    margin-top: 15px;}
.innerlogo img{width: 130px}
.newmenu{
  width: 100%;
  float: left;
  padding:0px;
  border-bottom: 1px solid #dcdcdc;
}

.title{
  width: 50%;
  float: left;
  font-family: 'FuturaBT-Heavy';
  float: left;
  font-size: 18px;
  color:#ea2128;
  padding:15px 35px;
  margin:0px;
  font-weight: normal;
  text-transform: uppercase;
}


.innermenu{
  width: 50%;
  float: left;
}

.innermenu h1{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: center;
}
.innermenu ul{
  margin: 0px 10px 0 0;
  padding: 0px;
  float: right;
}
.innermenu ul li{
  list-style-type: none;
  float: left;
  margin:11px 10px;
}
.innermenu ul li a{
  font-family: 'FuturaBT-Medium';
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 35px;
  color: #bdbabd;
}
.innermenu ul li a span{
  width: 30px;
  height: 30px;
  float: left;
  border: 2px solid #bdbabd;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  padding: 0;
  font-family: 'FuturaBT-Heavy';
  font-size: 13px;
  margin-right: 12px;
  background-color: #ffffff;
  line-height: 26px;
  text-align: center;
}

.innermenu ul li a:hover,.innermenu ul li a:focus,.innermenu ul li.active a{color:#ff4552;text-decoration: none;}
.innermenu ul li a:hover span,.innermenu ul li a:focus span,.innermenu ul li.active a span{border:2px solid #ff4552;text-decoration: none;}
.innermenu ul li.completeactive a
{color:#ed1d1d;
  text-decoration: none;
}
.innermenu ul li.completeactive a span
{
  border: 2px solid #ed1d1d;
  background-color: #ed1d1d;
  color:#ffffff;
  text-decoration: none;
}

.track-left{
  width: 100%;
  float: left;
  min-height: 440px;
}
.select_track{
  width: 100%;
  float: left;
  min-height: 440px;
}

.select_processs{
  width: 20%;
  float: left;
  min-height: 420px;
  background-color: #fafafa;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 430px;
  overflow-x: scroll;
}
.track-right{
  width: 20%;
  float: left;
  /*min-height: 420px;*/
  background-color: #fafafa;
  /*-webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;*/
  /*height: 430px;*/
  height: 76vh;
  overflow-x: scroll;
}

.track-left h1{
  font-family: 'FuturaBT-Heavy';
  width: 100%;
  float: left;
  font-size: 22px;
  color:#ea2128;
  border-bottom: 1px solid #e6e6e6;
  padding: 25px 0px 25px 35px;
  margin:0px;
  font-weight: normal;
}

.select-track h2{
  font-family: 'FuturaBT-Medium';
  width: 100%;
  float: left;
  font-size: 22px;
  color: #333333;
  padding: 15px 25px 12px 25px;
  margin: 0px;
  font-weight: normal;
  text-align: left;
}
.select-track ul{
  margin:0px;
  padding: 0px;
}

.select-track ul li{
  float: left;
  list-style-type: none;
  width: 80%;
  margin-left:10%;
  text-align: center;
  margin-bottom: 10px;
}

.select-track ul li a{
  width: 100%;
  float: left;
  border:2px solid #dfdfdf;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:12px 0px 12px 0;
}
/*.select-track ul li a.active {
 border:2px solid #ea2128;
}*/
.select-track .nav-tabs>li.active>a, .select-track .nav-tabs>li.active>a:focus, .select-track .nav-tabs>li.active>a:hover{
  border:2px solid #ea2128 !important;
}
.select-track ul li a:hover,.select-track ul li a:focus{
  width: 100%;
  float: left;
  border:2px solid #ea2128;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.select-track ul li a img{
  width:30px;
}

.forms{
  float: left;
  width: 100%;
}

.forms .label{
  width: 100%;
  float: left;
  padding: 5px 10px 12px 10px;
  position: relative;

}
.forms .label input{
  border:0px solid #dcdcdc;
  width: 100%;
  float: left;
  padding: 12px 0px;
  color: #5d5d5d;
  border-bottom: 1px solid #dcdcdc;
  font-family: 'GillSans' !important;
  font-size: 15px;
  font-weight: normal;
  outline: 0;
}

.forms .label input[type=text]:hover,.forms .label input[type=text]:focus{
  border:0px solid #fbbd1f;
  border-bottom: 1px solid #fbbd1f;
  padding: 12px 0px;
  color: #5d5d5d;
}

.forms .label input::-moz-placeholder
{color:#5d5d5d;opacity:1;  	font-family: 'GillSans' !important;}

.forms .label input:-ms-input-placeholder{color:#5d5d5d;  	font-family: 'GillSans' !important;}

.forms .label input::-webkit-input-placeholder{color:#5d5d5d;  	font-family: 'GillSans' !important;}

.forms .label input[type=submit]{
  background-color: #ea2128;
  width: 100%;
  float: left;
  padding: 12px 0px;
  color: #ffffff;
  font-family: 'GillSans-Medium';
  font-size: 15px;
  text-align: center;
  border:0px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  margin-top:5px;
  margin-bottom:0px;
}

.forms .label input[type=submit]:hover{

  width: 100%;
  float: left;
  padding: 12px 0px;
  color: #ffffff;
  font-family: 'GillSans-Medium';
  font-size: 15px;
  text-align: center;
  border:0px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  background-color: #fbbd1f;
  margin-top:5px;
  margin-bottom: 0px;
}

.forms .label textarea{
  border:1px solid #dcdcdc;
  width: 100%;
  float: left;
  padding: 8px 10px;
  color: #5d5d5d;
  border-bottom: 1px solid #dcdcdc;
  font-family: 'GillSans' !important;
  font-size: 15px;
  font-weight: normal;
  outline: 0;
  resize: vertical;
}
#pageWrapper
{
  position:absolute;
  left:0px;

}
.select-track ul li a h6{
  float: left;
  width: 100%;
  margin: 0;
  padding:10px 0 0 0;
  font-family: 'GillSans-Medium';
  color: #333;
  font-size: 16px;
  line-height: 20px;
}
.forms .label textarea:hover,.forms .label textarea:focus{
  border: 1px solid #fbbd1f;
  width: 100%;
  float: left;
  padding: 8px 10px;
  color: #333;
  font-family: 'GillSans' !important;
  font-size: 15px;
  font-weight: normal;
}

.modal-content{
  width: 100%;
  float: left;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.modal-header{
  font-family: 'FuturaBT-Heavy';
  width: 100%;
  float: left;
  font-size: 27px;
  color:#303030;
  text-transform: uppercase;
}

.modal-dialog{
  position: relative;
  margin:50px auto;
  min-height: 200px;
}

#modalpopup .modal-dialog{
  width: 400px;
}
#modalpopup .modal-dialog,
#edit_track_focus_points .modal-dialog
{
  width: 600px;
}
#modalpopup .modal-dialog.modal_width{
  width: 400px;
}
#edit_date .modal-dialog.modal_width{
  width: 400px;
}
.modal-header{
  padding: 10px 15px;
}
.modal-body{
  width: 100%;
  float: left;
}

.points{
  width: 100%;
  float: left;
  color:#303030;
  font-family: 'GillSans-Light';
  font-size: 14px;
  text-align: left;
  padding-bottom: 4px;
}

/*.contentbox{
  width: 90%;
  float: left;
  min-height: 400px;
  font-family: 'GillSans-Light';
  margin-left:5%;
  margin-top:15px;
}*/
.contentbox{
  width: 100%;
  float: left;
  min-height: 400px;
  font-family: 'GillSans-Light';
  margin-top: 15px;
  padding: 0 20px;
  margin: 0;
}

.finishbar{
  width: 95%;
  float: left;
  border-top: 1px solid #e7e7e7;
  margin-left: 23px;
  margin-bottom: 0px;
}

.remaing{
  float: left;
  font-family: 'GillSans';
  font-size: 16px;
  color:#303030;
  padding-left: 0px;
  padding-top: 13px;
}

.remaing span{
  font-family: 'GillSans-Bold';
  font-size: 16px;
  color:#ea2128;
}
.extended_time{
  float: left;
  font-family: 'GillSans';
  font-size: 16px;
  color:#303030;
  padding-left: 0px;
  padding-top: 13px;
  margin-left: 10px;
}

.extended_time span{
  font-family: 'GillSans-Bold';
  font-size: 16px;
  color:#ea2128;
}

.finishbut{
  float: right;
}

.finishbut input[type="submit"]{
  float: right;
  background-color: #60c870;
  color:#ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border:1px solid #60c870;
  padding: 7px 45px;
  font-family: 'GillSans-Medium';
  margin-top:8px;
}

.finishbut input[type="submit"]:hover,.finishbut input[type="submit"]:focus{
  float: right;
  color:#ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border:1px solid #fbbd1f;
  padding: 7px 45px;
  font-family: 'GillSans-Medium';
  margin-top:8px;
  background-color: #fbbd1f;
}

.finishbut a, .preview_btn a{
  float: right;
  background-color: #ed1d1d;
  color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #ed1d1d;
  padding: 7px 45px;
  font-family: 'GillSans-Medium';
  margin-top: 8px;
  text-decoration: none;
}

.finishbut a:hover,.finishbut a:focus,
.preview_btn a:hover,.preview_btn a:focus
{
  float: right;
  color:#ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border:1px solid #fbbd1f;
  padding: 7px 45px;
  font-family: 'GillSans-Medium';
  margin-top:8px;
  background-color: #fbbd1f;
  text-decoration: none;
}

.invisi input[type="submit"],.invisi input[type="submit"]:hover,.invisi input[type="submit"]:focus{
  background-color: #dbd9da;
  border:1px solid #dbd9da;
}

.newbox{
  width: 19%;
  float: left;
}
.added_tracks{
  float: left;
  width: 100%;
  padding: 20px;
}
.box{
  width: 100%;
  float: left;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  min-height: 180px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

.boximg{
  width: 100%;
  float: left;
  text-align: center;
  margin-top:15px;
}

.boximg img{
  width: 30px;
}

.boxtitle{
  width: 100%;
  color: #333;
  float: left;
  text-align: center;
  /*font-family: 'GillSans-Bold';*/
  /* font-family: 'FuturaBT-Medium'; */
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 10px;
  margin-top: 15px;
  font-family: 'GillSans-Medium';
  line-height: 18px;
  letter-spacing: .3px;
  padding: 0 10px;
  overflow: hidden;
  white-space: pre-line;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 60px;
  -webkit-box-orient: vertical;
}


.box span{
  text-align: center;
  color: #ed1d1d;
  font-family: 'GillSans-Medium';
  font-size: 14px;
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-transform: capitalize;
  line-height: 28px;
  margin: 0;
}

.newbox a{
  width: 100%;
  float: left;
  text-align: center;
  color:#505050;
  font-size: 14px;
  font-family: 'GillSans-Medium';
}

.newbox a:hover,.newbox a:focus{
  width: 100%;
  float: left;
  text-align: center;
  color:#ff4552;
  font-size: 14px;
  font-family: 'GillSans-Medium';
  text-decoration: none;
}

.newicons{
  width: 100%;
  float: left;
  margin:5px 0px 0px 0px;
}

.newicons i{
  font-size: 16px;
}

.arrow{
  float: left;
  transform: translate(0,80px);
}

.arrow img{
  width: 13px;
  margin: 0 10px;
}
.popup.arrow{
  float: left;
  transform: translate(0,70px);
}
.break{
  cursor: pointer;
}
.popup.arrow img{
  width: 18px;
  margin: 0 10px;
}

.track{
  width: 100%;
  float: left;
  min-height: 500px;
  position: relative;
}

.trackline{
  width: 100%;
  float: left;
  background-color: #fbfbfb;
  padding: 15px 15px;
  cursor: pointer;
}

.trackline h3{
  width: 100%;
  float: left;
  margin-top:0px;
  font-family: 'FuturaBT-Medium';
  font-size: 16px;
  color: #252525;
}

.trackline1{
  width: 100%;
  float: left;
  background-color: #fbfbfb;
  padding: 15px 15px;
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid #ececec;
  cursor: pointer;
}
.create_new_track{
  width: 80%;
  float: left;
  background-color: #fbfbfb;
  padding: 15px 15px;
  margin-top: 20px;
  border-radius: 5px;
  border: 2px solid #ececec;
  cursor: pointer;
  margin-right: 15px;
}

.new_track h3 {
  margin: 0;
  padding: 0;
}
.new_track h3 a {
  float: right;
  line-height: 14px;
  background: #fbbd1f;
  padding: 8px 10px;
  margin: 0;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  text-decoration: none;
  font-family: 'GillSans-Medium';
}
.track_heading{
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}

.track_heading h3{
  width: 100%;
  float: left;
  line-height: 31px;
  margin: 0px;
  padding: 0;
  font-family: 'Gillsans-light';
  color: #a0a0a0;
  font-size: 18px;
}
.track_heading span {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 20px;
  padding: 0;
  font-family: "Gillsans-Medium";
  color: #333;
  line-height: 20px;
}
.trackline1 p{
  color: #252525;
  font-size: 16px;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 10px 0;
  font-family: 'FuturaBT-Medium';
}

.trackline1 h3 a{
  float: right;
  line-height: 14px;
  background:#ea2128;
  padding: 8px 10px;
  margin: 0;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  text-decoration: none;
  font-family: 'GillSans-Medium';
}
.trackline1 h3 a:hover,
.trackline1 h3 a:focus{
  background-color: #fbbd1f;
  color: #fff;
}
.trackline1 h3{
  margin: 0;
  padding: 0;
  float: left;
  width: 35%;
}
.contentbox1{
  width: 98%;
  float: left;
  min-height: 440px;
  font-family: 'GillSans-Light';
  margin-left:1%;
  margin-top:15px;
}

.newbox1, .breakbox{
  width: 16%;
  float: left;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

.newbox2{
  width: 16%;
  float: left;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.boxclick{
  width: 100%;
  height: 100%;
  float: left;
  background: rgba(96,200,112,0.5);
  position: absolute;
  top:0px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
}

.boxclick i{
  color:#ea2128;
  font-size: 85px;
  position: relative;
  top:45px;
}

.meetingtime{
  float: right;
  width: 65%;
  text-align: right;
}


.meeting{
  float: left;
  font-family: 'GillSans-Medium';
  color:#ff4552;
  font-size: 20px;
  display: block;
  margin-top:20px;
}

.min{
  text-align: center;
  display: block;
  color:#3c3c3c;
  font-family: 'GillSans-Bold';
  font-size: 23px;
}

.meetingdeatils{
  width: 96%;
  float: left;
  margin-left:2%;
}

.meetinghead{
  width: 100%;
  float: left;
  font-size: 22px;
  font-family: 'GillSans-Medium';
  color:#303030;
}

.meetinginner{
  width: 100%;
  float: left;
  font-size: 16px;
  font-family: 'GillSans';
  color:#303030;
  margin-bottom: 10px;
}

.trackline2{
  width: 96%;
  float: left;
  margin-top:19px;
  margin-bottom: 10px;
  margin-left:2%;
}

.trackline2 h3{
  width: 100%;
  float: left;
  margin-top:0px;
  font-size: 22px;
  font-family: 'GillSans-Medium';
  color:#303030;
}


.startmeeting{
  width: 96%;
  float: left;
  border-top:2px solid #dcdcdc;
  padding-top: 20px;
  margin-top:10px;
  margin-left:2%;
  text-align: center;
}

.startmeeting a{
  text-align: center;
  background-color: #60c870;
  color:#ffffff;
  font-family: 'GillSans';
  font-size: 17px;
  padding: 10px 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.startmeeting a:hover,.startmeeting a:focus{
  text-align: center;
  background-color: #ff4552;
  color:#ffffff;
  font-family: 'GillSans';
  font-size: 17px;
  padding: 10px 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-decoration: none;
}

.meeting1{
  width: 100%;
  float: left;
  background-color: #9ebb74;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding-bottom: 30px;
  min-height: 550px;
}

.meeting2{
  width: 100%;
  float: left;
  background-color: #f4e149;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding-bottom: 30px;
  min-height: 550px;
}

.meeting3{
  width: 100%;
  float: left;
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  min-height: 510px;
  position: relative;
  -webkit-animation: myfirst 30s linear 5s infinite alternate; /* Safari 4.0 - 8.0 */
  animation: myfirst 30s linear 5s infinite alternate;
}
/*@-webkit-keyframes myfirst {
    0%   {background-color:#e8816b;}
    50%  {background-color:#fbbd1f;}
    100%  {background-color:#60c870; }
}

@keyframes myfirst {
  0%   {background-color:#e8816b;}
  50%  {background-color:#fbbd1f;}
  100%  {background-color:#60c870; }
}*/
.meetingbody{
  width: 100%;
  float: left;
}

.meetingcontent{
  width: 50%;
  float: left;
  padding: 20px 0px 0px 30px;
}

.meetingremaingtime{
  width: 50%;
  float: left;
  margin-top:30px;
}

.meetingremaingtime h3{
  width: 100%;
  float: left;
  text-align: center;
  font-family: 'GillSans-Medium';
  color: #303030;
  font-size: 26px;
}


.min1{
  text-align: center;
  display: block;
  color:#303030;
  font-family: 'GillSans-Heavy';
  font-size: 24px;
}



/*datepicker css*/
.bootstrap-datetimepicker-widget table td span, .bootstrap-datetimepicker-widget table td{

  color: #505050;
  font-weight: normal;
}
.bootstrap-datetimepicker-widget .picker-switch td span{

  background: #c0e2ff;
  color: #4199e4;
  /*display: none;*/
}
.bootstrap-datetimepicker-widget table th.picker-switch{
  background: #c0e2ff;
  color: #4199e4;
  font-weight: normal;
}
.bootstrap-datetimepicker-widget table th.picker-switch:hover,
.bootstrap-datetimepicker-widget table th.picker-switch:focus,
.bootstrap-datetimepicker-widget .picker-switch td span:hover,
.bootstrap-datetimepicker-widget .picker-switch td span:focus

{
  background: #c0e2ff !important;
  color: #4199e4 !important;
}

.bootstrap-datetimepicker-widget table td.day{
  color: #505050;
  font-weight: normal;
}
.bootstrap-datetimepicker-widget table td span{
  float: left;
}
.bootstrap-datetimepicker-widget table th{
  color: #505050;
}
.bootstrap-datetimepicker-widget table td span {
  float: left;
  width: 50px;
  white-space: normal;
  text-align: center;
  word-break: break-word;
}
.bootstrap-datetimepicker-widget.dropdown-menu{
  padding: 15px;
  width: 20em;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #c0e2ff;
  color: #4199e4 !important;
  text-shadow: none;
}



.outcome_popup{
  float: left;
  width: 100%;
}
.outcome_icons{
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}
.icon_img{
  width: 100%;
  background: #fff;
  border: 2px solid #f5f5f5;
  padding: 30px 15px 30px 15px;
  border-radius: 5px;
  margin: 0;
  float: left;
  min-height: 335px;
}

h1.icon_title{
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
  /* text-transform: capitalize; */
  line-height: 20px;
  font-family: 'FuturaBT-Heavy';
  color: #333;
  border: none;

}
.icon_img img{
  width: 80px;
  margin: 0px auto 10px auto;
  display: block;
  padding: 15px;
  border: 2px solid #f5f5f5;
  border-radius: 5px;
}
.box_active .icon_img{
  /*transform: scale(1.1);*/
  border: 2px solid #ea2128;
}

.icon_img ul{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.icon_img ul li{
  float: left;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  list-style: none;
}
.icon_img ul li a{
  float: left;
  width: 100%;
  margin: 0;
  padding: 8px 0;
  font-size: 14px;
  color: #4c4c4c;
  text-decoration: none;
  text-align: center;
  background: #f7f7f7;
  border-radius: 5px;
  letter-spacing: .5px;
  font-family: 'GillSans-Medium';
}
.icon_img ul.yellow_btn li a:hover{
  background: #fbbd1f;
}
.icon_img ul.green_btn li a:hover{
  background: #60c870;
}

.icon_img ul li a:hover, .icon_img ul li a:focus{
  background: #ea2128;
  color: #fff;
}
.add_break_icon {
  float: left;
  width: 12%;
}
.add_break_img{
  float: left;
  width: 100%;
  background: #fff;
  border: 2px solid #f3f3f3;
  padding: 10px 0;
  min-height: 160px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.add_break_icon .form a.delte{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0px 10px;
  color: #ff2626c4;
  text-align: center;
  background: #ffc9c9;
  line-height: 30px;
  letter-spacing: .5px;
  font-size: 14px;
  font-family: "Gillsans-Medium";
  text-decoration: none;
  border-radius: 3px;
}
.add_break_img img{
  width: 30px;
  margin: 5px auto 5px auto;
  display: block;
}
.meeting_tables .bootstrap-select .dropdown-menu{
  height: 110px;
}
.add_break_img h1{
  float: left;
  width: 100%;
  margin: 0;
  padding:3px 5px;
  font-size: 14px;
  text-align: center;
  line-height: 15px;
  font-family: 'GillSans-Medium';

}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 0;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-top: 10px;
}
ol.breadcrumb li{
  font-family: 'GillSans-Medium';
}
ol.breadcrumb li a{
  color: #ff4552;
  font-family: 'GillSans-Medium';
}

.delete_icon a{
  background: #fff;
  border: 1px solid #808080;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  line-height:28px;
  font-size: 12px;
  color: #a7a7a7;
  float: right;
  margin-right: 8px;
  cursor: pointer;
}
.delete_icon a.edit_icon_i{
  background: #fff;
  border: 1px solid #808080;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  line-height: 26px;
  font-size: 11px;
  color: #a7a7a7;
  float: left;
  margin-left: 8px;
  cursor: pointer;
}
.delete_icon{
  float: left;
  width: 100%;
  margin-top: 10px;
}
.delete_icon a:hover, .delete_icon a :focus{
  color: #ff4552;
  border: 1px solid #ff4552;
}

.box a{
  text-decoration: none;
}


.edit_box {
  position: relative;
  margin: 0;
  padding:5px 20px 0 0px;
  width:auto;
  min-height: 30px;
  border: none;
  border-radius: 3px;
  background: #fbfbfb;
  float: left;
}

.editable {
  border-color: #bd0f18;
  background: #f2f2f2;
}

.track_heading h3{
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}
.select_edit_btns{
  float: left;
  width: 50%;
}

.select_edit_btns ul{
  float: right;
  width: auto;
  margin: 0;
  padding: 0;
}
.select_edit_btns ul li{
  float: left;
  width: auto;
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
}
.select_edit_btns ul li a{
  float: left;
  padding: 6px 15px;
  margin: 0;
  color: #ffffff;
  background: #f01706;
  font-family: "Gillsans-Medium";
  font-size: 14px;
  line-height: 22px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  letter-spacing: .5px;
}
.select_edit_btns ul li a:hover, .select_edit_btns ul li a:focus{
  background: #fbbd1f;
  color: #fff;
}
.text_ {
  outline: none;
  font-family: 'GillSans-Bold';
  font-size: 16px;
  color: #333;
  line-height: 20px;
  background: #f2f2f2;
  border: none;
  padding: 8px;
  border-radius: 3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
.edit_title{
  float: left;
  width: 65%;
}
.edit_icon, .save_icon {
  width: 30px;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 5px 10px 3px 10px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  border-radius: 3px;
  font-family: "Gillsans-Medium";
}

.edit_icon {
  background: #ff4552;
  color: #fff;
  opacity: 1;
  transition: opacity .2s ease-in-out;
  z-index: 9999;
  right: -45px;
  width: auto;
}
.custom_icons{
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}
.save_icon {
  display: none;
  background:#60c770;
  color: #fff;
  right: -45px;
  width: auto;
}

.edit_box:hover .edit_box {
  opacity: 1;
}


.email_invites1{
  float: left;
  width: 100%;
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.email_icon{
  display: block;
  width:35%;
  margin:0 auto;
  transform: translate(0,10px);
}


.email_icon img{
  width: 50px;
  margin: 0 auto;
  display: block;
}

.email_icon h1{
  float: left;
  width: 100%;
  margin: 0;
  padding: 15px 0 5px 0;
  text-align: center;
  font-size: 25px;
  font-family: "Gillsans-Medium";
}
.email_icon p{
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  font-family: "GillSans-Medium";
  text-align: center;
  line-height: 20px;
}
.email_icon input{
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  /* background: #f5f5f5; */
  background: #fff;
  border:1px solid #e6e6e6;
  line-height: 20px;
  border-radius: 3px;
  outline: 0;
  display: block;
  margin: 0 auto;
  font-family: 'Gillsans-Medium';
  min-height: 40px;
  max-height: 100px;
}
button.btn_submit{
  width: 45%;
  padding: 12px 10px;
  margin: 0;
  background: #60c870;
  border: none;
  line-height: 18px;
  border-radius: 100px;
  outline: 0;
  display: block;
  margin: 20px auto 0 auto;
  font-family: 'Gillsans-Medium';
  color: #fff;
  font-size: 18px;
}

.meeting_time{
  float:right;
  margin-right: 35px;
}

.meeting_time h1{
  float: left;
  width: 100%;
  margin: 0;
  padding: 21px 0;
  font-size: 16px;
  line-height: 20px;
  font-family: "Gillsans-Medium";
}
.meeting_time h1 span{
  font-size: 20px;
  color: #ea2128;
  padding-left: 5px;

}
.meeting_time h1 span.min_clr{
  font-size: 20px;
  color: #fff;
  padding-left: 5px;
  letter-spacing: 1px;

}


.icon_bx{
  float: right;
  width: 20%;
}
.right_icons ul{
  margin-top: 30px;
}

.stop_watch{
  float: left;
  width: 100%;
}
.stop_watch label.stp_sec, .stop_watch label.stp_min{
  float: left;
  width: 48%;
  text-align: center;
  font-size: 14px;
  font-family: "Gillsans-Medium";
  margin: 0;
  padding: 0;
}

.stop_watch span{
  float: left;
  width: 2%;
  text-align: center;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
}
.top_header_outcome{
  padding: 8px 15px;
  margin-bottom: 0;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-top: 10px;
  float: left;
  width: 100%;
}
.owner_name, .team_name{
  margin-bottom: 0;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-top: 8px;
  float: left;
  width: 40%;
}

.outcome .breadcrumb{
  padding: 8px 8px;
  margin: 0;
  background: transparent;
}
.owner_name h1, .team_name h1{
  float: left;
  width:auto;
  margin: 0;
  padding: 0;
  font-family: "Gillsans-Medium";
  font-size: 14px;
  line-height: 20px;
  color: #ff4552;
  color: #333;
}
.owner_name h2, .team_name h2{
  float: left;
  width: 70%;
  margin: 0;
  padding: 0 0 0 5px;
  font-family: "Gillsans-Medium";
  font-size: 14px;
  line-height: 20px;
  color: #ff4552;
}
.team_name h1{
  width: 29%;
}
.outcome{
  float: left;
  width: 40%;
}


.from_time {
  float: left;
  width:100%;
  position: relative;
}

.mar_left_10{
  margin-left: 10px;
}

.select_track_bg{
  width: 100%;
  float: left;
  /*min-height: 500px;*/
  background-color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin: 0px 0% 0px 0%;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
  -moz-box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
  box-shadow: 0px 0px 6px 0px rgba(170,170,170,0.1);
  margin-bottom: 20px;
  padding: 0;
}

.select_process_left {
  width: 80%;
  float: left;
  border-right: 1px solid #d3cbcb;
  min-height: 440px;
}

.info{
  float: left;
  width: 100%;
  margin: 10px 0;
  padding: 0;
}
.bootstrap-select .dropdown-menu{
  min-height: 50px;
  max-height: 250px;
}
.info a{
  float: left;
  font-family: 'GillSans-Medium';
  font-size: 14px;
  color: #303030;
  float: left;
  width: 100%;
  text-align: center;
}


.nicescroll-cursors{
  background: #ccc !important;
}
#boxscroll2 {
  height: 85vh;
  width: 100%;
  overflow: auto;
}

.menu{
  float: left;
  width: 100%;
  margin-top: 15px;
}

.menu .navbar{
  margin-bottom:0px;
}

.menu .navbar-default{
  background: transparent;
  border:none;
}

.menu .navbar-nav>li {
  float: left;
  margin: 0 15px 0 0;
  font-family: "Gillsans-Medium";
  line-height: 20px;
}
.menu .navbar-nav>li:last-child{
  margin-right: 0;
}
.menu .navbar-default .navbar-nav>li>a{
  color: #333;
  background: #fff;
  border-radius: 3px;
  font-size: 14px;
  /* -webkit-box-shadow: 2px 3px 5px 0px rgba(230,230,230,1);
  -moz-box-shadow: 2px 3px 5px 0px rgba(230,230,230,1);
  box-shadow: 2px 3px 5px 0px rgba(230,230,230,1); */
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu .navbar-default .navbar-nav>li>a:hover,
.menu .navbar-default .navbar-nav>li>a:focus
{
  background: #f01706;
  color: #fff;
}
.menu .navbar-default .navbar-nav>li.active>a{
  background: #ff4552;
  color: #fff;
}
.smart-left h1 {
  font-family: 'FuturaBT-Heavy';
  width: 100%;
  float: left;
  font-size: 22px;
  color: #ea2128;
  border-bottom: 1px solid #e6e6e6;
  padding: 25px 0px 25px 35px;
  margin: 0px;
  font-weight: normal;
}
.page_heading{
  float: left;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}

.page_heading h1{
  font-family: 'FuturaBT-Heavy';
  width: 60%;
  float: left;
  font-size: 22px;
  color: #ea2128;
  padding:15px 0px 5px 35px;
  margin: 0px;
  font-weight: normal;
}
.meetings{
  width: 100%;
  float: left;
  min-height: 500px;
  font-family: "Gillsans-Medium"
}


.meeting_tables{
  float: left;
  width: 100%;
  padding: 30px;
}
.meeting_tables .dataTables_wrapper .dataTables_filter input {
  margin-left: .5em;
  border: 1px solid #e6e6e6;
  padding: 5px 10px;
  outline: 0;
}
.meeting_tables table thead tr th {
  background: #F3F5F7;
  color: #3a424a;
  font-family: 'Gillsans-Medium';
  border:none;
}

.meeting_tables table.dataTable.display tbody tr.odd,
.meeting_tables table.dataTable.stripe tbody tr.odd
{
  background: #fff;
}
.meeting_tables table.dataTable.display tbody tr.even, .meeting_tables table.dataTable.stripe tbody tr.even {
  background-color: #fff;
  /* background-color: #f9f9f9; */
}

.popup_text{
  float: left;
  width: 100%;
  font-family: "Gillsans-Medium"
}

.popup_text h3{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 18px;
  text-align: left;
  color:#333;
}

.popup_btns{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.popup_btns ul{
  float: right;
  width: 100%;
  margin: 20px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #dcdcdc;
}

.popup_btns ul li{
  float: right;
  width: auto;
  padding: 0;
  margin: 0 0 0 10px;
  list-style: none;
}

.popup_btns ul li a{
  float: left;
  width: auto;
  padding: 5px 15px;
  margin: 0;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  line-height: 21px;
  font-family: "Gillsans-Medium";
}
.popup_btns ul li a.yes{
  background: #60c870;
}
.popup_btns ul li a.no{
  background: #f00;
}

a.home_btn{
  width: 40%;
  padding: 12px 10px;
  background: #60c870;
  border: none;
  line-height: 18px;
  border-radius: 100px;
  outline: 0;
  margin-left:107px;
  font-family: 'Gillsans-Medium';
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: grid;
  text-decoration: none;
}
.meeting_tables tbody tr td a.view{
  background: #60c870;
  padding: 9px 12px;
  color: #fff;
  border-radius: 3px;
  display: flex;
  text-decoration: none;
  line-height: 16px;
  font-size: 13px;
}
.meeting_tables tbody tr td a i{
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.meeting_tables #resources_list tbody tr td a i{
  font-size: 20px;
  position: relative;
  top: 1px;
  color: #60c771;
}
.meeting_tables tbody tr td a.cancel_btn{
  background: #f01706;
  padding: 9px 12px;
  color: #fff;
  border-radius: 3px;
  display: flex;
  text-decoration: none;
  line-height: 16px;
  font-size: 13px;
}

.team_select .bootstrap-select .dropdown-menu{
  height: auto;
}
.team_select .bootstrap-select .dropdown-menu{
  min-width:100% !important;
  max-width: 100% !important
}

.team .dropdown-menu li a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*textarea{
  overflow:hidden;
  padding:10px;
  width:100%;
  font-size:14px;
  margin:0;
  display:block;
  border:6px solid #556677;
}*/
.preview_btn{
  margin-right: 10px;
  float: right;
}

.add_break_time .btn-default{
  font-size: 14px;
  border: 1px solid #ccc;
  padding: 5px;

}
.add_break_time .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  float: left;
}
.label label {
  float: left;
  width: 100%;
  color: #333;
  font-family: "Gillsans-Medium";
  font-size: 12px;
  white-space: normal;
  text-align: left;
}


.popup_btns ul li a.popup_edit_btn{
  background: #fbbd1f;
}


.view_preview{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 10px;
}

.view_preview ul{
  float: left;
  width: 35%;
  margin: 0;
  padding: 0;
}
.view_preview ul li{
  float: left;
  width: 100%;
  margin: 0;
  padding:3px 0;
  list-style: none;
}

.view_preview ul li h1{
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Gillsans-Bold";
  line-height: 20px;
}

.view_preview ul li p{
  float: left;
  width: 95%;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Gillsans";
  line-height: 18px;
}
.points_to_focus{
  float: left;
  width: 65%;
  padding: 0 0 0 40px;
  height: 300px;
  overflow-y:scroll;
}
::-webkit-scrollbar {
  width:5px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius:100px;


}
::-webkit-scrollbar-thumb:hover {
  background: #a5a5a5;
}
.points_to_focus h1{
  float: left;
  width: 100%;
  padding: 5px 0;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-family: "Gillsans-Bold";
  line-height: 20px;
  color: #47c55a;
  border-bottom: 1px solid #ccc;
}
.points_to_focus ul{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.points_to_focus ul h2{
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Gillsans-Bold";
  line-height: 20px;
  color: #333;
}


.points_to_focus ul li{
  float: left;
  width: 100%;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  line-height: 18px;
  font-size: 13px;
  font-family: "Gillsans";
  list-style-image: url('../images/list_icon.svg');
}


.label p{
  color: #f00;
  float: left;
  width: 100%;
  text-align: left;
  font-family: "Gillsans";
  font-size: 14px;
  padding: 10px 0 0 0;
  margin: 0;
}

.start_meeting{
  float: left;
  width: 100%;
  padding: 30px;
  min-height: 78vh;
}

.meeting_points{
  float: left;
  width: 100%;
}
.meeting_points h1{
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 10px 0 5px 0;
  font-size: 18px;
  font-family:"Gillsans-Medium";
  color: #333;
  border-bottom: 1px solid #ccc;
  line-height: 20px;
}
.meeting_points p{
  float: left;
  width: 100%;
  margin: 5px 0;
  padding: 0;
  font-size: 15px;
  font-family:"Gillsans";
  color: #636363;
  line-height: 20px;
}


.time_tracker{
  float: left;
  width: 100%;
  margin-top: 20px;
}

.time_tracker h1{
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-family: "Gillsans-Bold";
}
.allocated_time h3, .remaining_time h3{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-family: "Gillsans-Medium";
  line-height: 18px;
}

.allocated, .remaining{
  float: left;
  width: 30%;
}

.light_icon{
  float: left;
  width: 40%;
}

.light_icon img{
  object-fit: contain;
  height: 40px;
  width: 100%;
  padding: 5px;
}
.light_icon p {
  width: 100%;
  padding:5px 7px;
  text-align: center;
}
.traffic_light{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.traffic_light ul{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 99;    top: -7px;
}

.traffic_light ul li{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: .3;
}
.traffic_light ul li.active{
  opacity: 1;
}

.allocated_time, .remaining_time{
  float: left;
  width: 90%;
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px 0px;
  margin-top: 12px;
}
.remaining_time{
  margin-left: 10px;
}

.lghts_bg{
  width: 100%;
  position: absolute;
}

.center_bg{
  margin: 0 auto;
  display: block;
  width: 38%;
  border: 2px solid #52575f;
  /* min-height: 270px; */
  border-radius: 25px;
  position: relative;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
  box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
}

.time_title, .time_title_right{
  float: left;
  width: 25%;
  position: relative;z-index: 999;
  text-align: center;
  font-family: "Gillsans-Medium";
  font-size: 16px;
}

.time_title_center{
  float: left;
  width: 50%;
}

.total_time{
  float: left;
  width: 100%;
}
.total_time h1{
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 30px 0 0 0;
  text-align: center;
  font-size: 18px;
  font-family: "Gillsans-Bold";
}

.totl_time_box{
  display: table;
  width: 30%;
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px 0;
  margin: 0 auto;
}
.totl_time_box h2{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-family: "Gillsans-Medium";
  line-height: 18px;
}


.login_page{
  float: left;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  min-height: 84vh;
  border-radius: 20px;
}

.login_bg{
  width: 100%;
  float: left;
  min-height: 80vh;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  position: relative;

}

.login_center{
  display: table;
  width: 32%;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  transform: translate(0,30%);
  -webkit-box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
  -moz-box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
  box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
}
.signup_center{
  display: table;
  width: 32%;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
  -moz-box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
  box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
}
.login_form p{
  font-family: 'FuturaBT-Medium';
  width: 100%;
  font-size: 16px;
  text-align: left;
  color: #2f2f2f;
  float: left;
  padding: 0 0 10px 0;
  margin: 0;
}
.login_form{
  float: left;
  width: 100%;
  margin: 2px 0;
}

.login_form input{
  border: 0px solid #dcdcdc;
  outline: 0;
  width: 100%;
  float: left;
  padding: 5px 0px;
  color: #5d5d5d;
  border-bottom: 1px solid #dcdcdc;
  font-family: 'GillSans-Medium' !important;
  font-size: 15px;
  font-weight: normal;
}
.name_form input{
  width: 47%;
  margin: 0 15px 0 0;
}
.name_form input:last-child{
  margin: 0;
}
.login_form input[type=submit]:hover, .login_form input[type=submit]:focus{
  background-color: #fbbd1f;
}
.login_form input[type=submit] {
  background-color: #ea2128;
  width: 100%;
  float: left;
  padding: 12px 0px;
  color: #ffffff;
  font-family: 'GillSans-Medium';
  font-size: 15px;
  text-align: center;
  border: 0px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  margin-top: 10px;
  margin-bottom: 10px;
}

.login_center h1, .signup_center h1{
  font-family: 'FuturaBT-Medium';
  width: 60%;
  font-size: 22px;
  text-align: left;
  color: #545454;
  float: left;
  padding: 0;
  margin: 0;
  line-height: 50px;
}

.login_logo {
  float: right;
  width: 40%;

}


.login_logo img{
  width: 110px;
  float: right;
}
.signup_center .line{
  float: left;
  text-align: left;
}
.login_center .line{
  text-align: left;
  position: relative;
  top: -5px;
}

.create_meeting_btn{
  float: left;
  width: 40%;
}

.create_meeting_btn ul
{
  float: right;
  width: auto;
  margin: 0;
  padding: 10px 20px 0 0;
}

.create_meeting_btn ul li{
  float: left;
  width: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}

.create_meeting_btn ul li a{
  float: left;
  width: auto;
  background: #fff;
  margin: 0;
  padding: 8px 12px;
  color: #404040;
  font-size: 16px;
  font-family: 'Gillsans-Medium';
  text-decoration: none;
  line-height: 18px;
  border-bottom: 2px solid transparent;
}
.create_meeting_btn ul li a:hover, .create_meeting_btn ul li a:focus,
.create_meeting_btn ul li a.active {
  color: #25ad65;
  border-bottom: 2px solid #25ad65;
}
.meeting_tables .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 60px;
}


.break_time{
  float: left;
  width: 100%;
}

.break_time ul{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.break_time ul li{
  list-style: none;
  float: left;
  width: 22%;
  margin: 0 10px 0 0;
  padding: 0;
}

.break_time ul li a{
  float: left;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  background: #fff;
  color: #717171;
  font-family: "Gillsans";
  font-size: 14px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  text-decoration: none;
}


.break_time ul li a:hover, .break_time ul li a:focus{
  background: #60c870;
  color: #fff;
  border: 1px solid #60c870

}
.break_time ul li.active a{
  background: #60c870;
  color: #fff;
  border: 1px solid #60c870;
}



.form_bg{
  background-image: url(../images/oswsvg.svg);
  background-position: center;
  background-size: cover;
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  height: 100vh;
  position: absolute;
  margin-bottom: 2px;
}

.login_form ul{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.login_form ul li{
  float: left;
  width:13%;
  margin: 0 10px 0 0;
  padding: 0;
  list-style: none;
}
.login_form ul li input{
  text-align: center;
}

label.error {
  color: #ed1d1d;
  padding: 8px 0 0 0;
  margin: 0 !important;
  font-family: "GillSans" !important;
  font-size: 13px;
}
input.error {
  /*background-color: #f3c2c2 !important;*/
  border-bottom: 1px solid red !important;
}

.login_form h3{
  float: left;
  width: 100%;
  margin: 11px 0 0 0;
  padding: 0;
  font-size: 15px;
  font-family: "Gillsans";
  text-align: center;
}
.login_form span{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: "Gillsans";
  text-align: right;
}
.login_form a{
  color: #44ab54;
}
.login_form h3 a{
  font-size: 17px;
}



/*responsive css*/

@media (min-width:320px) and (max-width: 500px) {
  .page_heading h1, .create_meeting_btn{
    width: 100%;
  }
  .create_meeting_btn ul{
    float: left;
  }
  .trackline1 h3{
    float: left;
    margin: 5px 0 10px 0;
    width: 100%;
  }
  .finishbar{
    width: 100%;
    margin-left:0px !important;
  }
  .edit_title{
    width: 100%;
  }
}
@media (min-width:501px) and (max-width: 767px) {
  .page_heading h1{
    width: 35%;
  }

  .create_meeting_btn{
    width: 65%;
  }

}
@media (min-width:320px) and (max-width: 767px) {
  #meeting_details_div table tr td {
    padding: 0 0 4px 0 !important;
    font-size: 14px;
    width: 100%;
    float: left;
  }
  .form_bg{
    background-color: #fff;
  }
  .error_page{
    width: 100% !important;
  }
  .page_center{
    width: 100% !important;
  }
  #meeting_details_div table tr td b{
    font-family: "Gillsans-Bold";
  }
  .menu .navbar-default .navbar-collapse{
    border: 1px solid #e8e8e8;
    background-color: #fff !important;
    box-shadow: 0px 0px 5px 2px #e8e8e8 !important;
    -webkit-box-shadow: 0px 0px 5px 2px #e8e8e8 !important;
    -moz-box-shadow: 0px 0px 5px 2px #e8e8e8 !important;
  }
  .team .dropdown-menu li a {
    font-family: 'GillSans-Medium';
    font-size: 14px;
    color: #777;
    padding: 5px 15px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .time_tracker{
    margin-top: 20px;
  }
  .light_icon img{
    height: 50px;
  }
  #showbtnmeeting #start_meeting{
    width: 100% !important;
    padding: 12px 20px;
  }
  #starttimerdiv #starttimerb{
    width: 100% !important;
    padding: 12px 20px;
  }
  .bootbox-body{
    line-height: 20px;
  }
  .meeting_duration ul li{
    width: 29% !important;
  }
  .team_select .bootstrap-select .dropdown-menu{
    min-width:100% !important;
    max-width: 100% !important
  }
  .meeting_duration ul li a{
    padding: 11px 10px 7px 10px !important;
  }
  .finishbar{
    width: 100% !important;
    margin-left: 0px !important;
  }
  .text_{
    width: 100% !important;
  }
  .outcome, .owner_name, .team_name, .select_process_left,
  .newbox1, .preview_btn, .finishbut a, .preview_btn a,
  .email_icon input, .name_form input, .add_break_icon, .points_to_focus{
    width: 100%;
  }
  .select_process_left{
    border-right: none;
  }
  .points_to_focus{
    padding: 0;
  }
  .popup.arrow{
    transform: translate(0,5px);
  }
  #modalpopup .modal-dialog{
    width: 90%;
  }
  .email_icon h1{
    font-size: 21px;
  }
  .modal-dialog{
    width: 80%;
  }
  .view_preview ul{
    width: 100%;
  }

  .login_form h3 a{
    font-size: 15px;
  }
  #content{
    top: 10px !important;
  }

  .login_form h3{
    font-size: 13px;
  }
  table.dataTable>tbody>tr.child ul.dtr-details li{
    margin: 10px 0;
  }
  .select_process_left{
    min-height: 300px;
  }
  .login_form span, .login_form h3{
    width: 100%
  }
  .login_form a {
    color: #44ab54;
    font-size: 15px;
  }
  .meeting_tables{
    padding: 30px 0px;
  }
  .signup_center{
    width: 95%;
  }
  .login_center h1, .signup_center h1{
    font-size: 18px;
    line-height: 22px;
  }
  .login_logo img{
    width: 90px;
  }
  a.home_btn{
    width: 60%;
    margin-left:50px;
  }
  .finishbut a, .preview_btn a{
    margin: 0;
    text-align: center;
  }
  .preview_btn{
    float: left;
  }

  .email_icon{
    width: 95%;
  }

  .break_time ul li{
    width: 46%;
    margin: 0 10px 10px 0;
  }
  .mar_left_10{
    margin-left: 0 !important;
  }
  .contentbox{
    padding: 0;
  }
  .time{
    width: auto;
  }
  .logo{
    padding: 10px 0;
    text-align: center;
  }
  .from_time, .to_time{
    width: 100% !important;
  }
  .boxhalf{
    width: 100%;
    float: left;
    min-height: 350px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .createnew{
    width: 90%;
    margin:0px 5%;
  }
  .boxhalf-bg{
    background: transparent;
  }
  .left-logo{
    margin-top:0px !important;
  }
  .left-logo h2{
    margin-top:12px;
  }
  .osw-logo{
    width: 100%;
    text-align: center;
    float: left;
    background-color: #ffffff;
    padding: 5px 0px;
    margin: 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
  .left-logo h2{
    margin-bottom: 3px;
  }

  .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
  .bootstrap-datetimepicker-widget.dropdown-menu.top:before
  {
    left: 25px !important;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu{
    width: 100% !important;
    left: 0 !important;
  }
  .mar_left_15{
    margin-left: 0;
  }
  .menu .navbar-nav>li{
    width: 100%;
  }
  .innerlogo{
    width: 100%;
    float: left;
    margin-top:15px;
    text-align: center;
  }
  .innerlogo img{
    width: 100px;
    float: left;
  }
  .title{
    width: 100%;
    padding: 15px 0px 15px 20px;
  }
  .meetingcontent{
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  #pageWrapper{
    position: relative !important;
  }
  .meetingremaingtime{
    width: 100% !important;
    border-top:1px solid #e5e5e5;
  }
  .min1{
    width: 100%;
    text-align: center;
    float: left;
  }
  .meetingtime{
    width: 100%;
    float: left;
    text-align: center;
  }
  .time{
    float: left;
    text-align: center;
    width: auto;
    margin-right: 0px;
  }
  .page_heading h1{
    font-size: 16px;
    padding: 15px 0px 5px 5px;
  }
  .timepicker{
    text-align: center;
    /*margin-left:22%;*/
    width: 100%;
    height: auto;
  }
  .whitebox1{
    margin-top:5px;
    margin-bottom: 15px;
    min-height: auto;
    padding: 10px;
  }
  .smart-left{
    width: 100%;
    min-height: auto;
    margin-bottom: 20px;
    border-right: 0px solid #d3cbcb;
  }
  .smart-right{
    width: 100%;
    min-height: auto;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .smart-left h1{
    font-size: 18px;
    padding: 15px 0px 15px 20px;
    line-height: 20px;
  }
  .checks{
    padding-left:15px;
    padding-right: 15px;
  }
  .check1{
    width: 100%;
    padding-right: 5px;
  }
  .check1 span{
    line-height: 14px;
    padding-top: 2px;
  }
  .agendaicons{
    min-height: auto;
    padding-bottom: 15px;
  }
  .meeting{
    width: 100%;
    margin-top:6px;
  }
  .min{
    width: 100%;
    text-align: center;
    float: left;
  }
  .meetingdeatils{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
  }
  .trackline2{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
  }
  .newbox2{
    width: 100%;
  }
  .arrow{
    margin: 12px 0px 12px 0px;
    text-align: center;
    width: 100% !important;
    float: left;
    transform: translate(0,0px) !important;
  }
  .trackline1{
    padding-bottom: 20px;
  }
  li.added{
    margin-bottom: 0px !important;
  }
  .newbox1, .breakbox{
    margin-bottom: 0px !important;
  }
  .arrow img{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);
    width: 20px;
  }
  .startmeeting a{
    width: 100%;
    float: left;
    margin:10px 0px 17px 0px;
  }
  .startmeeting{
    margin-top:10px;
    padding-top: 0px;
  }
  .innermenu{
    width:100%;
  }
  .track-left{
    width: 100%;
    min-height: 100px;
  }
  .contentbox{
    min-height: 100px;
  }
  .remaing{
    width: 100%;
    margin-bottom: 12px !important;
  }
  .remaing span{
    text-align: right;
    float: right;
  }
  .extended_time{
    width: 100%;
    margin-bottom: 12px !important;
  }
  .extended_time span{
    text-align: right;
    float: right;
  }
  .finishbut{
    width: 100%;
  }
  .finishbut input[type="submit"]{
    width: 100%;
  }
  .track-right{
    width: 100%;
    height: 90vh;
  }
  .meeting_controls ul{
    width: 60% !important;
  }
  #points_to_focus_div{
    margin-bottom: 15px;
  }
}

.modal-body{
  padding: 10px;
}
.newbox{
  width: 100%;
}
.finishbar{
  margin-top:10px;
}
.finishbut a{
  width: 100%;
  text-align: center;
  margin:10px 0px;
}
.finishbut a:hover,.finishbut a:focus{
  width: 100%;
  text-align: center;
  margin:10px 0px;
}
/* .forms .label{
  padding: 5px 0px 12px 0px;
} */
.box{
  padding-bottom: 15px;
}
.existing_tracks .box{
  padding: 15px 0;
}
.boximg{
  margin-top:0px;
}
.select-track h2{
  padding-left: 15px;
}
.select-track ul li{
  width: 90%;
  margin-left:5%;
}



@media (min-width: 992px) and (max-width: 1099px) {
  #pageWrapper{
    position: relative !important;
  }
  .whitebox{
    width: 80%;
    margin:0px 10%;
  }

}
@media (max-width: 767px) and (min-width:460px){
  a.home_btn {
    width: 60%;
    margin-left: 78px;
}
}
@media (max-width: 767px) and (min-width:650px){
  a.home_btn {
    width: 60%;
    margin-left: 104px;
}
}
@media (max-width: 1200px) and (min-width:992px){
  a.home_btn {
   
    margin-left: 174px;
}
}
@media (max-width: 991px) and (min-width:768px){
  a.home_btn { 
    margin-left: 138px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
  .team_select .bootstrap-select .dropdown-menu{
    min-width:100% !important;
    max-width: 100% !important
  }
  .add_break_icon{
    width: 20%;
  }
  .light_icon img{
    height: 40px;
  }
  #showbtnmeeting #start_meeting{
    width: 50% !important;
    padding: 12px 20px !important;
  }
  #starttimerdiv #starttimerb{
    width: 50% !important;
    padding: 12px 20px !important;
  }
  li.added{
    margin-bottom: 30px !important;
  }
  .meeting_duration ul li{
    width: auto !important;
  }
  .box{
    min-height: 210px !important;

  }
  .arrow img{
    margin: 0px 4px !important;
  }
  .createnew h1{
    font-size: 17px;
    font-family: 'FuturaBT-Medium';
  }
  .email_icon{
    width: 65%;
  }

  .signup_center{
    width: 62%;

  }
  #pageWrapper{
    position: absolute !important;
  }
  .whitebox1{
    margin-bottom: 15px;
    margin-top:15px;
  }
  .newbox1{
    width: 41%;
    margin-bottom: 18px;
  }
  .whitebox{
    width: 90%;
    margin:0px 5%;
  }
  .left-logo h2{
    font-size: 14px;
  }
  .track-left{
    width: 100%;
  }
  .page_heading h1{
    width: 50%;
    margin-bottom: 5px;
  }

  .navbar-right{
    margin-top: 15px;
  }
  .create_meeting_btn{
    width: 50%;
  }
  .create_meeting_btn ul{
    padding-right:5px !important;
  }
  .create_meeting_btn ul li a{
    padding: 8px 10px;
    font-size: 14px !important;
  }
  .mar_left_15{
    margin-left: 0;
  }
  .select_process_left{
    width: 70%;
  }
  .outcome .breadcrumb{
    padding: 8px 0px !important;
  }
  .outcome, .owner_name{
    width: 100%;
  }
  .owner_name h1 {
  }
  .owner_name h2 {
    width: 60%;
  }
  .track-right{
    width: 30%;
    height: 91vh;
  }
  .smart-right{
    width: 35%;
  }
  .finishbut a, .preview_btn a{
    padding: 7px 25px;
  }
  .smart-left{
    width: 100%;
  }
  .agendaicons ul li a{
    font-size: 16px;
  }
  .smart-left h1{
    padding-left: 15px;
    padding-right: 15px;
  }
  .checks{
    padding-left: 15px;
    padding-right: 15px;
  }
  .check1{
    width: 48%;
  }
  .check1:last-child{
    margin-left: 15px;
  }
  .innermenu ul{
    margin: 10px 10px 0 0;
  }
  .innermenu{
    width: 60%;
    padding: 0px 12px;
  }
  .innermenu ul li{
    margin: 11px 5px;
  }
  .innermenu ul li a{
    font-size: 13px;
  }
  .innerlogo{
    width: 100%;
    float: left;
    margin-top:15px;
    text-align: center;
  }
  .innerlogo img{
    float: left;
    width: 120px;
  }
  .title{
    width: 35%;
    padding: 15px 0px 15px 20px;
  }
  .meetingtime{
    width: 50%;
  }
  .newbox2{
    width: 18%;
    margin-bottom: 15px;
  }
  .trackline1{
    background-color: transparent;
  }
}



@media (min-width: 992px) and (max-width: 1099px) {
  .team_select .bootstrap-select .dropdown-menu{
    min-width:100% !important;
    max-width: 100% !important
  }
  .whitebox1{
    margin-top:15px;
    margin-bottom: 15px;
  }
  .meeting_duration ul li{
    width: auto !important;
  }


  .agendaicons ul li a{
    font-size: 18px;
  }
  .title{
    width: 40%;
  }
  .innermenu{
    width: 60%;
  }
  .innermenu ul li{
    margin:11px 7px;
  }
  .innermenu ul li a{
    font-size: 17px;
  }
  .forms .label{
    padding: 5px 0px 12px 0px;
  }

  .newbox2{
    width: 17%;
    margin-bottom: 15px;
  }
  .meeting1,.meeting2,.meeting3{
    margin-bottom: 15px;
  }
  .innerlogo{
    width: 100%;
    float: left;
    margin-top:15px;
    text-align: left;
  }
  .innerlogo img{
    width: 120px;
    text-align: left;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  h1.icon_title{
    font-size: 15px;
  }
  .email_icon{
    width: 65%;
  }
  .select-track h2{
    font-size: 20px;
  }

  .owner_name, .outcome{
    width: 50%;
  }
  .signup_center{
    width: 40%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .track-right{
    height: 90vh;
  }
}

@media (min-width:992px) and (max-width:1200px){
  .newbox1{
    width:25%;
    margin-bottom: 15px;
  }
}
@media (min-width:767px) and (max-width:1200px){
  .meeting_tables tbody tr td a.view{
    float: left;
  }

  #modalpopup .modal-dialog{
    width: 40%;
  }
  .delete_icon{
    margin-top: 10px;
  }
}
.menu .navbar-default .navbar-toggle{
  background: #ef291a;
  border: none;
}
.menu .navbar-default .navbar-toggle .icon-bar{
  background: #fff;
}
.menu .navbar-collapse{
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 9;
}
.menu .navbar-nav .open .dropdown-menu{
  background: #fff;
  -webkit-box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
  -moz-box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
  box-shadow: 0px 2px 6px 1px rgba(71,96,158,0.18);
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  background: #60c870 !important;
  color: #fff !important;
}

@media (min-width:1201px) and (max-width:1299px){
  .track-right{
    height: 79vh;
  }
}
.error_message
{
  width:100% !important;
  color: red;
  text-align: center !important;
}
.success_message
{
  width:100% !important;
  color: green;
  text-align: center !important;
}
.email_icon ul{
  display: table;
  margin: 0 auto 15px auto;
  width: 80%;
}
.email_icon ul li{
  float: left;
  list-style: none;
  width: auto;
  margin: 0 10px 0 0;
  padding: 0;
}
.email_icon ul li a{
  float: left;
  width: auto;
  margin: 0;
  padding: 8px 20px;
  background: #fff;
  border: 1px solid #d8d8d8;
  color: #333;
  border-radius: 3px;
  font-family: "Gillsans-Medium";
  text-align: center;
  text-decoration: none;
}
.email_icon ul li.active a{
  background: #60c870;
  color: #fff;
  border: 1px solid #60c870;
}
.bootbox_error
{
  float: left;
  width: 95%;
  text-align: center;
  font-size: 16px;
  color: #e81414;
  font-weight: bold;
}
.bootbox_success
{
  float: left;
  width: 95%;
  text-align: center;
  font-size: 16px;
  color: #09b309;
  font-weight: bold;
}
.tag-this {
  width: 100% !important;
  height: auto  !important;
}
.tag-this div {
  display: block;
  float: left;
  width: 100% !important;
}
.tag-this input
{
  width: 100% !important;
}
.ui-autocomplete {
  z-index: 999 !important;
}
/* .edit_icon_i
{
  display: none;
} */
#meeting_details_div table
{
  width: 100%;
}
#meeting_details_div table tr td
{
  padding: 5px;
  font-size: 14px;
}
#showbtnmeeting
{
  display: none;
}
#showbtnmeeting #start_meeting
{
  display: block;
  width: 35%;
  margin: 0 auto;
  transform: translate(0,80px);
  padding: 12px 10px;
  background: #ea2128;
  border-radius: 100px;
  font-family: 'Gillsans-Medium';
  color: #fff;
  font-size: 18px;
  outline: none;
  border: none;
}
#showbtnmeeting #start_meeting:hover ,
#showbtnmeeting #start_meeting:focus
{
  background: #fbbd1f;
  color:#fff;
}
#starttimerdiv #starttimerb
{
  display: block;
  width: 35%;
  margin: 0 auto;
  transform: translate(0,80px);
  padding: 12px 10px;
  background: #49ab58;
  border-radius: 100px;
  font-family: 'Gillsans-Medium';
  color: #fff;
  font-size: 18px;
  outline: none;
  border: none;
}
#starttimerdiv #starttimerb:hover ,
#starttimerdiv #starttimerb:focus
{
  background: #fbbd1f;
  color:#fff;
}
#cdown
{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-family: inherit;
  font-weight: bold;
}
#cdown span.time_no
{
  font-size: 22px;
  font-weight: bold;
  color: red;
}
#popupmodal
{
  min-height: 150px;
  text-align: center;
}
.loadingoverlay_element svg
{
  width: 25px !important;
}
.time_span {
  float: left;
  width: 100%;
  text-align: center;
  background-color: #fff;
  color: #ff4552;
  font-family: 'GillSans-Medium';
  font-size: 14px;
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-transform: capitalize;
  line-height: 28px;
  margin: 0;
}

.meeting_duration{
  float: left;
  width: 100%;
}

.meeting_duration ul{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.meeting_duration ul li{
  list-style: none;
  float: left;
  width: 18%;
  margin:0 9px 6px 0;
  padding: 0;
}
.meeting_duration ul li:last-child{
  margin: 0;
}
.meeting_duration ul li a {
  float: left;
  float: left;
  width: 100%;
  margin: 0;
  padding:11px 15px 7px 15px;
  background: #fff;
  color: #717171;
  font-family: 'GillSans';
  font-size: 13px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  text-decoration: none;
  line-height: 14px;
  text-align: center;
}
.meeting_duration ul li a:hover, .meeting_duration ul li a:focus{
  background: #60c870;
  color: #fff;
  border: 1px solid #60c870;
}
.meeting_duration label{
  font-size: 14px;
  font-family: 'GillSans' !important;
  margin-bottom:8px;
}

.label input[type=button] {
  background-color: #ea2128;
  width: 100%;
  float: left;
  padding: 12px 0px;
  color: #ffffff;
  font-family: 'GillSans-Medium';
  font-size: 15px;
  text-align: center;
  border: 0px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  margin-top: 10px;
  margin-bottom: 10px;
}
.label input[type=button]:hover, .label input[type=button]:focus {
  background-color: #fbbd1f;
}

.modal-footer{
  float: left;
  width: 100%;
  margin: 0;
  padding: 12px 15px;
}

.modal-title{
  float: left;
  width: 93%;
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height:34px;
}
button.close{
  margin: 4px 0 0 0 !important;
  font-family: 'Gillsans-Light';
  padding: 0px 0 0 0;
  border: 1px solid #808080;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  text-shadow: none;
  opacity: .4;
  line-height: 0;
  float: right;
  font-size: 18px;
}

.close:focus, .close:hover{
  opacity: .7;
}
.label i{
  color: #ccc;
  cursor: pointer;
}
.label i:hover, .label i:focus{
  color: #fbbd1f;
  cursor: pointer;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
  background-color: #fbbd1f !important;
}
.label .btn-default.active.focus, .label .btn-default.active:focus, .label .btn-default.active:hover, .label .btn-default:active.focus, .label .btn-default:active:focus, .label .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
  background-color: #fff;
  border-color: #fcbe00;
}
.label .bootstrap-datetimepicker-widget table td.active, .label .bootstrap-datetimepicker-widget table td.active:hover{
  background-color: #fbbd1f;
}
.label .bootstrap-datetimepicker-widget table th.picker-switch{
  background: #60c870;
  color: #fff;
}

.label .bootstrap-datetimepicker-widget table th.picker-switch:hover,
.label .bootstrap-datetimepicker-widget table th.picker-switch:focus
{
  background: #60c870 !important;
  color: #fff !important;
}
.label .bootstrap-datetimepicker-widget .picker-switch td span:hover,
.label .bootstrap-datetimepicker-widget .picker-switch td span:focus
{
  background: #60c870 !important;
  color: #fff !important;
}
.label .btn-primary {
  background: #60c870 !important;
  color: #fff !important;
  border-color: #60c870 !important;
}

.brd_crumbs{
  float: left;
  width: 90%;
}
.bck_btn{
  float: left;
  width: 10%;
}
.bck_btn a{
  text-align: center;
  background-color: #60c870;
  color: #ffffff;
  font-family: 'GillSans-Medium';
  font-size: 14px;
  padding: 7px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 3px;
  text-transform: capitalize;
  line-height: 18px;
  margin: 3px 0 0 0;
  float: right;
  text-decoration: none;
}
.bck_btn a:hover, .bck_btn a:focus{
  background: #fbbd1f;
}

.bootbox button.btn-primary{
  background-color: #60c870;
  border-color: #60c870;
  outline: 0;
  font-family: 'GillSans-Medium';
  font-size: 14px;
  padding: 7px 10px;
  line-height: 16px;
}
.bootbox button.btn-primary:hover,
.bootbox button.btn-primary:focus{
  background-color: #fbbd1f;
  border-color: #fbbd1f;
}
.meeting_duration ul li a.selected_time{
  background: #60c870;
  color: #fff;
  border: 1px solid #60c870;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.label .bootstrap-select .dropdown-toggle:focus{
  outline: thin dotted #333333 !important;
  outline: 0px !important;
  outline-offset: 0px !important;
  box-shadow: none;
}

.modal-body .form .label{
  padding: 0 10px;
}
.modal-body .form .label .calender,
.modal-body .form .label .time{
  right:15px;

}

.modal-footer button{
  margin: 0;
  padding: 8px 12px;
  border: none;
  background: #ccc;
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 14px;
}
.modal-footer button.cancel{
  background: #f01706;
  color: #fff;
}
.modal-footer button.success{
  background: #60c870;
  color: #fff;
}
.bootbox-body{
  font-family: 'GillSans-Medium';
  float: left;
  width: 93%;
  text-align: center;
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 36px;
}
.bootbox-body p {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.error_page {
  float: left;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 1px #cecece;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 40%;
}

.error_page h1{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 10rem;
  text-align: left;
  color: #333;
  font-family: 'FuturaBT-Heavy';
}

.error_page h2{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 3em;
  text-align: left;
  color: #ea2128;
  font-family: 'FuturaBT-Heavy';
}

.error_page p{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: left;
  color: #737373;
  font-family: 'GillSans';
  line-height: 18px;
}
.error_page a{
  background-color: #ea2128;
  width: auto;
  float: left;
  padding: 12px 25px;
  color: #ffffff;
  font-family: 'GillSans';
  font-size: 14px;
  text-align: center;
  border: 0px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-top: 5px;
  margin-top: 15px;
  line-height: 21px;
  text-decoration: none;
}
.error_page a:hover,
.error_page a:focus
{
  background-color: #fbbd1f;
  color: #ffffff;
}
a.schedule_later
{
  color: #25ad65;
  text-decoration: none;
  width: 100%;
  float: left;
  font-family: 'GillSans-Medium';
  font-size: 18px;
  margin: 0;
  padding: 5px 0 10px 0;
}
.schedule_or{
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'GillSans-Medium';
    font-size: 14px;
    color: #5d5d5d;
}

.createnew h1.createnew_margin{
    margin-top: 4px;
}

.strategies_img
{
  float:left;
  width:35px;
}
.strategies_img img
{
  float: left;
  width: 30px;
  padding-right: 5px;
  margin-top: 5px;
}
.strategies_title
{
  float:left;
  width:90%;
}
.dropdown_select_title .text {

  font-size: 14px;
}
li.dropdown-header.dropdown_select_title.optgroup-1 span.text {
  font-family: 'GillSans-Medium';
  font-size: 15px;
  color: #333;
}
li.dropdown-header.dropdown_select_title.optgroup-1 {
  border-bottom: 1px solid #ccc;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
  outline: 0 !important;
  outline-offset: 0 !important;
}

p.meeting_information_msg
{
  font-family: 'Gillsans-Medium';
  width: 100%;
  font-size: 22px;
  text-align: left;
  color: #cb912e;
  float: left;
  padding: 10px 0 0 0;
  margin: 0;
  line-height: 20px;
  text-align: center;
}
p.meeting_completed_msg
{
  font-family: 'Gillsans-Medium';
  width: 100%;
  font-size: 22px;
  text-align: left;
  color: #44ab54;
  float: left;
  padding: 10px 0 0 0;
  margin: 0;
  line-height: 20px;
  text-align: center;
}

p.meeting_cancelled_msg
{
  font-family: 'Gillsans-Medium';
  width: 100%;
  font-size: 22px;
  text-align: left;
  color: #ea2128;
  float: left;
  padding: 10px 0 0 0;
  margin: 0;
  line-height: 20px;
  text-align: center;
}

.meeting_controls{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.meeting_controls ul{
  width: 42%;
  margin: 0px auto 0 auto;
  padding: 0;
  display: block;
}
.meeting_controls ul li{
  float: left;
  width: auto;
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
}

.meeting_controls ul li a{
  float: left;
  width: 100%;
  background: #25ad65;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  line-height: 13px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .meeting_controls ul{
    width: 60% !important;
  }
}
.bootbox_question
{

}
.modal-footer button.question_proceed_btn
{
  text-align: center;
  background-color: #60c870;
  padding: 8px 15px;
  margin: 0;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  text-decoration: none;
  font-family: 'GillSans-Medium';
  line-height: 18px;
}
.modal-footer button.question_proceed_no
{
  line-height: 18px;
  background: #ea2128;
  padding: 8px 10px;
  margin: 0;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  text-decoration: none;
  font-family: 'GillSans-Medium';
}
.success_span
{
  color: green !important;
  text-align: center !important;
  font-weight: bold !important;
  margin-top: 20px !important;
  font-size: 18px !important;
}
.error-msg{
  float: left;
  width: 100%;
  padding: 5px 0 0 0 !important;
}
.invite-div{
  display: flex;
  float: left;
  width: 100%;
  justify-content: center;
}
.invite-div span{
  float: left;
  width: auto;
  min-height: 42px;
  display: flex;
  align-items: center;
}
.share-info{
  float: left;
  width: 100%;
}
.add_break_img1{
  align-items: center;
  display: flex;
  justify-content: center;
}
.atendees_emails1{
  float: left;
  width: 70%;
  min-height: 160px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.add_break_icon1{
  width: 20% !important;
}
.delete_icon_i{
  position: relative;
}
.delete_icon_i i{
  position: absolute;
  top: 6px;
  right: 7px;
}
.box-newbox{
  float: left;
  width: 100%;
  min-height: 180px;
  align-items: center;
  display: flex;
}
.newbox3{
  float: left;
  width: 100%;
}
.attendee-inpt{
  border: 1px solid #dcdcdc;
  outline: 0;
  width: auto;
  float: left;
  padding: 5px;
  color: #5d5d5d;
  font-family: 'GillSans-Medium' !important;
  font-size: 15px;
  font-weight: normal;
}
@media (min-width: 768px) and (max-width: 991px){
  .add_break_icona{
    width: 40% !important;
  }
  .atendees_emails1{
    width: 59% !important;
  }
}
@media (max-width: 767px){
  .add_break_icona{
    width: 100% !important;
    justify-content: center;
    display: flex;
  }
  .atendees_emails1{
    width: 100% !important;
  }
  .add_break_icona .add_break_img1{
    max-width: 270px;
  }
}
@media (max-width: 576px){
  .add_break_icona{
    width: 100% !important;
  }
  .atendees_emails1{
    width: 100% !important;
  }
}
.home-btn{
  float: left;
  width: 100%;
  justify-content: center;
  display: flex;
}
.take_notes_input{
  border: 1px solid #dcdcdc;
  outline: 0;
  width: auto;
  float: left;
  padding: 5px;
  color: #5d5d5d;
  font-family: 'GillSans-Medium' !important;
  font-size: 15px;
  font-weight: normal;
}
.ui-widget-header{
  border: none !important;
  background: none !important;
}
.new-view-pop{
  float: left;
  width: 100%;
}
.new-view-pop h4{
  float: left;
  width: 100%;
  font-family: 'GillSans-Medium' !important;
  font-size: 24px;
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 34px;
  text-align: left;
  border-bottom: 2px solid #cbcbcb;
}
.review-post{
  float: left;
  width: 100%;
  padding: 10px 0;
  border-bottom: 2px solid #cbcbcb;
}
.review-post img{
  float: left;
  width: 35px;
  height: 35px;
  margin-left: 10px;
  margin-top: 9px;
}
.new-view-pop .review-post:first-child{
  border-top: 2px solid #cbcbcb;
}
.review-post p{
  float: left;
  width: auto;
  font-family: 'GillSans-Medium' !important;
  font-size: 20px;
  margin: 0;
  padding: 0;
  line-height: 34px;
  text-align: left;
  color: #545454;
}
.review-post span{
  float: left;
  width: 100%;
  font-family: 'GillSans-Medium' !important;
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height: 34px;
  text-align: left;
  color: #545454;
}
.review-post span{
  padding-left: 20px;
}
.main-review-post{
  float: left;
  width: 100%;
}
.review-post ul{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 0 20px;
}
.review-post ul li{
  float: left;
  width: 100%;
  font-family: 'GillSans-Medium' !important;
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height: 24px;
  text-align: left;
  color: #545454;
}
.review-border{
  float: left;
  width: 100%;
  border-right: 2px solid #cbcbcb;
}
li.ui-menu-item {
  float: left;
  width: 100%;
  list-style: none;
  font-family: 'GillSans-Medium';
  font-size: 16px;
  color: #000;
  padding-top: 10px;
}
a.home_btnns{
  width: 40%;
  padding: 12px 10px;
  background: #60C870;
  border: none;
  line-height: 18px;
  border-radius: 100px;
  outline: 0;
  margin-left: 11px;
  font-family: 'Gillsans-Medium';
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: grid;
  text-decoration: none;
}

.menu .navbar-default .navbar-nav>li.planmeeting_dash>a {
    color: #ffffff;
    background: #25ad65;
}

.menu .navbar-default .navbar-nav>li.planmeeting_dash>a:hover,
.menu .navbar-default .navbar-nav>li.planmeeting_dash>a:focus {
    background: #f01706;
    color: #fff;
}