textarea.form-control {
   max-height: 300px;
   padding: 5px;
   resize: vertical;
   line-height: 2;
}

.form-control[readonly]{
    background-color: #fff;
    color: #66615B;
    cursor: default;
}

label{
	margin-top: 10px;
	margin-bottom: -5px;
}

.form-group{
	margin: 0px !important;
}

/* CHECKBOX STYLE */
input[type=checkbox]{
	width: 30px;
	height: 30px;
  cursor: pointer;
}

/* RADIO BUTTON STYLE */
input[type=radio]{
  /* Hide original inputs */
  visibility: hidden;
  position: absolute;
}

input[type=radio] + label:before{
  height:20px;
  width:20px;
  margin-right: 5px;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  border:1px solid #777;
  border-radius: 50%;
  cursor: pointer;
}

input[type=radio]:checked + label:before{
  background: #686868;
}


.radio-danger {
    background: rgb(246, 206, 206) none repeat scroll 0% 0%;
    border-radius: 20%;
    padding: 2px 5px;
}

/*/////// FORM INPUTS STYLES //////////*/


.form-warning {
   display: block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   color: #DD7308;
   background-color: #FCF3EA;
   background-image: none;
   border: 1px solid #DD7308;
   background-clip: padding-box;
   border-color: #DD7308 !important;
   border-bottom: 1px solid #DD7308 !important;
   border-top: 0.3px solid #fff !important;
   border-left: 0.3px solid #fff !important;
   border-right: 0.3px solid #fff !important;
}

.form-info {
   display: block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   color: #37859B;
   background-color: #daedf2;
   background-image: none;
   border: 1px solid #51bcda;
   background-clip: padding-box;
   border-color: #51bcda !important;
   border-bottom: 1px solid #51bcda !important;
   border-top: 0.3px solid #fff !important;
   border-left: 0.3px solid #fff !important;
   border-right: 0.3px solid #fff !important;
}

.form-danger {
   display: block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem;
   font-size: 14px;
   font-weight: 400;
   color: #843A39;
   background-color: #f7ebeb;
   background-image: none;
   background-clip: padding-box;
   border-color: #a94442 !important;
   border-bottom: 1px solid #a94442 !important;
   border-top: 0.3px solid #fff !important;
   border-left: 0.3px solid #fff !important;
   border-right: 0.3px solid #fff !important;
}

/*///////// icoon Moon  ////////////*/

@font-face {
  font-family: 'icomoon';
  src:  url('../farasi-fonts/fonts/icomoon.eot?riz7gs');
  src:  url('../farasi-fonts/fonts/icomoon.eot?riz7gs#iefix') format('embedded-opentype'),
    url('../farasi-fonts/fonts/icomoon.ttf?riz7gs') format('truetype'),
    url('../farasi-fonts/fonts/icomoon.woff?riz7gs') format('woff'),
    url('../farasi-fonts/fonts/icomoon.svg?riz7gs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-2x{
	font-size: 2em;
}

.icon-3x{
	font-size: 3em;
}

.icon-4x{
	font-size: 4em;
}

.icon-5x{
	font-size: 5em;
}

.icon-farasi:before {
  content: "\e901";
}


/************ preview de imagen **************/
.img-preview-sm {
    height: 300px;
    width: 330px;
	border-style: solid;
    border-width: 1px;
}

.img-preview-lg {
    width: 454px;
	height: 280px;
	border-style: solid;
    border-width: 1px;
}

.img-container, .img-preview {
    overflow: hidden;
    text-align: center;
	background-repeat:no-repeat;
	background-size:contain;
	z-index: 1000;
	position: relative;
	bottom: 1px;
}

@media (max-width: 576px) {
    .img-preview-sm {
        height: 150px;
        width: 150px;
    }
}



/*/////////  Elemntos Propios  ////////////*/
.hidden{
	display: none;
}

.sin-paddin{
	padding-left: 0px;
	padding-right: 0px;
}

.sin-margin{
	margin: 0px;
}

.sin-top{
	padding-top: 0px;
	margin-top: 0px;
}


/*///////// Progress Bar  ////////////*/
.progress-bar-danger {
    background-color: #A80000;
}

.progress-bar-warning {
    background-color: #fbc658;
}

.progress-bar-success {
    background-color: #1D9619;
}


/*///////// Tipografia y Fuentes  ////////////*/

.btn {
    padding: 10px 15px;
}

.btn.btn-sm, .btn-group-sm > .btn, .btn-group-sm .btn > a.btn {
    text-transform: none;
    padding: .375rem .75rem;
    margin: 0;
    font-size: 0.8571em;
}

.btn .material-icons, .btn:not(.btn-just-icon):not(.btn-fab) .fa {
     font-size: 1.1em;
}

.btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover {
    background-color: #f4f4f4;
    color: #6b6b6b;
}


/*///////// Tipografia y Fuentes  ////////////*/


.font-10{
	font-size: 10px;
}

.font-12{
	font-size: 12px;
}

.font-14{
	font-size: 14px;
}

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

.font-18{
	font-size: 18px;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}



.scroll-container {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    border-right: 5px solid #BABABA;
}


.input-table{
  min-width: 150px;
  height: 33px;
}

.input-cotizacion {
  min-width: 100px;
  text-align: center;
  padding: 5px 9px;
  border-radius: 0px;
}

.table-cotizacion > thead > tr > th, .table-cotizacion > tbody > tr > th, .table-cotizacion > tfoot > tr > th, .table-cotizacion > thead > tr > td, .table-cotizacion > tbody > tr > td, .table-cotizacion > tfoot > tr > td {
  padding: 4px 2px 4px 2px;
  vertical-align: middle;
}

.table-primary, .table-primary > td, .table-primary > th {
  background-color: #D7E3EF;
}

.table-info, .table-info > td, .table-info > th {
  background-color: #DEEFF2;
}

.table-warning, .table-warning > td, .table-warning > th {
  background-color: #FCF4DE;
}

.table-success, .table-success > td, .table-success > th {
  background-color: #DEF2E3;
}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


/*///////// Alertas y Notificaciones  ////////////*/
.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

.alert-success {
    color: #4caf50 !important;
    background-color: #bfdec0 !important;
    border-color: #4caf50 !important;
}

.alert-info {
    color: #37859B !important;
    background-color: #daedf2 !important;
    border-color: #51bcda !important;
}

.modal-dialog {
   max-width: 100%;
   margin: .25rem auto;
   padding-top: 10px;
}


.modal .modal-dialog {
    margin-top: 0px;
}

.modal-sm {
    width: 400px;
}

.modal-lg {
    width: 95%;
}



/*///////// Menu Cards  ////////////*/
.list-menu{
   margin-bottom: 0px;
   padding-left: 15px;
}

.list-menu-item{
   list-style: none;
}


.pull-right {
    float: right;
}


/*/////////////// Select2 ///////////*/

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-bottom: 1px solid #bbbbbb !important;
    border-radius: 0px;
}

.has-error .select2-selection {
     color:rgb(220, 53, 69) !important;
     border-color:rgb(220, 53, 69) !important;
     background-color: rgb(255, 255, 255);
}

.select2-selection {
  overflow: hidden;
}

.select2-selection__rendered {
  white-space: normal;
  word-break: break-all;
}


.is-invalid {
     color: #dd3545 !important;
     border-bottom: 1px solid #dd3545 !important;å
}

#circleprogramada {width: 20px;height: 20px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;background: #E58028;display: inline-block;vertical-align: middle}
#circlearribado {width: 20px;height: 20px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;background: #5DC82C;display: inline-block;vertical-align: middle}
#circlecancelado {width: 20px;height: 20px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;background: #CC3636;display: inline-block;vertical-align: middle}