@import url('https://fonts.googleapis.com/css?family=Signika:300,400,600,700');

body a{
  text-decoration: none;
}
body input,select{
  border-radius: 20px !important;
}
body a:hover{
  text-decoration: none;
}
body input,select:focus{
  box-shadow: none !important;
}
body table thead tr th{
  color:#18A49B !important;
}
.row{
  margin-left:0px !important;
  margin-right:0px !important;
}
h1,h2,h3,h4,h5,h6,p,div,label{
font-family: 'Signika', sans-serif !important; 
}
label{
  font-weight:normal;
}
.main_contents_body_div{
  min-height:405px;
}
/* Login Page Style Start */
#login_pg_body{
	  background-color:white;
	  background-image: url("../images/icons/login-page.jpg");
	  background-position: right; 
	  background-repeat: no-repeat; 
	  background-size: cover; 
    width:100%;
    top: 0;
    left: 0;
}
.login_wraper{
  width: 92%;
	margin-top:21%;
	background-color:white;
	padding:7% 6%;
	box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  border-radius:5px;
}
.login_header_text_div{
   font-family: 'Signika', sans-serif; 
}
.login_wraper .login_input{
  outline: 0;
  border-width: 0 0 1px;
  border-color: #18a49b;
  border-radius:0px !important;
  width:86%;

}

.login_wraper .login_btn_div{
   text-align:center;
}
.login_icons_div{
float: left;
    background-color: #18a49b;
    margin-right: 10px;
    margin-top: 8px;
    border-radius: 50%;
    height: 37px;
    width: 37px;
    text-align: center;
    padding: 4px;
}
.login_footer_r1{
  font-family: 'Signika', sans-serif; 
}
.login_footer{
  font-family: 'Signika', sans-serif; 
}
.login_footer h5{
  color:#18a49b;
}

/* Login Page Style End */

#index_pg_body, #send_sms_body, #import_data_body, #bio_matric_att_body{
  font-family: 'Signika', sans-serif; 
}

.general_button {
  border-radius:20px;
  background-color:#18a49b;
  border:1px solid #18a49b;
  color:white;
  width: 87px;
  height: 28px;
  padding: 4px 17px !important;
  font-size:13px;

}
.general_button:hover{
  background-color:white !important;
  color:#18a49b !important;
  border:1px solid #18a49b;
}
.general_button2{
  border-radius:20px;
  background-color:#ffffff;
  color:#18a49b;
  border:0px;
  width: 87px;
  height: 28px;
  padding: 4px 17px !important;
  border:1px solid #18a49b !important;
  font-size: 13px;
}

.general_button2:hover{
  background-color:#18a49b !important;
  color:white;
}
.general_button3{
  border-radius:20px;
  background-color:#18a49b;
  color:#ffffff;
  height: 35px;
  padding: 4px 17px !important;
  border:1px solid #ffffff !important;
  float:left;
  margin-left:27px;
  font-size:13px;
  padding: 0px 13px 0px 13px !important;
}
.general_button3:hover{
  border:1px solid #18a49b !important;
  background-color:white !important;
  color:#18a49b !important;
}
.general_button3:hover > span{
  color:#18A49B !important;
}

.index_pg_top_row{
  background-color:#3D3D3D;
  color:white;
  padding:0px;
}
.index_pg_top_row .contact_p{
    margin: 8px 0px 8px 0px;
    font-size: 12px;
    letter-spacing: 1px;
    letter-spacing: 0.4px;
}
.index_pg_top_row .contact_p img{
    width: 11px;
  }
.notifier_title
{
  color: #18a49b;
  font-size: 19px;
  font-weight: bold;
}
.clear{clear: both;}

.sign_out_btn, .btn
{
     outline: none !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 5px;
    width: 28%;
  }
.sign_out_btn::after 
    {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}

.sign_out_btn:hover, .btn:hover
    {
        background: #0085ca;color: white;
    }
.button::after 
{
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.main_contents{
  background-color:#f0f3f6;
}
.text_title_sec1 .t_sec1{
  color:#515252;
  text-align:center;
}
.text_title_sec1 .t_sec1 h2{
  letter-spacing: 2px;
}
.text_title_sec1 .t2_sec1{
  float:right;
  margin-right:18%;
  color:#18A49B;
}
.result_subject_box{
    display: block;
    width: 50%;
    background: white;
    height: auto;
    top: 16%;
    left: 10%;
    box-shadow: 0px 1px 55px -6px grey;
    border-radius: 3px;
}
.account_balance_box{
    text-align: left;
    color: #4d4d4d;
    font-size: 14px;
    top: 15%;
    float: right;
    margin-right:3%;
}

.main_wraper{
  margin: auto;
  margin-top:0.5%;
  margin-bottom: 40px;
  padding:0px 9px;
}
.sec2_row{
      padding: 23px 0px 12px 0px;
      background-color:white;
      letter-spacing: 1px;
}
.custom_modal, .custom_modal1{
    display: none;
    position: absolute;
    width: 100%;
    background: black;
    height: 89%;
    left: 0;
    top: 77px;
    z-index: 9;
    padding: 10px;
    overflow-y: scroll;
}
.modal_title, .modal_title1 
{
    text-align: center;
    font-size: 31px;
    margin-top: 3%;
    margin-bottom: 4%;
}
.tmp_loader
{   text-align: center;
    margin-top: 10%;
    color: #484242;
    font-size: 16px;}
    #form_send_sms
    {
            width: 28%;
    margin: auto;
    }
.input_transparent
{
    background: transparent;
    //border:0;
    border-radius: 0;
    box-shadow: none;
    //border-bottom: 1px solid grey;
  outline: none;
}
.input_transparent:focus
{
    border-color: #0177B5;
    box-shadow: none;
}

.result_box, .result_box1
{
    display: none;
    position: fixed;
    width: 28%;
    background: white;
    min-height: 21%;
    bottom: 0;
    padding: 20px;
    margin-left:2%;
    box-shadow: 0px 1px 12px 2px #9C9C9C;
}
.result_icon
{
    width: 21%;
}
.result_icon, .result_box_inner, .result_box_inner1
{
    float: left;
}
.result_box_inner, .result_box_inner1
{
    width: 78%;
}
.modal_open{
    padding-right: 17px;
    overflow: hidden;
}
.modal_body
{
    padding-bottom: 94px;
}
.table-bordered, .table-bordered th, td{
  border-color: #c3c3c3 !important;
}
.flip-container{
  background-color:#18a49b;
  color:white;
  width: 100%;
  height: 185px;
  padding: 9%;
}
.boxes_text1{
    margin-top: 10px;
    font-size:16px;
    color:white;
}
.boxes_text2{
  margin-top:12px;
  font-size: 12px;
  line-height: 20px;
}

.flip-container:hover{
 background-color:#5d5e5e;
 color:white;
}

.flip-container:hover .boxes_text1{
 background-color:#5d5e5e;
 color:white;
}

.custum_col a{
  color:white;
  text-decoration:none;
}
.custum_col a:hover{
  text-decoration:none;
  background-color:#18a49b;
}

.boxes_div .custum_col{
  padding:2px !important;
}

.custum_col .top_left_box
{
  border-top-left-radius: 10px;
}
.custum_col .top_right_box
{
  border-top-right-radius: 10px;
}

.custum_col .bottom_left_box
{
  border-bottom-left-radius: 10px;
}
.custum_col .bottom_right_box
{
  border-bottom-right-radius: 10px;
}

.footer_row{
  padding: 9px 5px;
  background-color: #3d3d3d;
  color:white;
}


#sms-counter-individual, #sms-counter-group{
    font-size: small;
    margin-top: 7px;
    text-align: left;
}
#send_sms_body{
  background-color:#f0f3f6;;
}
#group_sms_form{
    width: 40%;
    margin: auto;
    background-color: white;
    padding: 22px 40px;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
    border-radius: 5px;
}
#individual_sms_form{
    width: 40%;
    margin: auto;
    background-color: white;
    padding: 22px 40px;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
    border-radius: 5px;
}

.go_back_col{
  background-color:#3d3d3d;
  padding: 17px;
  text-align:center;
  height:60px;
}
.go_back_col a{
  text-decoration: none;
}
.go_back_col a:hover{
  text-decoration: none;
}
.row3_right_col{
  background-color:#18a49b;
  padding:17px;
  text-align:center;
  height:60px;
}
.row3_right_col a{
  text-decoration: none;
}
.row3_right_col button:hover > a{
  text-decoration: none;
  color:#18A49B;
}
.row3_right_col a:active {
  text-decoration: none;
  color:#18A49B;
}
.send_sms_row{
  height:60px;
}
.active_general_button3{
  border:1px solid #18a49b !important;
  background-color:white;
  color:#18a49b;
}
.snd_sms_text_area{
  width:100%;
  border-radius:20px;
  box-shadow: none; background: transparent; border: 1px solid #BBBABA;
}
#form_import_data{
    width: 38%;
    margin: auto;
    padding: 24px 55px;
    background-color: white;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
    border-radius: 5px;
}
#biomtric_att_table tr td{
  border:0px;
}
#bio_matric_att_body{
  background-color: #f0f3f6;
}

#hr_policy_form{
  padding: 24px 55px;
  background-color: white;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  color:#18a49b;
  border-radius:5px;
}
#hr_policy_form select{
  color:#18a49b;
}
#hr_policy_form input,select{
  border-radius:20px !important;
}

.data_container{
  background-color:#f0f3f6 !important;
}
#sms_logs_page .data_container{
  background-color:#ffffff !important;
  width:86%;
  margin:auto;
  padding:25px;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  margin-top:4%;
}
#sms_logs_page .data_container table{
  background-color: white;
  border-radius: 5px;
}

#sms_logs_page .data_container table thead{
  color:#18a49b;
}
#sms_logs_page .data_container table thead tr th{
   background-color: white !important;
}

.hr_policies_list {
  background-color:white !important;
  padding:44px;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
}
.hr_policies_list table thead tr th{
  color:#18a49b;
}


#sms_logs_page .grid_wraper {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
    background: rgba(251, 250, 250, 0.93);
    min-height: 500px;
}
#sms_logs_page .grid_wraper .text_title{
    width: 50%;
    margin: auto;
    margin-bottom: 14px;
}
#sms_logs_page .text_title span, .text_title .t{
    color: #655E5E;
}
#sms_logs_page .dim_text{
    text-align: center;
    color: rgba(0, 0, 0, 0.34);
    margin-top: 50px;
    font-size: 19px;
}
#sms_logs_page a{
  text-decoration: none;
}
#sms_logs_page a:hover{
  text-decoration: none;
}
.boxes_img_div{
    background-color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    padding: 7px;
    border: 1px solid #18a49b;
}
.boxes_div img{
    width: 19px;
}
.boxes_div{
  letter-spacing: 0.5px;
}
.go_back_col_inner_div{
  margin-right: 42%;
  font-weight: 400;
  letter-spacing:2px;
  color:white;
}
.mngnt_body_left_col_div{
    background-color: white;
    padding: 15px 15px 59px 15px;
    letter-spacing: 0.5px;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
}
.mngnt_body_right_col_div{
    background-color: white;
    padding: 15px 15px 14px 15px;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
}
.mngnt_body_left_col_div .account_info_text{
  color:#59B9B2;
  font-weight: 600;
}
.mngnt_body_left_col_div input,select{
  border-radius: 20px !important;
  width:70% !important;
}
.mngnt_body_left_col_div{
  background-color:white;
}
a {
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
.mngnt_body_right_col_div,.search_pple_result table thead tr th{
  color:#36ABA3;
}
.mngnt_body_right_col_div,.search_pple_result table{
  background-color:white;
}
.ppl_mgt_inner_row input,select{
  border-radius: 20px;
}
.ppl_mgt_inner_row #search_by_group{
  width:100% !important;
}
#mngmnt_change_password_form{
  width:55%;
  margin:auto;
}
#mngmnt_change_password_form input{
  border-radius:20px;
}
#mngmnt_change_password_form label{
  color:#61B8B2;
}
.ajax_response form{
  width:30%;
  margin:auto;
  padding:25px;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  background-color: white !important;
}
.ajax_response form input,select{
  border-radius: 20px !important;
  width:95%  !important;
}
.customized_sms_left_col_div{
    width: 95%;
    background-color: white;
    margin: auto; 
    padding: 20px 15px 49px 17px;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
}
.customized_sms_right_col_div{
    background-color: white;
    padding: 20px 15px 49px 17px;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
    width: 90%;
    margin: auto;
}
.group_attendance{
  background-clip: white;

}
.view_attendance label{
  letter-spacing: 1px;
  color:#515252;
}
#attendance_pg_body table th{
  color:#18A49B;
}
.billing_container{
  background-color:white !important;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  margin-bottom:5%;
}
.billing_container table{
  background-color:white !important;
  padding:10px;
  width:98% !important;
}
.billing_container > div:nth-of-type(1){
  background-color:white !important;
  padding:10px;
  width:98% !important;
}
.billing_container th{
  color:#18A49B;
}
.filter_sms_input_div{
  letter-spacing: 1px;
}
.filter_sms_input_div input{
  border-radius: 20px;
}
.filter_sms_input_div label{
  color:#45B5AE;
}
.general_button3:hover > a{
  color:#18A49B !important;
}
.result_subject_box
{ 
    position: absolute;
    width: 50%;
    background: white;
    z-index: 99999999999;
    height: auto;
    top: 5%;
    left: 30%;
    box-shadow: 0px 1px 55px -6px grey;
    border-radius: 3px;
  }
  .result_subject_box input,select{
    border-radius: 20px;
  }
.customized_sms_col{
  background-color:#7AFCF3;
  padding:0px;
  border: 1px solid #18A49B !important;
}
.customized_sms_col div{
    padding: 5px 0 6px 0;
  text-align:center;
}
.customized_sms_col_div{
  color:#18A49B;
}
.customized_sms_col_div a{
  color:#18A49B;
}
.customized_sms_col_div:hover{
  background-color:#18A49B;
  color:white;
}
.customized_sms_col_div:hover > a{
  color:white;
}
.search_pple_result{
  background-color:white;
}
.ppl_mgt_inner_row label{
  color:#18A49B;
  font-weight: 500;
}
.persons_managment_modal_row label{
  color:#18A49B;
  margin-top:10px;
  letter-spacing: 1px;
  font-weight: 600;
}
.persons_managment_modal_row input{
  border-radius: 20px;
}
#title_hr1{
    border: 0.5px solid black;
    width: 118px;
    margin-top: 36px;
    margin-right: 226px;
    margin-bottom:1% !important;
    margin-top: 22px;
}
#title_hr2{
    border: 0.5px solid black;
    width: 118px;
    margin-top: 36px;
    margin-right: 226px;
    margin-bottom:1% !important;
    margin-top: 22px;
}
.list_student_table{
  background-color: white;
  padding:20px;
}
.list_student_table th{
  color:#18A49B;
}
.live_devices_p{
    margin: 8px 0px 8px 0px;
    font-size: 12px;
    letter-spacing: 0.4px;
}
#b_modal .modal-header{
  background-color:#18A49B;
  color:white;
  text-align:center;
  padding:8px;
  letter-spacing: 1px;
  font-family: 'Signika', sans-serif !important;
}
#company-contact-portion h6{
    color: #18a49b;font-size: 13px;font-weight: 600;letter-spacing: 0.6px;
}
#company-contact-portion p{
    font-size: 11px;
    color: #584848;
    margin-bottom: 10px;
}
#company-contact-portion p img{
    margin-right: 10px;
}



.search_member
{
    padding: 5px 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    background: #f1f1f1;
    border-radius: 0px !important;
}

.search_member_btn
{
    float: left;
    padding: 5px 10px;
    background: #18a49b;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

.search_member_btn:hover
{
    background: #0b7dda;
}

.search_div::after
{
    content: "";
    clear: both;
    display: table;
}
.search_div
{
    margin:auto;max-width:300px;float: right;

    margin-top: -37px;
    margin-bottom: 15px;
}