.bodybgimage {
    background: url(/public/images/cmcup/bodybg.jpg) no-repeat top center;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    /*    height: auto;*/

}
.navbar-brand>img{
    width: 145px;
}
.header-top-text{
       height: 30px;
        background: #983327;
    font-weight: 600;
            font-size: 12px;
    line-height: 29px;
    letter-spacing: 0px;
} 
.latest-time-text span,.latest-time-text span a{
color:#fff !important;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover{
    background-color: #007130 !important;
}
.titletextheaderv1{
    background-color: #fff;
}
.p-t-b-10{
    padding-top: 5px;
    padding-bottom: 10px;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff !important;
}
.athletics-events{
    width: 90px;
    border-radius: 0 !important;
}
w-100{
    width:100%

}
.margin{
    margin-left: 4px;
    margin-right: 10px;
}
.cmcupimg{
    margin-top: 0px;
}
.p-t-b-30{
    padding-bottom: 30px;
    padding-top: 30px;
}
.subpagesmainbodypanelview {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background: rgba(255, 255, 255, 0.92);
    margin-top: 20px;
    margin-bottom: 60px;
    overflow: auto;
        padding-bottom: 40px;
}
 .select2-container--default .select2-results__option--highlighted[aria-selected]{
                background-color: #1c8b3b !important;
             
            }
            /*Modal stylessss*/
.modal-header {
    padding: 6px 10px !important;
    background-color: #555555;
}
.close-btn {
    color: ghostwhite;
    position: absolute;
    bottom: 5px;
    right: 9px;
}
.modal-content{
    border-radius: 0px !important;
}
.modal-title {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.modal-row-btns {
    clear: both;
}
.modal-header .close {
    opacity: 1;
    text-shadow: none;
}
.modal-header .close {
    padding: 5px 15px;
    background-position: 5px 5px;
    position: absolute;
    right: 0px;
    top: 3px;
    color: #fff;
    background-color: #E1592F;
}
.close:hover, .close:focus {
    background-color: #E1592F !important;
    color: #fff;
}
.titletextheaderv1{
    padding: 10px 0px 0px 0px
}
.m-t-25{
    margin-top: 25px
}
.Supporttextv1 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #368c3c;
    border-bottom: 1px solid #368c3c;
    padding: 5px;
}

.main-div {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    opacity: 0.9;
}

.gallery-game-1 a img{

    width: 100% !important;
    height: 110px !important;
}
#gallery-game-1 a img, #gallery-game-2 a img, #gallery-game-3 a img, #gallery-game-4 a img, #gallery-game-5 a img, #gallery-game-6 a img, #gallery-game-7 a img, #gallery-game-8 a img, #gallery-game-9 a img, #gallery-game-10 a img, #gallery-game-11 a img, #gallery-game-12 a img, #gallery-game-13 a img, #gallery-game-14 a img, #gallery-game-15 a img, #gallery-game-16 a img {

    width: 100% !important;
    height: 260px !important;
}
@media screen and (min-width:1200px){
    .height-82{
        height:87.2%
    }
 #h2{
    font-size: 20px !important;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{
    font-size: 9pt
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{
     font-size: 9pt
}
.Organizationtetxview p{
    font-size: 10pt
}
.dropdown-menu>li>a{
    padding: 10px 20px !important; 
}
#overlay-user .modal-body{
/*    padding: 30%;
    text-align: center;*/
max-height: 575px;
    
}
#Iframe-Cicis-Menu-To-Go {
  max-width: 800px;
  max-height: 575px !important;
  overflow: hidden;
}
.responsive-wrapper-padding-bottom-90pct {
    padding-bottom: 55% !important;
}
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
background-color: #358b3d;    
}
@media only screen and (min-width:1650px){
    .bodybgimage {   
        height: auo;
    }
    
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting,
#h2,
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td,
.footerleftpanel,.footerrightpanel{
    font-size: 10pt !important
}
.Organizationtetxview p{
    font-size: 12pt
}
#overlay-user .modal-body{
/*    padding: 30%;
    text-align: center;*/
max-height: 775px;
    
}
#Iframe-Cicis-Menu-To-Go {
  max-width: 800px;
  max-height: 775px !important;
  overflow: hidden;
}
.responsive-wrapper-padding-bottom-90pct {
    padding-bottom: 55% !important;
}
}
@media screen and (max-width:767px){
    #gallery-game-1 a img, #gallery-game-2 a img, #gallery-game-3 a img, #gallery-game-4 a img, #gallery-game-5 a img, #gallery-game-6 a img, #gallery-game-7 a img, #gallery-game-8 a img, #gallery-game-9 a img, #gallery-game-10 a img, #gallery-game-11 a img, #gallery-game-12 a img, #gallery-game-13 a img, #gallery-game-14 a img, #gallery-game-15 a img, #gallery-game-16 a img {
        width: 100% !important;
        height: 0% !important;
    }
    .gallery-game-1 a img{
        width: 100% !important;
        height: 0% !important;
        margin-bottom: 20px;
    }
    .navbar-toggle{
        right: 45% !important;
        margin-top: 0px  !important;
        margin-right:0px  !important; 
    }
    html #footer{
        height: 100px !important;
    }
}

.m-t-30 {
    margin-top: 30px;
}
.vistors img{
    width:100px
}
table tr th{
    background-color: #008c3b;
    color: white;
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
    .cmcupimg {
        margin-right: 10px;
        width: 80px !important;

    }
   
    .pl-23{
        padding-left:1% !important;
    }
    .navbar-brand img {
        height: 80px !important;
        border-radius: 10px;
        /*        border: 1px solid #000;*/
    }
    .ap-image{
        top : 0% !important;
    }
    .header-top-text{
        font-weight: 600;
        font-size: 11px !important;
        line-height: 25px  !important;;
        letter-spacing: 0px;
    }
    .latest-time-text{
        top : 0px !important;
    }
    latest-time{
        padding-left:1%; 
    }
    .marqueeElement{
        width: 100% !important;
    }
}
.ap-image{
    top: -15% !important;
}
/*social icons*/
.all-social-icons {
    position:fixed;
    top:35%;
    z-index: 1024
}
.all-social-icons .container-socail {
    display: block;
    width: 133px;
    line-height: 1em;
    padding: 1em;
    border-top-left-radius: 0em;
    border-top-right-radius: 3em;
    border-bottom-right-radius: 3em;
    border-bottom-left-radius: 0em;
    background-color: #2570fb;
    color: white;
    clip-path: circle(1.52em at 1.5em 1.5em);
    transition: clip-path .4s ease-in-out;
}
.all-social-icons a,.all-social-icons a:hover{
    color:#fff;
}
.container-socail .icon {
    padding-left: 3px;
}
.container-socail .text {
    padding-left: 1.5em;
    font-family: 'Nunito', sans-serif;
}
.container-socail:hover {
    clip-path: circle(150px at 1.5em 1.5em);
}
.container-socail.twitter {
    background-color: #0084b4;
}
.container-socail.youtube {
    background-color: #ff0000;
}
.container-socail.instagram {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
.container-socail .text,
.container-socail.twitter .text{
    font-size: 14px;
    font-weight: 600;
    color:#fff;

}

@media screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait){

}

@media only screen 
and (max-width : 2736px) 
and (max-height : 1824px) {
    /* Styles here */

}
.p-r-l-0{
    padding-left: 0px !important;
    padding-right: 0px  !important;
}
/*.bg-color{
    background-color:#368d3d
}*/
/*.bg-color label{
    color: #fff;
}*/

@media only screen and (min-width:1900px){
    .navbar-nav > li > a, .header-top-text{
        font-size: 10pt !important;
    }
    .carousel-caption h3, .carousel-caption p{
        line-height: 40px;
    }
    .dropdown-menu>li>a {
        font-size: 10pt !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

}
@media only screen and (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important; 
    }
    .navbar-collapse.in {
        display: block !important; 
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .IsVisible-logo img {
        width: 75px !important;
    }
    .cmcupimg {
        margin-right: 10px;
        width: 80px !important;
    }
    .navbar-toggle{
        right: 45%;
    }
    .subpagesmainbodypanelview{
        margin-bottom: 150px;
    }
    #mandallvlcustomers{
            width: 1000px !important;
    }
    html #footer{
        height:100px !important;
    }
}
.height-100{
    height: 100%;
}
.navbar-brand{
    position: relative;
    top: -20px
}

.pl-0{
    padding-left:0px !important;  
}
.pr-0{
    padding-right: 0px !important;
}
@media only screen and (min-width:1000px){
    html body {
        margin-bottom: 35px;
    }
    .pr-23{
        padding-right: 23%
    } 
    .nav>li>a{
        padding: 14px 17px;  
    }
    html #footer{
        height:45px !important;
    }
    #footer .container-fluid{
        padding-top: 14px;
    }
}
                  .panel{
    margin-bottom:75px !important;
}
@media screen and (min-width: 768) and (max-width: 999px) {
    .navbar-brand img{
        max-height: 100px !important;  
    }

}


/*select2*/

.select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--single{
    border-radius: 0px;
}
.select2-container{
    width:100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 20px !important;
}

.form-control,.control-label,.select2-selection,.select2-results__option{
    font-size: 12px;
}
.control-label{
       font-weight: bold;
    font-size: 11px;
    font-family: arial;
}
.form-horizontal .control-label, .form-control-static{
    padding-bottom: 5px;
}
  .control-label {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 5px;
    }
      .sec-event-details .form-group,
    .sec-event-details .form-group select{
        margin-right: 0px ;
        margin-left: 0px;
    }
    .control-label {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 5px;
    }
    .form-control{
    border-radius: 0px;
}
select {

    /* styling */
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 0px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    width: 100%;
    color: #1c8b3b;

    /* reset */

    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#select2-countryData-container, 
#select2-stateId-container,
#select2-constituencyId-container,
#select2-mandal-container,
#select2-village-container,
#select2-School-container{
    line-height: 20px;
}
.select2-label{
    padding-bottom: 5px;
}
.select2-selection{
    display: block;
    width: 100%;
    height: 34px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #1c8b3b, #1c8b3b);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}
.form-horizontal .form-group{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.main-div img {
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 100px;
    height: 100px;
}
.scheduler-border h5{
    font-weight: 600;
}
.btn.btn-primary {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 12px;
    font-weight: bold;
    font-family: arial;
    border: 0px;
}
.btn-main-md{
    font-size: 12px;
    background-color: #1C8B3B !important;    
    border-radius: 0px !important;
    padding: 6px 12px !important;
}
.datepicker table tbody tr .month{
        border-collapse: separate;
    border-spacing: 2px;
    padding: 5px;
}
@media screen and (max-width: 1054px){
 
    
    .year .select2-container {
            width: 100%;
    }
    .dist .select2-container {
        width:100% !important;
    }
    .const .select2-container {
        width:100%
    }

}

.datepicker-days table tr th,.datepicker-months table tr th,.datepicker-years table tr th{
        background-color: #fff !important;
    color: #000;
    font-weight: 400
}
.datepicker-days table tr td,.datepicker-days table tr th{
    cursor: pointer;
}
.has-err{
    color:#e74c3c;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background-color: #007130 !important;
}
.districlvl marquee{
    padding-bottom: 12%;
    padding-top: 12%
}
.topscrollviewpanelb1{
    color:red;
    font-size: 20pt
}
/*#overlay-user .modal-content{
    background-color: transparent;
}
#overlay-user .modal-header{
     background-color: transparent;
     border-bottom: 1px solid transparent;
     padding: 15px 10px !important;
}
#overlay-user .modal-header .close{
        top: -6px;
        background-color: transparent;
}
#overlay-user .modal-header .close:hover, 
#overlay-user .modal-header .close:focus{
    background-color: transparent !important; 
}
#overlay-user .modal-body{
    padding: 30%;
    text-align: center;
}
.overlay-user{
    background-image:  url(/public/images/cmcup/istockphoto-942900824-612x612.jpg);
    background-position-y: center;
}*/



/*
   general styles
*/
.center-block-horiz {
   margin-left: auto !important;
   margin-right: auto !important;
 }
.set-margin-cicis-menu-to-go {
  margin: 20px;
}
.set-padding-cicis-menu-to-go {
  padding: 20px;
}
.set-border-cicis-menu-to-go {
   border: 5px inset #4f4f4f;
}
set-box-shadow-cicis-menu-to-go {
  -webkit-box-shadow: 4px 4px 14px #4f4f4f;
     -moz-box-shadow: 4px 4px 14px #4f4f4f;
          box-shadow: 4px 4px 14px #4f4f4f;
}
  
/*
** Style the iframe
** =========================
*/
/*
    css commmon to all iframes
*/
.responsive-wrapper {
  position: relative;
  height: 0;    /* gets height from padding-bottom */
  overflow: hidden;
  /* put following styles (necessary for overflow and 
     scrolling handling) inline in .embed-responsive-element-wrapper around iframe because not stable in CSS
    -webkit-overflow-scrolling: touch; 
                      overflow: auto; */
}
.responsive-wrapper img,
.responsive-wrapper object,
.responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   
  border-style: none;
  padding: 0;
  margin: 0;
}

/*
    css particular to this iframe
*/

#Iframe-Cicis-Menu-To-Go {
  max-width: 800px;
  max-height: 600px;
  overflow: hidden;
}
/*
   padding-bottom = h/w as %
*/
.responsive-wrapper-padding-bottom-90pct {
  padding-bottom: 90%;
}

.css_blink {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;

	animation-name: blinker;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
        background: red;
}
.css_blink:hover{
    -webkit-animation-name: blinker-stop;
	

	-moz-animation-name: blinker-stop;
	

	animation-name: blinker-stop;
}
.manual-pdf a{
    color: #000;
}
.manual-pdf a:hover{
    text-decoration: underline
}
.circle-radius{
    width:155px;
    padding: 8px;
    border-radius: 19px;

text-align: center;

margin-top: -5px;
}
.font-15{
    font-size: 15px
}
@-moz-keyframes blinker-stop {  
	0% { opacity: 1; }
	50% { opacity: 1; }
	100% { opacity: 1; }
}

@-webkit-keyframes blinker-stop {  
	0% { opacity: 1; }
	50% { opacity: 1; }
	100% { opacity: 1; }
}

@keyframes blinker-stop {  
	0% { opacity: 1; }
	50% { opacity: 1; }
	100% { opacity: 1; }
}
@-moz-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
  font-family:'tahoma', serif;
}
.nav-tabs > li a{
    cursor: pointer
}
.nav-tabs > li.active a{
        background: #358b3d !important;
color: #fff !important;
}
.manual-pdf a{
    position:relative;
    left: 70%
}
.manual-pdf a p{
    width: 200px
}
.contact-marquee {
    margin: 10px 0px
}