/* Custom Style Vadym*/

.profile-user-img{width: 100px; border: 0px;}
.logoCole {height:72px; display:block; margin:auto}

input[type="radio"] {margin: 3px 10px 0px 9px; display: block; float: left;}

.emptyBox{width:100%; height:15px}
/* File group_new*/
.blDias{border-bottom:1px dotted grey; width: 717px; margin-left:0px !important;}
.checkCustom{border:0px solid green; width: 717px !important; margin-left: 70px !important;}
.checkCustom label{border:0px solid red; margin-right:45px; margin-left:0px; width: 60px; padding-left: 5px; text-align: left;}
.checkCustomDel {border:0px solid red !important; width:110px; float: right; position: relative; top: -10px;}
.checkCustomDel label{border:0px solid red; margin-right:5px; margin-left:0px; width:85px; padding-left: 5px; text-align: left; color: #eb2c15;}
.checkCustomDel input{position: relative; top: 3px;}
.hidBlockDel {width: 80%; border:0px solid green}
.lableDia{margin-left:50px}
.timeVadBlock{max-width:400px; position:relative; left:15px}
.metkaVadHora{margin-left:130px !important; margin-right:0px !important; border:0px solid green !important; color: #4f6875;}
.bootstrap-timepicker-widget.dropdown-menu.open{margin-left:180px}

.blockGroup{}
.diaGroup{background: #539cc8; min-width: 65px !important; display: block; text-align: center; margin: 5px 7px 0 0; border-radius: 2px; color: #fff; float:left; padding: 0 6px 0 5px;}
/*
.periodGroup{background: #4e6872 !important; width: 100px !important; display: block; text-align: center; margin: 5px 7px 0 0; border-radius: 2px; color: #fff; float:left}
.periodGroupFin{background: #f39c12 !important; width: 100px !important; display: block; text-align: center; margin: 5px 7px 0 0; border-radius: 2px; color: #fff; float:left}
*/
.periodGroup{background: #4e6872 !important; width:100% !important; display: block; font-size:12px; text-align: center; margin: auto; border-radius: 2px; color: #fff; float:left; margin-bottom: 5px;}
.periodGroupFin{background: #f39c12 !important; width:100% !important; display: block; font-size:12px; text-align: center; margin:auto; border-radius: 2px; color: #fff; float:left}

.horasGroup{background: #727272 !important; padding: 0 7px 0 7px; display: block; text-align: center; margin: 5px 7px 0 0; border-radius: 2px; color: #fff; float:left}
.horasGroupInt{background: #40a7ad !important; padding: 0 7px 0 7px; display: block; text-align: center; margin: 5px 7px 0 0; border-radius: 2px; color: #fff; float:left}
.horasDiff{background: #bd7909 !important; padding: 0 7px 0 7px; display: block; text-align: center; margin: 5px 7px 0 0; border-radius: 2px; color: #fff; float:right}
.planEstudio{float:right}

.actGroupEdit{background: #009300; min-width: 65px !important; display: block; text-align: center; margin: 5px 7px 0 0; border-radius: 2px; color: #fff; float:left; padding: 0 6px 0 5px;}

.informeCap{font-weight:600; font-size:16px; color:#ff851b; margin:0px; padding-left: 16px}
.informeCap2{font-weight:600; font-size:18px; color:#00a65a; margin:0px; text-align: center;}
.informe>div>div>label{text-align:left!important; font-weight:600 !important}
.informe>div>div{margin-bottom:0px!important; }
.periodGroupInforme{background: #4e6872 !important; display: block; text-align: center; padding: 0px 4px; margin: auto; border-radius: 2px; color: #fff; float:left; margin-bottom: 5px;}
.informeForm{margin-top:7px}
.informe>div>.table>tbody>tr>td{vertical-align:middle!important; font-size:15px;}

/******************** Login Block ********************/

.userProfile{ border: 0px solid green; width: 200px; text-align: center; margin: auto; margin-top:-245px}
.customVad {border-radius: 15px; min-height: 250px;}

.control-sidebar-dark{display:none}
.skin-blue .main-header .navbar{background-color:rgb(96, 92, 168) !important;}
.skin-blue .main-header .logo{background-color:rgb(96, 92, 168) !important;}

.verticalText {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    writing-mode: tb-rl;
	width: 30px;
	margin: 0px -20px 10px 0px;
	letter-spacing: 10px;
	font-size: 20px;  
}

.colorPayRed{color:red; padding: 0px 0px 1px 4px }
.colorPayRedDate{
	background: #dd4b39;
    color: #fff;
    padding: 0px 5px 1px 4px;
    border-radius: 2px;
	}
	
.colorPayGreen{color:#00a65a; }
.colorPayGreenDate{
	background: #00a65a;
    border-radius: 2px;
    color: #fff;
    padding: 0px 5px 1px 4px;
	}
.colorPayBlueDate{
	background: #0073b7;
    border-radius: 2px;
    color: #fff;
    padding: 0px 5px 1px 4px;
	}

.borderMark{color:#fff; border:0px dotted #121111; padding: 0 5px 0 5px; border-radius:3px; margin-top:4px;display: block; background:#dd4b39;}
.borderNoMark{color:green; border: 0px solid #626161; padding: 0 5px 0 5px; }

/*.bgGreenLine{background:green;}*/

.horario {max-width: 230px;}
.curBtn{background: #f39c12; border: 1px solid #c57e0a;}

.tableVad tr td{ vertical-align: middle!important}
.tableVad tr th{ vertical-align: middle!important; text-align: center;}
.table.tableVad>thead>tr>th{line-height:10px;}
.table.tableVad>tbody>tr>td{line-height:16px;}

.tableVadCap tr td{ vertical-align: middle!important; padding:8px; line-height: 15px;}
.tableVadCap tr th{ vertical-align: middle!important; text-align: center; padding:8px} 

.table.tableVadCap>thead>tr>th{line-height:5px; border: 1px blue red !important;}
.table.tableVadCap>tbody>tr>td{line-height:10px; border: 1px orange green !important;}





/*.tableVadInfoTotal{text-align:center}*/
.tableVadInfoTotal tr th{text-align:center; padding:4px!important; font-size: 14px;  font-weight: 600;}

.tableVadPay{width: 100%;}
.tableVadPay tr td{text-align:center; border: 1px solid #9e9e9e;}
.payBlock {border: 1px solid #4a868c; width:64px; height: 40px; float: left; text-align: center; border-radius:5px; margin: 0 2px 2px 0;}
.payBlockNoPay {border:1px dotted #dd4b39; background:#f9e9e8; width:64px; height: 40px; float: left; text-align: center; border-radius:5px; margin: 0 2px 2px 0;}
.payBlockNoPay div {position: relative; top: 25%; color:#d4362a; font-size:12px;}
.payBlock span {display: block; line-height: 16px; color: #37777e;}
.payBlock span.numPay{border-radius:4px 0 5px 0; width:17px; height:16px; line-height: 14px; font-size:11px; background:#c4cfd0; color:#323131; font-weight:600;  margin:2px 0 0 2px; float:left}
.payBlock span.amPay{border-radius:0px 4px 0 5px; width:30px; height:18px; font-size:16px; background:#7eb6bc; color:#142d30; font-weight:600;  margin:2px 0 1px 10px; float:left}

.periodGroupTable{color:#424141; width:80px; display:block; margin:5px 0 0 0; border:1px dotted #121111; padding:0 5px 0 5px; border-radius:3px; font-weight:600; /*float:left;*/}

.comentStud{border:0px solid #9e9e9e;float:inherit; width:100%; margin:45px 0 -4px 0; line-height:17px; color: #37777e;}
.comentStud span {background: #c4dadc; padding:0px 3px 1px 3px; border-radius: 3px; color: #215459; width: 64px; display: block; float: left; text-align: center; margin-right: 5px;}

table.tablePrice tr th{text-align: center; vertical-align: middle;}
table.tablePrice tr td{text-align: center; vertical-align: middle;}

.priceForm input[type="number"]{width: 75px; height: 19px;}


@media print {
	@page { margin: 0; }
	body { margin: 0.0cm; }
	.noprint {
		display: none !important;
	  }
}


/* login files AUTH */
.login-box-body h2{color:#6f24a2!important}
.login-box-body p{color:#4a1171!important; margin:-11px 0 20px 0}
.errMes{color:red}
.glyphicon{color:#6f24a2!important}

table.marginVad tr td {margin: 0 5px 0 5px}
table.dataTable thead .sorting:after{font-size:8px}
table.dataTable thead .sorting_asc:after{font-size:8px}


#accordion label{text-align:left}

/* Ficha alumno Radio button */
input.inputFicha[type=radio]{
  opacity: 0;
  visablity: hidden;
  margin-left: -20px;
}
.radio_indicator{
  display:inline-flex; /*inline-grid;*/
  text-align:center;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  padding: 10px 10px;
  border-radius: 2px;
  /*border-color: #ddd;*/
  color:#444;
  border: 1px solid #ddd;
  min-width: 140px;
}

.radio_indicator:hover{
  background: #e7e7e7;
  border: 1px solid #1abc9c;
  color:#1abc9c;
}
.radio_indicator i{font-size:14px; margin-right: 8px; color: #5f7672}
.radio_indicator:hover i{ color: #1abc9c}

input.inputFicha[type=radio]:checked + .radio_indicator{
  background: #1abc9c;
  color:#2c4843;  
}

input[type="radio"].inputFicha{margin:3px 10px 0px -23px!important}

input.inputFicha[type=radio]:checked + .radio_indicator i{
  color:#2c4843;
}
#intDuracion div span.select2 { width: 100% !important;}
#bonoPreset div span.select2 { width: 100% !important;}
#intCourse div span.select2 { width: 100% !important;}
#individualCourse div span.select2 { width: 100% !important;}


.select2-container{display:inline!important;}
/*.select2-container{display:inline!important;}*/
/* #bonoPreset div span{display:inline-table!important; }*/

.calendBlock {line-height:20px; text-align: left; font-size: 14px;}

.indexTablet img{margin: 25px 0 28px 15px;}
.inner img{margin-top:30px; width: 120px;}


.navYears{padding:3px 0 15px 0;}
.navYears table.table-1{margin:auto}
.tdName {font-size:16px}
.form-control{background: #f9f9f9; border-radius: 4px;}
/*.selectYear {width: 130px; height:30px; padding: 0px 12px;} */
/*.btnTopVadym a{width:10%}*/
/*.btnTopVadym select{width:10%}*/
.tableVad2{background:transparent!important;}
.tableVad2 tr td{border: 0px !important; padding: 0px !important;}

.pagoFraccionado{color:#605ca8; font-weight:600;} 
.pagoTresPagos{color:#109ef1; font-weight:600;} 
.pagoTrimestres{color:#f19709; font-weight:600;} 
.pagoDosPagos{color:#00a65a; font-weight:600;}
.pagoAnual{color:#718314; font-weight:600;}
.pagoMensual{color:#dd4b39; font-weight:600;} 

/* Для планшета */
/*@media (min-width: 450px) and (max-width: 800px) {*/
@media (max-width: 800px) {
	/* body {font-size:18px;}*/
    .col-sm-2 {width: 30%;}
	.sidebar-menu .treeview-menu>li>a {font-size:18px; margin-bottom:3px}
	.col-sm-6 { width: 60%;}
	.col-sm-3 { width: 60%;}
	.vproDate {width: 56%; position: relative; left: 15px;}
	.radio_indicator {font-size:15px}
	.input-group-addon {font-size:18px}
	.dropdown-menu {font-size:18px}	
	.col-sm-10 p{font-size:18px}
	.form-control {font-size:18px; height:46px;}
	.select2-selection{height:46px!important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:42px}
	.btn-sm {font-size:20px}
	.daterangepicker .ranges .input-mini{font-size:13px}
	h4.box-title{font-size:24px!important}
	.box-profile{font-size:14px}
	.main-header .logo {height:55px}
	
	.indexTablet {width:100%}
	.indexImg {display:none}	
	.indexTablet img{margin:auto}
	
	.inner img{margin-top:30px!important; width: 80px;}
	.inner p{font-size: 17px;}
	
	.noSmallScreen{display:none;}
	/* .selectYear {width: 130px; height:30px; font-size:14px; padding: 0px 12px;} */
	
	.navYears{width:100%; margin-top: 10px;}
	.navYears table.table-1{margin:inherit; margin-left: 10px;}
	.tdName {padding-left:5px; width:150px; text-align:left;}
	.tdName a{font-size:15px; }
	.calendBlock {font-size:11px}
	.table>tbody>tr>td{padding:1px; font-size:14px; padding: 1px 2px 0px 5px;}
	table.dataTable thead > tr > th {padding-right:2px}
	table.dataTable thead .sorting:after {font-size:1px;}
	table.dataTable thead .sorting {font-size:11px;}
	.periodGroup{font-size:9px}
	.periodGroupFin{font-size:9px}
	.colorPayGreenDate{padding:1px 2px 1px 2px}
	.colorPayBlueDate{padding:1px 2px 1px 2px}
	.colorPayRedDate{padding:1px 2px 1px 2px}
	div.dataTables_filter{text-align:left}
	div.dataTables_filter input[type="search"]{font-size: 16px!important; height: 30px!important;}
	.calendBlock i{display:none}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { width: 220px; } 	
	
}

/*@media (max-width: 400px) {*/
@media (min-width: 100px) and (max-width: 400px) {
	.tdName{text-align:left;}
	.profile-username {font-size:16px}
	.main-footer{text-align: center; font-size: 14px;}
	.inner {height:120px !important;}
	.inner img{margin-top:8px!important;}
	.inner p{font-size: 14px;}
	.noSmallScreenPhone{display:none;}
	.calendBlock {font-size:11px}
	.selectYear {width:90px;}

}

/* Стили цвета ячейки с группой файл students_view */
.petColor {background:#fa0845; border:10px solid #fff!important;}
.petColor a{color:#fff!important;}

.fceColor {background:#018b63; border:10px solid #fff!important;}
.fceColor a{color:#fff!important;}

.caeColor {background:#0386d3; border:10px solid #fff!important;}
.caeColor a{color:#fff!important;}

.kids1Color {background:#e9182e; border:10px solid #fff!important;}
.kids1Color a{color:#fff!important;}

.kids2Color {background:#1e93e1; border:10px solid #fff!important;}
.kids2Color a{color:#fff!important;}

.kids3Color {background:#f36525; border:10px solid #fff!important;}
.kids3Color a{color:#fff!important; }

.kids4Color {background:#01c99c; border:10px solid #fff!important;}
.kids4Color a{color:#fff!important;}

.kids5Color {background:#a8bf31; border:10px solid #fff!important;}
.kids5Color a{color:#fff!important;}

.kids6Color {background:#575496; border:10px solid #fff!important;}
.kids6Color a{color:#fff!important;}

.directColor {background:#124869; border:10px solid #fff!important;}
.directColor a{color:#fff!important;}



.tableVadDetails tr td{ vertical-align: middle!important; text-align:left; padding: 3px 10px !important; color:#00a65a}
.tableVadDetails tr td span{padding: 0 2px; border-radius:3px;}
.tableVadDetails tr th{ vertical-align: middle!important; text-align:left; padding:3px 10px !important;}

.tableVadDetails tr td span.partStart{background-color: #e2f1ea; color:#08874c}
.tableVadDetails tr td span.partEnd{background-color: #f9dad6; color:#ab4336}

.tableVadDetails tr td a{color:#00a7d0}
.tableVadDetails tr td a:hover{color:#e19215}

.payRow {background-color:#067a60; border-radius:2px; padding:0px 3px 1px 2px; margin-right:2px; color: #fff;}
.pagoStyle {display:inline-table!important; height: 20px;}

#facturaInd {background:#e1e9e5; padding: 20px 0px 5px 15px; margin: 0px 0 10px 0;}